@media(prefers-reduced-motion:no-preference){.header[transparent][data-nav-transition-style]{--nav-transition-ease-premium: cubic-bezier(.22, 1, .36, 1);--nav-transition-ease-swift: cubic-bezier(.16, 1, .3, 1);--nav-transition-shadow-soft: none;--nav-transition-shadow-crisp: none;--nav-transition-duration-short: .22s;--nav-transition-duration-mid: .23s;--nav-transition-duration-highlight: .24s;--nav-transition-duration-long: .32s}.header[transparent][data-nav-transition-style] .header__row{isolation:isolate;transform-origin:center top;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:color .2s linear,border-color .2s linear,background-color .18s var(--nav-transition-ease-swift),box-shadow .24s var(--nav-transition-ease-premium),transform .24s var(--nav-transition-ease-premium)}.header[transparent][data-nav-transition-style] .header__row:before,.header[transparent][data-nav-transition-style] .header__row:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}.header[transparent][data-nav-transition-style][data-nav-transition-active] .header__row,.header[transparent][data-nav-transition-style][data-nav-transition-active] .header__columns,.header[transparent][data-nav-transition-style][data-nav-transition-active] .header__row:before,.header[transparent][data-nav-transition-style][data-nav-transition-active] .header__row:after{will-change:transform,opacity}.header[transparent][data-past-hero][data-nav-transition-active][data-nav-transition-style=curtain-drop] .header__row,.header[transparent][data-past-hero][data-nav-transition-active][data-nav-transition-style=line-wipe] .header__row,.header[transparent][data-past-hero][data-nav-transition-active][data-nav-transition-style=snap-settle] .header__row{background-color:transparent!important;box-shadow:none}.header[transparent][data-past-hero][data-nav-transition-style=compressed-settle] .header__row{box-shadow:var(--nav-transition-shadow-soft)}.header[transparent][data-past-hero][data-nav-transition-active][data-nav-transition-style=compressed-settle] .header__row{animation:header-nav-compressed-settle var(--nav-transition-duration-short) var(--nav-transition-ease-premium) both}.header[transparent][data-past-hero][data-nav-transition-active][data-nav-transition-style=compressed-settle] .header__row:before{background:linear-gradient(180deg,#ffffff2e,#fff0);animation:header-nav-highlight-sweep var(--nav-transition-duration-highlight) ease-out both}.header[transparent][data-nav-transition-style=glass-to-solid] .header__row:before{background:rgb(var(--color-background-rgb) / .18);-webkit-backdrop-filter:blur(0px) saturate(1);backdrop-filter:blur(0px) saturate(1)}.header[transparent][data-past-hero][data-nav-transition-style=glass-to-solid] .header__row{box-shadow:var(--nav-transition-shadow-crisp)}.header[transparent][data-past-hero][data-nav-transition-active][data-nav-transition-style=glass-to-solid] .header__row{animation:header-nav-glass-to-solid var(--nav-transition-duration-mid) var(--nav-transition-ease-swift) both}.header[transparent][data-past-hero][data-nav-transition-active][data-nav-transition-style=glass-to-solid] .header__row:before{animation:header-nav-frost-flash var(--nav-transition-duration-mid) var(--nav-transition-ease-swift) both}.header[transparent][data-nav-transition-style=center-line-reveal] .header__row:after{top:auto;height:1px;inset-inline:6%;background:rgb(var(--color-foreground-rgb) / .18);transform:scaleX(.2);transform-origin:center}.header[transparent][data-past-hero][data-nav-transition-style=center-line-reveal] .header__row{box-shadow:none}.header[transparent][data-past-hero][data-nav-transition-active][data-nav-transition-style=center-line-reveal] .header__row{animation:header-nav-center-line-shell .18s var(--nav-transition-ease-swift) both}.header[transparent][data-past-hero][data-nav-transition-active][data-nav-transition-style=center-line-reveal] .header__row:after{animation:header-nav-center-line .26s var(--nav-transition-ease-premium) both}.header[transparent][data-past-hero][data-nav-transition-active][data-nav-transition-style=center-line-reveal] .header__columns{animation:header-nav-content-settle var(--nav-transition-duration-short) var(--nav-transition-ease-premium) both}}@keyframes header-nav-compressed-settle{0%{opacity:.78;transform:translate3d(0,-8px,0) scale(.985)}55%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes header-nav-highlight-sweep{0%{opacity:0;transform:translateY(-12px)}35%{opacity:.85}to{opacity:0;transform:translateY(0)}}@keyframes header-nav-glass-to-solid{0%{opacity:.82;transform:scale(.992)}45%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}@keyframes header-nav-frost-flash{0%{opacity:0;-webkit-backdrop-filter:blur(0px) saturate(1);backdrop-filter:blur(0px) saturate(1)}35%{opacity:1;-webkit-backdrop-filter:blur(16px) saturate(1.08);backdrop-filter:blur(16px) saturate(1.08)}to{opacity:0;-webkit-backdrop-filter:blur(0px) saturate(1);backdrop-filter:blur(0px) saturate(1)}}@keyframes header-nav-center-line-shell{0%{opacity:.84;transform:translate3d(0,-4px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes header-nav-center-line{0%{opacity:0;transform:scaleX(.18)}45%{opacity:1;transform:scaleX(.72)}to{opacity:1;transform:scaleX(1)}}@keyframes header-nav-content-settle{0%{opacity:.88;transform:translateY(-2px);letter-spacing:.02em}to{opacity:1;transform:translateY(0);letter-spacing:normal}}@media(prefers-reduced-motion:no-preference){.header[transparent][data-nav-transition-style=curtain-drop] .header__row{border-bottom:none}.header[transparent][data-nav-transition-style=curtain-drop] .header__row--top.divider--page-width .header__columns{position:relative;border-bottom:none}.header[transparent][data-nav-transition-style=curtain-drop] .header__row--top:not(.divider--page-width):after,.header[transparent][data-nav-transition-style=curtain-drop] .header__row--bottom:after{top:auto;bottom:0;height:var(--border-bottom-width);inset-inline:0;background:var(--header-border-color, var(--color-border));transform:scaleX(0);transform-origin:center;z-index:1}.header[transparent][data-nav-transition-style=curtain-drop] .header__row--top.divider--page-width .header__columns:after{content:"";position:absolute;inset-inline:0;bottom:0;height:var(--border-bottom-width);background:var(--header-border-color, var(--color-border));pointer-events:none;opacity:0;transform:scaleX(0);transform-origin:center;z-index:1}.header[transparent][data-nav-transition-style=curtain-drop] .header__row:before{background:rgb(var(--color-background-rgb));transform-origin:center top;transform:scaleY(0);z-index:-1}.header[transparent][data-past-hero][data-nav-transition-style=curtain-drop] .header__row--top:not(.divider--page-width):after,.header[transparent][data-past-hero][data-nav-transition-style=curtain-drop] .header__row--bottom:after,.header[transparent][data-past-hero][data-nav-transition-style=curtain-drop] .header__row--top.divider--page-width .header__columns:after{opacity:1;transform:scaleX(1)}.header[transparent][data-past-hero][data-nav-transition-style=curtain-drop] .header__row{box-shadow:var(--nav-transition-shadow-soft)}.header[transparent][data-past-hero][data-nav-transition-active][data-nav-transition-style=curtain-drop] .header__row:before{animation:header-nav-curtain-drop .28s var(--nav-transition-ease-premium) both}.header[transparent][data-past-hero][data-nav-transition-active][data-nav-transition-style=curtain-drop] .header__row--top:not(.divider--page-width):after,.header[transparent][data-past-hero][data-nav-transition-active][data-nav-transition-style=curtain-drop] .header__row--bottom:after,.header[transparent][data-past-hero][data-nav-transition-active][data-nav-transition-style=curtain-drop] .header__row--top.divider--page-width .header__columns:after{animation:header-nav-curtain-border-in var(--nav-transition-duration-long) var(--nav-transition-ease-premium) both}.header[transparent][data-past-hero][data-nav-transition-active][data-nav-transition-style=curtain-drop] .header__row{animation:header-nav-curtain-shadow var(--nav-transition-duration-long) var(--nav-transition-ease-premium) both}.header[transparent][data-past-hero][data-nav-transition-active][data-nav-transition-style=curtain-drop] .header__columns{animation:header-nav-curtain-content .18s linear both}@media screen and (max-width:749px){.header[transparent][data-nav-transition-style=curtain-drop] .header__row--top:not(.divider--page-width):after,.header[transparent][data-nav-transition-style=curtain-drop] .header__row--top.divider--page-width .header__columns:after{height:var(--border-bottom-width-mobile)}}}@keyframes header-nav-curtain-drop{0%{opacity:1;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes header-nav-curtain-shadow{0%{box-shadow:none}60%{box-shadow:none}to{box-shadow:none}}@keyframes header-nav-curtain-content{0%{opacity:.4}to{opacity:1}}@keyframes header-nav-curtain-border-in{0%{opacity:0;transform:scaleX(0)}60%{opacity:1;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@media(prefers-reduced-motion:no-preference){.header[transparent][data-past-hero][data-nav-transition-active][data-nav-transition-style=curtain-drop] .header__row--mobile:has([data-hide-on-transparent]){transition:none;animation:header-nav-mobile-bar-in .18s linear .11s both}.header[transparent][data-past-hero][data-nav-transition-active][data-nav-transition-style=curtain-drop] .header__row--mobile:has([data-hide-on-transparent]):before{animation:header-nav-curtain-drop var(--nav-transition-duration-mid) var(--nav-transition-ease-premium) 90ms both}}@keyframes header-nav-mobile-bar-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:no-preference){.header[transparent][data-nav-transition-style=glass-materialise] .header__row:before{background:rgb(var(--color-background-rgb) / .12);-webkit-backdrop-filter:blur(0px) saturate(1);backdrop-filter:blur(0px) saturate(1);z-index:-1}.header[transparent][data-past-hero][data-nav-transition-style=glass-materialise] .header__row{box-shadow:var(--nav-transition-shadow-crisp)}.header[transparent][data-past-hero][data-nav-transition-active][data-nav-transition-style=glass-materialise] .header__row:before{animation:header-nav-materialise-frost .3s var(--nav-transition-ease-swift) both}.header[transparent][data-past-hero][data-nav-transition-active][data-nav-transition-style=glass-materialise] .header__columns{animation:header-nav-materialise-content .3s var(--nav-transition-ease-premium) both}}@keyframes header-nav-materialise-frost{0%{opacity:0;-webkit-backdrop-filter:blur(0px) saturate(1);backdrop-filter:blur(0px) saturate(1)}40%{opacity:1;-webkit-backdrop-filter:blur(16px) saturate(1.12);backdrop-filter:blur(16px) saturate(1.12)}to{opacity:0;-webkit-backdrop-filter:blur(4px) saturate(1);backdrop-filter:blur(4px) saturate(1)}}@keyframes header-nav-materialise-content{0%{opacity:.6;transform:scale(1.003)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:no-preference){.header[transparent][data-nav-transition-style=line-wipe] .header__row:after{top:auto;bottom:0;height:1.5px;inset-inline:0;background:rgb(var(--color-foreground-rgb) / .25);transform:scaleX(0);transform-origin:center;z-index:1}.header[transparent][data-nav-transition-style=line-wipe] .header__row:before{background:rgb(var(--color-background-rgb));transform-origin:center top;clip-path:inset(0 0 100% 0);z-index:-1}.header[transparent][data-past-hero][data-nav-transition-style=line-wipe] .header__row{box-shadow:none}.header[transparent][data-past-hero][data-nav-transition-active][data-nav-transition-style=line-wipe] .header__row:after{animation:header-nav-line-wipe-draw .25s cubic-bezier(.65,0,.35,1) both}.header[transparent][data-past-hero][data-nav-transition-active][data-nav-transition-style=line-wipe] .header__row:before{animation:header-nav-line-wipe-fill .2s var(--nav-transition-ease-premium) 80ms both}.header[transparent][data-past-hero][data-nav-transition-active][data-nav-transition-style=line-wipe] .header__columns{animation:header-nav-line-wipe-content var(--nav-transition-duration-short) var(--nav-transition-ease-premium) 60ms both}}@keyframes header-nav-line-wipe-draw{0%{opacity:.6;transform:scaleX(0)}50%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes header-nav-line-wipe-fill{0%{opacity:1;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0 0 0% 0)}}@keyframes header-nav-line-wipe-content{0%{opacity:.5}to{opacity:1}}@media(prefers-reduced-motion:no-preference){.header[transparent][data-nav-transition-style=snap-settle] .header__row:before{background:rgb(var(--color-background-rgb));clip-path:inset(0 0 100% 0);z-index:-1}.header[transparent][data-past-hero][data-nav-transition-style=snap-settle] .header__row{box-shadow:var(--nav-transition-shadow-crisp)}.header[transparent][data-past-hero][data-nav-transition-active][data-nav-transition-style=snap-settle] .header__row:before{animation:header-nav-snap-clip .12s linear both}.header[transparent][data-past-hero][data-nav-transition-active][data-nav-transition-style=snap-settle] .header__row{animation:header-nav-snap-shadow .2s cubic-bezier(.34,1.56,.64,1) both}.header[transparent][data-past-hero][data-nav-transition-active][data-nav-transition-style=snap-settle] .header__columns{animation:header-nav-snap-content .16s cubic-bezier(.34,1.56,.64,1) both}}@keyframes header-nav-snap-clip{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0% 0)}}@keyframes header-nav-snap-shadow{0%{box-shadow:none}65%{box-shadow:none}to{box-shadow:none}}@keyframes header-nav-snap-content{0%{opacity:.7;transform:translateY(-1px)}60%{opacity:1;transform:translateY(.5px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/header-variant-transition.css.map */