:root{--nav-drawer-ease: cubic-bezier(.31, 1, .31, 1)}.nav-drawer{position:absolute;left:0;right:0;top:0;z-index:9;width:100%;max-height:90dvh;transform:translateY(-100%);opacity:0;visibility:hidden;pointer-events:none;will-change:transform,opacity;transition:transform .5s var(--nav-drawer-ease),opacity .5s var(--nav-drawer-ease),visibility .5s var(--nav-drawer-ease)}.nav-drawer.is-open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.nav-drawer.is-closing{transform:translateY(-100%);opacity:0;transition:transform .4s var(--nav-drawer-ease),opacity .25s ease,visibility .4s ease}.nav-drawer__inner{position:relative;text-transform:capitalize;display:flex;flex-direction:column;max-height:90dvh}.nav-drawer__navigation{display:flex;flex-direction:column;position:relative;flex:1;min-height:0;overflow:hidden;clip-path:polygon(0% 0%,100% 0%,100% calc(100% - 1px),calc(var(--notch-cx, 50%) + 50px) calc(100% - 1px),calc(var(--notch-cx, 50%) + 27px) calc(100% - 35px),calc(var(--notch-cx, 50%) - 27px) calc(100% - 35px),calc(var(--notch-cx, 50%) - 50px) calc(100% - 1px),0% calc(100% - 1px))}.nav-drawer__viewport{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.nav-drawer__panel{display:none;width:100%}.nav-drawer__panel.is-active{display:flex;flex-direction:column;flex:1;min-height:0}.nav-drawer__panel-body{flex:1;overflow-y:auto;min-height:0;padding-bottom:36px}.nav-drawer.is-resizing .nav-drawer__panel-body{overflow:hidden}.nav-drawer__panel--localization .nav-drawer__panel-body{display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}.nav-drawer:has(.nav-drawer__panel--localization.is-active) .nav-drawer__inner{height:90dvh}.nav-drawer__menu{list-style:none;padding:0;margin:0}.nav-drawer__menu--l1{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-4)}.nav-drawer__menu--l1>li{width:auto;text-align:center}.nav-drawer__item{padding:0;text-decoration:none;font-size:var(--font-size-H3);font-weight:500;letter-spacing:-.04em;color:rgb(var(--color-atomic-black));text-align:center;display:inline-flex;justify-content:center;text-transform:none;line-height:1.2;background:none;border:none;cursor:pointer;font-family:var(--font-body-family)}.nav-drawer__item:hover,.nav-drawer__item:focus{color:rgb(var(--color-atomic-black))}.nav-drawer__item--trigger{cursor:pointer}.nav-drawer__menu--l1-main{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-10) var(--space-6) var(--space-6)}.nav-drawer__menu--l2,.nav-drawer__menu--l3{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6)}.nav-drawer__menu--l1-main>li,.nav-drawer__menu--l2>li,.nav-drawer__menu--l3>li{list-style:none}.nav-drawer__menu--l1-main .nav-drawer__item,.nav-drawer__menu--l2 .nav-drawer__item,.nav-drawer__menu--l3 .nav-drawer__item{font-family:var(--font-heading-family);font-size:var(--font-size-B2);font-weight:400;line-height:1.4;letter-spacing:0;text-align:left;display:flex;align-items:center;justify-content:space-between;width:100%;text-transform:none}.nav-drawer__menu--l1-secondary{display:flex;flex-direction:column;gap:var(--space-5);padding:0 var(--space-6)}.nav-drawer__menu--l1-secondary>li{list-style:none}.nav-drawer__menu--l1-secondary .nav-drawer__item{font-family:var(--font-body-family);font-size:var(--font-size-B4);font-weight:400;line-height:var(--space-4);letter-spacing:.01em;text-align:center;text-transform:none;justify-content:center}.nav-drawer__menu--l1-main .nav-drawer__item{font-weight:700;font-size:2rem}.nav-drawer__link-and-toggle{display:flex;align-items:center;justify-content:space-between;width:100%}.nav-drawer__link-and-toggle .nav-drawer__item{flex:1}.nav-drawer__toggle-arrow{padding:var(--space-1);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-atomic-black))}.nav-drawer__toggle-arrow .icon-arrow-circle,.nav-drawer__item--trigger .icon-arrow-circle{width:1.6rem;height:1.6rem;flex-shrink:0}.nav-drawer__header{flex-shrink:0;width:100%;padding-top:var(--space-4);display:flex;flex-direction:column;align-items:center}.nav-drawer__header[hidden]{display:none}.nav-drawer__header-bar{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;align-items:start;width:100%;position:relative;overflow:hidden;--notch-depth: 33px;--notch-run: 19px;--notch-margin: 26px;--notch-half: calc(var(--notch-text-half, 30px) + var(--notch-margin))}.nav-drawer__header-bar:after{content:"";position:absolute;left:0;bottom:11px;width:100%;height:calc(var(--notch-depth) + 1px);pointer-events:none;background:#c9c9c9;clip-path:polygon(0% 1px,calc(50% - var(--notch-half)) 1px,calc(50% - var(--notch-half) + var(--notch-run)) 100%,calc(50% + var(--notch-half) - var(--notch-run)) 100%,calc(50% + var(--notch-half)) 1px,100% 1px,100% 0,calc(50% + var(--notch-half) - .578px) 0,calc(50% + var(--notch-half) - var(--notch-run) - .578px) calc(100% - 1px),calc(50% - var(--notch-half) + var(--notch-run) + .578px) calc(100% - 1px),calc(50% - var(--notch-half) + .578px) 0,0% 0)}.nav-drawer__header-bar:after,.nav-drawer__back,.nav-drawer__shop-all{transition:opacity var(--l1-morph-dur) ease}.nav-drawer.is-header-out .nav-drawer__header-bar:after,.nav-drawer.is-header-out .nav-drawer__back,.nav-drawer.is-header-out .nav-drawer__shop-all{opacity:0}@keyframes navHeaderFadeIn{0%{opacity:0}to{opacity:1}}.nav-drawer.is-header-in .nav-drawer__header-bar:after,.nav-drawer.is-header-in .nav-drawer__back,.nav-drawer.is-header-in .nav-drawer__shop-all{animation:navHeaderFadeIn var(--l1-morph-dur) ease both}.nav-drawer__back{grid-column:1;grid-row:1;font-size:var(--font-size-B3);font-weight:400;color:rgb(var(--color-atomic-black));text-decoration:none;background:transparent;border:none;cursor:pointer;padding:var(--space-4) 0 0 var(--space-6);line-height:var(--space-4);justify-self:start;font-family:var(--font-body-family)}.nav-drawer__shop-all{grid-column:3;grid-row:1;font-size:var(--font-size-B3);font-weight:400;color:rgb(var(--color-atomic-black));text-decoration:none;line-height:var(--space-4);justify-self:end;padding:var(--space-4) var(--space-6) 0 0}.nav-drawer__panel-title{grid-column:2;grid-row:1 / 3;font-size:var(--font-size-B3);font-weight:700;color:rgb(var(--color-atomic-black));text-align:center;line-height:1;padding:var(--space-3) var(--space-4) var(--space-5) var(--space-4);position:relative;align-self:end;transition:opacity .2s ease,transform .2s ease}.nav-drawer__secondary-links{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-top:var(--space-6)}.nav-drawer__secondary-link{font-size:var(--font-size-B3);font-weight:400;letter-spacing:.01em;color:rgb(var(--color-atomic-black));text-decoration:none;text-align:center}.nav-drawer__secondary-link:hover{opacity:.7}.nav-drawer__menu--l1-tertiary{list-style:none;margin:0;padding:var(--space-6)}.nav-drawer__locale-display{display:block;color:rgb(var(--color-atomic-black));text-align:center;text-overflow:ellipsis;font-size:var(--font-size-B4);font-style:normal;font-weight:400;line-height:normal;text-decoration:none}.nav-drawer__bottom-bar{display:flex;align-items:center;justify-content:space-around;width:100%;height:36px;flex-shrink:0;margin-top:-35px;position:relative;z-index:2}.nav-drawer__bottom-group{display:flex;align-items:center;gap:var(--space-6)}.nav-drawer__bottom-group--left{justify-content:flex-start}.nav-drawer__bottom-group--center{flex:0 0 auto}.nav-drawer__bottom-group--right{justify-content:flex-end}.nav-drawer__bottom-group--left,.nav-drawer__bottom-group--right{align-self:flex-end;margin-bottom:var(--space-3)}.nav-drawer__bottom-icon{position:relative;display:flex;align-items:center;justify-content:center;width:var(--space-4);height:var(--space-4);color:rgb(var(--color-atomic-black))}.nav-drawer__bottom-icon--ghost{visibility:hidden;pointer-events:none}.nav-drawer__bottom-logo{display:flex;align-items:center;justify-content:center;color:rgb(var(--color-atomic-black));line-height:0}.nav-drawer .atomic-mega-mobile__filtered-link{font-family:var(--font-heading-family);font-size:var(--font-size-B2);font-weight:400;line-height:1.4;color:rgb(var(--color-atomic-black));text-decoration:none;text-transform:none}.nav-drawer .atomic-mega-mobile__filtered-link:hover{opacity:.7}.header__burger{background:none;border:none;cursor:pointer;padding:0;display:flex;justify-content:center;align-items:center;width:100%;color:currentColor}@media screen and (min-width:1024px){.header__burger{display:none}}.header__burger-lines{display:flex;flex-direction:column;gap:var(--space-2, .6rem);width:2.2rem;height:1.5rem;justify-content:center}.header__burger-line{display:block;height:var(--icon-stroke-width, 1px);width:100%;background-color:currentColor;transition:transform .3s ease,opacity .3s ease}.header-wrapper.drawer-open .header__burger{opacity:0;visibility:hidden}@media screen and (max-width:1023px){.header-wrapper.drawer-open .header__icons .header__icon--cart,.header-wrapper.drawer-open .header__logo,.header-wrapper.drawer-open .header__heading-link{visibility:hidden!important}.header-wrapper.drawer-open .nav-drawer__bottom-bar .header__icon--cart{display:flex!important}}.nav-drawer__panel.is-entering{animation:navPanelFadeIn .3s var(--nav-drawer-ease) .1s both}@keyframes navPanelFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.nav-drawer{--l2-item-dur: .38s;--l2-item-step: .07s;--l1-leave-dur: .25s;--l1-morph-dur: .35s;--l3-slide-dur: .4s;--l1-open-dur: .4s;--l1-open-step: .07s;--l1-open-base: .18s}@keyframes navItemRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.nav-drawer.is-open .nav-drawer__menu--l1-main>li{opacity:0;animation:navItemRise var(--l1-open-dur) var(--nav-drawer-ease) both;animation-delay:calc(var(--l1-open-base) + var(--i, 0) * var(--l1-open-step))}@media(prefers-reduced-motion:reduce){.nav-drawer.is-open .nav-drawer__menu--l1-main>li{animation:none;opacity:1}}.nav-drawer__panel[data-level="1"].is-leaving .nav-drawer__item,.nav-drawer__panel[data-level="1"].is-leaving .nav-drawer__locale-display,.nav-drawer__panel[data-level="1"].is-leaving .nav-drawer__secondary-link{opacity:0;transition:opacity var(--l1-leave-dur) ease}.nav-drawer__panel.is-leaving-back{opacity:0;transition:opacity var(--l1-morph-dur) ease}.nav-drawer.is-measuring .nav-drawer__menu--l1-main>li{animation:none}.nav-drawer__morph-ghost{position:fixed;margin:0;z-index:1000;white-space:nowrap;transform-origin:top left;pointer-events:none;will-change:transform}.nav-drawer__panel[data-level="2"].is-entering{animation:none}.nav-drawer.is-hsliding .nav-drawer__panel.is-leaving-h{display:flex;flex-direction:column;position:absolute;top:var(--nav-panel-top, 0px);left:0;right:0;bottom:0;z-index:1}.nav-drawer.is-hsliding:not(.is-hsliding-back) .nav-drawer__panel.is-entering-h{animation:navPanelSlideInRight var(--l3-slide-dur) var(--nav-drawer-ease) both}.nav-drawer.is-hsliding:not(.is-hsliding-back) .nav-drawer__panel.is-leaving-h{animation:navPanelSlideOutLeft var(--l3-slide-dur) var(--nav-drawer-ease) both}.nav-drawer.is-hsliding.is-hsliding-back .nav-drawer__panel.is-entering-h{animation:navPanelSlideInLeft var(--l3-slide-dur) var(--nav-drawer-ease) both}.nav-drawer.is-hsliding.is-hsliding-back .nav-drawer__panel.is-leaving-h{animation:navPanelSlideOutRight var(--l3-slide-dur) var(--nav-drawer-ease) both}@keyframes navPanelSlideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes navPanelSlideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes navPanelSlideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes navPanelSlideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.nav-drawer.is-hsliding .nav-drawer__header-bar:after{transition:clip-path var(--l3-slide-dur) var(--nav-drawer-ease),opacity var(--l1-morph-dur) ease}.nav-drawer__panel-title--xfade{position:absolute;grid-area:auto;margin:0;box-sizing:border-box;pointer-events:none;transition:opacity var(--l3-slide-dur) ease}@media(prefers-reduced-motion:reduce){.nav-drawer.is-hsliding .nav-drawer__panel.is-entering-h,.nav-drawer.is-hsliding .nav-drawer__panel.is-leaving-h{animation:none}.nav-drawer.is-hsliding .nav-drawer__header-bar:after{transition:none}}.nav-drawer__panel[data-level="2"].is-l2-cascade .nav-drawer__menu--l2>li{opacity:0;animation:navPanelFadeIn var(--l2-item-dur) var(--nav-drawer-ease) both;animation-delay:calc(var(--i, 0) * var(--l2-item-step))}@media(prefers-reduced-motion:reduce){.nav-drawer__panel[data-level="2"].is-l2-cascade .nav-drawer__menu--l2>li{animation:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-nav-drawer.css.map */