.ux-header{--ux-container-max: 1720px;--ux-header-bg: #fff;--ux-header-text: #1b1b1b;--ux-header-overlay-rgb: 18 18 18;--ux-header-overlay-alpha: .24;--ux-header-overlay-blur: 25px;--ux-header-bar-height: 56px;--ux-header-bar-pad: 16px;--ux-header-row-height: 24px;--ux-header-panel-radius: 24px;--ux-header-panel-shadow: 0 6px 10px -6px rgba(0, 0, 0, .08);--ux-header-panel-duration: .35s;--ux-header-panel-ease: cubic-bezier(.77, 0, .18, 1);--ux-header-bar-duration: .5s;--ux-header-bar-ease: cubic-bezier(.33, 1, .68, 1);--ux-header-menu-duration: .5s;--ux-header-menu-ease: cubic-bezier(.25, .1, .25, 1);--ux-header-card-scrim: linear-gradient( 178.6deg, rgba(0, 0, 0, 0) 51.4%, rgba(0, 0, 0, .4) 65.8% );position:relative;z-index:2300;display:block;height:var(--ux-header-bar-height);color:var(--ux-header-text)}.ux-header__bar{position:absolute;inset-inline:0;top:0;z-index:2;background-color:var(--ux-header-bg);padding-block:var(--ux-header-bar-pad);transition:transform var(--ux-header-bar-duration) var(--ux-header-bar-ease)}.ux-header--stuck .ux-header__bar{position:fixed}.ux-header--hidden .ux-header__bar{transform:translateY(calc(-100% - 8px))}.ux-header__inner{display:flex;align-items:center;justify-content:space-between;height:var(--ux-header-row-height);box-sizing:border-box}.ux-header__logo{display:block;justify-self:center;width:var(--ux-header-logo-width-mobile, 130px);height:24px;overflow:hidden;color:inherit;text-decoration:none}.ux-header__logo-image{display:block;width:100%;height:100%;object-fit:cover}.ux-header__logo-text{font-family:var(--ux-font-heading);font-size:var(--ux-type-heading-sm);font-weight:var(--FONT-WEIGHT-HEADING);white-space:nowrap}.ux-header__toggle{display:inline-flex;align-items:center;justify-content:flex-start;box-sizing:border-box;flex:none;width:24px;height:40px;margin-block:-8px;padding:0;border:0;background:none;color:inherit;cursor:pointer}.ux-header__toggle-icon{position:relative;display:block;width:24px;height:24px}.ux-header__toggle-icon:before,.ux-header__toggle-icon:after,.ux-header__toggle-line{content:"";position:absolute;left:2.625px;width:18.75px;height:2.25px;border-radius:1.125px;background-color:currentColor;transition:transform .3s cubic-bezier(.4,0,.22,1),opacity .2s linear}.ux-header__toggle-icon:before{top:4.875px}.ux-header__toggle-line{top:10.875px}.ux-header__toggle-icon:after{top:16.875px}.ux-header__toggle[aria-expanded=true] .ux-header__toggle-icon:before{transform:translateY(6px) rotate(45deg)}.ux-header__toggle[aria-expanded=true] .ux-header__toggle-icon:after{transform:translateY(-6px) rotate(-45deg)}.ux-header__toggle[aria-expanded=true] .ux-header__toggle-line{opacity:0}.ux-header__actions{display:flex;align-items:center;justify-self:end;gap:12px}.ux-header__actions .ux-header__action--account,.ux-header__actions .ux-header__action--search{display:none}.ux-header__actions .ux-header__action--search{height:24px}.ux-header__action{--icon-size: 24px;display:inline-flex;align-items:center;gap:2px;color:inherit;text-decoration:none;cursor:pointer}.ux-header__action .icon{display:block}.ux-header__action--cart{position:relative;justify-content:center;width:24px;--icon-size: 20px}.ux-header__count{position:absolute;top:-2px;right:-8px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:17px;height:17px;padding:2px;border-radius:15px;background-color:var(--ux-header-text);color:var(--ux-header-bg);font-family:var(--ux-font-body);font-size:calc(.627 * var(--ux-nav-size));line-height:1}.ux-header__count[data-cart-count="0"]{display:none}.ux-header__icon{display:inline-flex}.ux-header__icon--cancel,.ux-header__action-wrap.is-open .ux-header__icon--search{display:none}.ux-header__action-wrap.is-open .ux-header__icon--cancel{display:inline-flex}.ux-header__nav{display:none}.ux-header__menu{display:flex;align-items:center;gap:36px;margin:0;padding:0;list-style:none}.ux-header__menu-item,.ux-header__item{position:static}.ux-header__item{display:block}.ux-header__link{position:relative;display:inline-flex;align-items:center;height:var(--ux-header-bar-height);font-family:var(--ux-font-body);font-size:var(--ux-type-body-md);font-weight:var(--ux-nav-weight);letter-spacing:var(--ux-nav-tracking);line-height:1.4;color:inherit;text-decoration:none}.ux-header__link:after{content:"";position:absolute;inset-inline:0;top:calc(50% + 15px);height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:100% 50%;transition:transform .25s ease}@media(hover:hover){.ux-header__item:hover .ux-header__link:after,.ux-header__menu-item:hover .ux-header__link:after{transform:scaleX(1);transform-origin:0 50%;transition-duration:.45s}}.ux-header__item.is-visible .ux-header__link:after{transform:scaleX(1);transform-origin:0 50%;transition-duration:.45s}.ux-header__panel{position:absolute;inset-inline:0;top:100%;display:grid;grid-template-rows:0fr;opacity:0;pointer-events:none;transition:grid-template-rows var(--ux-header-panel-duration) var(--ux-header-panel-ease),opacity .2s linear}.ux-header__panel.is-visible{grid-template-rows:1fr;opacity:1;pointer-events:auto}.ux-header__panel-clip{min-height:0;overflow:hidden;background-color:var(--ux-header-bg);border-end-start-radius:var(--ux-header-panel-radius);border-end-end-radius:var(--ux-header-panel-radius);box-shadow:var(--ux-header-panel-shadow)}.ux-header__panel-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:48px;padding-block:24px 40px}.ux-header__cols{display:flex;flex-direction:column;gap:20px}.ux-header__col{display:flex;flex-direction:column;gap:12px}.ux-header__col-label{font-family:var(--ux-font-body);font-size:var(--ux-type-body-lg);font-weight:600;letter-spacing:.2px;line-height:1;color:var(--ux-color-ink);text-decoration:none;text-transform:uppercase}.ux-header__col-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.ux-header__col-link.ux-heading{--ux-heading-size: var(--ux-type-heading-md);--ux-heading-leading: .95;--ux-heading-tracking: -.2px;position:relative;display:block;width:fit-content;color:var(--ux-color-ink);text-decoration:none}.ux-header__col-link.ux-heading:after{content:"";position:absolute;inset-inline:0;bottom:-2px;height:2px;background-color:currentColor;transform:scaleX(0);transform-origin:100% 50%;transition:transform .25s ease}@media(hover:hover){.ux-header__col-link.ux-heading:hover:after{transform:scaleX(1);transform-origin:0 50%;transition-duration:.45s}}.ux-header__col-link.ux-heading:focus-visible:after{transform:scaleX(1);transform-origin:0 50%;transition-duration:.45s}.ux-header__card{position:relative;display:flex;flex:none;width:100%;overflow:hidden;aspect-ratio:753 / 544.5;border-radius:var(--ux-radius-md);color:#fff;text-decoration:none}.ux-header__card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ux-header__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--ux-header-card-scrim);pointer-events:none}.ux-header__card-body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:0;width:100%;margin-top:auto;padding:16px}.ux-header__card-title.ux-heading{--ux-heading-size: var(--ux-type-heading-x-sm);--ux-heading-leading: 1;--ux-heading-tracking: -.08px;color:#fff}.ux-header__card-text{font-family:var(--ux-font-body);font-size:var(--ux-type-body-x-sm);line-height:1.4;color:#fff;max-width:260px}.ux-header__card .ux-button{margin-top:12px}.ux-header__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;background-color:rgb(var(--ux-header-overlay-rgb) / var(--ux-header-overlay-alpha));-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);pointer-events:none;transition:opacity .2s ease-out .3s,backdrop-filter .2s ease-out .3s}.ux-header.meganav--visible .ux-header__overlay{opacity:1;-webkit-backdrop-filter:blur(var(--ux-header-overlay-blur));backdrop-filter:blur(var(--ux-header-overlay-blur));pointer-events:auto}.ux-header__drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;visibility:hidden;pointer-events:none}.ux-header__drawer.is-open,.ux-header__drawer.is-closing{visibility:visible}.ux-header__drawer.is-open{pointer-events:auto}.ux-header__drawer-inner{position:absolute;inset-block:var(--ux-header-bar-height) 0;inset-inline:0;overflow-y:auto;overscroll-behavior:contain;background-color:var(--ux-header-bg);opacity:0}.ux-header__drawer.is-open .ux-header__drawer-inner{animation:ux-header-drawer-in var(--ux-header-menu-duration) var(--ux-header-menu-ease) forwards}.ux-header__drawer.is-closing .ux-header__drawer-inner{animation:ux-header-drawer-out var(--ux-header-menu-duration) var(--ux-header-menu-ease) forwards}@keyframes ux-header-drawer-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes ux-header-drawer-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.ux-header__drawer-body{display:flex;flex-direction:column;min-height:100%;box-sizing:border-box;padding:24px 16px calc(24px + env(safe-area-inset-bottom,0px));padding-top:calc(var(--ux-header-bar-height) + 24px - 16px)}.ux-header__drawer-foot{display:flex;flex-direction:column;gap:20px;margin-top:auto}.ux-header__row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:0 0 20px;border:0;background:none;font-family:var(--ux-font-body);font-size:18px;font-weight:500;line-height:1.35;color:inherit;text-align:start;text-decoration:none;cursor:pointer}.ux-header__row-wrap>details[open]>.ux-header__row{color:var(--ux-color-primary)}.ux-header__group{display:flex;flex-direction:column}.ux-header__group-content{padding-bottom:16px}.ux-header__group-icon{display:flex;--icon-size: 20px}.ux-header__group-icon img.icon{position:unset;top:unset;right:unset;transform:unset}.ux-header__group-icon>span{display:flex}.ux-header__group-icon img{display:block}.ux-header__group[open] .ux-header__group-icon--closed,.ux-header__group:not([open]) .ux-header__group-icon--open{display:none}.ux-header__group-body{height:0;overflow:hidden;transition:height .2s cubic-bezier(.4,0,0,1)}.ux-header__group[open] .ux-header__group-body{transition-duration:.3s}.ux-header__group-content .ux-header__col{max-width:203px}.ux-header__underlay{position:fixed;inset-block:var(--ux-header-bar-height) 0;inset-inline:0;z-index:-1;opacity:0;background-color:rgb(var(--ux-header-overlay-rgb) / var(--ux-header-overlay-alpha));-webkit-backdrop-filter:blur(var(--ux-header-overlay-blur));backdrop-filter:blur(var(--ux-header-overlay-blur));pointer-events:none;transition:opacity .2s ease-out}.ux-header__drawer.is-open .ux-header__underlay{opacity:1;pointer-events:auto}.ux-header__login{display:flex;align-items:center;gap:4px;--icon-size: 24px;font-family:var(--ux-font-body);font-size:var(--ux-type-body-md);font-weight:var(--ux-nav-weight);line-height:1.5;color:inherit;text-decoration:none}.ux-header__drawer .ux-header__card{width:100%;max-width:none}@media only screen and (min-width:1024px){.ux-header{--ux-header-bar-height: 88px;--ux-header-bar-pad: 0px;--ux-header-row-height: 88px}.ux-header--stuck .ux-header__bar{border-bottom:1px solid var(--ux-color-line-soft)}.ux-header__inner{display:grid;grid-template-columns:1fr auto 1fr;column-gap:40px}.ux-header__actions .ux-header__action--account{display:inline-flex}.ux-header__actions .ux-header__action--search{display:block}.ux-header__action--cart{--icon-size: 24px}.ux-header__logo{width:var(--ux-header-logo-width, 218px);height:40px}.ux-header__toggle{display:none}.ux-header__nav{display:block;justify-self:start}.ux-header__panel-inner{align-items:stretch}.ux-header__cols{flex-direction:row;gap:91px}.ux-header__col{flex:none;width:264px;gap:20px}.ux-header__col-list{gap:4px}.ux-header__col-link.ux-heading{--ux-heading-size: var(--ux-type-heading-lg);--ux-heading-leading: 1}.ux-header__card{flex:0 1 753px;max-width:753px}.ux-header__card-body{max-width:322px;padding:30px}.ux-header__card-title.ux-heading{--ux-heading-size: var(--ux-type-heading-md);--ux-heading-tracking: -.17px}.ux-header__card-text{font-size:var(--ux-type-body-sm);line-height:1.375}.ux-header__card .ux-button{width:100%;margin-top:16px}.ux-header__drawer{display:none}}@media(prefers-reduced-motion:reduce){.ux-header__bar,.ux-header__toggle-icon:before,.ux-header__toggle-icon:after,.ux-header__link:after,.ux-header__panel,.ux-header__overlay,.ux-header__underlay,.ux-header__group-body{transition:none}.ux-header__drawer.is-open .ux-header__drawer-inner,.ux-header__drawer.is-closing .ux-header__drawer-inner{animation-duration:1ms}}
/*# sourceMappingURL=/cdn/shop/t/393/assets/ux-header.css.map */