.section-header{position:relative;z-index:20;width:100%;margin:0;background-color:rgb(var(--header-corner-reveal, var(--color-announcement-background)));overflow:visible}.section-header.header-sticky{position:sticky;inset-block-start:0;z-index:20}.header{--header-height: 6.75rem;--header-pad-block: 2rem;--header-column-gap: 2.5rem;--header-radius-top: clamp(1rem, 1.577vw, 1.5rem);position:relative;z-index:1;display:grid;grid-template-areas:"logo navigation icons";grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:var(--header-column-gap);align-items:center;box-sizing:border-box;width:100%;min-height:var(--header-height);margin:0;padding:var(--header-pad-block) var(--page-padding);color:rgb(var(--header-fg, var(--color-foreground)));background-color:rgb(var(--header-bg, var(--color-background)));border:0;border-radius:var(--header-radius-top) var(--header-radius-top) 0 0;box-shadow:none;font-family:var(--font-body-family);font-size:1rem;font-weight:var(--font-body-weight)}.header[data-sticky-type=always],.header[data-sticky-type=on-scroll-up]{transition:opacity .5s cubic-bezier(.6,0,.4,1),transform .5s cubic-bezier(.6,0,.4,1),padding-block-start .5s cubic-bezier(.6,0,.4,1),padding-block-end .5s cubic-bezier(.6,0,.4,1)}.section-header.header-scrolled .header{min-height:0;padding-block-start:calc(var(--header-pad-block) * .75);padding-block-end:calc(var(--header-pad-block) * .75)}.header__corner{position:absolute;inset-block-start:100%;z-index:0;display:flex;width:0;height:0;color:transparent;pointer-events:none;overflow:hidden}.header__corner--left{inset-inline-start:0}.header__corner--right{inset-inline-end:0;transform:scaleX(-1)}.header__corner-svg{display:block;width:100%;height:auto}.header__corner path:last-child{fill:none;stroke:rgb(var(--color-foreground) / .115);stroke-width:.225em;opacity:0;transition:opacity .5s cubic-bezier(.6,0,.4,1)}.section-header.header-scrolled .header__corner{width:var(--header-radius-top);height:var(--header-radius-top);overflow:visible;color:rgb(var(--header-bg, var(--color-background)))}.section-header.header-scrolled .header__corner path:first-child{fill:currentColor}.section-header.header-scrolled .header__corner path:last-child{opacity:1}.section-header.header-scrolled{background-color:transparent}.section-header.header-hidden[data-sticky-type=on-scroll-up]{pointer-events:none}.section-header.header-sticky.header-hidden[data-sticky-type=on-scroll-up]{background-color:transparent}.section-header.header-hidden[data-sticky-type=on-scroll-up] .header{transform:translateY(calc(-100% - var(--header-radius-top)))}@media screen and (max-width:767px){.header{--header-height: 5.75rem;--header-pad-block: 1.5rem}.section-header.header-sticky .header[data-sticky-type=always],.section-header.header-sticky .header[data-sticky-type=on-scroll-up]{transition:opacity .5s cubic-bezier(.3,1,.3,1),transform .5s cubic-bezier(.3,1,.3,1)}.section-header.header-sticky.header-hidden{pointer-events:none;background-color:transparent}.section-header.header-sticky.header-hidden .header{transform:translateY(calc(-100% - var(--header-radius-top)))}}.header__slot{position:relative;z-index:1;display:flex;align-items:center;min-width:0;min-height:2.75rem}.header__slot--tools{grid-area:tools;display:none;justify-content:flex-start}.header__slot--logo{grid-area:logo;justify-content:flex-start}.header__slot--navigation{grid-area:navigation;justify-content:flex-start}.header__slot--utilities{grid-area:icons;justify-content:flex-end}.header__logo{margin:0;padding:0;font-family:var(--font-heading-family);font-size:var(--font-size-logo);font-weight:var(--font-heading-weight);font-style:normal;line-height:2rem;letter-spacing:var(--logo-letter-spacing);color:inherit}.header__logo-link{display:inline-flex;align-items:center;color:inherit;text-decoration:none;transition:color var(--transition-header)}.header__logo-text{display:inline-block;font-size:1.875rem;font-weight:inherit;line-height:2.625rem;letter-spacing:-.03em}.header__logo-link:hover{color:inherit}.header__logo-link:focus-visible{outline:2px solid rgb(var(--color-keyboard-focus));outline-offset:4px}.header__logo-image{display:block;width:var(--header-logo-width, 70px);height:auto;max-width:100%;max-height:calc(var(--header-height) - (2 * var(--header-pad-block)));object-fit:contain}.header--has-logo-image .header__logo{font-size:0;line-height:0;letter-spacing:0}.header__logo-image--white,.header__logo-image--mobile{display:none}.header__navigation{display:flex;align-items:center;column-gap:var(--sp-5)}.header__nav-list{display:flex;flex-wrap:nowrap;align-items:center;margin:0;padding:0;list-style:none;column-gap:0}.header__nav-item{display:flex;align-items:center;margin:0}.header__nav-link,.header__nav-summary{position:relative;display:inline-flex;overflow:hidden;align-items:center;box-sizing:border-box;min-height:2.625rem;margin:0;padding:0 var(--sp-5);border:0;border-radius:var(--rounded-button);background:transparent;color:rgb(var(--header-fg, var(--color-foreground)));font-family:var(--font-body-family);font-size:var(--font-navigation-size);font-weight:var(--font-navigation-weight);font-style:normal;line-height:1.2;letter-spacing:var(--font-body-letter-spacing);text-decoration:none;cursor:pointer;transition:color var(--transition-header)}.header__nav-link:focus-visible,.header__nav-summary:focus-visible{outline:2px solid rgb(var(--color-keyboard-focus));outline-offset:2px}.header__nav-btn-text{display:flex;align-items:center;position:relative;z-index:1;pointer-events:none;transition:opacity .4s var(--ease-emphasis),transform .4s var(--ease-emphasis)}.header__nav-list--with-dot .header__nav-btn-text:after{content:"";position:absolute;bottom:-.5rem;left:50%;display:block;width:.375rem;height:.375rem;background-color:currentColor;border-radius:50%;transform:translate(-50%,50%) scale(0);transition:transform .5s var(--ease-emphasis)}.header__nav-list--with-dot .header__nav-link:hover .header__nav-btn-text:after,.header__nav-list--with-dot .header__nav-summary:hover .header__nav-btn-text:after,.header__nav-list--with-dot .header__nav-details[open] .header__nav-btn-text:after{transform:translate(-50%,50%) scale(1)}.header__nav-btn-duplicate{position:absolute;top:0;left:0;display:flex;align-items:center;box-sizing:border-box;width:100%;height:100%;padding:0 var(--sp-5);border-radius:inherit;background-color:rgb(var(--header-fg, var(--color-foreground)));color:rgb(var(--header-bg, var(--color-background)));pointer-events:none;transform:translateY(70px) scale(.6);transform-origin:center center;transition:transform .4s var(--ease-emphasis),opacity .4s var(--ease-emphasis);will-change:transform}.header__nav-list--with-block .header__nav-link:hover .header__nav-btn-duplicate,.header__nav-list--with-block .header__nav-summary:hover .header__nav-btn-duplicate,.header__nav-list--with-block .header__nav-details[open]>.header__nav-summary .header__nav-btn-duplicate{transform:scale(1) translateY(0)}.header__nav-list--with-block .header__nav-link:hover .header__nav-btn-text,.header__nav-list--with-block .header__nav-summary:hover .header__nav-btn-text,.header__nav-list--with-block .header__nav-details[open]>.header__nav-summary .header__nav-btn-text{opacity:0;transform:translateY(-10%) scale(.6)}.header__nav-details{position:relative;margin:0}.header__nav-summary{list-style:none}.header__nav-summary::-webkit-details-marker{display:none}.header__nav-summary::marker{content:""}.header__dropdown{position:fixed;top:6.75rem;left:0;z-index:100;display:block;box-sizing:content-box;width:250px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .5s cubic-bezier(.6,0,.4,1),visibility .5s cubic-bezier(.6,0,.4,1)}.header__nav-details[open] .header__dropdown,.header__nav-details.dropdown-open .header__dropdown{opacity:1;visibility:visible;pointer-events:auto}.header__dropdown-container{position:relative;box-sizing:border-box;width:100%;background-color:rgb(var(--header-bg, var(--color-background)));border-radius:0 0 1rem 1rem;padding:1.5rem 0 2.5rem}.header__dropdown-nav{display:flex;flex-direction:column;gap:.5rem;padding:0 1.5rem;list-style:none;margin:0}.header__dropdown-link{display:inline-block;font-family:var(--font-body-family);font-size:.9549rem;font-weight:400;line-height:1.5;color:rgb(var(--color-foreground));text-decoration:none;cursor:pointer;background-image:linear-gradient(currentColor,currentColor);background-position:0% 100%;background-repeat:no-repeat;background-size:0% 1px;transition:background-size .5s cubic-bezier(.3,1,.3,1)}.header__dropdown-link:hover{background-size:100% 1px}.header__dropdown-link:focus-visible{outline:2px solid rgb(var(--color-keyboard-focus));outline-offset:2px}.header__dropdown-item{opacity:0;transform:translateY(.5rem);transition:transform 1s cubic-bezier(.075,.82,.165,1),opacity 1s cubic-bezier(.19,1,.22,1)}.header__dropdown-item:nth-child(1){transition-delay:.3s}.header__dropdown-item:nth-child(2){transition-delay:.4s}.header__dropdown-item:nth-child(3){transition-delay:.5s}.header__dropdown-item:nth-child(4){transition-delay:.6s}.header__nav-details[open] .header__dropdown-item,.header__nav-details.dropdown-open .header__dropdown-item{opacity:1;transform:translateY(0)}.header__dropdown-corners{position:absolute;top:0;left:0;right:0;height:0;pointer-events:none;overflow:visible}.header__dropdown-corner{position:absolute;top:0;width:1rem;height:1rem;overflow:visible;line-height:0;font-size:0}.header__dropdown-corner--left{left:0;transform:translate(-100%)}.header__dropdown-corner--right{left:auto;right:-1rem;transform:none}.header__dropdown-corner svg{display:block;width:1rem;height:1rem;fill:rgb(var(--header-bg, var(--color-background)));overflow:visible}.header__icons{display:flex;align-items:center;justify-content:flex-end;width:100%}.header__buttons{display:flex;flex-wrap:nowrap;align-items:center;column-gap:.375rem}.header__icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:2.75rem;height:2.75rem;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;text-decoration:none;cursor:pointer;transition:color var(--transition-header)}.header__icon-button:hover{color:inherit}.header__icon-button:focus-visible{outline:2px solid rgb(var(--color-keyboard-focus));outline-offset:2px}.header__icon-svg{display:block;width:var(--header-icon-size, 24px);height:var(--header-icon-size, 24px);flex-shrink:0}.header__cart-count{position:absolute;top:.35rem;right:.2rem;min-width:1rem;padding:0 .2rem;border-radius:999px;background-color:rgb(var(--header-fg, var(--color-foreground)));color:rgb(var(--header-bg, var(--color-background)));font-size:.75rem;font-weight:500;line-height:1rem;text-align:center}.header__icon-button--menu-end{display:none}@media screen and (max-width:1023px){.header{--header-pad-block: 2rem;--header-column-gap: .75rem;grid-template-areas:"tools logo icons";grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.header--has-logo-image{--header-logo-width: var(--header-logo-width-mobile, 70px)}.header--has-mobile-logo .header__logo-image--desktop.header__logo-image--standard{display:none}.header--has-mobile-logo .header__logo-image--mobile.header__logo-image--standard{display:block}.header__slot--tools{display:flex}.header__slot--navigation{display:none}.header__slot--logo{justify-content:center}.header__slot--utilities{justify-content:flex-end}.header--mobile-logo-left{grid-template-areas:"logo icons";grid-template-columns:minmax(0,1fr) auto}.header--mobile-logo-left .header__slot--tools{display:none}.header--mobile-logo-left .header__slot--logo{justify-content:flex-start}.header--mobile-logo-left .header__logo{text-align:start;margin-inline-end:auto}.header--mobile-logo-left .header__icon-button--menu-end{display:inline-flex}.header__icon-button--account{display:none}}@media screen and (max-width:767px){.header{--header-height: 5.75rem;--header-pad-block: 1.5rem}}.section-header.header-transparent{height:0;min-height:0;overflow:visible;background-color:transparent}.section-header.header-transparent .header{position:absolute;inset-inline:0;inset-block-start:0;z-index:20;width:100%}.section-header.header-transparent.header-scrolled .header{position:fixed;inset-block-start:0}.section-header.header-transparent.header-on-banner .header{color:rgb(var(--color-transparent, 255 255 255));background-color:transparent}.section-header.header-transparent.header-on-banner .header__nav-link,.section-header.header-transparent.header-on-banner .header__nav-summary,.section-header.header-transparent.header-on-banner .header__icon-button,.section-header.header-transparent.header-on-banner .header__logo-text{color:inherit}.section-header.header-transparent.header-on-banner .header__logo{position:relative}.section-header.header-transparent.header-on-banner .header__logo-image--standard{opacity:0}.section-header.header-transparent.header-on-banner .header__logo-image--white{display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);opacity:1}.section-header.header-transparent.header-on-banner .header__corner{color:transparent;width:0;height:0}body.has-dropdown-menu .section-header.header-transparent.header-on-banner .header{color:rgb(var(--header-fg, var(--color-foreground)));background-color:rgb(var(--header-bg, var(--color-background)))}body.has-dropdown-menu .section-header.header-transparent.header-on-banner .header__nav-link,body.has-dropdown-menu .section-header.header-transparent.header-on-banner .header__nav-summary,body.has-dropdown-menu .section-header.header-transparent.header-on-banner .header__icon-button,body.has-dropdown-menu .section-header.header-transparent.header-on-banner .header__logo-text{color:inherit}body.has-dropdown-menu .section-header.header-transparent.header-on-banner .header__logo-image--white{opacity:0}body.has-dropdown-menu .section-header.header-transparent.header-on-banner .header__logo-image--standard{opacity:1}body.has-dropdown-menu .section-header.header-transparent.header-on-banner .header__corner{width:var(--header-radius-top);height:var(--header-radius-top);overflow:visible;color:rgb(var(--header-bg, var(--color-background)))}body.has-dropdown-menu .section-header.header-transparent.header-on-banner .header__corner path:first-child{fill:currentColor}.section-header.header-transparent:not(.header-on-banner) .header{color:rgb(var(--header-fg, var(--color-foreground)));background-color:rgb(var(--header-bg, var(--color-background)))}.section-header.header-transparent:not(.header-on-banner) .header__logo-image--white{opacity:0}.section-header.header-transparent:not(.header-on-banner) .header__logo-image--standard{opacity:1}body:has(.section-header.header-transparent.header-on-banner) .main-collection-banner{background-color:rgb(var(--color-announcement-background, 31 31 31))}
/*# sourceMappingURL=/cdn/shop/t/25/assets/header.css.map */