.od-site .od-header{padding-top:0}.od-site .od-header-slot{display:flow-root}.od-site .od-header-slot:has(>.od-header[data-pinned=true]){min-height:var(--od-header-slot-height, 0px)}.od-site .od-header[data-pinned=true]{position:fixed;inset-inline:0;top:max(env(safe-area-inset-top,0px),var(--od-sticky-top, 12px));margin:0 auto;z-index:40;transition:transform .24s cubic-bezier(.2,.65,.25,1),opacity .18s ease}.od-site .od-header[data-pinned=true][data-hidden=true]{transform:translateY(calc(-100% - max(env(safe-area-inset-top,0px),var(--od-sticky-top, 12px)) - 24px));opacity:0;pointer-events:none}.od-site .od-header[data-pinned=true]:focus-within{transform:none;opacity:1;pointer-events:auto}.od-site .od-header .od-header__panel{min-height:calc(var(--od-header-panel-height) * var(--od-header-scale));padding:calc(var(--od-header-padding-y) * var(--od-header-scale)) calc(var(--od-header-padding-x) * var(--od-header-scale));gap:calc(24px * var(--od-header-scale));isolation:isolate;background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.od-site .od-header .od-header__panel:before{content:"";position:absolute;inset:calc(-1 * var(--od-border-width, 1px));z-index:-1;pointer-events:none;border:var(--od-border-width, 1px) solid var(--od-line);border-radius:inherit}.od-site .od-header .od-header__panel:before,.od-site .od-header .od-desktop-nav details>ul{background:var(--od-panel);box-shadow:var(--od-shadow);backdrop-filter:blur(var(--od-blur)) saturate(var(--od-header-saturation));-webkit-backdrop-filter:blur(var(--od-blur)) saturate(var(--od-header-saturation))}.od-site .od-header[data-glass-style=liquid] .od-header__panel:before,.od-site .od-header[data-glass-style=liquid] .od-desktop-nav details>ul{background:linear-gradient(116deg,color-mix(in srgb,var(--od-header-highlight) calc(var(--od-header-shine) * 48%),transparent) 0%,transparent 42%,color-mix(in srgb,var(--od-header-highlight) calc(var(--od-header-shine) * 12%),transparent) 100%),var(--od-panel);border-color:color-mix(in srgb,var(--od-header-highlight) calc(var(--od-header-shine) * 65%),var(--od-line));box-shadow:var(--od-shadow),inset 0 1px 1px color-mix(in srgb,var(--od-header-highlight) calc(var(--od-header-shine) * 100%),transparent),inset 1px 0 1px color-mix(in srgb,var(--od-header-highlight) calc(var(--od-header-shine) * 40%),transparent),inset 0 -2px 4px color-mix(in srgb,var(--od-header-highlight) calc(var(--od-header-shine) * 30%),transparent);backdrop-filter:blur(var(--od-blur)) saturate(var(--od-header-saturation));-webkit-backdrop-filter:blur(var(--od-blur)) saturate(var(--od-header-saturation))}.od-site .od-header .od-logo{width:calc(var(--od-header-logo-width) * var(--od-header-scale))}.od-site .od-header .od-desktop-nav .od-menu-list{gap:calc(var(--od-header-menu-gap, 34px) * var(--od-header-scale))}.od-site .od-header .od-desktop-nav .od-menu-list :is(a,summary){font-size:calc(var(--od-header-menu-size) * var(--od-header-scale))}.od-site .od-header :is(.od-icon-button,.header-actions__action){border-radius:var(--od-button-radius,12px);width:max(44px,calc(var(--od-header-action-size) * var(--od-header-scale)));height:max(44px,calc(var(--od-header-action-size) * var(--od-header-scale)));min-width:max(44px,calc(var(--od-header-action-size) * var(--od-header-scale)));min-height:max(44px,calc(var(--od-header-action-size) * var(--od-header-scale)))}.od-site .od-header .od-icon,.od-site .od-header .header-actions__action .svg-wrapper{width:calc(var(--od-header-icon-size) * var(--od-header-scale));height:calc(var(--od-header-icon-size) * var(--od-header-scale))}.od-site .od-header .header-actions__cart-icon svg{mask:none;-webkit-mask:none}.od-site .od-header .header-actions__cart-icon{--cart-bubble-background: var(--od-accent);--cart-bubble-text: #fff;position:relative;display:block}.od-site .od-header .header-actions__cart-icon .cart-bubble{top:-6px;right:-8px;width:16px;min-width:16px;height:16px;min-height:16px;padding:2px}.od-site .od-header .header-actions__cart-icon .cart-bubble__text{font-size:9px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}@media(min-width:1024px){.od-site .od-header .od-desktop-nav details>ul{border-width:var(--od-border-width, 1px);border-style:solid;border-radius:var(--od-radius, 22px);padding:10px 8px;min-width:240px;max-width:min(340px,calc(100vw - 64px));max-height:min(65dvh,calc(100dvh - var(--header-height, 88px) - 64px));overscroll-behavior:contain}.od-site .od-header .od-desktop-nav details[open]>ul{animation:od-menu-reveal .24s cubic-bezier(.2,.65,.25,1)}.od-site .od-header .od-desktop-nav details[open]:before{content:"";position:absolute;top:100%;left:-16px;width:max(100%,240px);height:10px}.od-site .od-header .od-desktop-nav details>ul a{padding:8px 12px;border-radius:min(var(--od-radius, 22px),12px);min-height:44px;transition:background-color .16s ease,color .16s ease}.od-site .od-header .od-desktop-nav details>ul a:hover{background:var(--od-line)}}@keyframes od-menu-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media not (min-width:1024px){.od-site .od-header .od-header__panel{gap:calc(10px * var(--od-header-scale))}}@media not (min-width:750px){.od-site .od-header .od-header__panel{padding-inline:min(12px,calc(var(--od-header-padding-x) * var(--od-header-scale)));gap:4px}.od-site .od-header .od-logo{flex-shrink:1;min-width:48px}.od-site .od-header :is(.od-icon-button,.header-actions__action){width:clamp(44px,calc(var(--od-header-action-size) * var(--od-header-scale)),48px);height:clamp(44px,calc(var(--od-header-action-size) * var(--od-header-scale)),48px);min-width:clamp(44px,calc(var(--od-header-action-size) * var(--od-header-scale)),48px);min-height:clamp(44px,calc(var(--od-header-action-size) * var(--od-header-scale)),48px)}}@media not (min-width:375px){.od-site .od-header .od-header__panel{padding-inline:min(8px,calc(var(--od-header-padding-x) * var(--od-header-scale)));gap:0}.od-site .od-header :is(.od-icon-button,.header-actions__action){width:44px;height:44px;min-width:44px;min-height:44px}}@supports not (backdrop-filter: blur(1px)){.od-site .od-header[data-glass-style] .od-header__panel:before,.od-site .od-header[data-glass-style] .od-desktop-nav details>ul{background:color-mix(in srgb,var(--od-bg) 85%,var(--od-panel))}}@media(prefers-reduced-motion:reduce){.od-site .od-header{transition:none!important}}html[data-od-motion=false] .od-site .od-header{transition:none!important}
/*# sourceMappingURL=/cdn/shop/t/17/assets/od-header.css.map */