:root{--tpl-dock-clearance:86px}body:has(#TplNavigationDock){padding-bottom:calc(var(--tpl-dock-clearance) + env(safe-area-inset-bottom))}html:has(#TplNavigationDock){scroll-padding-bottom:calc(var(--tpl-dock-clearance) + env(safe-area-inset-bottom))}#TplNavigationDock{position:fixed;z-index:950;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:2px;width:min(356px,calc(100vw - 24px));height:60px;padding:4px;border:1px solid rgb(255 255 255 / .8);border-radius:46px;background:linear-gradient(125deg,#f7f8f9,#e8ebed);color:#202124;box-shadow:0 6px 24px #00000017,0 1px 4px #0000000a,inset 0 1px 1px #fffffff2,inset 0 -1px 1px #fff6;box-sizing:border-box;isolation:isolate;transition:width .28s cubic-bezier(.22,1,.36,1),height .28s cubic-bezier(.22,1,.36,1),padding .28s cubic-bezier(.22,1,.36,1),opacity .18s ease}@supports ((backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px))){#TplNavigationDock{background:linear-gradient(165deg,#ffffffc7,#ebeff29e);backdrop-filter:blur(20px) saturate(125%) brightness(1.05);-webkit-backdrop-filter:blur(20px) saturate(125%) brightness(1.05)}}#TplNavigationDock:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(155deg,rgb(255 255 255 / .12),transparent 32%,transparent 70%,rgb(255 255 255 / .04));box-shadow:inset 1px 0 #ffffff2e,inset -1px 0 #ffffff14}#TplNavigationDock *{box-sizing:border-box}#TplNavigationDock .tpl-dock__action{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:44px;min-height:44px;height:50px;margin:0;padding:3px 1px;border:0;border-radius:34px;background:transparent;color:inherit;text-decoration:none;cursor:pointer;font:400 9px/1 var(--tpl-sans,Barlow,Arial,sans-serif);letter-spacing:.025em;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:height .28s cubic-bezier(.22,1,.36,1),background .18s ease}#TplNavigationDock .tpl-dock__action>svg{display:block;flex:0 0 auto;width:20px;height:20px;filter:none}#TplNavigationDock .tpl-dock__label{display:block;max-height:11px;opacity:1;line-height:11px;white-space:nowrap;text-shadow:none;transition:max-height .22s ease,opacity .16s ease}#TplNavigationDock .tpl-dock__seal{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;flex:0 0 auto;transition:width .28s ease,height .28s ease}#TplNavigationDock .tpl-dock__seal .tpl-monogram{display:block;width:24px;height:15px;object-fit:contain}#TplNavigationDock .tpl-dock__home{gap:0}#TplNavigationDock .tpl-dock__home .tpl-dock__label{display:none}#TplNavigationDock .tpl-dock__action[aria-current=page]{background:#0000000d}#TplNavigationDock .tpl-dock__action:focus-visible{outline:2px solid #202124;outline-offset:-3px;background:#0000000d}#TplNavigationDock[data-mode=compact]{width:min(312px,calc(100vw - 24px));height:48px;padding:1px}#TplNavigationDock[data-mode=compact] .tpl-dock__action{height:44px;gap:0}#TplNavigationDock[data-mode=compact] .tpl-dock__label{max-height:0;opacity:0;overflow:hidden}#TplNavigationDock[data-suspended=true],body:has(dialog[open]) #TplNavigationDock,body.js-drawer-open-cart #TplNavigationDock,body:has(drawer-element.is-open) #TplNavigationDock,body:has(#TplCookieBanner:not([hidden])) #TplNavigationDock{opacity:0;visibility:hidden;pointer-events:none}@media(hover:hover){#TplNavigationDock .tpl-dock__action:hover{background:#0000000b}}@media(min-width:990px){:root{--tpl-dock-clearance:0px}#TplNavigationDock{left:clamp(12px,1.4vw,24px);top:50%;bottom:auto;transform:translateY(-50%);grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(6,minmax(44px,1fr));gap:4px;width:56px;height:324px;max-height:calc(100dvh - 140px);padding:5px;border-radius:32px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}#TplNavigationDock .tpl-dock__action{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:8px;justify-content:normal;justify-items:start;width:100%;height:48px;padding:0;border-radius:24px;overflow:hidden;font-size:12px;letter-spacing:.01em}#TplNavigationDock .tpl-dock__action>svg,#TplNavigationDock .tpl-dock__seal{justify-self:center}#TplNavigationDock .tpl-dock__label,#TplNavigationDock[data-mode=compact] .tpl-dock__label,#TplNavigationDock .tpl-dock__home .tpl-dock__label{display:block;max-height:18px;min-width:0;line-height:18px;opacity:0;overflow:hidden;transform:translate(-4px);transition:opacity .18s ease,transform .22s ease}#TplNavigationDock[data-mode=compact]{width:48px;height:294px;padding:1px}#TplNavigationDock[data-mode=compact] .tpl-dock__action{height:44px;column-gap:8px}#TplNavigationDock:has(:focus-visible){width:176px}#TplNavigationDock:has(:focus-visible) .tpl-dock__label{opacity:1;transform:translate(0)}}@media(min-width:990px)and (hover:hover){#TplNavigationDock:hover{width:176px}#TplNavigationDock:hover .tpl-dock__label{opacity:1;transform:translate(0)}}@media(max-width:749px){body:has(#TplNavigationDock) #TplStickyHeader:not(.tpl-sticky--hero),body:has(#TplNavigationDock) .tpl-home-search{display:none!important}html.tpl-sticky-ready:has(#TplNavigationDock){--tpl-sticky-height:0px!important;scroll-padding-top:12px}html.tpl-sticky-ready body:has(#TplNavigationDock){padding-top:0!important}body:has(#TplNavigationDock) .btn--scroll-top{bottom:calc(96px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){#TplNavigationDock,#TplNavigationDock *{transition:none!important}}@media(prefers-reduced-transparency:reduce){#TplNavigationDock{background:#f2f4f5;backdrop-filter:none;-webkit-backdrop-filter:none}}@media print{#TplNavigationDock{display:none}body:has(#TplNavigationDock){padding-bottom:0}}.tpl-site-menu__dock-brand{display:none}#TplSiteMenu.is-dock-menu{--tpl-menu-gutter:28px;inset:16px auto auto clamp(12px,1.4vw,24px);width:min(480px,calc(100vw - 32px));height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);border:1px solid rgb(255 255 255 / .65);border-radius:28px;background:#f5f7f9bf;color:#111;box-shadow:0 20px 64px #0000002e,inset 0 1px #ffffffb3;backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%);transform-origin:top left;transform:translate(var(--tpl-dock-origin-x,0px),var(--tpl-dock-origin-y,0px)) scale(var(--tpl-dock-origin-scale-x,1),var(--tpl-dock-origin-scale-y,1));transition:transform .36s cubic-bezier(.22,1,.36,1),background .26s ease,border-radius .36s ease}#TplSiteMenu.is-dock-menu.is-visible{transform:translate(0) scale(1);background:#fafaf9bf}#TplSiteMenu.is-dock-menu::backdrop{background:#0f12162e}#TplSiteMenu.is-dock-menu>div{opacity:0;transition:opacity .1s ease}#TplSiteMenu.is-dock-menu.is-visible>div{opacity:1;transition:opacity .2s ease .1s}#TplSiteMenu.is-dock-menu .tpl-site-menu__head{grid-template-columns:1fr auto 1fr;min-height:64px;padding:8px 20px;border-bottom:1px solid rgb(0 0 0 / .07);background:transparent}#TplSiteMenu.is-dock-menu #TplSiteMenuTitle{grid-column:1;grid-row:1}#TplSiteMenu.is-dock-menu .tpl-menu-a11y-label{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;font-size:11px;letter-spacing:.08em}#TplSiteMenu.is-dock-menu .tpl-site-menu__icon-toggle,#TplSiteMenu.is-dock-menu .tpl-site-menu__clocks{display:none}#TplSiteMenu.is-dock-menu .tpl-site-menu__dock-brand{display:grid;place-items:center;grid-column:2;grid-row:1;min-width:44px;min-height:44px}#TplSiteMenu.is-dock-menu .tpl-site-menu__dock-brand img{width:42px;height:26px;object-fit:contain}#TplSiteMenu.is-dock-menu .tpl-site-menu__head>.tpl-site-menu__close{display:flex;align-items:center;justify-content:center;grid-column:3;grid-row:1;justify-self:end;min-width:44px;min-height:44px;font-size:0}#TplSiteMenu.is-dock-menu .tpl-site-menu__close span{margin:0;font-size:24px;font-weight:300}#TplSiteMenu.is-dock-menu .tpl-site-menu__intro{background:transparent;padding-bottom:10px}#TplSiteMenu.is-dock-menu .tpl-site-menu__wordmark{margin-top:16px;font-size:11px}#TplSiteMenu.is-dock-menu .tpl-site-menu__search{padding-top:8px;background:transparent}#TplSiteMenu.is-dock-menu .tpl-site-menu__search input{height:44px;background:transparent}#TplSiteMenu.is-dock-menu .tpl-site-menu__body{padding-bottom:24px;scrollbar-color:#b9b9b7 transparent}#TplSiteMenu.is-dock-menu .tpl-menu-cards{margin-top:12px}#TplSiteMenu.is-dock-menu .tpl-menu-cards__item{flex-basis:156px}#TplSiteMenu.is-dock-menu .tpl-site-menu__groups{padding-top:12px}#TplSiteMenu.is-dock-menu .tpl-site-menu__accordion{min-height:56px}#TplSiteMenu.is-dock-menu .tpl-site-menu__group>.tpl-site-menu__links{padding-left:36px}@media(max-width:989px){#TplSiteMenu.is-dock-menu{--tpl-menu-gutter:20px;inset:var(--tpl-mobile-menu-top,12px) auto auto var(--tpl-mobile-menu-left,12px);width:var(--tpl-mobile-menu-width,min(356px, calc(100vw - 24px) ));height:var(--tpl-mobile-menu-height, calc(100dvh - 26px) );max-height:var(--tpl-mobile-menu-height, calc(100dvh - 26px) );border:1px solid rgb(255 255 255 / .8);border-radius:46px;background:linear-gradient(125deg,#f7f8f9,#e8ebed);box-shadow:0 6px 24px #00000017,0 1px 4px #0000000a,inset 0 1px 1px #fffffff2,inset 0 -1px 1px #fff6;backdrop-filter:none;-webkit-backdrop-filter:none}#TplSiteMenu.is-dock-menu.is-visible{border-radius:24px;background:linear-gradient(125deg,#f7f8f9,#e8ebed)}@supports ((backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px))){#TplSiteMenu.is-dock-menu,#TplSiteMenu.is-dock-menu.is-visible{background:linear-gradient(165deg,#ffffffc7,#ebeff29e);backdrop-filter:blur(20px) saturate(125%) brightness(1.05);-webkit-backdrop-filter:blur(20px) saturate(125%) brightness(1.05)}}#TplSiteMenu.is-dock-menu .tpl-menu-cards__item{flex-basis:140px}#TplSiteMenu.is-dock-menu .tpl-site-menu__head{min-height:56px;padding:4px 16px}}@media(max-height:600px){#TplSiteMenu.is-dock-menu .tpl-site-menu__intro .tpl-site-menu__wordmark{display:none}}@media(prefers-reduced-motion:reduce){#TplSiteMenu.is-dock-menu,#TplSiteMenu.is-dock-menu>div{transition:none}}@media(prefers-reduced-transparency:reduce){#TplSiteMenu.is-dock-menu.is-visible{background:#fafaf9;backdrop-filter:none;-webkit-backdrop-filter:none}}#TplStickyHeader{isolation:isolate;border:0;pointer-events:none}#TplStickyHeader .tpl-sticky__nav{position:relative;pointer-events:none}#TplStickyHeader :is(a,button){pointer-events:auto}#TplStickyHeader:before{content:"";position:absolute;z-index:-1;inset:calc(8px + env(safe-area-inset-top)) clamp(12px,1.4vw,24px) 8px;border:1px solid rgb(255 255 255 / .8);border-radius:999px;background:linear-gradient(165deg,#ffffffc7,#ebeff29e);backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%);box-shadow:0 4px 18px #0000000f,inset 0 1px 1px #ffffffe6;pointer-events:none;opacity:1;transform:translateY(0) scale(1);transform-origin:50% 0;transition:opacity .22s ease,transform .32s cubic-bezier(.22,1,.36,1)}#TplStickyHeader.tpl-sticky--hero:not(.is-scrolled):before{opacity:0;transform:translateY(-4px) scale(.985,.88)}@media(prefers-reduced-motion:reduce){#TplStickyHeader:before{transition:none}}html.tpl-sticky-ready body:has(#TplStickyHeader.tpl-sticky--hero){padding-top:0!important}body:has(#TplStickyHeader.tpl-sticky--hero) .tpl-home-search{display:none!important}#TplStickyHeader.tpl-sticky--hero{display:block;position:fixed;inset:0 0 auto;width:100%;background:transparent;border-color:transparent;color:#fff;pointer-events:none;transition:none}#TplStickyHeader.tpl-sticky--hero .tpl-sticky__world,#TplStickyHeader.tpl-sticky--hero .tpl-sticky__desktop-brand{display:none}#TplStickyHeader.tpl-sticky--hero .tpl-sticky__nav{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);min-height:76px;border:0;background:transparent}#TplStickyHeader.tpl-sticky--hero .tpl-sticky__mobile-brand{display:block}#TplStickyHeader.tpl-sticky--hero .tpl-sticky__brand{display:flex;grid-column:2;color:inherit;pointer-events:auto}#TplStickyHeader.tpl-sticky--hero .tpl-monogram{width:60px;height:36px;filter:brightness(0) invert(1);transition:filter .24s ease}#TplStickyHeader.tpl-sticky--hero .tpl-sticky__clock{opacity:1;visibility:visible;pointer-events:auto;color:#fff;transition:color .24s ease}#TplStickyHeader.tpl-sticky--hero .tpl-sticky__menu{grid-column:1;grid-row:1;background:transparent}#TplStickyHeader.tpl-sticky--hero .tpl-sticky__utilities{grid-column:3;grid-row:1}#TplStickyHeader.tpl-sticky--hero :is(a,button):focus-visible{outline-color:currentColor}#TplStickyHeader.tpl-sticky--hero.is-scrolled{background:transparent;border-color:transparent;color:#000;pointer-events:auto}#TplStickyHeader.tpl-sticky--hero.is-scrolled .tpl-monogram{filter:brightness(0) invert(0)}#TplStickyHeader.tpl-sticky--hero.is-scrolled .tpl-sticky__clock{color:#000}@media(max-width:749px){#TplStickyHeader.tpl-sticky--hero .tpl-sticky__nav{min-height:64px;padding-inline:30px}#TplStickyHeader.tpl-sticky--hero .tpl-monogram{width:52px;height:31px}}@media(prefers-reduced-motion:reduce){#TplStickyHeader.tpl-sticky--hero,#TplStickyHeader.tpl-sticky--hero *{transition:none!important}}#TplStickyHeader .tpl-sticky__clock{grid-row:1;font-size:10px;letter-spacing:.12em;white-space:nowrap}#TplStickyHeader .tpl-sticky__clock--new-york{grid-column:1;justify-self:start}#TplStickyHeader .tpl-sticky__clock--paris{grid-column:3;justify-self:end;text-align:right}#TplStickyHeader .tpl-sticky__clock a{display:flex;align-items:center;min-height:44px;color:inherit}#TplStickyHeader .tpl-sticky__brand{grid-column:2;grid-row:1}#TplStickyHeader:not(.tpl-sticky--hero){background:transparent;border-color:transparent}#TplStickyHeader:not(.tpl-sticky--hero) .tpl-sticky__nav{border-bottom:0}@media(max-width:749px){#TplStickyHeader .tpl-sticky__clock{font-size:9px;letter-spacing:.08em}#TplStickyHeader .tpl-sticky__clock a{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;line-height:1.5}#TplStickyHeader .tpl-sticky__clock--paris a{align-items:flex-end}#TplStickyHeader .tpl-sticky__clock time{font-size:10px;letter-spacing:.04em;margin-top:1px}}@supports not ((backdrop-filter:blur(20px)) or (-webkit-backdrop-filter:blur(20px))){#TplStickyHeader:before{background:#f9fafb}}@media(prefers-reduced-transparency:reduce){#TplStickyHeader:before{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}body:has(#TplNavigationDock) shopify-chat::part(activator){display:none}
/*# sourceMappingURL=/cdn/shop/t/80/assets/tpl-navigation-dock.css.map */