html{font-family:Montserrat !important;margin:0 !important;padding:0 !important;overflow-x:hidden !important;overflow-y:auto !important;font-size:14px}body{font-weight:400;font-size:1rem;font-family:Montserrat,sans-serif !important;line-height:1.6;color:#140c27;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern";text-rendering:optimizelegibility;background-color:#fff;margin:0 !important;padding:0 !important;overflow-x:hidden !important;overflow-y:auto !important;position:relative}a{color:#ffd3e4;outline:0}button:focus{outline:0}.e-color-text{color:#140c27 !important}.e-color-1{color:#241647}.e-bg-1{background-color:#241647}.e-bg-1--hover:hover{background-color:#241647 !important}.e-color-2{color:#ffd3e4}.e-bg-2{background-color:#ffd3e4}.e-bg-2--hover:hover{background-color:#ffd3e4}.e-color-3{color:#4baee3}.e-bg-3{background-color:#4baee3}.e-brd-1{border-color:#241647 !important}.e-brd-1--active.active,.e-brd-1--hover:hover{border-color:#241647 !important}
:hover>.e-brd-1--hover-parent{border-color:#241647 !important}.e-brd-3{border-color:#4baee3 !important}.e-brd-3--active.active,.e-brd-3--hover:hover{border-color:#4baee3 !important}:hover>.e-brd-3--hover-parent{border-color:#4baee3 !important}.e-bg-white{background-color:#fff}.e-color-white{color:#fff}.mt-minus-2{margin-top:-2px}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#cookieConsent{background-color:#241647;min-height:26px;font-size:14px;color:#fff;line-height:26px;padding:20px;position:fixed;bottom:0;left:0;right:0;display:none;z-index:9999}@media (min-width:768px){#cookieConsent{background-color:#241647;min-height:26px;font-size:14px;color:#fff;line-height:26px;padding:20px 0 20px 30px;position:fixed;bottom:0;left:0;right:0;display:none;z-index:9999}}#cookieConsent a:hover{text-decoration:none}#closeCookieConsent:hover{color:#ceb998}.subpage-header{font-family:Montserrat;color:#fff;font-size:40px;font-weight:700;letter-spacing:-1.2px}
@media(min-width:768px){.subpage-header{font-family:Montserrat;color:#fff;font-size:50px;font-weight:700;letter-spacing:-1.5px}}@media(min-width:1024px){.subpage-header{font-family:Montserrat;color:#fff;font-size:70px;font-weight:700;letter-spacing:-2px}}.svg-themecolor{fill:var(--themecolor,#241647)}.section-gradient{background:var(--themecolor,#241647);background:-moz-linear-gradient(top,var(--themecolor,#241647) 30%,#fff 90%);background:-webkit-linear-gradient(top,var(--themecolor,#241647) 30%,#fff 90%);background:linear-gradient(to bottom,var(--themecolor,#241647) 30%,#fff 90%)}#cta{font-family:Montserrat;color:#fff;font-weight:700}.vbutton3{display:inline-block}.vbutton3 span{cursor:pointer;display:inline-block;position:relative;transition:.5s}.vbutton3 span:after{content:"\f061";font-size:16px;font-family:FontAwesome;position:absolute;opacity:0;top:4px;right:-30px;transition:.5s}.vbutton3:hover{background:#000}.vbutton3:hover span{padding-right:25px}.vbutton3:hover span:after{opacity:1;right:0}
#ctabutton{padding:20px 30px;background:#ffd3e4;border-radius:2px;font-family:Montserrat;font-weight:700;font-size:20px;color:#fff;text-align:center;text-shadow:1px 3px 10px rgba(36,22,71,.2);box-shadow:0 5px 10px 10px rgba(36,22,71,.2)}.nav-but-wrap{position:absolute;left:20px;padding-top:0;margin-top:-10px;transition:all .3s ease-out}@media(min-width:768px){.nav-but-wrap{position:absolute;left:35px;padding-top:0;margin-top:-10px;transition:all .3s ease-out}}.menu-icon{height:30px;width:30px;position:relative;z-index:1001;cursor:pointer;display:block}.menu-icon__line{height:2px;width:30px;display:block;margin-bottom:7px;cursor:pointer;-webkit-transition:background-color .5s ease,-webkit-transform .2s ease;transition:background-color .5s ease,-webkit-transform .2s ease;transition:transform .2s ease,background-color .5s ease;transition:transform .2s ease,background-color .5s ease,-webkit-transform .2s ease}.menu-icon__line-left{width:16.5px;-webkit-transition:all .2s linear;transition:all .2s linear}
.menu-icon__line-right{width:16.5px;float:right;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}.menu-icon:hover .menu-icon__line-left,.menu-icon:hover .menu-icon__line-right{width:30px}#navbar{padding-top:32px !important;padding-bottom:32px !important;position:relative;z-index:100}.logo-wrap{position:absolute;left:70px;padding-top:0;margin-top:-20px;transition:all .3s ease-out}.cart-wrap{position:relative;display:inline-block;float:right;padding-right:25px;padding-top:0;margin-top:-15px;transition:all .3s ease-out}#navcart{max-width:30px}#navlogo{max-width:90px}#cart-count-badge{-webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,.1);box-shadow:0 5px 15px 0 rgba(0,0,0,.1);font-family:Montserrat;text-shadow:0 2px 2px rgba(36,22,71,.2);font-weight:700;top:0;left:15px;-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%);color:#fff !important;background-color:#ffd3e4 !important;width:20px;height:20px;line-height:20px;padding:0;position:absolute;text-align:center;font-size:12px;border-radius:50%}
@media(min-width:768px){#navbar{padding-top:36px !important;padding-bottom:36px !important}#navcart{max-width:30px}.cart-wrap{position:relative;display:inline-block;float:right;padding-right:60px;padding-top:0;margin-top:-13px;transition:all .3s ease-out}.logo-wrap{position:absolute;padding-top:0;left:90px;margin-top:-20px;transition:all .3s ease-out}#navlogo{max-width:100px}#cart-count-badge{-webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,.1);box-shadow:0 5px 15px 0 rgba(0,0,0,.1);font-family:Montserrat;text-shadow:0 2px 2px rgba(36,22,71,.2);font-weight:700;top:0;left:18px;-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%);color:#fff !important;background-color:#ffd3e4 !important;width:18px;height:18px;line-height:18px;padding:0;position:absolute;text-align:center;font-size:12px;border-radius:50%}}#navbar .nav{position:relative;z-index:10}#navbar .nav:before,.nav:after{content:"";position:fixed;top:0;left:0;width:0;height:0;background-color:rgba(36,22,71,.5);border-bottom-right-radius:200%;z-index:3;transition:border-radius linear .8s,width cubic-bezier(.77,0,.175,1) .6s,height cubic-bezier(.77,0,.175,1) .6s}
#navbar .nav:after{background-color:#241647;background-image:url('{% static "assets/img/navbg.svg" %}');background-position:bottom center;background-repeat:no-repeat;background-size:400%;-webkit-transition-delay:0s;transition-delay:0s;box-shadow:6px 7px 28px 0 rgba(16,16,16,.4)}#navbar .nav:before{-webkit-transition-delay:.2s;transition-delay:.2s}.nav__content{position:fixed;visibility:hidden;padding-top:110px;padding-bottom:80px;left:0;top:0;width:450px;max-width:100%;max-height:100vh;overflow-y:hidden;overflow-x:auto;z-index:100}.nav__list{position:relative;padding:0;margin:0;z-index:2}.nav__list-item{position:relative;display:block;-webkit-transition-delay:.8s;transition-delay:.8s;opacity:0;text-align:left;color:#fff;overflow:hidden;font-family:Montserrat,sans-serif;font-size:26px;line-height:1;letter-spacing:2px;-webkit-transform:translate(30px,0);transform:translate(30px,0);-webkit-transition:opacity .2s ease,-webkit-transform .3s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,transform .2s ease;transition:opacity .2s ease,transform .2s ease,-webkit-transform .2s ease;margin-top:7px;margin-bottom:7px}
.nav__list-item a{position:relative;text-decoration:none;color:rgba(255,255,255,.8);overflow:hidden;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:700;z-index:2;padding-left:45px;padding-top:10px;padding-bottom:10px;display:inline-block;-webkit-transition:all .2s linear;transition:all .2s linear}.nav__list-item a:after{position:absolute;content:'';top:50%;left:0;width:5px;height:0;opacity:0;background-color:#ffd3e4;z-index:1;-webkit-transition:all .2s linear;transition:all .2s linear}.nav__list-item a:hover:after{height:100%;opacity:1;top:0}.nav__list-item a:hover{color:#fff}.nav__list-item.active-nav a{color:#fff}.nav__list-item.active-nav a:after{height:100%;opacity:1;top:0}body.nav-active .nav__content{visibility:visible;z-index:100}body.nav-active .menu-icon__line{background-color:#fff;-webkit-transform:translate(0,0) rotate(-45deg);transform:translate(0,0) rotate(-45deg)}body.nav-active .menu-icon__line-left{width:15px;-webkit-transform:translate(2px,4px) rotate(45deg);transform:translate(2px,4px) rotate(45deg)}
body.nav-active .menu-icon__line-right{width:15px;float:right;-webkit-transform:translate(-3px,-3.5px) rotate(45deg);transform:translate(-3px,-3.5px) rotate(45deg)}body.nav-active .menu-icon:hover .menu-icon__line-left,body.nav-active .menu-icon:hover .menu-icon__line-right{width:15px}body.nav-active #navbar .nav{visibility:visible}body.nav-active #navbar .nav:after,body.nav-active #navbar .nav:before{width:450px;height:100vh;border-top-right-radius:0;border-bottom-right-radius:15px;z-index:10}body.nav-active #navbar .nav:after{-webkit-transition-delay:.1s;transition-delay:.1s}body.nav-active #navbar .nav:before{-webkit-transition-delay:0s;transition-delay:0s}body.nav-active .nav__list-item{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s ease,color .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,color .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,color .3s ease;transition:opacity .3s ease,transform .3s ease,color .3s ease,-webkit-transform .3s ease}
body.nav-active .nav__list-item:nth-child(1){-webkit-transition-delay:.4s;transition-delay:.4s}body.nav-active .nav__list-item:nth-child(2){-webkit-transition-delay:.45s;transition-delay:.45s}body.nav-active .nav__list-item:nth-child(3){-webkit-transition-delay:.5s;transition-delay:.5s}body.nav-active .nav__list-item:nth-child(4){-webkit-transition-delay:.55s;transition-delay:.55s}body.nav-active .nav__list-item:nth-child(5){-webkit-transition-delay:.6s;transition-delay:.6s}body.nav-active .nav__list-item:nth-child(6){-webkit-transition-delay:.65s;transition-delay:.65s}body.nav-active .nav__list-item:nth-child(7){-webkit-transition-delay:.7s;transition-delay:.7s}body.nav-active .nav__list-item:nth-child(8){-webkit-transition-delay:.75s;transition-delay:.75s;text-decoration:underline}body.nav-active .nav__list-item:nth-child(9){-webkit-transition-delay:.8s;transition-delay:.8s;text-decoration:underline}body.nav-active .nav__list-item:nth-child(10){-webkit-transition-delay:.85s;transition-delay:.85s;text-decoration:underline}body.nav-active .nav__list-item:nth-child(11){-webkit-transition-delay:.90s;transition-delay:.90s;text-decoration:underline}.nav__list-2{position:relative;padding:0;margin:0;z-index:2;margin-top:45px}.nav__list-item-2{position:relative;display:block;-webkit-transition-delay:.8s;transition-delay:.8s;opacity:0;text-align:left;color:#fff;overflow:hidden;font-family:Montserrat,sans-serif;font-size:18px;-webkit-transform:translate(30px,0);transform:translate(30px,0);-webkit-transition:opacity .2s ease,-webkit-transform .3s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,transform .2s ease;transition:opacity .2s ease,transform .2s ease,-webkit-transform .2s ease;margin-top:0;margin-bottom:0}
.nav__list-item-2 .nav-small{font-size:15px}.nav__list-item-2 a{position:relative;text-decoration:none;color:rgba(255,255,255,.8);overflow:hidden;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:400;z-index:2;padding-left:45px;display:inline-block;-webkit-transition:all .2s linear;transition:all .2s linear}.nav__list-item-2 a:hover{position:relative;text-decoration:none;color:#fff;overflow:hidden;cursor:pointer;-webkit-transition:all .2s linear;transition:all .2s linear}body.nav-active .nav__list-item-2{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s ease,color .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,color .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,color .3s ease;transition:opacity .3s ease,transform .3s ease,color .3s ease,-webkit-transform .3s ease}body.nav-active .nav__list-item-2:nth-child(1){-webkit-transition-delay:.85s;transition-delay:.85s}body.nav-active .nav__list-item-2:nth-child(2){-webkit-transition-delay:.9s;transition-delay:.9s}
body.nav-active .nav__list-item-2:nth-child(3){-webkit-transition-delay:.95s;transition-delay:.95s}body.nav-active .nav__list-item-2:nth-child(4){-webkit-transition-delay:1s;transition-delay:1s}body.nav-active .nav__list-item-2:nth-child(5){-webkit-transition-delay:1.05s;transition-delay:1.05s}body.nav-active .nav__list-item-2:nth-child(6){-webkit-transition-delay:1.1s;transition-delay:1.1s}body.nav-active .nav__list-item-2:nth-child(7){-webkit-transition-delay:1.15s;transition-delay:1.15s}body.nav-active .nav__list-item-2:nth-child(8){-webkit-transition-delay:1.2s;transition-delay:1.2s}body.nav-active .nav__list-item-2:nth-child(9){-webkit-transition-delay:1.20s;transition-delay:1.20s}body.nav-active .nav__list-item-2:nth-child(10){-webkit-transition-delay:1.25s;transition-delay:1.25s}body.nav-active .nav__list-item-2:nth-child(11){-webkit-transition-delay:1.30s;transition-delay:1.30s}body.nav-active .nav__list-item-2:nth-child(12){-webkit-transition-delay:1.30s;transition-delay:1.30s}body.nav-active .nav__list-item-2:nth-child(13){-webkit-transition-delay:1.35s;transition-delay:1.35s}body.nav-active .nav__list-item-2:nth-child(14){-webkit-transition-delay:1.40s;transition-delay:1.40s}
body.nav-active .nav-but-wrap{position:fixed;z-index:1002}
body.nav-active .nav__content{position:fixed;overflow-y:auto;z-index:100}.nav:after,body.nav-active #navbar .nav:before{position:fixed}.nav-header{font-weight:600;padding-left:45px;font-size:18px}@media(max-width:375px){.nav__list-item{position:relative;display:block;-webkit-transition-delay:.8s;transition-delay:.8s;opacity:0;text-align:left;color:#fff;overflow:hidden;font-family:Montserrat,sans-serif;font-size:20px;line-height:1;letter-spacing:1.6px;-webkit-transform:translate(30px,0);transform:translate(30px,0);-webkit-transition:opacity .2s ease,-webkit-transform .3s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,transform .2s ease;transition:opacity .2s ease,transform .2s ease,-webkit-transform .2s ease;margin-top:5px;margin-bottom:5px}.nav__list-item-2{position:relative;display:block;-webkit-transition-delay:.8s;transition-delay:.8s;opacity:0;text-align:left;color:#fff;overflow:hidden;font-family:Montserrat,sans-serif;font-size:16px;-webkit-transform:translate(30px,0);transform:translate(30px,0);-webkit-transition:opacity .2s ease,-webkit-transform .3s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,transform .2s ease;transition:opacity .2s ease,transform .2s ease,-webkit-transform .2s ease;margin-top:0;margin-bottom:0}
.nav-header{font-weight:600;padding-left:25px;font-size:16px}.nav__content{padding-top:90px;padding-bottom:50px}.nav__list-item a{position:relative;text-decoration:none;color:rgba(255,255,255,.8);overflow:hidden;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:700;z-index:2;padding-left:25px;padding-top:10px;padding-bottom:10px;display:inline-block;-webkit-transition:all .2s linear;transition:all .2s linear}.nav__list-item-2 a{position:relative;text-decoration:none;color:rgba(255,255,255,.8);overflow:hidden;cursor:pointer;font-family:Montserrat,sans-serif;font-weight:400;z-index:2;padding-left:25px;padding-top:5px;padding-bottom:5px;display:inline-block;-webkit-transition:all .2s linear;transition:all .2s linear}}.mt--4{margin-top:-10px}.container-alert-flash{background-color:#4baee3;position:fixed;top:0;right:0;z-index:1006;max-width:440px;border-bottom-left-radius:10px;-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,.05);-moz-box-shadow:0 10px 20px 0 rgba(0,0,0,.05);box-shadow:0 10px 20px 0 rgba(0,0,0,.05)}
.alert-text-header{margin-top:20px;font-size:16px;color:#fff;font-weight:600}.alert-text-body{margin-top:-5px;font-size:16px;text-shadow:1px 1px 1px rgba(36,22,71,.1)}.alert-text-link{margin-top:-10px;color:#fff;font-weight:600;text-decoration:none;margin-bottom:0;padding-bottom:0}.alert-text-link:hover{margin-top:-20px;color:#4baee3;font-weight:600;text-decoration:none}.u-alert-close--light{font-size:30px;color:#fff !important}.alert-check-icon{max-width:30px}.evify-footer{background-color:#241647}.evify-footer-inner{padding-top:50px;padding-bottom:30px}.evify-footer-logo{max-width:110px}.footer-social-icon-a{margin-right:18px;transition:.2s}.footer-social-icon{max-width:18px;transition:.2s}.footer-social-icon-a:hover{text-decoration:none}.footer-social-icon-a:hover .footer-social-icon{transform:scale(1.2);transition:.2s;text-decoration:none}.footer-header{font-weight:700;font-size:17px;color:#fff}.footer-text{color:rgba(255,255,255,.8);font-size:15px}.footer-ul{padding-left:0;margin-left:0;list-style:none}
.footer-li{margin-bottom:8px}.footer-li a{color:rgba(255,255,255,.8);font-size:17px}.footer-li a:hover{color:#fff;text-decoration:none}.footer-a{color:rgba(255,255,255,.8);font-size:15px}.footer-a:hover{color:#fff;text-decoration:none}.evify-sub-footer{margin-top:50px;padding-top:20px;border-top:1px solid rgba(255,255,255,.5)}.newsletter-form{position:relative;display:block;height:60px;border-radius:30px;background:#fff;margin:0 auto;overflow:hidden}.newsletter-form input{line-height:60px;padding:0;border:none;outline:0;font-size:13px;font-weight:300;background:#eee;letter-spacing:.02em}.newsletter-form input:not([type=submit]){width:100%;display:block;padding:0 120px 0 30px}.newsletter-form input:not([type=email]){position:absolute;height:50px;line-height:50px;top:5px;right:5px;border-radius:25px;padding:0 25px;background:#241647;color:#fff;cursor:pointer;font-size:12px}@media(min-width:1200px){.newsletter-form{position:relative;display:block;height:70px;border-radius:35px;background:#fff;margin:0 auto;overflow:hidden}
.newsletter-form input{line-height:70px;padding:0;border:none;outline:0;font-size:1rem;font-weight:300;background:#eee;letter-spacing:.02em}.newsletter-form input:not([type=submit]){width:100%;display:block;padding:0 150px 0 30px}.newsletter-form input:not([type=email]){position:absolute;height:50px;line-height:50px;top:10px;right:10px;border-radius:25px;padding:0 25px;background:#241647;color:#fff;cursor:pointer;font-size:14px}}.newsletter-form input:not([type=email]):hover{background:#170d2f}.newsletter-form input:focus{outline:0;background:#fff}#newsletterText{color:#fff;text-decoration:underline}@media(max-width:375px){.footer-li a{color:rgba(255,255,255,.8);font-size:15px}.evify-footer-inner{padding-top:30px;padding-bottom:30px}}.container-fluid{max-width:1650px}a:focus,a:hover{color:#ffd3e4}.e-bg-light-2{background-color:#f9f7fd}.e-bg-light{background-color:#f9f7fd}.evify-pageheader{font-size:60px;font-weight:700}.evify-text-1{font-size:14px !important}.evify-text-2{font-size:12px !important}
.evify-sub-1{font-size:20px;font-weight:600}.evify-sub-2{font-size:16px;font-weight:600}.evify-header-1{font-size:24px}.evify-header-2{font-size:20px}.evify-large-header{font-size:36px;line-height:1.2}@media(min-width:370px){.evify-header-1{font-size:26px}.evify-header-2{font-size:20px}.evify-large-header{font-size:40px;line-height:1.3}}@media(min-width:768px){.evify-text-1{font-size:15px !important}.evify-text-2{font-size:13px !important}.evify-sub-1{font-size:22px;font-weight:600}.evify-sub-2{font-size:16px;font-weight:600}.evify-header-1{font-size:36px;letter-spacing:-1px}.evify-header-2{font-size:28px;letter-spacing:-.5px}.evify-large-header{font-size:55px;line-height:1.4}}@media(min-width:1200px){.evify-text-1{font-size:16px !important}.evify-text-2{font-size:14px !important}.evify-sub-1{font-size:24px;font-weight:600}.evify-sub-2{font-size:18px;font-weight:600}.evify-header-1{font-size:40px;letter-spacing:-1px}.evify-header-2{font-size:30px;letter-spacing:-.5px}.evify-large-header{font-size:60px}
}.evify-text-link-1{color:#140c27;text-decoration:underline;word-break:break-all}.evify-text-link-1:hover{color:#ffd3e4}.py-10vh{padding-top:10vh;padding-bottom:10vh}.py-15vh{padding-top:15vh;padding-bottom:15vh}.my-10vh{margin-top:10vh;margin-bottom:10vh}.my-15vh{margin-top:15vh;margin-bottom:15vh}.pt-10vh{padding-top:15vh}.pb-10vh{padding-bottom:10vh}.g-bg-white{background-color:#fff}.breadcrumb-container{position:absolute;bottom:10px;right:0}.breadcrumb-link{color:#fff;font-weight:600}.breadcrumb-link:hover{color:#ffd3e4;text-decoration:none}.e-color-gray{color:#ccc}.list-inline{padding-left:0;margin-bottom:0;list-style:none}.pos-rel{position:relative}.w-600{font-weight:600}.w-700{font-weight:700}.product-text-link{color:#140c27;transition:.1s}.product-text-link:hover{color:#ffd3e4;text-decoration:none;transition:.1s}.product-img-container{border-top:solid 1px #ddd !important;border-left:solid 1px #ddd !important;border-right:solid 1px #ddd !important;position:relative}.bestseller-banner{background-color:#1ee0ac;border-radius:50px;padding:6px 8px;font-size:9px;color:#fff;font-weight:700;position:absolute;top:4%;right:4%;z-index:2}
.w-500{font-weight:500}.evify-text-small{font-size:12px}.brd-x{border-left:solid 1px #ddd !important;border-right:solid 1px #ddd !important}.brd-y{border-top:solid 1px #ddd !important;border-bottom:solid 1px #ddd !important}.brd-light{border-color:rgba(255,255,255,.3) !important}.brd-top{border-top:solid 1px #ddd}[class*=u-block-hover],[class*=u-block-hover]:after,[class*=u-block-hover]:before{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}[class*=u-block-hover]{position:relative;max-width:100%;margin:0;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.u-block-hover:hover .u-block-hover-zoom{-webkit-transform:scale(1.04);-ms-transform:scale(1.04);transform:scale(1.04)}.u-block-hover-zoom{-webkit-transform:scale(1.01)}.product-info-container{padding:20px 20px 0}.product-btn{display:block;color:#fff;font-weight:600;background-color:#241647;padding:20px 0;font-size:14px;transition:.2s}
.product-btn:hover{background-color:#ffd3e4;transition:.2s;color:#fff;text-decoration:none}.evify-text-link{color:#140c27;text-decoration:underline;word-break:break-all}.evify-text-link:hover{color:#ffd3e4}.button-minus{background-color:#241647;border:1px solid #fff;color:#fff;font-size:20px;border-radius:100%;line-height:0;width:40px;height:40px;margin:0;outline:0;font-weight:600}.button-minus:hover{text-decoration:none;outline:0;cursor:pointer}.button-plus{background-color:#241647;border:1px solid #fff;color:#fff;font-size:20px;border-radius:100%;line-height:0;width:40px;height:40px;margin:0;outline:0;font-weight:600}.button-plus:hover{text-decoration:none;outline:0;cursor:pointer}.qty-field{background-color:transparent;border:none;width:60px;padding-left:20px;font-size:20px;outline:0;color:#fff;margin-left:15px;margin-right:10px}.lightning-icon{max-height:12px}.outlet-icon{max-height:12px}.battery-icon{max-height:8px}.delete-icon{max-height:14px}.cta-footer-icon{max-height:30px}.cta-inner{padding-top:3vh;padding-bottom:7vh}
.cta-svg{margin-left:-1px;margin-right:-1px}.cookie-container{width:100%;max-width:100%;position:fixed;bottom:0;left:50%;-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);right:auto;background-color:#241647;border-top-right-radius:8px;border-top-left-radius:8px;box-shadow:0 10px 20px 0 rgba(0,0,0,.15);z-index:50}.cookie-container-inner{padding:15px 20px;display:block}.cookie-text{font-size:12px;color:#fff;margin-bottom:10px}.cookie-btn{background-color:#ffd3e4;border-radius:50px;color:#fff;font-weight:700;font-size:13px;padding:15px 30px;width:100%;display:block;border:none;outline:0;transition:.2s;z-index:1000}@media(min-width:768px){.cookie-container{width:550px;max-width:900px;position:fixed;bottom:2vh;left:50%;-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);right:auto;background-color:#241647;border-radius:8px;box-shadow:0 10px 20px 0 rgba(0,0,0,.15)}.cookie-container-inner{padding:20px 30px;display:block}.cookie-text{font-size:13px;color:#fff;margin-bottom:0}
.cookie-btn{background-color:#ffd3e4;border-radius:50px;color:#fff;font-weight:700;font-size:13px;padding:15px 25px;display:block;border:none;outline:0;transition:.2s;z-index:1000}}@media(min-width:1024px){.cookie-container{max-width:600px;position:fixed;bottom:2vh;left:50%;-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);right:auto;background-color:#241647;border-radius:8px;box-shadow:0 10px 20px 0 rgba(0,0,0,.15)}.cookie-container-inner{padding:20px 30px;display:block}.cookie-text{font-size:13px;color:#fff;margin-bottom:0}.cookie-btn{background-color:#ffd3e4;border-radius:50px;color:#fff;font-weight:700;font-size:13px;padding:15px 25px;display:block;border:none;outline:0;transition:.2s;z-index:1000}}@media(min-width:1200px){.cookie-container{max-width:600px;position:fixed;bottom:3vh;left:50%;-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);right:auto;background-color:#241647;border-radius:8px;box-shadow:0 10px 20px 0 rgba(0,0,0,.15)}.cookie-container-inner{padding:20px 30px;display:block}
.cookie-text{font-size:13px;color:#fff;margin-bottom:0}.cookie-btn{background-color:#ffd3e4;border-radius:50px;color:#fff;font-weight:700;font-size:13px;padding:15px 25px;display:block;border:none;outline:0;transition:.2s;z-index:1000}}.cookie-btn:hover{cursor:pointer;background-color:#ffbfd8;transition:.2s}#cookieContainer.hidden{visibility:hidden;opacity:0;transition:.3s}#cookieContainer{visibility:visible;opacity:1;transition:.3s}.social-btns .btn,.social-btns .btn .icon,.social-btns .btn:before{transition:all .35s;transition-timing-function:cubic-bezier(.31,-.105,.43,1.59)}.social-btns .btn:before{top:90%;left:-110%}.social-btns .btn .icon{transform:scale(1)}.social-btns .btn.facebook:before{background-color:#3b5998}.social-btns .btn.facebook .icon{color:#3b5998}.social-btns .btn.twitter:before{background-color:#3cf}.social-btns .btn.twitter .icon{color:#3cf}.social-btns .btn.google:before{background-color:#dc4a38}.social-btns .btn.google .icon{color:#dc4a38}.social-btns .btn.instagram:before{background-color:#f26798}
.social-btns .btn.instagram .icon{color:#f26798}.social-btns .btn.linkedin:before{background-color:#00aff0}.social-btns .btn.linkedin .icon{color:#00aff0}.social-btns .btn:focus:before,.social-btns .btn:hover:before{top:-10%;left:-10%}.social-btns .btn:focus .icon,.social-btns .btn:hover .icon{fill:#fff;transform:scale(1)}.social-btns{height:60px;margin-left:auto;margin-right:auto;font-size:0;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin-top:15vh}.social-btns .btn{display:inline-block;background-color:#fff;width:50px;height:50px;line-height:50px;margin:0 10px;text-align:center;position:relative;overflow:hidden;border-radius:28%;box-shadow:0 5px 15px -5px rgba(0,0,0,.2);opacity:.99}.social-btns .btn:before{content:'';width:120%;height:120%;position:absolute;transform:rotate(45deg)}.social-btns .btn .icon{vertical-align:middle;margin-top:-12px;width:14px}@media(min-width:768px){.social-btns{height:90px;margin-left:auto;margin-right:auto;font-size:0;text-align:center;position:absolute;top:0;bottom:0;left:0;right:0;margin-top:7vh}
.social-btns .btn{display:inline-block;background-color:#fff;width:80px;height:80px;line-height:80px;margin:0 10px;text-align:center;position:relative;overflow:hidden;border-radius:28%;box-shadow:0 5px 15px -5px rgba(0,0,0,.2);opacity:.99}.social-btns .btn:before{content:'';width:120%;height:120%;position:absolute;transform:rotate(45deg)}.social-btns .btn .icon{vertical-align:middle;margin-top:-12px;width:25px}}.primary-article-link{color:#140c27;text-decoration:none}.primary-article-link:hover{text-decoration:none;color:#140c27}.primary-article-link h4{transition:.2s}.primary-article-link:hover h4{color:#ffd3e4;transition:.2s}.primary-article-link h5{transition:.2s}.primary-article-link:hover h5{color:#ffd3e4;transition:.2s}.primary-article-link h6{transition:.2s}.primary-article-link:hover h6{color:#ffd3e4;transition:.2s}.primary-article-img{border-radius:5px}.evify-btn-1{background-color:#241647;color:#fff;text-decoration:none;padding:18px 40px;font-weight:600;border-radius:50px;font-size:16px;transition:.2s}
.evify-btn-1:hover{color:#fff;text-decoration:none;background-color:#1d1239;transition:.2s;cursor:pointer}.press-article-link{color:#fff;text-decoration:none}.press-article-link:hover{text-decoration:none;color:#fff}.press-article-link h4{transition:.2s}.press-article-link:hover h4{color:#ffd3e4;transition:.2s}.press-article-img{border-radius:5px}.evify-link-container{height:40vh;color:#fff;transition:.3s;position:relative;background-color:#241647;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.evify-link-container-inner{margin:40px 30px}.evify-link-text{font-size:14px;position:absolute;left:10%;top:10%;color:#fff}.evify-link-header{left:10%;bottom:20%;font-size:18px;position:absolute;color:#fff}@media(min-width:768px){.evify-link-header{left:10%;bottom:20%;font-size:22px;position:absolute;color:#fff}}.evify-link-icon{position:absolute;right:10%;top:8%;color:#fff}.text-white{color:#fff}.str-width-xs{stroke-width:.5 !important}.size-xl{width:4rem !important;height:4rem !important}
.evify-link-bg-container{background-image:url({% static 'assets/img/laddbox-hemma-1.jpg' %});background-size:cover;background-repeat:no-repeat;background-position:center center;width:100%;height:100%}.evify-link-img-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;transition:opacity .4s cubic-bezier(.165,.84,.44,1),transform 2.2s cubic-bezier(.165,.84,.44,1);opacity:0;transform:scale(1.2)}.evify-link-img-container:after{content:"";position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-color:rgba(4,7,15,.7)}.evify-link-box:hover .evify-link-bg-container{opacity:1;transform:none}.evify-nav__item{overflow:hidden;position:relative;z-index:2;display:block;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1)}.evify-nav .last{border-right:1px solid rgba(255,255,255,0)}.evify-nav__item.-prev .evify-nav__content{padding-left:7.5rem;padding-right:5rem;border:1px solid rgba(255,255,255,.1)}
@media (max-width:767px){.evify-nav__item.-prev .evify-nav__content{padding-left:2.5rem;padding-right:2.5rem;align-items:flex-end}.evify-nav__item.-prev .evify-nav__content .evify-nav__icon{position:absolute;bottom:2.5rem;right:2.25rem}}.evify-nav__item.-next .evify-nav__content{padding-left:5rem;padding-right:7.5rem;border:1px solid rgba(255,255,255,.1)}@media (max-width:767px){.evify-nav__item.-next .evify-nav__content{padding-left:2.5rem;padding-right:2.5rem;align-items:flex-start}.evify-nav__item.-next .evify-nav__content .evify-nav__icon{position:absolute;bottom:2.5rem;left:2.25rem}}.evify-nav__img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:auto;transition:opacity .4s cubic-bezier(.165,.84,.44,1),transform 2.2s cubic-bezier(.165,.84,.44,1);opacity:0;transform:scale(1.2)}.evify-nav__img:after{content:"";position:absolute;top:0;left:0;z-index:auto;width:100%;height:100%;background-color:rgba(36,22,71,.7)}.evify-nav__content{position:relative;z-index:auto;display:flex;align-items:center;justify-content:space-between;padding-top:10.75rem;padding-bottom:10.75rem}
@media (max-width:991px){.evify-nav__content{padding-top:10rem;padding-bottom:10rem}}@media (max-width:767px){.evify-nav__content{justify-content:flex-start;flex-flow:column nowrap}}.evify-nav__text{position:absolute;top:3.75rem}@media (max-width:390px){.evify-nav__content{padding-top:8rem;padding-bottom:8rem}}.evify-nav__item:hover .evify-nav__img{opacity:1;transform:none}.bg-image{background-size:cover;background-repeat:no-repeat;background-position:center center;width:100%;height:100%}.evify-navbar{background-color:#241647}.product-info-container{min-height:120px}@media(min-width:768px){.product-info-container{min-height:150px}}@media(max-width:450px){.social-btns{margin-top:7vh}.newsletter-form input:not([type=email]){position:absolute;height:45px;line-height:45px;top:8px;right:5px;border-radius:25px;padding:0 15px;background:#241647;color:#fff;cursor:pointer;font-size:11px}.newsletter-form input{line-height:60px;padding:0;border:none;outline:0;font-size:12px;font-weight:300;background:#eee;letter-spacing:.02em}
.newsletter-form input:not([type=submit]){width:100%;display:block;padding:0 110px 0 20px}.subpage-header{font-size:34px}}:root{--chat-button-shadow-color:rgba(36,22,71,.15) !important}@media(max-width:768px){#chatra.chatra--pos-right{right:10px !important}#chatra.chatra--side-bottom{bottom:10px !important}}.evify-process-number-box{background-color:#4baee3;width:50px;height:50px;border:2px solid #fff;border-radius:50%;position:relative;text-align:center;display:inline-block;margin-bottom:10px}.evify-process-number{color:#fff;font-size:25px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.process-link{color:#fff;text-decoration:underline}.process-link:hover{color:#4baee3;text-decoration:underline}@media(min-width:768px){.evify-process-number-box{margin-bottom:20px}}.process-link-dark{color:#140c27;text-decoration:underline}.process-link-dark:hover{color:#4baee3;text-decoration:underline}.evify-text-link{color:#140c27;text-decoration:underline}.evify-text-link:hover{color:#4baee3;text-decoration:underline}
.brd-t{border-top:solid 1px #ddd}@media(min-width:1200px){.py-xl-15vh{padding-top:15vh;padding-bottom:15vh}}.cta-box-btn{border-radius:50px;color:#fff;background-color:#4baee3;font-weight:700;font-size:17px;padding:20px 25px;border:none;outline:0;transition:.2s}@media(min-width:768px){.cta-box-btn{border-radius:50px;color:#fff;background-color:#4baee3;font-weight:700;font-size:18px;padding:20px 45px;border:none;outline:0;transition:.2s}}.cta-box-btn:hover{border-radius:50px;color:#fff;background-color:#3a98e0;transition:.2s;cursor:pointer;text-decoration:none}@media(max-width:370px){.newsletter-form input:not([type=submit]){width:100%;display:block;padding:0 120px 0 20px;font-size:11px}}.green-info-container{border:3px solid #1ee0ac;border-radius:5px;box-shadow:0 8px 20px 0 rgba(0,0,0,.15);color:#fff}.e-color-green{color:#fff}.brd-bott{border-bottom:1px solid}.green-info-container-inner{padding:45px 25px 40px}.green-info-icon{width:15px;position:relative;left:4px;top:-2px}@media(min-width:768px){.green-info-container-inner{padding:45px 40px 40px}
.green-info-icon{width:20px;position:relative;left:5px;top:-2px}}.orange-info-container{border:3px solid #f98c45;border-radius:5px;box-shadow:0 8px 20px 0 rgba(0,0,0,.15);color:#fff}.brd-bott{border-bottom:1px solid}.orange-info-container-inner{padding:45px 25px 40px}.orange-info-icon{width:15px;position:relative;left:4px;top:-2px}@media(min-width:768px){.orange-info-container-inner{padding:45px 40px 40px}.orange-info-icon{width:20px;position:relative;left:5px;top:-2px}}
.nav-btn-container{opacity:0;-webkit-transform:translate(30px, 0);transform:translate(30px, 0);-webkit-transition-delay:0.8s;transition-delay:0.8s;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.3s ease;transition:opacity 0.2s ease, -webkit-transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease;transition:opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;overflow:hidden;position:relative;padding:0;margin:0;z-index:2;width:390px;max-width:85vw;padding-bottom:20px;padding-left:10px}body.nav-active .nav-btn-container{-webkit-transition-delay:0.40s;transition-delay:0.40s;opacity:1}.top-nav-btn{background-color:transparent;border:1px solid #4baee3;background-color:#4baee3;color:#fff;font-weight:700;border-radius:50px;padding:12px 0;text-align:center;display:block;transition:0.2s}.top-nav-btn:hover{color:#fff;background-color:#3a98e0;text-decoration:none;transition:0.2s}@media(max-width: 380px){.nav-btn-container{padding-left:0;margin-left:0;max-width:70vw}}
#cartNavLink:hover{cursor: pointer;}
.cart-nav-container{position:fixed;right:-520px;top:0;z-index:110;height:100vh;width:520px;max-width:100%;overflow-y:hidden;overflow-x:hidden;background-color:#faf9fd;-webkit-box-shadow:-5px 0 10px 0 rgba(0,0,0,.1);box-shadow:-5px 0 10px 0 rgba(0,0,0,.1);transition:.4s}.cart-nav-container-inner{position:relative;height:100vh;width:100%}.cart-nav-container.show{right:0}.cart-nav-header-container{background-color:#241647;position:relative;height:55px}.cart-nav-header{color:#fff;font-size:15px;font-weight:700;margin-bottom:0;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.cart-nav-product{margin-top:10px;margin-left:15px;margin-right:15px;background-color:#fff;padding:15px 15px 15px 15px;border-radius:3px;border:1px solid #efefef}.cart-nav-products{min-height:65vh;max-height:65vh;overflow-y:scroll;padding-bottom:55px;-webkit-mask-image:linear-gradient(to top,transparent 0%,black 30%);mask-image:linear-gradient(to top,transparent 0%,black 30%)}.cart-product-header{font-size:14px;font-weight:600;color:#140c27;text-decoration:none}.cart-nav-summary{padding:10px 15px}.cart-nav-btn{background-color:#4baee3;color:#fff;padding:15px 20px;font-weight:700;text-align:center;margin-left:15px;margin-right:15px;border-radius:50px;font-size:16px;display:block;transition:.2s;text-shadow:1px 3px 10px rgb(36 22 71 / 20%)}.cart-nav-footer{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);width:100%}@media(min-width:768px){.cart-nav-header-container{height:70px}.cart-nav-header{font-size:16px;font-weight:700;left:20px}.cart-nav-product{margin-top:10px;margin-left:20px;margin-right:20px;background-color:#fff;padding:20px 15px 20px 15px;border-radius:3px;border:1px solid #efefef}.cart-nav-products{min-height:65vh;max-height:65vh;overflow-y:scroll;padding-bottom:55px;-webkit-mask-image:linear-gradient(to top,transparent 0%,black 15%);mask-image:linear-gradient(to top,transparent 0%,black 15%)}.cart-product-header{font-size:15px}.cart-nav-summary{padding:10px 20px}.cart-nav-btn{margin-left:20px;margin-right:20px;border-radius:50px;font-size:17px}.cart-nav-footer{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:100%}}#cartNavClose{position:absolute;top:50%;right:20px;transform:translateY(-50%);padding:0;border:none;outline:0;background-color:transparent}#cartNavClose:hover{cursor:pointer}.cart-nav-close{width:15px}.cart-nav-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:109;transition:.2s}.cart-nav-overlay.show{display:block;transition:.2s}.cart-nav-inner{padding:10px;height:100%;position:relative}.cart-nav-btn:hover{transition:.2s;background-color:#3a98e0;text-decoration:none;color:#fff}.cart-nav-summary-text{font-size:14px;color:#140c27;opacity:.7}.cart-summary-text-total{font-size:16px;color:#140c27;opacity:1;font-weight:700}.cart-summary-price{color:#4baee3;font-size:20px;font-weight:700}.cart-product-header:hover{color:#140c27;text-decoration:underline}.cart-product-price{font-size:13px;color:#140c27;opacity:1}.cart-product-text{font-size:13px;color:#140c27;opacity:.7;font-style:italic}.cart-product-delete-icon{width:15px;opacity:.7;transition:.2s}.cart-product-delete-icon:hover{transition:.2s;opacity:1}.cart-qty-button{background-color:#faf9fd;color:#140c27;font-size:15px;border-radius:2px;border:none;line-height:0;width:22px;height:22px;margin:0;outline:0;font-weight:600}.cart-qty-button:hover{cursor:pointer;background-color:#e1e0e3}.cart-item-qty{background-color:transparent;border:none;width:25px;text-align:center;font-size:15px;outline:0;color:#140c27;line-height:0}.evify-cart-item-qty{background-color:transparent;border:none;width:25px;text-align:center;font-size:15px;outline:0;color:#140c27;line-height:0}.cart-add-icon{fill:#fff;width:16px}.cart-nav-discount{background-color:#241647;color:#fff;font-size:10px;padding:4px 6px;border-radius:4px;margin-right:3px;font-weight:600}#cartNavDiscountCode{text-transform:uppercase}.cart-nav-summary{background-color:#faf9fd}.footer-payment-method{margin-right:10px;display:inline-block;max-width:65px;max-height:25px;margin-bottom:15px}@media(min-width:1600px){.footer-payment-method{max-width:65px;max-height:30px}}.footer-payment-method.last{margin-right:0}.evify-cart-h1{font-size:32px;font-weight:700;color:#140c27}@media(min-width:768px){.evify-cart-h1{font-size:42px;font-weight:700;color:#140c27}}.cart-nav-footer.ios{padding-bottom:30px}@media(max-width: 767px){.nav-btn-container{display:none}}.sub-footer-link{color:#fff;font-size:13px;opacity:0.8;position:relative;top:2px}.footer-text-new{font-size:13px;color:#fff}.footer-social-icon-new{height:20px;opacity:0.8;margin-bottom:20px;transition:0.2s;display:block}.footer-social-icon-new:hover{opacity:1;transition:0.2s}.footer-a-new{font-size:13px;color:#fff;display:inline-block;transition:0.2s;opacity:0.8}.footer-text-first{opacity:0.8}.footer-text-new a:hover{color:#fff;text-decoration:none;opacity:1;transition:0.2s}.footer-text-new{font-size:13px;opacity:0.8;color:#fff;display:inline-block;margin-left:15px}.evify-footer-logo-new{max-height:25px;display:inline-block}@media(min-width: 500px){.footer-br{display:none}}@media(min-width: 768px){.footer-text-new{position:relative;top:3px}}.footer-li a{color:rgba(255,255,255,.8);font-size:16px}
.installation-calc-input{margin-left:44px;width:calc(15ch + 44px)!important;height:auto!important;background:repeating-linear-gradient(90deg,#fff 0,#fff 1.5ch,transparent 0,transparent 3ch) 0 calc(100% - 12px) / 14ch 2px no-repeat;letter-spacing:2ch;color:#fff;padding:15px 20px!important;background-position-x:15px;border:2px solid transparent;font-size:35px!important;font-family:sans-serif;font-weight:700!important;outline:none!important;caret-color:#fff}.installation-calc-input.input-error{margin-left:44px;width:calc(15ch + 44px)!important;height:auto!important;background:repeating-linear-gradient(90deg,#ff4d4d 0,#ff4d4d 1.5ch,transparent 0,transparent 3ch) 0 calc(100% - 12px) / 14ch 2px no-repeat;letter-spacing:2ch;color:#fff;padding:15px 20px!important;background-position-x:15px;border:2px solid transparent;font-size:35px!important;font-family:sans-serif;font-weight:700!important;outline:none!important}#installationCalcSection.is-valid .installation-calc-input{margin-left:44px;width:calc(15ch + 44px)!important;height:auto!important;background:repeating-linear-gradient(90deg,#1ee0ac 0,#1ee0ac 1.5ch,transparent 0,transparent 3ch) 0 calc(100% - 12px) / 14ch 2px no-repeat;letter-spacing:2ch;color:#fff;padding:15px 20px!important;background-position-x:15px;border:2px solid transparent;font-size:35px!important;font-family:sans-serif;font-weight:700!important;outline:none!important}@media(max-width:400px){.installation-calc-input{margin-left:50px;width:calc(15ch + 44px)!important;background:repeating-linear-gradient(90deg,#fff 0,#fff 1.5ch,transparent 0,transparent 3ch) 0 calc(100% - 12px) / 14ch 2px no-repeat;font-size:30px!important;padding:15px 5px!important}.installation-calc-input.input-error{margin-left:50px;width:calc(15ch + 44px)!important;background:repeating-linear-gradient(90deg,#ff4d4d 0,#ff4d4d 1.5ch,transparent 0,transparent 3ch) 0 calc(100% - 12px) / 14ch 2px no-repeat;font-size:30px!important;padding:15px 5px!important}#installationCalcSection.is-valid .installation-calc-input{margin-left:50px;width:calc(15ch + 44px)!important;background:repeating-linear-gradient(90deg,#1ee0ac 0,#1ee0ac 1.5ch,transparent 0,transparent 3ch) 0 calc(100% - 12px) / 14ch 2px no-repeat;font-size:30px!important;padding:15px 5px!important}}.installation-calc-btn{font-size:18px;color:#fff;background-color:#4baee3;font-weight:700;padding:15px 45px;border:none;outline:none;transition:0.2s;border-radius:50px}.installation-calc-btn:hover{cursor:pointer;background-color:#3a98e0;transition:0.2s}.evify-lead{font-size:18px}@media(min-width:768px){.evify-lead{font-size:20px}}@media(min-width:1200px){.evify-lead{font-size:22px}}.evify-highlight{font-weight:700}.evify-highlight-2{font-weight:700}#installationCalcSection.is-valid .installation-calc-input{caret-color:transparent}.installation-calc-btn{font-size:18px;background-color:#4baee3;border-radius:4px;width:280px;height:60px;text-align:center;color:#fff;font-weight:700;border:none;transition:0.2s;border-radius:50px;position:relative;justify-content:center;align-items:center;display:inline-flex;outline:none;transition:0.1s}.installation-calc-btn:hover{background-color:#3a98e0;transition:0.2s}.installation-calc-btn.btn--loading{background-color:#3a98e0}.installation-calc-btn.btn--loading .installation-calc-btn-text{display:none}.installation-calc-btn.btn--loading .installation-calc-btn-animaton{display:flex}.installation-calc-btn.btn--loading .installation-calc-btn-animaton b{animation-direction:alternate;animation-duration:0.5s;animation-fill-mode:none;animation-iteration-count:infinite;animation-name:stretch;animation-play-state:running;animation-timing-function:ease-out;border-radius:100%;display:block;height:10px;margin:0 1px;width:10px;animation-delay:0.1s;margin:0 5px}.installation-calc-btn.btn--loading .installation-calc-btn-animaton b:first-child{animation-delay:0s;margin:0}.installation-calc-btn.btn--loading .installation-calc-btn-animaton b:last-child{animation-delay:0.2s;margin:0}.installation-calc-btn b{font-weight:400}.installation-calc-btn .installation-calc-btn-animaton{display:none}@keyframes stretch{0%{transform:scale(.5);background-color:#B5DDF0}50%{background-color:#CFE9F6}100%{transform:scale(1);background-color:#FFF}}.installation-calc-btn:active{outline:none;border:none}.installation-calc-btn:focus{outline:none;border:none}.installation-calc-input-clear{position:absolute;color:transparent;font-size:16px;line-height:1;font-weight:700;top:50%;transform:translateY(-50%);transition:0.2s}.installation-calc-input-clear:hover{cursor:pointer}.installation-calc-input-clear.active{color:#fff;transition:0.2s}@media(max-width:600px){.installation-calc-input-clear{display:none}}.installation-reminder{border:1px solid #816bff;background-color:#efecff;padding:15px;border-radius:4px;margin-top:15px;margin-left:15px;margin-right:15px}@media(min-width:768px){.installation-reminder{padding:20px;margin-top:20px;margin-left:20px;margin-right:20px}}.installation-reminder p{color:#816bff}.installation-reminder-btn{background-color:#816bff;color:#fff;font-weight:700;font-size:12px;border-radius:4px;padding:10px 25px;transition:0.2s;display:block;text-align:center}@media(min-width:768px){.installation-reminder-btn{font-size:14px}}.installation-reminder-btn:hover{color:#fff;background-color:#6755cc;transition:0.2s;text-decoration:none}.installation-reminder-checkout{border:1px solid #816bff;background-color:#efecff;padding:15px;border-radius:4px;margin-top:15px}@media(min-width:768px){.installation-reminder-checkout{padding:20px}}.installation-reminder-checkout p{color:#816bff}.review-text-underline{border-bottom:1px solid #000;}.evify-contact-link{color:#fff;text-decoration:underline;}.evify-contact-link:hover{color:#fff;}.evify-charge-highlight{color:#FFD3E4;text-decoration:underline;}#evify-installation-usp-section{border-top:1px solid;border-bottom:1px solid;border-color:rgba(255,255,255,.3) !important;}.usp-icon{position:absolute;left:-35px;top:7px;width:15px}.usp-container{position:relative}.usp-outer-container{padding-left:35px}.new-banner {background-color: #4baee3;border-radius: 50px;padding: 6px 12px;font-size: 9px;color: #fff;font-weight: 700;position: absolute;top: 4%;right: 4%;z-index: 2;}
.installation-time-link{color:#140c27;text-decoration:none;border-bottom:1px solid #140c27;transition:0.2s}.installation-time-link:hover{color:#4baee3;text-decoration:none;border-bottom:1px solid #4baee3;transition:0.2s}.evify-nav__item:hover .evify-link-text{color:#FFD3E4;transition:0.2s}.evify-nav__item:hover .evify-link-header{color:#FFD3E4;transition:0.2s}.evify-nav__item:hover .evify-link-icon{color:#FFD3E4 !important;transition:0.2s}
.evify-installation-video{width:100%;height:auto;}
/* NEW NAVBAR */
.tabs__control:hover,.tabs__control[aria-selected=true]{color:hsl(var(--th8-color-contrast-high-hsl))}.dropdown__item,.mn8-btn{white-space:nowrap;text-decoration:none}.dj3-icon,.mn8-icon{fill:currentColor;max-width:initial}.dropdown__item,.mn8-btn,.tabs__control{text-decoration:none}.mega-nav--desktop .mega-nav__tabs-controls>:not(:last-child),.mega-nav--mobile .mega-nav__item,.mega-nav--mobile .mega-nav__quick-link,.mega-nav--mobile .mega-nav__sub-item{border-bottom:1px solid hsl(var(--mn8-color-contrast-lower-hsl))}.mega-nav--desktop .mega-nav__tabs-control:hover,.mega-nav--desktop .mega-nav__tabs-control[aria-selected=true],.mega-nav--mobile a[aria-current=page]{color:hsl(var(--mn8-color-primary-hsl))}:root{--th8-color-primary-hsl:250,84%,54%;--th8-color-bg-hsl:0,0%,100%;--th8-color-contrast-high-hsl:230,7%,23%;--th8-color-contrast-higher-hsl:230,13%,9%;--th8-color-contrast-medium-hsl:225,4%,47%;--th8-color-accent-hsl:342,89%,48%;--th8-color-contrast-lower-hsl:240,4%,85%;--th8-space-sm:0.75rem;--th8-space-md:1.25rem;--th8-space-xs:0.5rem;--th8-text-lg:1.25rem;--th8-text-sm:0.833rem;--dropdown-item-padding:var(--dj3-space-2xs) var(--dj3-space-sm);--mn8-color-primary-hsl:250,84%,54%;--mn8-color-bg-hsl:0,0%,100%;--mn8-color-contrast-high-hsl:230,7%,23%;--mn8-color-contrast-higher-hsl:230,13%,9%;--mn8-color-contrast-lower-hsl:240,4%,85%;--mn8-color-contrast-medium-hsl:225,4%,47%;--mn8-color-bg-dark-hsl:240,4%,95%;--mn8-color-white-hsl:0,0%,100%;--mn8-color-primary-darker-hsl:250,84%,38%;--mn8-color-primary-light-hsl:250,84%,60%;--mn8-color-bg-lighter-hsl:0,0%,100%;--mn8-color-black-hsl:230,13%,9%;--mn8-color-bg-light-hsl:0,0%,100%;--mn8-color-contrast-low-hsl:240,4%,65%;--mn8-color-accent-hsl:342,89%,48%;--mn8-space-4xs:0.125rem;--mn8-space-3xs:0.25rem;--mn8-space-2xs:0.375rem;--mn8-space-xs:0.5rem;--mn8-space-sm:0.75rem;--mn8-space-md:1.25rem;--mn8-space-lg:2rem;--mn8-space-xl:3.25rem;--mn8-text-xl:1.728rem;--mn8-text-lg:1.25rem;--mn8-text-md:1.2rem;--mn8-text-base:1rem;--mn8-text-sm:0.833rem;--mn8-text-xs:0.694rem;--mn8-text-sm:0.833rem;--mega-nav-height:50px;--mega-nav-content-max-width:80rem}.tabs__control{color:hsl(var(--th8-color-contrast-medium-hsl))}.tabs__control:focus{outline:2px solid hsla(var(--th8-color-primary-hsl),.2);outline-offset:2px}.tabs__control[aria-selected=true]{text-decoration:underline}.th8-text-lg{font-size:var(--th8-text-lg)}.th8-text-component :where(h1,h2,h3,h4){line-height:var(--th8-heading-line-height, 1.2);margin-top:calc(var(--th8-space-md) * var(--th8-space-multiplier,1));margin-bottom:calc(var(--th8-space-sm) * var(--th8-space-multiplier,1))}.th8-text-component :where(p,blockquote,ul li,ol li){line-height:var(--th8-body-line-height, 1.4)}.th8-text-component :where(ul,ol,p,blockquote,.th8-text-component__block){margin-bottom:calc(var(--th8-space-sm) * var(--th8-space-multiplier,1))}.th8-text-component :where(ul,ol){padding-left:1.25em}.th8-text-component ol :where(ul,ol),.th8-text-component ul :where(ul,ol){padding-left:1em;margin-bottom:0}.mn8-text-component ul,.th8-text-component ul{list-style-type:disc}.mn8-text-component ol,.th8-text-component ol{list-style-type:decimal}.mn8-text-component img,.th8-text-component img{display:block;margin:0 auto}.th8-text-component figcaption{margin-top:calc(var(--th8-space-xs) * var(--th8-space-multiplier,1));font-size:var(--th8-text-sm);text-align:center}.mn8-text-component em,.th8-text-component em{font-style:italic}.mn8-text-component strong,.th8-text-component strong{font-weight:700}.mn8-text-component s,.th8-text-component s{text-decoration:line-through}.mega-nav--desktop .mega-nav__quick-link:hover,.mega-nav--desktop .mega-nav__sub-link:hover,.mega-nav__card-title:hover,.mn8-text-component u,.th8-text-component u{text-decoration:underline}.th8-text-component mark{background-color:hsla(var(--th8-color-accent-hsl),.2);color:inherit}.th8-text-component blockquote{padding-left:1em;border-left:4px solid hsl(var(--th8-color-contrast-lower-hsl));font-style:italic}.th8-text-component hr{margin:calc(var(--th8-space-md) * var(--th8-space-multiplier,1)) auto;background:hsl(var(--th8-color-contrast-lower-hsl));height:1px}.mn8-text-component>:first-child,.th8-text-component>:first-child{margin-top:0}.th8-text-component>:last-child{margin-bottom:0}.th8-text-component.th8-line-height-xs{--th8-heading-line-height:1;--th8-body-line-height:1.1}.th8-text-component.th8-line-height-sm{--th8-heading-line-height:1.1;--th8-body-line-height:1.2}.th8-text-component.th8-line-height-md{--th8-heading-line-height:1.15;--th8-body-line-height:1.4}.th8-text-component.th8-line-height-lg{--th8-heading-line-height:1.22;--th8-body-line-height:1.58}.th8-text-component.th8-line-height-xl{--th8-heading-line-height:1.3;--th8-body-line-height:1.72}.th8-padding-top-md{padding-top:var(--th8-space-md)}.th8-gap-sm{gap:var(--th8-space-sm)}.th8-flex-wrap{flex-wrap:wrap}.mn8-flex,.th8-flex{display:flex}.th8-hide{display:none!important}.dj3-icon{height:var(--dj3-size,1em);width:var(--dj3-size,1em);display:inline-block;color:inherit;line-height:1;flex-shrink:0}.dropdown,.dropdown__sub-wrapper,.mn8-position-relative{position:relative}.dropdown__menu{width:200px;border-radius:.25em;padding:var(--dj3-space-3xs) 0;background-color:hsl(var(--dj3-color-bg-light-hsl));box-shadow:inset 0 0 .5px 1px hsla(0,0%,100%,.075),0 .3px .4px rgba(0,0,0,.025),0 .9px 1.5px rgba(0,0,0,.05),0 3.5px 6px rgba(0,0,0,.1);z-index:5;position:absolute;left:0;top:100%;--space-unit:1rem;--text-unit:1rem;font-size:var(--text-unit);opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s .2s;top:calc(100% + 4px)}.mn8-btn,.mn8-form-control{font-size:1em;line-height:1.2;border-radius:.25em}@media not all and (pointer:fine){.dropdown__trigger-icon{display:none}}.dropdown__item{display:block;color:hsl(var(--dj3-color-contrast-high-hsl));padding:var(--dropdown-item-padding);overflow:hidden;text-overflow:ellipsis;transition:.2s}.dropdown__item.dropdown__item--hover,.dropdown__item:hover{background-color:hsla(var(--dj3-color-contrast-higher-hsl),.075)}.dropdown__separator{height:1px;background-color:hsl(var(--dj3-color-contrast-lower-hsl));margin:var(--dropdown-item-padding)}.dropdown__sub-wrapper>.dropdown__item{position:relative;padding-right:calc(var(--dj3-space-sm) + 12px)}.dropdown__sub-wrapper>.dropdown__item svg{position:absolute;display:block;width:12px;height:12px;right:var(--dj3-space-2xs);top:calc(50% - 6px)}.dropdown__sub-wrapper>.dropdown__menu{top:calc(var(--dj3-space-2xs) * -1);box-shadow:inset 0 0 .5px 1px hsla(0,0%,100%,.075),0 .9px 1.5px rgba(0,0,0,.03),0 3.1px 5.5px rgba(0,0,0,.08),0 14px 25px rgba(0,0,0,.12)}.dropdown__sub-wrapper .dropdown__menu{top:calc(var(--dj3-space-2xs) * -1)}@media (pointer:fine){.dropdown__sub-wrapper:hover>.dropdown__menu,.dropdown__wrapper:hover>.dropdown__menu{opacity:1;visibility:visible;transition:opacity .2s}.dropdown__sub-wrapper:hover>.dropdown__menu{left:100%}.dropdown__menu--is-visible{opacity:1;visibility:visible;transition:opacity .2s}}.dropdown__menu--is-hidden{opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s .2s}.dropdown__sub-wrapper>.dropdown__menu--is-hidden,.dropdown__sub-wrapper>.dropdown__menu--is-visible{left:100%}.dropdown__sub-wrapper>.dropdown__menu--is-hidden.dropdown__menu--left,.dropdown__sub-wrapper>.dropdown__menu--is-visible.dropdown__menu--left{left:-100%}.dj3-margin-left-3xs{margin-left:var(--dj3-space-3xs)}.dj3-items-center,.mn8-items-center{align-items:center}.dj3-inline-flex{display:inline-flex}.dj3-inline-block,.mn8-inline-block{display:inline-block}@media(min-width:64rem){:root{--th8-space-sm:1.125rem;--th8-space-md:2rem;--th8-space-xs:0.75rem;--th8-text-lg:1.75rem;--th8-text-sm:1rem;--mn8-space-4xs:0.1875rem;--mn8-space-3xs:0.375rem;--mn8-space-2xs:0.5625rem;--mn8-space-xs:0.75rem;--mn8-space-sm:1.125rem;--mn8-space-md:2rem;--mn8-space-lg:3.125rem;--mn8-space-xl:5.125rem;--mn8-text-xl:2.44rem;--mn8-text-lg:1.75rem;--mn8-text-md:1.5625rem;--mn8-text-base:1.25rem;--mn8-text-sm:1rem;--mn8-text-xs:0.8rem;--mn8-text-sm:1rem}}.mn8-btn{position:relative;display:inline-flex;justify-content:center;align-items:center;background:hsl(var(--mn8-color-bg-dark-hsl));color:hsl(var(--mn8-color-contrast-higher-hsl));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:.2s;will-change:transform;padding:var(--mn8-space-2xs) var(--mn8-space-sm)}.mn8-btn:focus-visible{box-shadow:0 0 0 2px hsl(var(--mn8-color-bg-hsl)),0 0 0 4px hsla(var(--mn8-color-contrast-higher-hsl),.15);outline:0}.mn8-btn:active{transform:translateY(2px)}.mn8-btn--primary{background:hsl(var(--mn8-color-primary-hsl));color:hsl(var(--mn8-color-white-hsl));box-shadow:inset 0 1px 0 hsla(var(--mn8-color-white-hsl),.15),0 1px 3px hsla(var(--mn8-color-primary-darker-hsl),.25),0 2px 6px hsla(var(--mn8-color-primary-darker-hsl),.1),0 6px 10px -2px hsla(var(--mn8-color-primary-darker-hsl),.25)}.mn8-btn--primary:hover{background:hsl(var(--mn8-color-primary-light-hsl));box-shadow:inset 0 1px 0 hsla(var(--mn8-color-white-hsl),.15),0 1px 2px hsla(var(--mn8-color-primary-darker-hsl),.25),0 1px 4px hsla(var(--mn8-color-primary-darker-hsl),.1),0 3px 6px -2px hsla(var(--mn8-color-primary-darker-hsl),.25)}.mn8-btn--primary:focus{box-shadow:inset 0 1px 0 hsla(var(--mn8-color-white-hsl),.15),0 1px 2px hsla(var(--mn8-color-primary-darker-hsl),.25),0 1px 4px hsla(var(--mn8-color-primary-darker-hsl),.1),0 3px 6px -2px hsla(var(--mn8-color-primary-darker-hsl),.25),0 0 0 2px hsl(var(--mn8-color-bg-hsl)),0 0 0 4px hsl(var(--mn8-color-primary-hsl))}.mn8-btn--subtle{background:hsl(var(--mn8-color-bg-lighter-hsl));color:hsl(var(--mn8-color-contrast-higher-hsl));box-shadow:inset 0 1px 0 hsla(var(--mn8-color-white-hsl),.1),0 0 0 1px hsla(var(--mn8-color-black-hsl),.02),0 1px 3px -1px hsla(var(--mn8-color-black-hsl),.2),0 .3px .4px rgba(0,0,0,.025),0 .9px 1.5px rgba(0,0,0,.05),0 3.5px 6px rgba(0,0,0,.1)}.mn8-btn--subtle:hover{background:hsl(var(--mn8-color-bg-light-hsl));box-shadow:inset 0 1px 0 hsla(var(--mn8-color-white-hsl),.1),0 0 0 1px hsla(var(--mn8-color-black-hsl),.02),0 1px 3px -1px hsla(var(--mn8-color-black-hsl),.2),0 .1px .3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.12)}.mn8-btn--subtle:focus{box-shadow:inset 0 1px 0 hsla(var(--mn8-color-white-hsl),.1),0 0 0 1px hsla(var(--mn8-color-black-hsl),.02),0 1px 3px -1px hsla(var(--mn8-color-black-hsl),.2),0 .1px .3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.12),0 0 0 2px hsl(var(--mn8-color-bg-hsl)),0 0 0 4px hsl(var(--mn8-color-contrast-high-hsl))}.mn8-form-control{padding:var(--mn8-space-2xs) var(--mn8-space-xs);background:hsl(var(--mn8-color-bg-dark-hsl));box-shadow:inset 0 0 0 1px hsl(var(--mn8-color-contrast-lower-hsl));transition:.2s}.mn8-form-control::placeholder{opacity:1;color:hsl(var(--mn8-color-contrast-low-hsl))}.mn8-form-control:focus,.mn8-form-control:focus-within{background:hsl(var(--mn8-color-bg-hsl));box-shadow:inset 0 0 0 1px hsla(var(--mn8-color-contrast-lower-hsl),0),0 0 0 2px hsl(var(--mn8-color-primary-hsl)),0 .3px .4px rgba(0,0,0,.025),0 .9px 1.5px rgba(0,0,0,.05),0 3.5px 6px rgba(0,0,0,.1);outline:0}.mega-nav--desktop .mega-nav__search,.mega-nav--desktop .mega-nav__sub-nav-wrapper,.mega-nav--mobile .mega-nav__nav,.mega-nav--mobile .mega-nav__search{top:75px;background-color:hsl(var(--mn8-color-bg-hsl));box-shadow:0 1.2px 1.9px -1px rgba(0,0,0,.014),0 3.3px 5.3px -1px rgba(0,0,0,.038),0 8.5px 12.7px -1px rgba(0,0,0,.085),0 30px 42px -1px rgba(0,0,0,.15);left:0}.mn8-icon{height:var(--mn8-size,1em);width:var(--mn8-size,1em);display:inline-block;color:inherit;line-height:1;flex-shrink:0}.mn8-icon--xs{--mn8-size:16px}@media (min-width:64rem){:root{--mega-nav-height:70px}}.mega-nav{height:75px;width:100%;z-index:3;}.mega-nav--expanded{background-color:hsl(var(--mn8-color-bg-hsl))}.mega-nav__container{width:calc(100% - 2 * var(--mn8-space-md));height:100%;max-width:1650px;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:space-between}.mega-nav__arrow-icon .mn8-icon,.mega-nav__icon-btn .mn8-icon{display:block}.mega-nav__logo{display:block;width:104px;height:30px}.mega-nav__logo>*{width:inherit;height:inherit}.mega-nav__icon-btns{display:flex;align-items:center}.mega-nav__icon-btn{display:flex;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;color:hsl(var(--mn8-color-contrast-high-hsl));transition:.2s}.mega-nav__icon-btn .icon__group{stroke-width:1px}.mega-nav__icon-btn .icon__group>*{transition:transform .3s cubic-bezier(.645, .045, .355, 1),stroke-dashoffset .3s,opacity .3s,-webkit-transform .3s cubic-bezier(.645, .045, .355, 1)}.mega-nav__icon-btn--menu .icon__group>*{stroke-dasharray:24}.mega-nav__icon-btn--menu .icon__group>:first-child{-webkit-transform-origin:12px 6px;transform-origin:12px 6px}.mega-nav__icon-btn--menu .icon__group>:nth-child(2){stroke-dashoffset:0}.mega-nav__icon-btn--menu .icon__group>:nth-child(3){-webkit-transform-origin:12px 18px;transform-origin:12px 18px}.mega-nav__icon-btn--menu.mega-nav__icon-btn--state-b .icon__group>:first-child{-webkit-transform:translateY(6px) rotate(-45deg);transform:translateY(6px) rotate(-45deg)}.mega-nav__icon-btn--menu.mega-nav__icon-btn--state-b .icon__group>:nth-child(2){stroke-dashoffset:24}.mega-nav__icon-btn--menu.mega-nav__icon-btn--state-b .icon__group>:nth-child(3){-webkit-transform:translateY(-6px) rotate(45deg);transform:translateY(-6px) rotate(45deg)}.mega-nav__icon-btn--search .icon__group{-webkit-transform-origin:12px 12px;transform-origin:12px 12px;-webkit-transform:rotate(0);transform:rotate(0);transition:transform .3s cubic-bezier(.215, .61, .355, 1);transition:transform .3s cubic-bezier(.215, .61, .355, 1),-webkit-transform .3s cubic-bezier(.215, .61, .355, 1)}.mega-nav__icon-btn--search .icon__group>:first-child{stroke-dashoffset:34;stroke-dasharray:24}.mega-nav__icon-btn--search .icon__group>:nth-child(2){stroke-dashoffset:24;stroke-dasharray:24}.mega-nav__icon-btn--search .icon__group>:nth-child(3){-webkit-transform-origin:9.5px 9.5px;transform-origin:9.5px 9.5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);stroke-dashoffset:84;stroke-dasharray:42;opacity:1}.mega-nav__icon-btn--search.mega-nav__icon-btn--state-b .icon__group{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.mega-nav__icon-btn--search.mega-nav__icon-btn--state-b .icon__group>:first-child,.mega-nav__icon-btn--search.mega-nav__icon-btn--state-b .icon__group>:nth-child(2){stroke-dashoffset:48}.mega-nav__icon-btn--search.mega-nav__icon-btn--state-b .icon__group>:nth-child(3){stroke-dashoffset:42;opacity:0}.mega-nav__arrow-icon{font-size:16px;color:currentColor}.mega-nav__arrow-icon .icon__group{stroke-width:1.5px;will-change:transform;-webkit-transform-origin:8px 8px;transform-origin:8px 8px;transition:transform .3s cubic-bezier(.215, .61, .355, 1);transition:transform .3s cubic-bezier(.215, .61, .355, 1),-webkit-transform .3s cubic-bezier(.215, .61, .355, 1)}.mega-nav__arrow-icon .icon__group>*{stroke-dasharray:17;-webkit-transform-origin:8px 8px;transform-origin:8px 8px;-webkit-transform:translateY(3px);transform:translateY(3px);transition:transform .3s,stroke-dashoffset .3s,-webkit-transform .3s;transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}.mega-nav__arrow-icon .icon__group>:first-child,.mega-nav__arrow-icon .icon__group>:last-child{stroke-dashoffset:8.5}.mega-nav__label{color:hsl(var(--mn8-color-contrast-medium-hsl));text-transform:uppercase;letter-spacing:.1em;font-size:var(--mn8-text-xs)}.mega-nav__card-title{color:hsl(var(--mn8-color-contrast-higher-hsl));text-decoration:none}.mega-nav--desktop .mega-nav__control,.mega-nav--desktop .mega-nav__quick-link,.mega-nav--desktop .mega-nav__sub-link,.mega-nav--desktop .mega-nav__tabs-control,.mega-nav--mobile .mega-nav__control,.mega-nav--mobile .mega-nav__quick-link,.mega-nav--mobile .mega-nav__sub-link{color:hsl(var(--mn8-color-contrast-higher-hsl));text-decoration:none}.mega-nav--mobile .mega-nav__icon-btns--desktop,.mega-nav--mobile .mega-nav__sub-nav--layout-1 .mega-nav__tabs{display:none}.mega-nav--mobile .mega-nav__nav,.mega-nav--mobile .mega-nav__search{display:none;position:absolute;width:100%;height:calc(100vh - var(--mega-nav-height) - var(--mega-nav-offset-y,0px));overflow:auto;-webkit-overflow-scrolling:touch}.mega-nav--mobile .mega-nav__nav--is-visible,.mega-nav--mobile .mega-nav__search--is-visible{display:block}.mega-nav--mobile .mega-nav__nav--is-visible>*,.mega-nav--mobile .mega-nav__search--is-visible>*{-webkit-animation:.5s cubic-bezier(.215,.61,.355,1) mega-nav-entry-animation;animation:.5s cubic-bezier(.215,.61,.355,1) mega-nav-entry-animation}.mega-nav--mobile .mega-nav__nav-inner,.mega-nav--mobile .mega-nav__search-inner{padding:var(--mn8-space-md) 0;width:calc(100% - 2 * var(--mn8-space-md));max-width:var(--mega-nav-content-max-width);margin-left:auto;margin-right:auto}.mega-nav--mobile .mega-nav__label{margin:var(--mn8-space-lg) 0 var(--mn8-space-xs)}.mega-nav--mobile .mega-nav__control{display:flex;align-items:center;width:100%;font-size:var(--mn8-text-md);text-align:left;padding:var(--mn8-space-sm) 0}.mega-nav--mobile .mega-nav__arrow-icon{margin-left:auto;margin-right:12px}.mega-nav--mobile .mega-nav__btn{width:100%;margin:var(--mn8-space-sm) 0;font-size:var(--mn8-text-md)}.mega-nav--mobile .mega-nav__sub-nav-wrapper{display:none;padding:0 var(--mn8-space-md) var(--mn8-space-lg);overflow:hidden}.mega-nav--mobile .mega-nav__sub-items:not(:last-child){margin-bottom:var(--mn8-space-lg)}.mega-nav--mobile .mega-nav__sub-link{display:block;padding:var(--mn8-space-2xs) 0}.mega-nav--mobile .mega-nav__quick-link{display:block;padding:var(--mn8-space-xs) 0}.mega-nav--mobile .mega-nav__sub-nav--layout-1 .mega-nav__sub-items,.mn8-text-component>:last-child{margin-bottom:0}.mega-nav--mobile .mega-nav__sub-nav--layout-3{padding-top:var(--mn8-space-md);display:grid;gap:var(--mn8-space-md);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.mega-nav--mobile .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group>:first-child{-webkit-transform:translateY(-3px) rotate(-90deg);transform:translateY(-3px) rotate(-90deg)}.mega-nav--mobile .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group>:last-child{-webkit-transform:translateY(-3px) rotate(90deg);transform:translateY(-3px) rotate(90deg)}.mega-nav--mobile .mega-nav__item--expanded .mega-nav__sub-nav-wrapper{display:block}.mega-nav--mobile .mega-nav__item--expanded .mega-nav__sub-nav-wrapper>*{-webkit-animation:.5s cubic-bezier(.215,.61,.355,1) mega-nav-entry-animation;animation:.5s cubic-bezier(.215,.61,.355,1) mega-nav-entry-animation}.mega-nav--desktop .mega-nav__icon-btns--mobile,.mega-nav--desktop .mega-nav__label,.mega-nav--desktop .mega-nav__search,.mega-nav--desktop .mega-nav__sub-nav-wrapper{display:none}.mega-nav--desktop .mega-nav__logo{flex-shrink:0;margin-right:var(--mn8-space-sm)}.mega-nav--desktop .mega-nav__nav{flex-grow:1;height:100%}.mega-nav--desktop .mega-nav__nav-inner{height:100%;display:flex;justify-content:space-between}.mega-nav--desktop .mega-nav__items{display:flex;height:100%}.mega-nav--desktop .mega-nav__item{display:flex;align-items:center}.mega-nav--desktop .mega-nav__control{position:relative;display:flex;align-items:center;padding:0 var(--mn8-space-md);height:100%;font-size:var(--mn8-text-sm);transition:.2s}.mega-nav--desktop .mega-nav__control::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:hsl(var(--mn8-color-contrast-higher-hsl));opacity:0;transition:opacity .2s}.mega-nav--desktop .mega-nav__control .mega-nav__arrow-icon{margin-left:var(--mn8-space-2xs)}.mega-nav--desktop .mega-nav__search,.mega-nav--desktop .mega-nav__sub-nav-wrapper{position:absolute;width:100%;max-height:calc(100vh - var(--mega-nav-height) - var(--mega-nav-offset-y,0px));overflow:auto}.mega-nav--desktop .mega-nav__icon-btn--state-b,.mega-nav--desktop .mega-nav__icon-btn:hover,.mega-nav--desktop .mega-nav__item--expanded .mega-nav__control{background-color:hsla(var(--mn8-color-contrast-higher-hsl),.05)}.mega-nav--desktop .mega-nav__search-inner,.mega-nav--desktop .mega-nav__sub-nav{width:calc(100% - 2 * var(--mn8-space-md));margin:0 auto;padding:var(--mn8-space-xl) 0}.mega-nav--desktop .mega-nav__item--expanded .mega-nav__sub-nav-wrapper,.mega-nav--desktop .mega-nav__search--is-visible,.mega-nav--desktop .mega-nav__search-inner .mega-nav__label,.mega-nav--desktop .mega-nav__sub-nav .mega-nav__label,.mn8-block{display:block}.mega-nav--desktop .mega-nav__sub-nav{max-width:var(--mega-nav-content-max-width)}.mega-nav--desktop .mega-nav__search-inner,.mn8-max-width-xs{max-width:38rem}.mega-nav--desktop .mega-nav__label,.mn8-margin-bottom-md{margin-bottom:var(--mn8-space-md)}.mega-nav--desktop .mega-nav__sub-item:not(:last-child){margin-bottom:var(--mn8-space-2xs)}.mega-nav--desktop .mega-nav__sub-link{font-size:var(--mn8-text-sm)}.mega-nav--desktop .mega-nav__quick-link{display:inline-block;margin-bottom:var(--mn8-space-2xs);font-size:var(--mn8-text-sm)}.mega-nav--desktop .mega-nav__btn{font-size:var(--mn8-text-sm);margin-left:var(--mn8-space-sm)}.mega-nav--desktop .mega-nav__sub-nav--layout-1 .mega-nav__sub-items{display:none}.mega-nav--desktop .mega-nav__sub-nav--layout-2{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--mn8-space-sm);max-width:1400px!important}.mega-nav--desktop .mega-nav__sub-nav--layout-3{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--mn8-space-md)}.mega-nav--desktop .mega-nav__sub-nav--layout-4{text-align:center}.mega-nav--desktop .mega-nav__sub-nav--layout-4 .mega-nav__sub-link{font-size:var(--mn8-text-lg)}.mega-nav--desktop .mega-nav__tabs-control{display:block;width:100%;padding:var(--mn8-space-xs);overflow:hidden;transition:.2s}.mega-nav--desktop .mega-nav__tabs-control .mn8-icon{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px);transition:transform .5s cubic-bezier(.215, .61, .355, 1),opacity .5s,-webkit-transform .5s cubic-bezier(.215, .61, .355, 1)}.mega-nav--desktop .mega-nav__tabs-control[aria-selected=true] .mn8-icon{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.mega-nav--desktop .mega-nav__tabs-img{display:block;overflow:hidden;border-radius:.5em;transition:opacity .3s}.mega-nav--desktop .mega-nav__tabs-img:hover{opacity:.85}.mega-nav--desktop .mega-nav__item--expanded .mega-nav__control::after{opacity:1}.mega-nav--desktop .mega-nav__item--expanded .mega-nav__sub-nav{-webkit-animation:.5s cubic-bezier(.215,.61,.355,1) mega-nav-entry-animation;animation:.5s cubic-bezier(.215,.61,.355,1) mega-nav-entry-animation}.mega-nav--desktop:not([data-hover=on]) .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.mega-nav--desktop:not([data-hover=on]) .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group :last-child,.mega-nav--desktop:not([data-hover=on]) .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group>:first-child{stroke-dashoffset:0;-webkit-transform:translateY(0);transform:translateY(0)}.mega-nav--desktop .mega-nav__icon-btn{border-radius:50%;margin-left:var(--mn8-space-4xs)}.mega-nav--desktop .mega-nav__search--is-visible .mega-nav__search-inner{-webkit-animation:.5s cubic-bezier(.215,.61,.355,1) mega-nav-entry-animation;animation:.5s cubic-bezier(.215,.61,.355,1) mega-nav-entry-animation}@-webkit-keyframes mega-nav-entry-animation{from{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes mega-nav-entry-animation{from{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}[class*=mega-nav--desktop]::before{display:none;content:"mobile"}@media (min-width:32rem){.mega-nav--desktop\@xs::before{content:"desktop"}}@media (min-width:48rem){.mega-nav--desktop\@sm::before{content:"desktop"}}@media (min-width:992px){.mega-nav--desktop\@md::before{content:"desktop"}}@media (min-width:80rem){.mega-nav--desktop\@lg::before{content:"desktop"}}@media (min-width:90rem){.mega-nav--desktop\@xl::before{content:"desktop"}}.mn8-margin-top-lg{margin-top:var(--mn8-space-lg)}.mn8-width-100\%{width:100%}.mn8-flex-center{justify-content:center;align-items:center}.mn8-height-100\%{height:100%}.mn8-color-inherit{color:inherit}.mn8-text-base{font-size:var(--mn8-text-base)}.mn8-margin-top-sm{margin-top:var(--mn8-space-sm)}:where(.mn8-media-wrapper-4\:3){position:relative;height:0}.mn8-media-wrapper-4\:3{padding-bottom:75%}.mn8-media-wrapper-4\:3>*{position:absolute;top:0;left:0;width:100%;height:100%}.mn8-media-wrapper-4\:3>:not(iframe),.mn8-object-cover{object-fit:cover}.mn8-overflow-hidden{overflow:hidden}.mn8-radius-lg{border-radius:.5em}.mn8-margin-x-auto{margin-left:auto;margin-right:auto}.mn8-gap-2xs{gap:var(--mn8-space-2xs)}.mn8-color-contrast-medium{--mn8-color-o:1;color:hsla(var(--mn8-color-contrast-medium-hsl),var(--mn8-color-o,1))}.mn8-text-xl{font-size:var(--mn8-text-xl)}.mn8-text-component :where(h1,h2,h3,h4){line-height:var(--mn8-heading-line-height, 1.2);margin-top:calc(var(--mn8-space-md) * var(--mn8-space-multiplier,1));margin-bottom:calc(var(--mn8-space-sm) * var(--mn8-space-multiplier,1))}.mn8-text-component :where(p,blockquote,ul li,ol li){line-height:var(--mn8-body-line-height, 1.4)}.mn8-text-component :where(ul,ol,p,blockquote,.mn8-text-component__block){margin-bottom:calc(var(--mn8-space-sm) * var(--mn8-space-multiplier,1))}.mn8-text-component :where(ul,ol){padding-left:1.25em}.mn8-text-component ol :where(ul,ol),.mn8-text-component ul :where(ul,ol){padding-left:1em;margin-bottom:0}.mn8-text-component figcaption{margin-top:calc(var(--mn8-space-xs) * var(--mn8-space-multiplier,1));font-size:var(--mn8-text-sm);text-align:center}.mn8-text-component mark{background-color:hsla(var(--mn8-color-accent-hsl),.2);color:inherit}.mn8-text-component blockquote{padding-left:1em;border-left:4px solid hsl(var(--mn8-color-contrast-lower-hsl));font-style:italic}.mn8-text-component hr{margin:calc(var(--mn8-space-md) * var(--mn8-space-multiplier,1)) auto;background:hsl(var(--mn8-color-contrast-lower-hsl));height:1px}.mn8-text-component.mn8-line-height-xs{--mn8-heading-line-height:1;--mn8-body-line-height:1.1}.mn8-text-component.mn8-line-height-sm{--mn8-heading-line-height:1.1;--mn8-body-line-height:1.2}.mn8-text-component.mn8-line-height-md{--mn8-heading-line-height:1.15;--mn8-body-line-height:1.4}.mn8-text-component.mn8-line-height-lg{--mn8-heading-line-height:1.22;--mn8-body-line-height:1.58}.mn8-text-component.mn8-line-height-xl{--mn8-heading-line-height:1.3;--mn8-body-line-height:1.72}.mn8-margin-left-auto{margin-left:auto}.mn8-margin-right-3xs{margin-right:var(--mn8-space-3xs)}.mn8-radius-50\%{border-radius:50%}.mn8-height-lg{height:3rem}.mn8-width-lg{width:3rem}.mn8-gap-xs{gap:var(--mn8-space-xs)}.mn8-gap-lg{gap:var(--mn8-space-lg)}.mn8-grid{display:grid;grid-template-columns:repeat(12,1fr)}.mn8-grid>*{min-width:0;grid-column-end:span 12}.mn8-col-4{grid-column-end:span 4}.mn8-col-8{grid-column-end:span 8}.mega-nav__nav a:hover,.mega-nav__nav button:hover{cursor:pointer!important}@media(max-width:991px){.mega-nav__nav-inner,.mega-nav__sub-nav-wrapper{padding-bottom:50px!important}}
}
.mn8-icon:hover .csl-1 {
color:red;
}
.navbar-product-category {
display:block;
border-radius:5px;
}
.navbar-card-title {
font-size:16px;
font-weight:600;
}
.mega-nav--desktop .mega-nav__nav-inner {
height: 100%;
display: flex;
justify-content: center;
}
.mega-nav--desktop .mega-nav__items {
margin-left:auto;
}
@media(min-width:1200px) and (max-width:1400px){.cta-box-btn{padding:20px 15px}}.evify-contact-link{color:#fff;text-decoration:underline}.evify-contact-link:hover{color:#fff}#b2bIntro{padding-top:30vh}.b2b-intro-text{font-size:16px;color:#fff}@media(min-width:768px){.b2b-intro-text{font-size:20px;color:#fff}}.product-category-container{width:100%;background-color:#f9f7fd;height:auto;position:relative}.product-category-img{position:relative;width:100%;height:auto}.product-category-text-container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;text-align:center;width:100%;z-index:100}.bg-overlay{z-index:1;position:absolute;width:100%;height:100%;background-color:rgba(36, 22, 71, 0.20)}
/* THIS CONTROLS LINKS IN NAVBAR DESIGN FOR DESKTOP*/
.mega-nav--desktop .mega-nav__control {
font-size:15px !important;
font-weight:600;
color:#fff !important;
background-color:transparent;
outline:none;
border:none;
}
.mega-nav--desktop .mega-nav__control:hover {
color:#4baee3 !important;
background-color:transparent;
outline:none;
border:none;
text-decoration:none;
cursor:pointer;
}
.mega-nav--desktop .mega-nav__control::after {
background-color:transparent;
height:3px;
border-radius: 3px;
}
.mega-nav--desktop .mega-nav__item--expanded .mega-nav__control {
color:#4baee3 !important;
}
.mega-nav--desktop .mega-nav__item--expanded .mega-nav__control::after {
background-color:#4baee3;
height:3px;
border-radius: 3px;
}
.mega-nav__logo {
width:100px;
height:42px;
}
.mega-nav__icon-btn button {
background-color:transparent;
border:none;
outline:none !important;
border-radius:50%;
}
.mega-nav__icon-btn button:hover {
background-color: transparent;
cursor:pointer;
}
.mega-nav__icon-btn a {
background-color:transparent;
border:none;
outline:none !important;
border-radius:50%;
}
.mega-nav__icon-btn a:hover {
background-color: transparent;
cursor:pointer;
}
.mega-nav__icon-btn {
width: 50px;
height: 50px;
}
.mega-nav--desktop .mega-nav__sub-nav {
max-width: 1650px;
}
/* NEW PRODUCTS DISPLAY */
.mega-nav--desktop .mega-nav__elinks {
display: block;
width: 100%;
padding: 1rem;
overflow: hidden;
color: var(--color-contrast-higher);
text-decoration: none;
cursor: pointer;
transition: .2s;
}
.mega-nav--desktop .mega-nav__elinks img {
-o-object-fit: cover;
object-fit: cover;
height: 50px;
width: 50x;
}
.mega-nav--desktop .mega-nav__elinks svg {
--size: 1em;
font-size: var(--size);
height: 1em;
width: 1em;
display: inline-block;
color: inherit;
fill: currentColor;
line-height: 1;
flex-shrink: 0;
max-width: initial;
margin-left:auto;
}
.mega-nav--desktop .margin-right-3xs {
margin-right: var(--space-3xs);
}
.mega-nav--desktop .mega-nav__eli {
border-bottom: 1px solid rgba(0,0,0,.2);
}
.mega-nav--desktop .mega-nav__elinks-icon {
font-size:20px;
font-weight:500;
font-style:normal;
margin-left:10px;
}
.mega-nav--mobile .mega-nav__elinks {
display: block;
width: 100%;
padding: 1rem;
overflow: hidden;
color: var(--color-contrast-higher);
text-decoration: none;
cursor: pointer;
transition: .2s;
}
.mega-nav--mobile .mega-nav__elinks img {
-o-object-fit: cover;
object-fit: cover;
height: 50px;
width: 50x;
}
.mega-nav--mobile .mega-nav__elinks svg {
--size: 1em;
font-size: var(--size);
height: 1em;
width: 1em;
display: inline-block;
color: inherit;
fill: currentColor;
line-height: 1;
flex-shrink: 0;
max-width: initial;
margin-left:auto;
}
.mega-nav--mobile .margin-right-3xs {
margin-right: var(--space-3xs);
}
.mega-nav--mobile .mega-nav__eli {
border-bottom: 1px solid rgba(0,0,0,.2);
}
.mega-nav--mobile .mega-nav__elinks-icon {
font-size:18px;
font-weight:500;
font-style:normal;
margin-left:10px;
}
.mega-nav__elinks:hover {
color:#4baee3;
}
.items-center {
align-items: center;
}
.flex {
display: flex;
}
.gap-xs {
--row-gap: 1rem;
--column-gap: 1rem;
gap: 1rem 1rem;
}
.navbar-cart-btn {
position:relative;
}
.navbar-cart-btn .navbar-cart-count {
-webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.1);
box-shadow: 0 5px 15px 0 rgba(0,0,0,.1);
font-family: Montserrat;
text-shadow: 0 2px 2px rgba(36,22,71,.2);
font-weight: 700;
top: 12px;
left: 21px;
-webkit-transform: translate(50%,-50%);
-ms-transform: translate(50%,-50%);
transform: translate(50%,-50%);
color: #fff !important;
background-color: #ffd3e4 !important;
width: 18px;
height: 18px;
line-height: 18px;
padding: 0;
position: absolute;
text-align: center;
font-size: 12px;
border-radius: 50%;
}
.navbar-category-btn {
background-color: #4baee3;
color: #fff;
font-weight: 700;
border-radius: 50px;
padding: 15px 40px;
font-size: 15px;
transition: 0.2s;
outline: none;
border: none;
cursor:pointer;
}
.navbar-category-btn:hover {
background-color:#3a98e0;
color:#fff;
text-decoration:none;
transition:0.2s;
cursor:pointer;
}
button.mega-nav__control {
outline: none;
background: transparent;
border: none;
}
.mega-nav--mobile .mega-nav__sub-link {
padding:10px 0px;
}
.mega-nav--mobile .mega-nav__control {
padding: 15px 0px;
}
.mega-nav__icon-btn--menu #menuClosedIcon {
display:none;
}
.mega-nav__icon-btn--menu #menuOpenIcon {
display:block;
}
.mega-nav__icon-btn--menu.mega-nav__icon-btn--state-b #menuClosedIcon {
display: block;
}
.mega-nav__icon-btn--menu.mega-nav__icon-btn--state-b #menuOpenIcon {
display: none;
}
.mega-nav--desktop.mega-nav--expanded {
background-color:#241647;
}
.mega-nav--mobile.mega-nav--expanded {
background-color:#241647;
}
.mega-nav {
background-color:#241647;
}
.mobile-nav-btn {
background-color: #4baee3;
color: #fff;
font-weight: 700;
border-radius: 50px;
padding: 15px 40px;
font-size: 15px;
transition: 0.2s;
outline: none;
border: none;
cursor: pointer;
display:block;
text-align:center;
}
.mobile-nav-btn:hover {
background-color:#3a98e0;
color:#fff;
text-decoration:none;
transition:0.2s;
cursor:pointer;
}
.mega-nav__item.mobile-btn {
border-bottom:none !important;
}
/* SEARCH */
/* variables */
:root {
/* colors */
--cp9-color-primary-hsl: 250, 84%, 54%;
--cp9-color-bg-hsl: 0, 0%, 100%;
--cp9-color-contrast-high-hsl: 230, 7%, 23%;
--cp9-color-contrast-higher-hsl: 230, 13%, 9%;
--cp9-color-contrast-lower-hsl: 240, 4%, 85%;
--cp9-color-contrast-low-hsl: 240, 4%, 65%;
}
/* component */
:root {
--circle-loader-v1-size: 48px;
--circle-loader-v1-stroke-width: 4px;
--circle-loader-v2-size: 64px;
--circle-loader-v2-stroke-width: 2;
--circle-loader-v3-size: 64px;
--circle-loader-v4-size: 48px;
--circle-loader-v5-size: 64px;
--circle-loader-v6-size: 48px;
}
.circle-loader {
position: relative;
display: inline-block;
}
@supports ((-webkit-animation-name: this) or (animation-name: this)) {
.circle-loader__label {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
}
}
@supports ((-webkit-animation-name: this) or (animation-name: this)) {
.circle-loader--v1 {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
will-change: transform;
-webkit-animation: circle-loader-1 0.75s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
animation: circle-loader-1 0.75s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
}
.circle-loader--v1 .circle-loader__circle {
width: var(--circle-loader-v1-size);
height: var(--circle-loader-v1-size);
border-width: var(--circle-loader-v1-stroke-width);
border-style: solid;
border-color: hsla(var(--cp9-color-primary-hsl), 0.2);
border-radius: 50%;
}
.circle-loader--v1 .circle-loader__circle::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-width: inherit;
border-style: inherit;
border-color: transparent;
border-top-color: hsl(var(--cp9-color-primary-hsl));
border-radius: inherit;
}
}
@-webkit-keyframes circle-loader-1 {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
100% {
-webkit-transform: rotate(405deg);
transform: rotate(405deg);
}
}
@keyframes circle-loader-1 {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
100% {
-webkit-transform: rotate(405deg);
transform: rotate(405deg);
}
}
@supports ((-webkit-animation-name: this) or (animation-name: this)) {
.circle-loader--v2 {
will-change: transform;
-webkit-animation: circle-loader-spinning-main 1.4s infinite linear;
animation: circle-loader-spinning-main 1.4s infinite linear;
}
.circle-loader--v2 .circle-loader__svg {
display: block;
width: var(--circle-loader-v2-size);
height: var(--circle-loader-v2-size);
color: hsl(var(--cp9-color-primary-hsl));
}
.circle-loader--v2 .circle-loader__svg > * {
stroke-width: var(--circle-loader-v2-stroke-width);
}
.circle-loader--v2 .circle-loader__base {
opacity: 0.2;
}
.circle-loader--v2 .circle-loader__fill {
stroke-linecap: round;
stroke-dashoffset: 0;
stroke-dasharray: 90 120;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation: circle-loader-dash 1.4s infinite;
animation: circle-loader-dash 1.4s infinite;
}
}
@-webkit-keyframes circle-loader-dash {
0%, 20% {
stroke-dashoffset: 0;
-webkit-transform: rotate(0);
transform: rotate(0);
}
50%, 70% {
stroke-dashoffset: 80;
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
100% {
stroke-dashoffset: 0;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes circle-loader-dash {
0%, 20% {
stroke-dashoffset: 0;
-webkit-transform: rotate(0);
transform: rotate(0);
}
50%, 70% {
stroke-dashoffset: 80;
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
100% {
stroke-dashoffset: 0;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes circle-loader-spinning-main {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes circle-loader-spinning-main {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@supports ((-webkit-animation-name: this) or (animation-name: this)) {
.circle-loader--v3 {
width: var(--circle-loader-v3-size);
height: var(--circle-loader-v3-size);
}
.circle-loader--v3 .circle-loader__circle {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: hsl(var(--cp9-color-primary-hsl));
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0.8;
will-change: transform, opacity;
-webkit-animation: circle-loader-3 1.2s infinite;
animation: circle-loader-3 1.2s infinite;
}
.circle-loader--v3 .circle-loader__circle--2nd {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
}
@-webkit-keyframes circle-loader-3 {
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@keyframes circle-loader-3 {
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@supports ((-webkit-animation-name: this) or (animation-name: this)) {
.circle-loader--v4 {
width: var(--circle-loader-v4-size);
height: var(--circle-loader-v4-size);
border-radius: 50%;
overflow: hidden;
}
.circle-loader--v4 .circle-loader__mask,
.circle-loader--v4 .circle-loader__circle {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: inherit;
}
.circle-loader--v4 .circle-loader__mask {
-webkit-clip-path: circle(calc(0.5* var(--circle-loader-v4-size)));
clip-path: circle(calc(0.5* var(--circle-loader-v4-size)));
}
.circle-loader--v4 .circle-loader__circle--1st {
background-color: hsl(var(--cp9-color-contrast-low-hsl));
}
.circle-loader--v4 .circle-loader__circle--2nd {
background-color: hsl(var(--cp9-color-primary-hsl));
will-change: transform;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation: circle-loader-4 1.2s infinite cubic-bezier(0.23, 0.9, 0.75, 0.1);
animation: circle-loader-4 1.2s infinite cubic-bezier(0.23, 0.9, 0.75, 0.1);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-webkit-keyframes circle-loader-4 {
to {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes circle-loader-4 {
to {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@supports ((-webkit-animation-name: this) or (animation-name: this)) {
.circle-loader--v5 {
font-size: var(--circle-loader-v5-size);
width: 1em;
height: 1em;
}
.circle-loader--v5 .circle-loader__label {
font-size: 1rem;
}
.circle-loader--v5 .circle-loader__ball {
position: absolute;
top: 0;
left: calc(50% - 0.140625em);
width: 0.28125em;
height: 0.28125em;
background-color: hsl(var(--cp9-color-primary-hsl));
border-radius: 50%;
-webkit-animation: circle-loader-5-ball 0.8s infinite;
animation: circle-loader-5-ball 0.8s infinite;
}
.circle-loader--v5 .circle-loader__shadow {
position: absolute;
bottom: 0;
left: calc(50% - 0.15625em);
width: 0.3125em;
height: 0.3125em;
background-color: hsl(var(--cp9-color-contrast-lower-hsl));
border-radius: 50%;
-webkit-transform: scaleY(0.4) scaleX(1.2);
transform: scaleY(0.4) scaleX(1.2);
-webkit-animation: circle-loader-5-shadow 0.8s infinite;
animation: circle-loader-5-shadow 0.8s infinite;
}
}
@-webkit-keyframes circle-loader-5-ball {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: cubic-bezier(0.61, 0.12, 0.85, 0.4);
animation-timing-function: cubic-bezier(0.61, 0.12, 0.85, 0.4);
}
50% {
-webkit-transform: translateY(0.5625em);
transform: translateY(0.5625em);
-webkit-animation-timing-function: cubic-bezier(0.12, 0.59, 0.46, 0.95);
animation-timing-function: cubic-bezier(0.12, 0.59, 0.46, 0.95);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes circle-loader-5-ball {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: cubic-bezier(0.61, 0.12, 0.85, 0.4);
animation-timing-function: cubic-bezier(0.61, 0.12, 0.85, 0.4);
}
50% {
-webkit-transform: translateY(0.5625em);
transform: translateY(0.5625em);
-webkit-animation-timing-function: cubic-bezier(0.12, 0.59, 0.46, 0.95);
animation-timing-function: cubic-bezier(0.12, 0.59, 0.46, 0.95);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes circle-loader-5-shadow {
0% {
-webkit-transform: scaleY(0.4) scaleX(1.2);
transform: scaleY(0.4) scaleX(1.2);
background-color: hsl(var(--cp9-color-contrast-lower-hsl));
-webkit-animation-timing-function: cubic-bezier(0.61, 0.12, 0.85, 0.4);
animation-timing-function: cubic-bezier(0.61, 0.12, 0.85, 0.4);
}
50% {
-webkit-transform: scaleY(0.2) scaleX(0.6);
transform: scaleY(0.2) scaleX(0.6);
background-color: hsl(var(--cp9-color-contrast-low-hsl));
-webkit-animation-timing-function: cubic-bezier(0.12, 0.59, 0.46, 0.95);
animation-timing-function: cubic-bezier(0.12, 0.59, 0.46, 0.95);
}
100% {
-webkit-transform: scaleY(0.4) scaleX(1.2);
transform: scaleY(0.4) scaleX(1.2);
background-color: hsl(var(--cp9-color-contrast-lower-hsl));
}
}
@keyframes circle-loader-5-shadow {
0% {
-webkit-transform: scaleY(0.4) scaleX(1.2);
transform: scaleY(0.4) scaleX(1.2);
background-color: hsl(var(--cp9-color-contrast-lower-hsl));
-webkit-animation-timing-function: cubic-bezier(0.61, 0.12, 0.85, 0.4);
animation-timing-function: cubic-bezier(0.61, 0.12, 0.85, 0.4);
}
50% {
-webkit-transform: scaleY(0.2) scaleX(0.6);
transform: scaleY(0.2) scaleX(0.6);
background-color: hsl(var(--cp9-color-contrast-low-hsl));
-webkit-animation-timing-function: cubic-bezier(0.12, 0.59, 0.46, 0.95);
animation-timing-function: cubic-bezier(0.12, 0.59, 0.46, 0.95);
}
100% {
-webkit-transform: scaleY(0.4) scaleX(1.2);
transform: scaleY(0.4) scaleX(1.2);
background-color: hsl(var(--cp9-color-contrast-lower-hsl));
}
}
@supports ((-webkit-animation-name: this) or (animation-name: this)) {
.circle-loader--v6 .circle-loader__svg {
display: block;
width: var(--circle-loader-v6-size);
height: var(--circle-loader-v6-size);
color: hsl(var(--cp9-color-primary-hsl));
}
.circle-loader--v6 .circle-loader__fill {
stroke-width: 8px;
stroke-dashoffset: 35;
stroke-dasharray: 36 36;
-webkit-animation: circle-loader-6 1.5s infinite;
animation: circle-loader-6 1.5s infinite;
}
}
@-webkit-keyframes circle-loader-6 {
0%, 100% {
stroke-dashoffset: 35;
}
50% {
stroke-dashoffset: -35;
}
}
@keyframes circle-loader-6 {
0%, 100% {
stroke-dashoffset: 35;
}
50% {
stroke-dashoffset: -35;
}
}
/* variables */
:root {
/* colors */
--mc4-color-primary-hsl: 250, 84%, 54%;
--mc4-color-bg-hsl: 0, 0%, 100%;
--mc4-color-contrast-high-hsl: 230, 7%, 23%;
--mc4-color-contrast-higher-hsl: 230, 13%, 9%;
--mc4-color-contrast-lower-hsl: 240, 4%, 85%;
--mc4-color-bg-light-hsl: 0, 0%, 100%;
--mc4-color-bg-lighter-hsl: 0, 0%, 100%;
--mc4-color-black-hsl: 230, 13%, 9%;
--mc4-color-white-hsl: 0, 0%, 100%;
--mc4-color-bg-dark-hsl: 240, 4%, 95%;
--mc4-color-primary-darker-hsl: 250, 84%, 38%;
--mc4-color-primary-light-hsl: 250, 84%, 60%;
--mc4-color-accent-hsl: 342, 89%, 48%;
/* spacing */
--mc4-space-xs: 0.5rem;
--mc4-space-sm: 0.75rem;
--mc4-space-md: 1.25rem;
--mc4-space-2xs: 0.375rem;
/* typography */
--mc4-text-lg: 1.25rem;
--mc4-text-md: 1.2rem;
--mc4-text-sm: 0.833rem;
}
@media(min-width: 64rem){
:root {
/* spacing */
--mc4-space-xs: 0.75rem;
--mc4-space-sm: 1.125rem;
--mc4-space-md: 2rem;
--mc4-space-2xs: 0.5625rem;
/* typography */
--mc4-text-lg: 1.75rem;
--mc4-text-md: 1.5625rem;
--mc4-text-sm: 1rem;
}
}
/* buttons */
.mc4-btn {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 1em;
white-space: nowrap;
text-decoration: none;
background: hsl(var(--mc4-color-bg-dark-hsl));
color: hsl(var(--mc4-color-contrast-higher-hsl));
cursor: pointer;
text-decoration: none;
line-height: 1.2;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: all 0.2s ease;
will-change: transform;
padding: var(--mc4-space-2xs) var(--mc4-space-sm);
border-radius: 0.25em;
}
.mc4-btn:focus-visible {
box-shadow: 0px 0px 0px 2px hsl(var(--mc4-color-bg-hsl)), 0px 0px 0px 4px hsla(var(--mc4-color-contrast-higher-hsl), 0.15);
outline: none;
}
.mc4-btn:active {
transform: translateY(2px);
}
.mc4-btn--primary {
background: hsl(var(--mc4-color-primary-hsl));
color: hsl(var(--mc4-color-white-hsl));
box-shadow: inset 0px 1px 0px hsla(var(--mc4-color-white-hsl), 0.15), 0px 1px 3px hsla(var(--mc4-color-primary-darker-hsl), 0.25), 0px 2px 6px hsla(var(--mc4-color-primary-darker-hsl), 0.1), 0px 6px 10px -2px hsla(var(--mc4-color-primary-darker-hsl), 0.25);
}
.mc4-btn--primary:hover {
background: hsl(var(--mc4-color-primary-light-hsl));
box-shadow: inset 0px 1px 0px hsla(var(--mc4-color-white-hsl), 0.15), 0px 1px 2px hsla(var(--mc4-color-primary-darker-hsl), 0.25), 0px 1px 4px hsla(var(--mc4-color-primary-darker-hsl), 0.1), 0px 3px 6px -2px hsla(var(--mc4-color-primary-darker-hsl), 0.25);
}
.mc4-btn--primary:focus {
box-shadow: inset 0px 1px 0px hsla(var(--mc4-color-white-hsl), 0.15), 0px 1px 2px hsla(var(--mc4-color-primary-darker-hsl), 0.25), 0px 1px 4px hsla(var(--mc4-color-primary-darker-hsl), 0.1), 0px 3px 6px -2px hsla(var(--mc4-color-primary-darker-hsl), 0.25), 0px 0px 0px 2px hsl(var(--mc4-color-bg-hsl)), 0px 0px 0px 4px hsl(var(--mc4-color-primary-hsl));
}
.mc4-btn--subtle {
background: hsl(var(--mc4-color-bg-lighter-hsl));
color: hsl(var(--mc4-color-contrast-higher-hsl));
box-shadow: inset 0px 1px 0px hsla(var(--mc4-color-white-hsl), 0.1), 0px 0px 0px 1px hsla(var(--mc4-color-black-hsl), 0.02), 0px 1px 3px -1px hsla(var(--mc4-color-black-hsl), 0.2), 0 0.3px 0.4px rgba(0, 0, 0, 0.025),0 0.9px 1.5px rgba(0, 0, 0, 0.05), 0 3.5px 6px rgba(0, 0, 0, 0.1);
}
.mc4-btn--subtle:hover {
background: hsl(var(--mc4-color-bg-light-hsl));
box-shadow: inset 0px 1px 0px hsla(var(--mc4-color-white-hsl), 0.1), 0px 0px 0px 1px hsla(var(--mc4-color-black-hsl), 0.02), 0px 1px 3px -1px hsla(var(--mc4-color-black-hsl), 0.2), 0 0.1px 0.3px rgba(0, 0, 0, 0.06),0 1px 2px rgba(0, 0, 0, 0.12);
}
.mc4-btn--subtle:focus {
box-shadow: inset 0px 1px 0px hsla(var(--mc4-color-white-hsl), 0.1), 0px 0px 0px 1px hsla(var(--mc4-color-black-hsl), 0.02), 0px 1px 3px -1px hsla(var(--mc4-color-black-hsl), 0.2), 0 0.1px 0.3px rgba(0, 0, 0, 0.06),0 1px 2px rgba(0, 0, 0, 0.12), 0px 0px 0px 2px hsl(var(--mc4-color-bg-hsl)), 0px 0px 0px 4px hsl(var(--mc4-color-contrast-high-hsl));
}
/* icons */
.mc4-icon {
height: var(--mc4-size, 1em);
width: var(--mc4-size, 1em);
display: inline-block;
color: inherit;
fill: currentColor;
line-height: 1;
flex-shrink: 0;
max-width: initial;
}
.mc4-icon--xs {
--mc4-size: 16px;
}
.mc4-icon--sm {
--mc4-size: 24px;
}
/* component */
.adv-modal {
position: fixed;
z-index: 100;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
visibility: hidden;
}
.adv-modal:not(.modal--is-visible) {
pointer-events: none;
background-color: transparent;
}
.modal--is-visible {
opacity: 1;
visibility: visible;
}
/* close button */
.modal__close-btn {
display: flex;
flex-shrink: 0;
border-radius: 50%;
transition: 0.2s;
}
.modal__close-btn svg {
display: block;
margin: auto;
}
.modal__close-btn--outer {
/* close button - outside the modal__content */
width: 48px;
height: 48px;
position: fixed;
top: var(--mc4-space-sm);
right: var(--mc4-space-sm);
z-index: 10;
background-color: hsla(var(--mc4-color-black-hsl), 0.9);
transition: 0.2s;
}
.modal__close-btn--outer svg {
color: hsl(var(--mc4-color-white-hsl));
/* icon color */
transition: -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.modal__close-btn--outer:hover {
background-color: hsla(var(--mc4-color-black-hsl), 1);
}
.modal__close-btn--outer:hover svg {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.modal__close-btn--inner {
/* close button - inside the modal__content */
--mc4-size: 32px;
width: var(--mc4-size);
height: var(--mc4-size);
background-color: hsl(var(--mc4-color-bg-light-hsl));
box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075), 0 0.3px 0.4px rgba(0, 0, 0, 0.025),0 0.9px 1.5px rgba(0, 0, 0, 0.05), 0 3.5px 6px rgba(0, 0, 0, 0.1);
transition: 0.2s;
}
.modal__close-btn--inner svg {
color: inherit;
/* icon color */
}
.modal__close-btn--inner:hover {
background-color: hsl(var(--mc4-color-bg-lighter-hsl));
box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075), 0 0.9px 1.5px rgba(0, 0, 0, 0.03),0 3.1px 5.5px rgba(0, 0, 0, 0.08),0 14px 25px rgba(0, 0, 0, 0.12);
}
/* animations */
:root {
--modal-transition-duration: 0.2s;
/* fallback (i.e., unless specified differently in the variations 👇) */
}
@media (prefers-reduced-motion: no-preference) {
.modal--animate-fade {
--modal-transition-duration: 0.2s;
transition: opacity var(--modal-transition-duration), background-color var(--modal-transition-duration), visibility 0s var(--modal-transition-duration);
}
.modal--animate-fade.modal--is-visible {
transition: opacity var(--modal-transition-duration), background-color var(--modal-transition-duration), visibility 0s;
}
.modal--animate-scale,
.modal--animate-translate-up,
.modal--animate-translate-down,
.modal--animate-translate-right,
.modal--animate-translate-left {
--modal-transition-duration: 0.2s;
transition: opacity var(--modal-transition-duration), background-color var(--modal-transition-duration), visibility 0s var(--modal-transition-duration);
}
.modal--animate-scale .modal__content,
.modal--animate-translate-up .modal__content,
.modal--animate-translate-down .modal__content,
.modal--animate-translate-right .modal__content,
.modal--animate-translate-left .modal__content {
will-change: transform;
transition: -webkit-transform var(--modal-transition-duration) cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform var(--modal-transition-duration) cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform var(--modal-transition-duration) cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform var(--modal-transition-duration) cubic-bezier(0.215, 0.61, 0.355, 1);
}
.modal--animate-scale.modal--is-visible,
.modal--animate-translate-up.modal--is-visible,
.modal--animate-translate-down.modal--is-visible,
.modal--animate-translate-right.modal--is-visible,
.modal--animate-translate-left.modal--is-visible {
transition: opacity var(--modal-transition-duration), background-color var(--modal-transition-duration), visibility 0s;
}
.modal--animate-scale.modal--is-visible .modal__content,
.modal--animate-translate-up.modal--is-visible .modal__content,
.modal--animate-translate-down.modal--is-visible .modal__content,
.modal--animate-translate-right.modal--is-visible .modal__content,
.modal--animate-translate-left.modal--is-visible .modal__content {
-webkit-transform: scale(1);
transform: scale(1);
/* reset all transformations */
}
.modal--animate-slide-up,
.modal--animate-slide-down,
.modal--animate-slide-right,
.modal--animate-slide-left {
--modal-transition-duration: 0.3s;
transition: opacity 0s var(--modal-transition-duration), background-color var(--modal-transition-duration), visibility 0s var(--modal-transition-duration);
}
.modal--animate-slide-up .modal__content,
.modal--animate-slide-down .modal__content,
.modal--animate-slide-right .modal__content,
.modal--animate-slide-left .modal__content {
will-change: transform;
transition: -webkit-transform var(--modal-transition-duration) cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform var(--modal-transition-duration) cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform var(--modal-transition-duration) cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform var(--modal-transition-duration) cubic-bezier(0.215, 0.61, 0.355, 1);
}
.modal--animate-slide-up.modal--is-visible,
.modal--animate-slide-down.modal--is-visible,
.modal--animate-slide-right.modal--is-visible,
.modal--animate-slide-left.modal--is-visible {
transition: background-color var(--modal-transition-duration), visibility 0s;
}
.modal--animate-slide-up.modal--is-visible .modal__content,
.modal--animate-slide-down.modal--is-visible .modal__content,
.modal--animate-slide-right.modal--is-visible .modal__content,
.modal--animate-slide-left.modal--is-visible .modal__content {
-webkit-transform: scale(1);
transform: scale(1);
/* reset all transformations */
}
/* scale */
.modal--animate-scale .modal__content {
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
/* translate */
.modal--animate-translate-up .modal__content {
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
.modal--animate-translate-down .modal__content {
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
}
.modal--animate-translate-right .modal__content {
-webkit-transform: translateX(-40px);
transform: translateX(-40px);
}
.modal--animate-translate-left .modal__content {
-webkit-transform: translateX(40px);
transform: translateX(40px);
}
/* slide */
.modal--animate-slide-up .modal__content {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.modal--animate-slide-down .modal__content {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.modal--animate-slide-right .modal__content {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.modal--animate-slide-left .modal__content {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
/* load content - optional */
.modal--is-loading .modal__content {
visibility: hidden;
}
.modal--is-loading .modal__loader {
display: flex;
}
.modal__loader {
/* loader icon */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
display: none;
pointer-events: none;
}
/* --image */
.modal-img-btn {
position: relative;
cursor: pointer;
}
.modal-img-btn::after {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: hsla(var(--mc4-color-black-hsl), 0);
transition: background 0.2s;
}
.modal-img-btn:hover::after {
background-color: hsla(var(--mc4-color-black-hsl), 0.7);
}
.modal-img-btn:hover .modal-img-btn__icon-wrapper {
opacity: 1;
}
.modal-img-btn__icon-wrapper {
position: absolute;
z-index: 2;
top: calc(50% - 24px);
left: calc(50% - 24px);
width: 48px;
height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: hsla(var(--mc4-color-black-hsl), 0.7);
opacity: 0;
transition: opacity 0.2s;
}
.modal-img-btn__icon-wrapper .mc4-icon {
color: hsl(var(--mc4-color-white-hsl));
}
/* utility classes */
.mc4-max-width-100\% {
max-width: 150rem;
}
.mc4-max-height-100\% {
max-height: 100%;
}
.mc4-shadow-md {
box-shadow:0 0.9px 1.5px rgba(0, 0, 0, 0.03),0 3.1px 5.5px rgba(0, 0, 0, 0.08),0 14px 25px rgba(0, 0, 0, 0.12);
}
.mc4-radius-md {
border-radius: 0.25em;
}
.mc4-block {
display: block;
}
.mc4-pointer-events-none {
pointer-events: none;
}
.mc4-flex-center {
justify-content: center;
align-items: center;
}
.mc4-flex {
display: flex;
}
.mc4-height-100\% {
height: 100%;
}
.mc4-width-100\% {
width: 100%;
}
.mc4-padding-md {
padding: var(--mc4-space-md);
}
.mc4-bg-black {
--mc4-bg-o: 1;
background-color: hsla(var(--mc4-color-black-hsl), var(--mc4-bg-o, 1));
}
.mc4-width-3xl {
width: 8rem;
}
.mc4-overflow-hidden {
overflow: hidden;
}
.mc4-text-lg {
font-size: var(--mc4-text-lg);
}
.mc4-text-component :where(h1, h2, h3, h4) {
line-height: var(--mc4-heading-line-height, 1.2);
margin-top: calc(var(--mc4-space-md) * var(--mc4-space-multiplier, 1));
margin-bottom: calc(var(--mc4-space-sm) * var(--mc4-space-multiplier, 1));
}
.mc4-text-component :where(p, blockquote, ul li, ol li) {
line-height: var(--mc4-body-line-height, 1.4);
}
.mc4-text-component :where(ul, ol, p, blockquote, .mc4-text-component__block) {
margin-bottom: calc(var(--mc4-space-sm) * var(--mc4-space-multiplier, 1));
}
.mc4-text-component :where(ul, ol) {
padding-left: 1.25em;
}
.mc4-text-component ul :where(ul, ol), .mc4-text-component ol :where(ul, ol) {
padding-left: 1em;
margin-bottom: 0;
}
.mc4-text-component ul {
list-style-type: disc;
}
.mc4-text-component ol {
list-style-type: decimal;
}
.mc4-text-component img {
display: block;
margin: 0 auto;
}
.mc4-text-component figcaption {
margin-top: calc(var(--mc4-space-xs) * var(--mc4-space-multiplier, 1));
font-size: var(--mc4-text-sm);
text-align: center;}
.mc4-text-component em {
font-style: italic;
}
.mc4-text-component strong {
font-weight: bold;
}
.mc4-text-component s {
text-decoration: line-through;
}
.mc4-text-component u {
text-decoration: underline;
}
.mc4-text-component mark {
background-color: hsla(var(--mc4-color-accent-hsl), 0.2);
color: inherit;
}
.mc4-text-component blockquote {
padding-left: 1em;
border-left: 4px solid hsl(var(--mc4-color-contrast-lower-hsl));
font-style: italic;
}
.mc4-text-component hr {
margin: calc(var(--mc4-space-md) * var(--mc4-space-multiplier, 1)) auto;
background: hsl(var(--mc4-color-contrast-lower-hsl));
height: 1px;
}
.mc4-text-component > *:first-child {
margin-top: 0;
}
.mc4-text-component > *:last-child {
margin-bottom: 0;
}
.mc4-text-component.mc4-line-height-xs {
--mc4-heading-line-height: 1;
--mc4-body-line-height: 1.1;
}
.mc4-text-component.mc4-line-height-sm {
--mc4-heading-line-height: 1.1;
--mc4-body-line-height: 1.2;
}
.mc4-text-component.mc4-line-height-md {
--mc4-heading-line-height: 1.15;
--mc4-body-line-height: 1.4;
}
.mc4-text-component.mc4-line-height-lg {
--mc4-heading-line-height: 1.22;
--mc4-body-line-height: 1.58;
}
.mc4-text-component.mc4-line-height-xl {
--mc4-heading-line-height: 1.3;
--mc4-body-line-height: 1.72;
}
.mc4-top-0 {
top: 0;
}
.mc4-position-sticky {
position: sticky;
}
.mc4-float-right {
float: right;
}
:where(.mc4-inner-glow) {
position: relative;
}
.mc4-inner-glow::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: inherit;
pointer-events: none;
box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075);
}
.mc4-bg {
--mc4-bg-o: 1;
background-color: hsla(var(--mc4-color-bg-hsl), var(--mc4-bg-o, 1));
}
.mc4-overflow-auto {
overflow: auto;
}
.mc4-max-width-sm {
max-width: 48rem;
}
@media not all and (min-width: 64rem) {
.mc4-display\@md {
display:none !important;
}
}
.mc4-gap-xs {
gap: var(--mc4-space-xs);
}
.mc4-justify-end {
justify-content: flex-end;
}
.mc4-padding-x-md {
padding-left: var(--mc4-space-md);
padding-right: var(--mc4-space-md);
}
.mc4-padding-y-sm {
padding-top: var(--mc4-space-sm);
padding-bottom: var(--mc4-space-sm);
}
.mc4-text-md {
font-size: var(--mc4-text-md);
}
.mc4-text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mc4-justify-between {
justify-content: space-between;
}
.mc4-items-center {
align-items: center;
}
.mc4-bg-contrast-lower {
--mc4-bg-o: 1;
background-color: hsla(var(--mc4-color-contrast-lower-hsl), var(--mc4-bg-o, 1));
}
.mc4-max-width-xs {
max-width: 38rem;
}
.mc4-flex-shrink-0 {
flex-shrink: 0;
}
:where(.mc4-inner-glow-top) {
position: relative;
}
.mc4-inner-glow-top::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: inherit;
pointer-events: none;
box-shadow: var(inset 0 1px 0.5px hsla(0, 0%, 100%, 0.075));
}
.mc4-momentum-scrolling {
-webkit-overflow-scrolling: touch;
}
.mc4-flex-grow {
flex-grow: 1;
}
.mc4-flex-column {
flex-direction: column;
}
.mc4-bg-opacity-90\% {
--mc4-bg-o: 0.9;
}
.mc4-bg-opacity-50\% {
--mc4-bg-o: 0.5;
}
@media(min-width: 64rem){
.mc4-hide\@md {
display: none !important;
}
}
/* variables */
:root {
/* colors */
--se1-color-primary-hsl: 250, 84%, 54%;
--se1-color-bg-hsl: 0, 0%, 100%;
--se1-color-contrast-high-hsl: 230, 7%, 23%;
--se1-color-contrast-higher-hsl: 230, 13%, 9%;
--se1-color-contrast-lower-hsl: 240, 4%, 85%;
--se1-color-contrast-low-hsl: 240, 4%, 65%;
--se1-color-contrast-medium-hsl: 225, 4%, 47%;
--se1-color-bg-dark-hsl: 240, 4%, 95%;
/* spacing */
--se1-space-3xs: 0.25rem;
--se1-space-xs: 0.5rem;
--se1-space-2xs: 0.375rem;
}
@media(min-width: 64rem){
:root {
/* spacing */
--se1-space-3xs: 0.375rem;
--se1-space-xs: 0.75rem;
--se1-space-2xs: 0.5625rem;
}
}
/* form elements */
.se1-form-control {
font-size: 1em;
padding: var(--se1-space-2xs) var(--se1-space-xs);
background: hsl(var(--se1-color-bg-dark-hsl));
line-height: 1.2;
box-shadow: inset 0px 0px 0px 1px hsl(var(--se1-color-contrast-lower-hsl));
transition: all 0.2s ease;
border-radius: 0.25em;
}
.se1-form-control::placeholder {
opacity: 1;
color: hsl(var(--se1-color-contrast-low-hsl));
}
.se1-form-control:focus, .se1-form-control:focus-within {
background: hsl(var(--se1-color-bg-hsl));
box-shadow: inset 0px 0px 0px 1px hsla(var(--se1-color-contrast-lower-hsl), 0), 0px 0px 0px 2px hsl(var(--se1-color-primary-hsl)), 0 0.3px 0.4px rgba(0, 0, 0, 0.025),0 0.9px 1.5px rgba(0, 0, 0, 0.05), 0 3.5px 6px rgba(0, 0, 0, 0.1);
outline: none;
}
/* icons */
.se1-icon {
height: var(--se1-size, 1em);
width: var(--se1-size, 1em);
display: inline-block;
color: inherit;
fill: currentColor;
line-height: 1;
flex-shrink: 0;
max-width: initial;
}
/* component */
:root {
--search-input-btn-width: 2.2em;
--search-input-icon-size: 1em;
--search-input-shortcut-margin: 0.325em;
/* gap between the shortcut badge and the input edges */
}
.search-input {
position: relative;
}
.search-input__input {
width: 100%;
height: 100%;
}
.search-input__input::-webkit-search-decoration, .search-input__input::-webkit-search-cancel-button, .search-input__input::-webkit-search-results-button, .search-input__input::-webkit-search-results-decoration {
-webkit-appearance: none;
}
.search-input__input::-ms-clear, .search-input__input::-ms-reveal {
display: none;
width: 0;
height: 0;
}
.search-input--icon-right .search-input__input {
padding-right: var(--search-input-btn-width);
}
.search-input--icon-left .search-input__input {
padding-left: var(--search-input-btn-width);
}
.search-input__btn {
background-color: transparent;
padding: 0;
border: 0;
border-radius: 0;
color: inherit;
line-height: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: absolute;
top: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: var(--search-input-btn-width);
}
.search-input__btn:active .se1-icon {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
.search-input__btn .se1-icon {
display: block;
--se1-size: var(--search-input-icon-size);
margin-left: auto;
margin-right: auto;
color: hsl(var(--se1-color-contrast-low-hsl));
/* icon color */
transition: 0.2s;
}
.search-input--icon-left .search-input__btn {
left: 0;
right: auto;
pointer-events: none;
}
.search-input__btn:focus .se1-icon,
.search-input .search-input__input:focus + .search-input__btn .se1-icon {
color: hsl(var(--se1-color-primary-hsl));
/* active icon color */
}
/* --shortcut */
.search-input__shortcut {
position: absolute;
right: var(--search-input-shortcut-margin);
top: var(--search-input-shortcut-margin);
height: calc(100% - var(--search-input-shortcut-margin)*2);
display: flex;
align-items: center;
background-color: hsl(var(--se1-color-bg-hsl));
border: 1px solid hsl(var(--se1-color-contrast-lower-hsl));
border-radius: 0.125em;
--space-unit: 1em;
padding: 0 var(--se1-space-3xs);
line-height: 1;
color: hsl(var(--se1-color-contrast-medium-hsl));
}
.search-input:focus-within .search-input__shortcut {
display: none;
}
/* variables */
:root {
/* colors */
--am2-color-primary-hsl: 250, 84%, 54%;
--am2-color-bg-hsl: 0, 0%, 100%;
--am2-color-contrast-high-hsl: 230, 7%, 23%;
--am2-color-contrast-higher-hsl: 230, 13%, 9%;
--am2-color-bg-light-hsl: 0, 0%, 100%;
--am2-color-bg-dark-hsl: 240, 4%, 95%;
--am2-color-contrast-lower-hsl: 240, 4%, 85%;
--am2-color-contrast-low-hsl: 240, 4%, 65%;
/* spacing */
--am2-space-2xs: 0.375rem;
--am2-space-xs: 0.5rem;
--am2-space-sm: 0.75rem;
/* typography */
--am2-text-sm: 0.833rem;
}
@media(min-width: 64rem){
:root {
/* spacing */
--am2-space-2xs: 0.5625rem;
--am2-space-xs: 0.75rem;
--am2-space-sm: 1.125rem;
/* typography */
--am2-text-sm: 1rem;
}
}
/* form elements */
.am2-form-control {
font-size: 1em;
padding: var(--am2-space-2xs) var(--am2-space-xs);
background: hsl(var(--am2-color-bg-dark-hsl));
line-height: 1.2;
box-shadow: inset 0px 0px 0px 1px hsl(var(--am2-color-contrast-lower-hsl));
transition: all 0.2s ease;
border-radius: 0.25em;
}
.am2-form-control::placeholder {
opacity: 1;
color: hsl(var(--am2-color-contrast-low-hsl));
}
.am2-form-control:focus, .am2-form-control:focus-within {
background: hsl(var(--am2-color-bg-hsl));
box-shadow: inset 0px 0px 0px 1px hsla(var(--am2-color-contrast-lower-hsl), 0), 0px 0px 0px 2px hsl(var(--am2-color-primary-hsl)), 0 0.3px 0.4px rgba(0, 0, 0, 0.025),0 0.9px 1.5px rgba(0, 0, 0, 0.05), 0 3.5px 6px rgba(0, 0, 0, 0.1);
outline: none;
}
.am2-form-label {
display: inline-block;
font-size: var(--am2-text-sm);
}
/* component */
:root {
--autocomplete-dropdown-vertical-gap: 4px;
/* gap between input and results list */
--autocomplete-dropdown-max-height: 150px;
--autocomplete-dropdown-scrollbar-width: 6px;
/* custom scrollbar width - webkit browsers */
}
.autocomplete__loader {
/* loader visible while searching */
/* CSS variables inherited from the circle-loader component */
--circle-loader-v1-size: 1em;
--circle-loader-v1-stroke-width: 2px;
}
.autocomplete:not(.autocomplete--searching) .autocomplete__loader {
/* .autocomplete--searching is used to show the loader element - added in JS */
display: none;
}
/* results dropdown */
.autocomplete__results {
position: absolute;
z-index: 5;
width: 100%;
left: 0;
top: calc(100% + var(--autocomplete-dropdown-vertical-gap));
-webkit-transform: translateY(4px);
transform: translateY(4px);
/* slide in animation */
background-color: hsl(var(--am2-color-bg-light-hsl));
box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075), 0 0.9px 1.5px rgba(0, 0, 0, 0.03),0 3.1px 5.5px rgba(0, 0, 0, 0.08),0 14px 25px rgba(0, 0, 0, 0.12);
border-radius: 0.25em;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s, visibility 0s 0.3s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: opacity 0.3s, visibility 0s 0.3s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: opacity 0.3s, visibility 0s 0.3s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
overflow: hidden;
}
.autocomplete--results-visible .autocomplete__results {
opacity: 1;
visibility: visible;
transition: opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: opacity 0.3s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: opacity 0.3s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateY(0);
transform: translateY(0);
}
.autocomplete__list {
max-height: var(--autocomplete-dropdown-max-height);
overflow: auto;
-webkit-overflow-scrolling: touch;
/* custom scrollbar */
}
.autocomplete__list::-webkit-scrollbar {
/* scrollbar width */
width: var(--autocomplete-dropdown-scrollbar-width);
}
.autocomplete__list::-webkit-scrollbar-track {
/* progress bar */
background-color: hsla(var(--am2-color-contrast-higher-hsl), 0.08);
border-radius: 0;
}
.autocomplete__list::-webkit-scrollbar-thumb {
/* handle */
background-color: hsla(var(--am2-color-contrast-higher-hsl), 0.12);
border-radius: 0;
}
.autocomplete__list::-webkit-scrollbar-thumb:hover {
background-color: hsla(var(--am2-color-contrast-higher-hsl), 0.2);
}
/* single result item */
.autocomplete__item {
cursor: pointer;
transition: 0.2s;
}
.autocomplete__item:hover {
background-color: hsla(var(--am2-color-contrast-higher-hsl), 0.075);
}
.autocomplete__item:focus {
outline: none;
background-color: hsla(var(--am2-color-primary-hsl), 0.15);
}
.autocomplete__item--is-hidden {
display: none;
}
/* utility classes */
.am2-sr-only {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
width: 1px;
height: 1px;
overflow: hidden;
padding: 0;
border: 0;
white-space: nowrap;
}
.am2-text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.am2-padding-x-sm {
padding-left: var(--am2-space-sm);
padding-right: var(--am2-space-sm);
}
.am2-padding-y-xs {
padding-top: var(--am2-space-xs);
padding-bottom: var(--am2-space-xs);
}
.am2-items-center {
align-items: center;
}
.am2-flex {
display: flex;
}
.am2-height-100\% {
height: 100%;
}
.am2-padding-right-sm {
padding-right: var(--am2-space-sm);
}
.am2-right-0 {
right: 0;
}
.am2-top-0 {
top: 0;
}
.am2-position-absolute {
position: absolute;
}
.am2-width-100\% {
width: 100%;
}
.am2-position-relative {
position: relative;
}
.am2-margin-bottom-2xs {
margin-bottom: var(--am2-space-2xs);
}
/* variables */
:root {
/* colors */
--an8-color-primary-hsl: 250, 84%, 54%;
--an8-color-bg-hsl: 0, 0%, 100%;
--an8-color-contrast-high-hsl: 230, 7%, 23%;
--an8-color-contrast-higher-hsl: 230, 13%, 9%;
--an8-color-warning-dark-hsl: 35, 79%, 56%;
--an8-color-contrast-medium-hsl: 225, 4%, 47%;
--an8-color-bg-light-hsl: 0, 0%, 100%;
--an8-color-bg-lighter-hsl: 0, 0%, 100%;
--an8-color-bg-dark-hsl: 240, 4%, 95%;
--an8-color-white-hsl: 0, 0%, 100%;
--an8-color-primary-darker-hsl: 250, 84%, 38%;
--an8-color-primary-light-hsl: 250, 84%, 60%;
--an8-color-contrast-lower-hsl: 240, 4%, 85%;
--an8-color-contrast-low-hsl: 240, 4%, 65%;
--an8-color-accent-hsl: 342, 89%, 48%;
/* spacing */
--an8-space-3xs: 0.25rem;
--an8-space-2xs: 0.375rem;
--an8-space-xs: 0.5rem;
--an8-space-sm: 0.75rem;
--an8-space-md: 1.25rem;
--an8-space-lg: 2rem;
/* typography */
--an8-text-md: 1.2rem;
--an8-text-base: 1rem;
--an8-text-sm: 0.833rem;
--an8-text-xs: 0.694rem;
--an8-text-sm: 0.833rem;
}
@media(min-width: 64rem){
:root {
/* spacing */
--an8-space-3xs: 0.375rem;
--an8-space-2xs: 0.5625rem;
--an8-space-xs: 0.75rem;
--an8-space-sm: 1.125rem;
--an8-space-md: 2rem;
--an8-space-lg: 3.125rem;
/* typography */
--an8-text-md: 1.5625rem;
--an8-text-base: 1.25rem;
--an8-text-sm: 1rem;
--an8-text-xs: 0.8rem;
--an8-text-sm: 1rem;
}
}
/* buttons */
.an8-btn {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 1em;
white-space: nowrap;
text-decoration: none;
background: hsl(var(--an8-color-bg-dark-hsl));
color: hsl(var(--an8-color-contrast-higher-hsl));
cursor: pointer;
text-decoration: none;
line-height: 1.2;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: all 0.2s ease;
will-change: transform;
padding: var(--an8-space-2xs) var(--an8-space-sm);
border-radius: 0.25em;
}
.an8-btn:focus-visible {
box-shadow: 0px 0px 0px 2px hsl(var(--an8-color-bg-hsl)), 0px 0px 0px 4px hsla(var(--an8-color-contrast-higher-hsl), 0.15);
outline: none;
}
.an8-btn:active {
transform: translateY(2px);
}
.an8-btn--primary {
background: hsl(var(--an8-color-primary-hsl));
color: hsl(var(--an8-color-white-hsl));
box-shadow: inset 0px 1px 0px hsla(var(--an8-color-white-hsl), 0.15), 0px 1px 3px hsla(var(--an8-color-primary-darker-hsl), 0.25), 0px 2px 6px hsla(var(--an8-color-primary-darker-hsl), 0.1), 0px 6px 10px -2px hsla(var(--an8-color-primary-darker-hsl), 0.25);
}
.an8-btn--primary:hover {
background: hsl(var(--an8-color-primary-light-hsl));
box-shadow: inset 0px 1px 0px hsla(var(--an8-color-white-hsl), 0.15), 0px 1px 2px hsla(var(--an8-color-primary-darker-hsl), 0.25), 0px 1px 4px hsla(var(--an8-color-primary-darker-hsl), 0.1), 0px 3px 6px -2px hsla(var(--an8-color-primary-darker-hsl), 0.25);
}
.an8-btn--primary:focus {
box-shadow: inset 0px 1px 0px hsla(var(--an8-color-white-hsl), 0.15), 0px 1px 2px hsla(var(--an8-color-primary-darker-hsl), 0.25), 0px 1px 4px hsla(var(--an8-color-primary-darker-hsl), 0.1), 0px 3px 6px -2px hsla(var(--an8-color-primary-darker-hsl), 0.25), 0px 0px 0px 2px hsl(var(--an8-color-bg-hsl)), 0px 0px 0px 4px hsl(var(--an8-color-primary-hsl));
}
/* form elements */
.an8-form-control {
font-size: 1em;
padding: var(--an8-space-2xs) var(--an8-space-xs);
background: hsl(var(--an8-color-bg-dark-hsl));
line-height: 1.2;
box-shadow: inset 0px 0px 0px 1px hsl(var(--an8-color-contrast-lower-hsl));
transition: all 0.2s ease;
border-radius: 0.25em;
}
.an8-form-control::placeholder {
opacity: 1;
color: hsl(var(--an8-color-contrast-low-hsl));
}
.an8-form-control:focus, .an8-form-control:focus-within {
/* background: hsl(var(--an8-color-bg-hsl));
box-shadow: inset 0px 0px 0px 1px hsla(var(--an8-color-contrast-lower-hsl), 0), 0px 0px 0px 2px hsl(var(--an8-color-primary-hsl)), 0 0.3px 0.4px rgba(0, 0, 0, 0.025),0 0.9px 1.5px rgba(0, 0, 0, 0.05), 0 3.5px 6px rgba(0, 0, 0, 0.1);
*/outline: none;
}
/* icons */
.an8-icon {
height: var(--an8-size, 1em);
width: var(--an8-size, 1em);
display: inline-block;
color: inherit;
fill: currentColor;
line-height: 1;
flex-shrink: 0;
max-width: initial;
}
.an8-icon--xs {
--an8-size: 16px;
}
.an8-icon--lg {
--an8-size: 48px;
}
/* component */
.adv-search {
/* search input component */
--search-input-btn-width: 46px;
--search-input-icon-size: 20px;
}
.adv-search__close-btn {
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.2s;
background-color:#4baee3;
outline:none;
border:none;
color:#fff;
}
.adv-search__close-btn:hover {
background-color: #3a98e0;
outline:none;
border:none;
color:#fff;
cursor:pointer;
}
.adv-search__close-btn svg {
display: block;
height: 25px;
width: 25px;
}
.adv-search__category-icon {
height: 40px;
width: 40px;
}
.adv-search__result-v1 {
display: flex;
align-items: center;
justify-content: space-between;
background-color: hsl(var(--an8-color-bg-light-hsl));
border-radius: 0.25em;
padding: var(--an8-space-2xs);
/*box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075), 0 0.1px 0.3px rgba(0, 0, 0, 0.06),0 1px 2px rgba(0, 0, 0, 0.12);*/
/*-webkit-box-shadow: 0 7px 15px 0 rgb(0 0 0 / 10%);*/
box-shadow: 0 7px 10px 0 rgb(0 0 0 / 5%);
border:1px solid #eee;
color: hsl(var(--an8-color-contrast-higher-hsl));
text-decoration: none;
font-size: var(--an8-text-sm);
transition: 0.2s;
}
.adv-search__result-v1:hover {
background-color: hsl(var(--an8-color-bg-lighter-hsl));
/* box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075), 0 0.3px 0.4px rgba(0, 0, 0, 0.025),0 0.9px 1.5px rgba(0, 0, 0, 0.05), 0 3.5px 6px rgba(0, 0, 0, 0.1);*/
box-shadow: 0 7px 10px 0 rgb(0 0 0 / 5%);
border:1px solid #705BD7;
}
.adv-search__result-v2 {
display: block;
overflow: hidden;
height: 100%;
background-color: hsl(var(--an8-color-bg-light-hsl));
border-radius: 0.25em;
box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075), 0 0.1px 0.3px rgba(0, 0, 0, 0.06),0 1px 2px rgba(0, 0, 0, 0.12);
color: hsl(var(--an8-color-contrast-higher-hsl));
text-decoration: none;
transition: 0.2s;
}
.adv-search__result-v2 footer p {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.adv-search__result-v2:hover {
background-color: hsl(var(--an8-color-bg-lighter-hsl));
box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075), 0 0.3px 0.4px rgba(0, 0, 0, 0.025),0 0.9px 1.5px rgba(0, 0, 0, 0.05), 0 3.5px 6px rgba(0, 0, 0, 0.1);
}
.adv-search__item--is-hidden {
display: none;
}
/* utility classes */
.an8-color-contrast-medium {
--an8-color-o: 1;
color: hsla(var(--an8-color-contrast-medium-hsl), var(--an8-color-o, 1));
}
.an8-text-sm {
font-size: var(--an8-text-sm);
}
.an8-text-base {
font-size: var(--an8-text-base);
}
.an8-text-component :where(h1, h2, h3, h4) {
line-height: var(--an8-heading-line-height, 1.2);
margin-top: calc(var(--an8-space-md) * var(--an8-space-multiplier, 1));
margin-bottom: calc(var(--an8-space-sm) * var(--an8-space-multiplier, 1));
}
.an8-text-component :where(p, blockquote, ul li, ol li) {
line-height: var(--an8-body-line-height, 1.4);
}
.an8-text-component :where(ul, ol, p, blockquote, .an8-text-component__block) {
margin-bottom: calc(var(--an8-space-sm) * var(--an8-space-multiplier, 1));
}
.an8-text-component :where(ul, ol) {
padding-left: 1.25em;
}
.an8-text-component ul :where(ul, ol), .an8-text-component ol :where(ul, ol) {
padding-left: 1em;
margin-bottom: 0;
}
.an8-text-component ul {
list-style-type: disc;
}
.an8-text-component ol {
list-style-type: decimal;
}
.an8-text-component img {
display: block;
margin: 0 auto;
}
.an8-text-component figcaption {
margin-top: calc(var(--an8-space-xs) * var(--an8-space-multiplier, 1));
font-size: var(--an8-text-sm);
text-align: center;}
.an8-text-component em {
font-style: italic;
}
.an8-text-component strong {
font-weight: bold;
}
.an8-text-component s {
text-decoration: line-through;
}
.an8-text-component u {
text-decoration: underline;
}
.an8-text-component mark {
background-color: hsla(var(--an8-color-accent-hsl), 0.2);
color: inherit;
}
.an8-text-component blockquote {
padding-left: 1em;
border-left: 4px solid hsl(var(--an8-color-contrast-lower-hsl));
font-style: italic;
}
.an8-text-component hr {
margin: calc(var(--an8-space-md) * var(--an8-space-multiplier, 1)) auto;
background: hsl(var(--an8-color-contrast-lower-hsl));
height: 1px;
}
.an8-text-component > *:first-child {
margin-top: 0;
}
.an8-text-component > *:last-child {
margin-bottom: 0;
}
.an8-text-component.an8-line-height-xs {
--an8-heading-line-height: 1;
--an8-body-line-height: 1.1;
}
.an8-text-component.an8-line-height-sm {
--an8-heading-line-height: 1.1;
--an8-body-line-height: 1.2;
}
.an8-text-component.an8-line-height-md {
--an8-heading-line-height: 1.15;
--an8-body-line-height: 1.4;
}
.an8-text-component.an8-line-height-lg {
--an8-heading-line-height: 1.22;
--an8-body-line-height: 1.58;
}
.an8-text-component.an8-line-height-xl {
--an8-heading-line-height: 1.3;
--an8-body-line-height: 1.72;
}
.an8-margin-right-3xs {
margin-right: var(--an8-space-3xs);
}
.an8-margin-right-xs {
margin-right: var(--an8-space-xs);
}
.an8-color-primary {
--an8-color-o: 1;
color: hsla(var(--an8-color-primary-hsl), var(--an8-color-o, 1));
}
.an8-items-center {
align-items: center;
}
.an8-flex {
display: flex;
}
.an8-gap-2xs {
gap: var(--an8-space-2xs);
}
.an8-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.an8-grid > * {
min-width: 0;
grid-column-end: span 12;
}
.an8-margin-bottom-sm {
margin-bottom: var(--an8-space-sm);
}
.an8-margin-bottom-3xs {
margin-bottom: var(--an8-space-3xs);
}
.an8-text-xs {
font-size: var(--an8-text-xs);
}
.an8-line-height-md {
line-height: 1.4;
}
.an8-padding-xs {
padding: var(--an8-space-xs);
}
.an8-width-100\% {
width: 100%;
}
.an8-block {
display: block;
}
:where(.an8-media-wrapper-16\:9) {
position: relative;
height: 0;
}
.an8-media-wrapper-16\:9 {
padding-bottom: 56.25%;
}
.an8-media-wrapper-16\:9 > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.an8-media-wrapper-16\:9 > *:not(iframe) {
object-fit: cover;
}
.an8-gap-sm {
gap: var(--an8-space-sm);
}
.an8-color-warning-dark {
--an8-color-o: 1;
color: hsla(var(--an8-color-warning-dark-hsl), var(--an8-color-o, 1));
}
.an8-gap-md {
gap: var(--an8-space-md);
}
.an8-padding-y-sm {
padding-top: var(--an8-space-sm);
padding-bottom: var(--an8-space-sm);
}
.an8-height-100\% {
height: 100%;
}
.an8-padding-right-sm {
padding-right: var(--an8-space-sm);
}
.an8-right-0 {
right: 0;
}
.an8-top-0 {
top: 0;
}
.an8-position-absolute {
position: absolute;
}
.an8-position-relative {
position: relative;
}
.an8-margin-bottom-md {
margin-bottom: var(--an8-space-md);
}
.an8-gap-xs {
gap: var(--an8-space-xs);
}
.an8-flex-wrap {
flex-wrap: wrap;
}
.an8-margin-bottom-xs {
margin-bottom: var(--an8-space-xs);
}
.an8-max-width-sm {
max-width: 55rem;
}
.an8-container {
width: calc(100% - 2*var(--an8-space-md));
margin-left: auto;
margin-right: auto;
}
.an8-text-md {
font-size: var(--an8-text-md);
}
.an8-justify-between {
justify-content: space-between;
}
.an8-margin-top-lg {
margin-top: var(--an8-space-lg);
}
.an8-padding-y-2xs {
padding-top: var(--an8-space-2xs);
padding-bottom: var(--an8-space-2xs);
}
.an8-z-index-3 {
z-index: 3;
}
.an8-position-sticky {
position: sticky;
}
.an8-backdrop-blur-10 {
backdrop-filter: blur(10px);
}
.an8-bg {
--an8-bg-o: 1;
background-color: hsla(var(--an8-color-bg-hsl), var(--an8-bg-o, 1));
}
.an8-overflow-auto {
overflow: auto;
}
.an8-pointer-events-auto {
pointer-events: auto;
}
.an8-max-height-100\% {
max-height: 100%;
}
.an8-pointer-events-none {
pointer-events: none;
}
.an8-flex-center {
justify-content: center;
align-items: center;
}
.an8-bg-opacity-90\% {
--an8-bg-o: 0.9;
}
@media(min-width: 48rem){
.an8-col-6\@sm {
grid-column-end: span 6;
}
}
@media(min-width: 64rem){
.an8-text-md\@md {
font-size: var(--an8-text-md);
}
.an8-col-4\@md {
grid-column-end: span 4;
}
}
.adv-search__result-v1:hover {
color:#140c27;
text-decoration:none;
}
.adv-search__result-v2:hover {
color:#140c27;
text-decoration:none;
}
.e-color-text {
color:#140c27;
}
.evify-search-modal ol, ul, menu{
list-style:none;
margin-left:0;
padding-left:0;
}
.search-product-img-container {
position: relative
}
.search-product-text {
min-height: 110px
}
.search-product-container {
border-radius: 10px;
-webkit-box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%)
}
.evify-search-product-btn {
border-radius: 50px;
color: #fff;
background-color: #4baee3;
font-weight: 700;
font-size: 14px;
padding: 15px;
border: none;
outline: 0;
transition: 0.2s;
display: block;
text-align: center
}
.evify-search-product-btn:hover {
color: #fff;
text-decoration: none;
background-color: #3a98e0;
transition: 0.2s;
cursor: pointer
}
.mt-10vh {
margin-top: 10vh
}
@media(min-width:768px) {
.mt-15vh--md {
margin-top: 15vh
}
}
.evify-lead-text {
font-size: 20px;
}
@media(max-width:400px) {
.evify-lead-text {
font-size: 18px
}
}
@media(max-width:500px) {
.evify-lead-text {
font-size: 18px
}
.search-product-text {
min-height: 80px
}
.an8-icon--xs {
--an8-size: 14px;
}
.adv-search__category-icon {
height: 30px;
width: 30px;
}
.adv-search__result-v1 {
padding: 1rem;
}
}
.search-close-btn {
background-color: #241647;
color: #fff;
font-weight: 700;
border-radius: 50px;
padding: 15px 40px;
font-size: 15px;
transition: 0.2s;
outline:none;
border:none;
}
.search-close-btn:hover {
background-color: #1D1239;
color: #fff;
text-decoration:none;
outline:none;
border:none;
transition: 0.2s;
cursor:pointer;
}
.adv-search__close-btn {
position:absolute;
top:0px;
right:-50px;
}
.suggested-search-link {
color:#fff;
border-bottom:1px solid #fff;
transition:0.2s;
margin-right:5px;
}
.suggested-search-link:hover {
color:#4baee3;
transition:0.2s;
border-bottom:1px solid #4baee3;
text-decoration:none;
cursor:pointer;
}
.evify-search-input {
background-color: transparent;
border-radius:0px;
outline:none;
border-top:none;
border-right:none;
border-left:none;
border-bottom: 2px solid #E0D8F3;
width: 100%;
padding: 15px 25px 5px 5px;
outline: none;
font-size: 35px;
color:#fff;
font-weight:600;
}
.search-input__btn:hover {
cursor:pointer;
}
.search-input__btn {
color: #fff;
padding-right: 20px;
}
.search-input__btn .an8-icon {
height: 35px;
width: 35px;
display: inline-block;
color: inherit;
fill: currentColor;
line-height: 1;
flex-shrink: 0;
max-width: initial;
}
.input-container {
padding-top:50px;
}
@media(max-width:1024px){
.adv-search__close-btn {
right: 0px;
}
.adv-search__close-btn {
width: 40px;
height: 40px;
}
.adv-search__close-btn svg {
display: block;
height: 20px;
width: 20px;
}
}
.suggested-search-link:hover {
cursor:pointer;
}
@media(max-width:450px){
.input-container {
padding-top: 30px;
}
.evify-search-input::placeholder {
font-size: 30px; /* Replace with your desired font size */
/* You can add other styles here as well */
}
}
.an8-position-sticky {
position: relative;
}
/* MODIFIERS */
.mega-nav__icon-btn a:hover {
background-color:transparent !important;
}
.mega-nav__icon-btn:hover {
background-color:transparent !important;
}
.mega-nav {
z-index:1000;
}
.adv-search {
z-index:1001;
}