/* ===================================================================================

Do not modify this file. 

It's generated automatically and any change will be removed with the very next commit. 

Check the 'readme' file in the 'assets-src' directory.

=================================================================================== */

section.customer-portal{position:fixed;top:2rem;right:0;z-index:1000;border-radius:1rem 0 0 1rem;background:var(--ff-gradient2);width:400px;transition:250ms ease-in-out;transform:translate(100%, 0);opacity:0}section.customer-portal.active{opacity:1;transform:translate(0, 0)}section.customer-portal,section.customer-portal *{color:#fff}section.customer-portal a:hover{text-decoration:none}section.customer-portal header{border-bottom:.5rem hsla(0,0%,100%,.7) solid}section.customer-portal header .icon{font-size:3rem}section.customer-portal .nav-target .nav-target-inner{_background:hsla(0,0%,100%,.3);border-radius:.5rem}section.customer-portal .nav-target .nav-target-inner h1,section.customer-portal .nav-target .nav-target-inner h2,section.customer-portal .nav-target .nav-target-inner h3,section.customer-portal .nav-target .nav-target-inner h4{font-size:1rem;font-weight:bold}section.customer-portal .nav-target .nav-target-inner .item-content{border-radius:1rem;background:#fff;background:hsla(0,0%,100%,.3)}section.customer-portal .nav-target .nav-target-inner .item-content,section.customer-portal .nav-target .nav-target-inner .item-content *{_color:var(--ff-color1)}section.customer-portal .nav-item{font-weight:500;line-height:1.6}section.customer-portal .nav-item .nav-item-inner{cursor:pointer;background:hsla(0,0%,100%,.25);border:2px hsla(0,0%,100%,0) solid;border-radius:1rem;text-align:center;height:100%;transition:border 50ms ease-in-out}section.customer-portal .nav-item .nav-item-inner .icon{display:block;font-size:2.5rem;height:62px}section.customer-portal .nav-item:hover .nav-item-inner,section.customer-portal .nav-item.active .nav-item-inner{border-color:hsla(0,0%,100%,.9)}section.customer-portal .content-section{height:calc(100vh - 11rem);overflow:auto}section.customer-portal .content-section::-webkit-scrollbar{width:1rem}section.customer-portal .content-section::-webkit-scrollbar-track{background:hsla(0,0%,100%,.3);_border-radius:1rem}section.customer-portal .content-section::-webkit-scrollbar-thumb{background:#888;border-radius:1rem}section.customer-portal .content-section::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.7)}section.customer-portal .content-section{scrollbar-width:1rem;scrollbar-color:hsla(0,0%,100%,.7) hsla(0,0%,100%,.3)}section.customer-portal .toggle-customer-portal{position:absolute;right:.75rem;top:.75rem;background:hsla(0,0%,100%,.7);border-radius:999rem;overflow:hidden;display:block;width:2rem;height:2rem;display:flex;justify-content:center}section.customer-portal .toggle-customer-portal,section.customer-portal .toggle-customer-portal *{color:var(--ff-color1)}section.customer-portal .load-target .preloader img{max-width:100px;height:auto;margin:0 auto;display:block}section.customer-portal .nav-target.system-status .icon{position:relative;margin:0;top:.4rem;font-size:1.25rem}section.customer-portal .content-section{display:flex;flex-direction:column}section.customer-portal .content-section .load-target{order:0}section.customer-portal[data-current_section=tutorial-videos] .content-section .load-target,section.customer-portal[data-current_section=system-status] .content-section .load-target,section.customer-portal[data-current_section=contact] .content-section .load-target{order:3}section.customer-portal[data-current_section=product-videos] .nav-target ul,section.customer-portal[data-current_section=product-videos] .nav-target ol,section.customer-portal[data-current_section=tutorial-videos] .nav-target ul,section.customer-portal[data-current_section=tutorial-videos] .nav-target ol{list-style:none;padding:0 0 0 .25rem;margin:0}section.customer-portal[data-current_section=product-videos] .nav-target li,section.customer-portal[data-current_section=tutorial-videos] .nav-target li{position:relative;padding:0;display:flex;align-items:center}section.customer-portal[data-current_section=product-videos] .nav-target li::before,section.customer-portal[data-current_section=tutorial-videos] .nav-target li::before{font-family:"Font Awesome 6 Brands";font-weight:400;content:"\F167";display:block;font-size:2.4rem;margin:0 .75rem 0 0;height:4rem}section.customer-portal[data-current_section=document] .nav-target ul,section.customer-portal[data-current_section=document] .nav-target ol,section.customer-portal[data-current_section=documentation] .nav-target ul,section.customer-portal[data-current_section=documentation] .nav-target ol{list-style:none;padding:0 0 0 .25rem;margin:0}section.customer-portal[data-current_section=document] .nav-target li,section.customer-portal[data-current_section=documentation] .nav-target li{position:relative;padding:0;display:flex;align-items:center}section.customer-portal[data-current_section=document] .nav-target li::before,section.customer-portal[data-current_section=documentation] .nav-target li::before{font-family:"Font Awesome 6 Free";font-weight:900;content:"\F1C1";display:block;font-size:2.4rem;margin:0 .75rem 0 0;height:4rem}