header{background:#f8f5ffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-right:0}.nav{display:flex;align-items:center;gap:30px;height:70px;position:relative;flex-wrap:nowrap;padding-left:0;margin-bottom:0;list-style:none}.logo img{height:25px}.main-nav{display:flex;align-items:center;gap:24px;font-size:14.5px;font-weight:500;position:absolute;left:50%;transform:translate(-50%)}.main-nav a,.main-nav .dropdown{position:relative}.main-nav a,.main-nav .dropdown-toggle{color:var(--text-main);font-size:14.5px;font-weight:500;padding:4px 0;transition:color .2s ease;text-decoration:none}.main-nav a:hover,.main-nav a.active,.main-nav .dropdown-toggle:hover,.main-nav .dropdown-toggle.active,.main-nav .dropdown-toggle:focus{color:var(--violet);text-decoration:none}.main-nav a:after,.main-nav .dropdown:after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--violet);transition:width .25s cubic-bezier(.4,0,.2,1)}.main-nav a:hover:after,.main-nav a.active:after,.main-nav .dropdown:hover:after{width:100%}.main-nav .dropdown-toggle{display:inline-flex;align-items:center;gap:6px}.main-nav .dropdown-toggle:after{transition:transform .2s ease;display:inline-block;vertical-align:middle;border-top:.35em solid;border-right:.35em solid transparent;border-bottom:0;border-left:.35em solid transparent;content:"";margin-left:6px}.main-nav .dropdown.show .dropdown-toggle:after,.main-nav .dropdown-toggle[aria-expanded=true]:after{transform:rotate(180deg)}.main-nav .dropdown-toggle{background:none;border:none;text-decoration:none;outline:none;box-shadow:none}.main-nav .dropdown-toggle:focus,.main-nav .dropdown-toggle:focus-visible{outline:none;box-shadow:none}.main-nav .dropdown-menu{position:absolute;top:calc(100% + 3px);left:0;min-width:160px;background:var(--surface-background);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 20px #0000000d;padding:8px;text-decoration:none;display:none;flex-direction:column;list-style:none;margin:0;z-index:1000}.main-nav .dropdown.show .dropdown-menu{display:flex}.main-nav .dropdown-item{color:var(--text);padding:8px 12px;border-radius:8px}.main-nav .dropdown-item:hover,.main-nav .dropdown-item.active,.main-nav .dropdown-item:active{background:transparent;color:var(--violet);font-weight:600}.nav .tools{display:flex;align-items:center;gap:16px;margin-left:auto;flex-shrink:0}.search{display:flex;align-items:center;gap:8px;background:var(--surface-background);border:1px solid var(--line);border-radius:999px;padding:9px 15px;width:220px;color:var(--muted);font-size:13.5px}.search input{border:0;outline:0;font:inherit;color:var(--text);width:100%;background:transparent}.icbtn{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--text-main);transition:.2s;position:relative;background:transparent;border:none;padding:0;outline:none}.icbtn:hover{background:var(--mist)}.cartdot{position:absolute;top:6px;right:6px;background:var(--violet);color:var(--surface-background);font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:9px;display:grid;place-items:center;font-family:Space Grotesk}.offcanvas{position:fixed;top:0;bottom:0;left:0;z-index:1050;height:100vh;width:280px!important;background-color:var(--surface-background);box-shadow:0 0 20px #0000001a;transform:translate(-100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column}.offcanvas.show{transform:translate(0)}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line)}.offcanvas-title{margin:0;line-height:1.5;font-weight:600;font-size:1.25rem;color:var(--text)}.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em;color:var(--text-main);background:transparent;border:0;border-radius:.375rem;opacity:.5;cursor:pointer}.btn-close:before{content:"\2715";font-size:1.2rem}.offcanvas-body{padding:16px;overflow-y:auto;flex-grow:1}.offcanvas-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080!important;z-index:1040;display:none}.offcanvas-backdrop.show{display:block!important}.offcanvas-toggle .close-icon{display:none}.offcanvas.show~.offcanvas-toggle .menu-icon{display:none}.offcanvas.show~.offcanvas-toggle .close-icon{display:block}.offcanvas-body .mobile-nav{display:flex;flex-direction:column;gap:12px;padding-top:10px}.offcanvas-body .mobile-nav a,.mobile-dropdown .mobile-link{font-size:1.1rem;color:var(--text);padding:8px 0;transition:color .2s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.offcanvas-body .mobile-nav a:hover,.offcanvas-body .mobile-nav a.active,.mobile-dropdown .mobile-link:hover,.mobile-dropdown .mobile-link.active{color:var(--violet)!important;text-decoration:none}.mobile-nav a svg{display:none}.mobile-dropdown .mobile-link{background:none;border:none;text-align:left;width:auto;list-style:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;gap:8px}.mobile-dropdown .mobile-link:after{content:"\25bc";font-size:.8rem;transition:transform .2s}.mobile-dropdown[open] .mobile-link:after{transform:rotate(180deg)}.mobile-dropdown details>summary{list-style:none}.mobile-dropdown details>summary::-webkit-details-marker{display:none}.mobile-sub-nav{display:flex;flex-direction:column;gap:8px;padding-left:16px;margin-top:8px}.mobile-sub-link{font-size:1rem!important;color:var(--muted)!important}@media(max-width:980px){.main-nav:not(.header-account-wrapper),.search{display:none!important}header .wrap{padding-left:16px;padding-right:12px}.nav{gap:12px}.nav .tools{gap:4px}.mobile-search-trigger{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:42px;height:42px;color:var(--text-main);background:transparent;border:none;border-radius:12px;cursor:pointer;transition:background .2s;outline:none;padding:0}.mobile-search-trigger:hover,.mobile-search-trigger:active{background:var(--mist)}.mobile-search-trigger.active .search-icon{display:none}.mobile-search-trigger.active .close-icon{display:block!important}.mobile-search-bar{display:block;max-height:0;overflow:hidden;background:#f8f5fff2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:max-height .3s cubic-bezier(.4,0,.2,1),padding .3s ease;border-bottom:0 solid var(--line);padding:0 16px}.mobile-search-bar.active{max-height:70px;padding:12px 16px;border-bottom:1px solid var(--line);overflow:visible}.search-mobile-form{display:flex;align-items:center;background:var(--surface-background);border:1px solid var(--line);border-radius:99px;padding:2px 16px;height:42px;gap:10px;position:relative}.search-mobile-form .search-icon-wrapper{display:flex;align-items:center;color:var(--muted)}.search-mobile-form input{flex-grow:1;border:none;outline:none;background:transparent;font-size:14.5px;color:var(--text);height:100%}}@media(min-width:981px){.d-lg-none{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/purple-header.css.map */