.cc-header{display:block;position:fixed;top:0;left:0;right:0;z-index:30;color:var(--cc-black);pointer-events:none}.cc-header--overlay{color:var(--cc-white)}.cc-header:has(.cc-topbar){--cc-topbar-h: 36px}.cc-header__shell{pointer-events:auto;transition:transform .38s cubic-bezier(.215,.61,.355,1);will-change:transform}.cc-header-section .cc-header-spacer{display:block;height:var(--cc-header-h, 122px)}.cc-topbar{display:flex;justify-content:center;padding:8px 10px;background:var(--cc-purple);color:var(--cc-white)}.cc-topbar__text{font-size:14px;line-height:20px;color:inherit}.cc-header__bar{padding:16px var(--cc-gutter);transition:background-color var(--cc-normal) ease,color var(--cc-normal) ease,box-shadow var(--cc-normal) ease}.cc-header:not(.cc-header--overlay) .cc-header__bar{background:var(--cc-white)}.cc-header--overlay .cc-header__bar{padding-top:16px}.cc-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1440px;margin:0 auto}.cc-header__left{display:flex;align-items:center;gap:80px;min-width:0}.cc-header__logo{display:inline-flex;color:inherit}.cc-header:not(.cc-header--overlay) .cc-header__logo,.cc-header.is-scrolled .cc-header__logo{color:var(--cc-purple)}.cc-header .cc-logo{display:block;width:139px;height:auto}.cc-nav__list{display:flex;align-items:center;gap:32px;list-style:none}.cc-nav__item{position:relative}.cc-nav__link{display:inline-flex;align-items:center;gap:4px;padding:6px 0;font-size:14px;line-height:20px;font-weight:600;text-transform:uppercase;color:inherit;cursor:pointer;list-style:none;background-image:linear-gradient(currentColor,currentColor);background-size:0% 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size var(--cc-normal) var(--cc-ease)}.cc-nav__link::-webkit-details-marker{display:none}.cc-nav__link:hover,.cc-nav__link.is-active{background-size:100% 1px}.cc-nav__link .cc-icon{transform:rotate(90deg);transition:transform var(--cc-fast) ease}.cc-nav__dropdown[open] .cc-nav__link .cc-icon{transform:rotate(-90deg)}.cc-nav__panel{position:absolute;top:calc(100% + 12px);left:-16px;min-width:220px;padding:8px;list-style:none;border-radius:var(--cc-radius);background:var(--cc-white);box-shadow:0 16px 40px #0a0a0a29;color:var(--cc-black);animation:cc-panel-in var(--cc-normal) var(--cc-ease)}.cc-nav__panel-link{display:block;padding:8px 12px;border-radius:8px;font-size:14px;line-height:20px;transition:background-color var(--cc-fast) ease}.cc-nav__panel-link:hover,.cc-nav__panel-link[aria-current=page]{background:var(--cc-n50)}.cc-nav__panel>li+li{margin-top:4px}@keyframes cc-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.cc-header__icons{display:flex;align-items:center;gap:32px}.cc-header__icon{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:none;color:inherit;cursor:pointer;transition:opacity var(--cc-fast) ease}.cc-header__icon:hover{opacity:.7}.cc-header__icon:focus-visible,.cc-nav__link:focus-visible{outline:2px solid var(--cc-lime);box-shadow:0 0 0 4px var(--cc-black);outline-offset:4px;border-radius:4px}.cc-header__count{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--cc-lime);color:var(--cc-black);font-size:11px;line-height:18px;font-weight:600;text-align:center}.cc-header__cart>svg.icon{width:24px;height:24px}.cc-header__cart .cart-count-bubble{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;border-radius:999px;background:var(--cc-lime);color:var(--cc-black);font-size:11px;line-height:18px;text-align:center}.cc-page cart-drawer :is(.drawer__heading,.totals__total){font-weight:700;text-transform:uppercase}.cc-header__menu-btn{display:none}.cc-header.is-scrolled .cc-header__shell{transform:translateY(calc(-1 * var(--cc-topbar-h, 0px)));transition-duration:.28s}.cc-header.is-scrolled.is-hidden .cc-header__shell{transform:translateY(-100%);transition-duration:.38s}.cc-header.is-scrolled .cc-header__bar{padding-top:10px;padding-bottom:10px;background:#ffffffd9;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);box-shadow:0 1px 0 0 var(--cc-n100);color:var(--cc-black)}.cc-header.is-scrolled .cc-logo{width:112px}@media(prefers-reduced-motion:reduce){.cc-header__shell{transition:none}}.cc-drawer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:auto;z-index:60;display:flex;flex-direction:column;gap:24px;padding:16px;overflow-y:auto;background:var(--cc-white);color:var(--cc-black);animation:cc-drawer-in var(--cc-normal) var(--cc-ease)}.cc-drawer[hidden]{display:none}.cc-drawer__head{display:flex;align-items:center;justify-content:space-between}.cc-drawer__logo{color:var(--cc-purple)}.cc-drawer__close{position:relative;width:44px;height:44px;border:1px solid var(--cc-n100);border-radius:999px;background:var(--cc-white);cursor:pointer}.cc-drawer__close span:before,.cc-drawer__close span:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:1.5px;background:var(--cc-black);transform:translate(-50%,-50%) rotate(45deg)}.cc-drawer__close span:after{transform:translate(-50%,-50%) rotate(-45deg)}.cc-drawer__list,.cc-drawer__sublist{list-style:none}.cc-drawer__link{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--cc-n50);font-family:var(--cc-font-display);font-size:24px;line-height:32px;font-weight:700;text-transform:uppercase;list-style:none;cursor:pointer}.cc-drawer__link::-webkit-details-marker{display:none}.cc-drawer__group[open]>.cc-drawer__link .cc-icon{transform:rotate(90deg)}.cc-drawer__link .cc-icon{transition:transform var(--cc-fast) ease}.cc-drawer__sublist{padding:8px 0 16px}.cc-drawer__sublink{display:block;padding:10px 0;font-size:16px;line-height:24px}.cc-drawer__account{align-self:flex-start;margin-top:auto}@keyframes cc-drawer-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media screen and (max-width:1100px){.cc-header__left{gap:40px}.cc-nav__list{gap:24px}}@media screen and (max-width:989px){.cc-nav,.cc-header__icon--account{display:none}.cc-header__menu-btn{display:inline-flex}.cc-header__bar{padding:16px 16px 8px}.cc-header .cc-logo{width:120px}.cc-header__icons{gap:16px}.cc-header-section .cc-header-spacer{height:var(--cc-header-h, 107px)}.cc-header.is-scrolled .cc-header__bar{padding-top:8px;padding-bottom:8px}.cc-header.is-scrolled .cc-logo{width:96px}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/cc-header.css.map */