:where(.header-wrapper){transition:background-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),backdrop-filter var(--duration-base) var(--ease-out)}.shopify-section-header-sticky .header-wrapper,sticky-header.shopify-section-header-sticky,sticky-header[data-sticky-type=always] .header-wrapper,sticky-header[data-sticky-type=reduce-logo-size] .header-wrapper,.header-wrapper.header-wrapper--sticky{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:color-mix(in srgb,rgb(var(--color-header, 255 255 255)) 80%,transparent);box-shadow:var(--shadow-md);transition:background-color var(--duration-base) var(--ease-out),backdrop-filter var(--duration-base) var(--ease-out)}:where(.header){padding-block:var(--space-3);align-items:center;gap:var(--space-3)}@media(min-width:768px){:where(.header){padding-block:var(--space-4);gap:var(--space-6)}}:where(.header__heading-link){display:inline-flex;align-items:center;padding:var(--space-2);margin:calc(var(--space-2) * -1);border-radius:var(--radius-sm);transition:opacity var(--duration-fast) var(--ease-out)}:where(.header__heading-link:hover){opacity:.8}:where(.header__heading-link .h2){font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);font-size:var(--text-xl);line-height:1;margin:0}:where(.header__icon,.header-wrapper button[type=button]:not(.button)){min-width:var(--touch-min);min-height:var(--touch-min);border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);position:relative}@media(hover:hover){:where(.header__icon:hover){background-color:color-mix(in srgb,currentColor 8%,transparent)}}:where(.header__icon:active){transform:scale(.92)}:where(.cart-count-bubble){background:rgb(var(--color-link, 255 88 1));color:rgb(var(--color-background, 255 255 255));font-weight:var(--weight-bold);font-size:11px;line-height:1;min-width:20px;height:20px;padding:0 var(--space-1);border-radius:var(--radius-full);border:2px solid rgb(var(--color-header, 255 255 255));position:absolute;top:4px;right:4px;display:inline-flex;align-items:center;justify-content:center;transform-origin:center;animation:cart-bubble-in var(--duration-base) var(--ease-bounce)}@keyframes cart-bubble-in{0%{transform:scale(0)}to{transform:scale(1)}}:where(.header__menu-item){font-weight:var(--weight-semibold);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);position:relative}@media(hover:hover){:where(.header__menu-item:hover){background-color:color-mix(in srgb,currentColor 6%,transparent)}}:where(.header__menu-item:after){content:"";position:absolute;left:var(--space-3);right:var(--space-3);bottom:4px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--duration-base) var(--ease-out)}@media(hover:hover){:where(.header__menu-item:hover:after,.header__menu-item[aria-expanded=true]:after){transform:scaleX(1)}}:where(.menu-drawer){width:min(420px,92vw);background:rgb(var(--color-drawer, 255 255 255));color:rgb(var(--color-drawer-text, 17 17 17));height:100dvh;height:100vh;padding-top:max(var(--space-6),var(--safe-top));padding-bottom:max(var(--space-6),var(--safe-bottom));box-shadow:var(--shadow-2xl)}:where(.menu-drawer__navigation){padding:var(--space-4);gap:var(--space-1);display:flex;flex-direction:column}:where(.menu-drawer__menu-item){font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);padding:var(--space-4);border-radius:var(--radius-md);min-height:var(--touch-comfortable);display:flex;align-items:center;justify-content:space-between;transition:background-color var(--duration-fast) var(--ease-out)}:where(.menu-drawer__menu-item:active){background-color:color-mix(in srgb,currentColor 8%,transparent)}:where(menu-drawer a,menu-drawer button,menu-drawer summary,menu-drawer .menu-drawer__menu-item){color:rgb(var(--color-drawer-text, 17 17 17))}:where(.menu-drawer-container[open]:before,.menu-drawer-overlay){backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006}:where(.header__icon--menu){position:relative}:where(.header__icon--menu svg){transition:transform var(--duration-base) var(--ease-bounce)}:where(.header__icon--menu[aria-expanded=true] svg){transform:rotate(90deg)}:where(.mega-menu__content){background:rgb(var(--color-dropdown, 255 255 255));box-shadow:var(--shadow-lg);border-radius:var(--radius-md);padding:var(--space-8);gap:var(--space-8);animation:mega-menu-in var(--duration-base) var(--ease-out)}@keyframes mega-menu-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}:where(.mega-menu__list){gap:var(--space-2)}:where(.mega-menu__link){font-weight:var(--weight-medium);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);display:inline-block}:where(.mega-menu__link--level-2){font-weight:var(--weight-bold);font-size:var(--text-base);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2)}@media(hover:hover){:where(.mega-menu__link:hover){background-color:color-mix(in srgb,currentColor 6%,transparent);transform:translate(2px)}}:where(.predictive-search){border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:70vh}@media(max-width:767px){:where(.search-modal){height:100dvh;padding-top:max(var(--space-4),var(--safe-top))}}:where(.search-modal__form){border-radius:var(--radius-full);background:color-mix(in srgb,currentColor 5%,transparent)}:where(.search-modal__form input){font-size:16px;font-weight:var(--weight-medium);padding-block:var(--space-3)}:where(.utility-bar,.announcement-bar){font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide)}@media(max-width:989px){:where(.header){grid-template-columns:auto 1fr auto}:where(.header__heading){justify-self:center;text-align:center}:where(.header__icon--menu svg){width:22px;height:22px}:where(.header__icon--cart svg){width:22px;height:22px}}@media(prefers-reduced-motion:reduce){:where(.cart-count-bubble,.mega-menu__content){animation:none}:where(.header__menu-item:after,.mega-menu__link){transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/courself-header.css.map */