:root{--cdi-drawer-link-size: 17px;--cdi-drawer-sublink-size: 15px}.cdi-focus-suppress:focus,.cdi-focus-suppress:focus-visible{outline:none!important;box-shadow:none!important}.cdi-header__drawer{left:0;right:0;background:#fff;z-index:400;clip-path:inset(0 0 100% 0);opacity:0;visibility:hidden;transition:clip-path .36s cubic-bezier(.32,.72,0,1),opacity .28s var(--cdi-easing-default),visibility .36s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));box-shadow:0 8px 32px #0000001f;-webkit-tap-highlight-color:transparent}.cdi-header__drawer{position:fixed;top:var(--cdi-drawer-top, var(--cdi-header-height-px, 72px));height:calc(100vh - var(--cdi-header-height-mobile));height:calc(100dvh - var(--cdi-drawer-top, var(--cdi-header-height-mobile)))}.cdi-header__drawer[data-open=true]{clip-path:inset(0 0 0 0);opacity:1;visibility:visible;pointer-events:auto}@media screen and (min-width:1200px){.cdi-header__drawer{display:none!important;visibility:hidden!important;opacity:0!important}}.cdi-header__drawer-nav{flex:1;padding:var(--cdi-space-4) 16px}@media screen and (min-width:750px){.cdi-header__drawer-nav{padding:var(--cdi-space-4) var(--cdi-space-5)}}.cdi-header__drawer-list{list-style:none;margin:0;padding:0}.cdi-header__drawer-item{border-bottom:1px solid var(--cdi-color-border)}.cdi-header__drawer-item:last-child{border-bottom:none}.cdi-header__drawer-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 0;font-size:var(--cdi-drawer-link-size);font-weight:var(--cdi-font-medium);color:var(--cdi-color-text);text-decoration:none;background:none;border:none;cursor:pointer;text-align:left}.cdi-header__drawer-link:hover,.cdi-header__drawer-link:focus-visible{color:var(--cdi-color-primary)}.cdi-header__drawer-link[aria-expanded=true]{color:var(--cdi-color-primary)}.cdi-header__drawer-link[aria-expanded=false]{color:var(--cdi-color-text)}.cdi-header__drawer-link:active{opacity:.7}.cdi-header__drawer-chevron{width:16px;height:16px;color:var(--cdi-color-text-secondary);flex-shrink:0;opacity:.6;transition:transform .32s cubic-bezier(.32,.72,0,1),opacity var(--cdi-duration-fast) var(--cdi-easing-default),color var(--cdi-duration-fast) var(--cdi-easing-default)}.cdi-header__drawer-chevron svg{width:100%;height:100%;display:block}.cdi-header__drawer-link[aria-expanded=true] .cdi-header__drawer-chevron{transform:rotate(180deg);opacity:1;color:var(--cdi-color-primary)}.cdi-header__drawer-submenu{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.32,.72,0,1);overflow:hidden;padding-left:var(--cdi-space-5);background:var(--cdi-color-surface);border-radius:0 0 var(--cdi-radius-sm) var(--cdi-radius-sm)}.cdi-header__drawer-submenu[data-open=true]{grid-template-rows:1fr}.cdi-header__drawer-submenu>*{min-height:0;overflow:hidden}.cdi-header__drawer-sublist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--cdi-space-2)}.cdi-header__drawer-sublink{display:block;padding:10px 0;font-size:var(--cdi-drawer-sublink-size);color:var(--cdi-color-text-secondary);text-decoration:none;transition:color var(--cdi-duration-fast) var(--cdi-easing-default)}.cdi-header__drawer-sublink:hover,.cdi-header__drawer-sublink:focus-visible{color:var(--cdi-color-primary)}.cdi-header__drawer-sublink:active{opacity:.7}.cdi-header__drawer-sublink--muted{opacity:.45;pointer-events:none;cursor:default}.cdi-header__drawer-account{margin-top:var(--cdi-space-5);padding-top:var(--cdi-space-5);border-top:1px solid var(--cdi-color-border)}.cdi-header__drawer-account-link{display:flex;align-items:center;gap:var(--cdi-space-3);padding:18px 0;font-size:var(--cdi-drawer-link-size);font-weight:var(--cdi-font-medium);color:var(--cdi-color-text-secondary);text-decoration:none;transition:color var(--cdi-duration-fast) var(--cdi-easing-default)}.cdi-header__drawer-account-link:hover,.cdi-header__drawer-account-link:focus-visible{color:var(--cdi-color-primary)}.cdi-header__drawer-account-icon{width:24px;height:24px;flex-shrink:0}.cdi-header__drawer-account-icon svg{width:100%;height:100%;display:block}.cdi-header__search-panel{position:fixed;top:var(--cdi-search-top, 72px);left:0;right:0;z-index:500;clip-path:inset(0 0 100% 0);opacity:0;visibility:hidden;pointer-events:none;transition:clip-path .28s cubic-bezier(.4,0,1,1),opacity .2s ease-in,visibility 0s linear .28s}.cdi-header__search-panel[data-open=true]{clip-path:inset(0 0 0% 0);opacity:1;visibility:visible;pointer-events:auto;transition:clip-path .32s cubic-bezier(.32,.72,0,1),opacity .24s ease-out,visibility 0s linear 0s}.cdi-header__search-panel-inner{background:#fffffffa;border-bottom:1px solid rgba(0,0,0,.07);box-shadow:0 8px 32px #0000001a}@supports (backdrop-filter: blur(1px)){.cdi-header__search-panel-inner{background:#ffffffeb;backdrop-filter:saturate(180%) blur(var(--cdi-blur-lg));-webkit-backdrop-filter:saturate(180%) blur(var(--cdi-blur-lg))}}.cdi-header__search-bar{position:relative;display:flex;align-items:center;max-width:840px;margin:0 auto;padding:var(--cdi-space-5) var(--cdi-space-5) var(--cdi-space-4);gap:var(--cdi-space-3);border-bottom:1px solid rgba(0,0,0,.07)}.cdi-header__search-icon{flex-shrink:0;width:20px;height:20px;color:var(--cdi-color-text-secondary);pointer-events:none}.cdi-header__search-icon svg{width:100%;height:100%;display:block}.cdi-header__search-form{flex:1;min-width:0;display:flex;align-items:center}.cdi-header__search-input{flex:1;min-width:0;padding:11px var(--cdi-space-3);font-size:var(--cdi-text-nav);font-family:var(--cdi-font-family);color:var(--cdi-color-text)}.cdi-header__search-input::placeholder{color:var(--cdi-color-text-secondary)}.cdi-header__search-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:auto;background:none;border:none;border-radius:0;color:var(--cdi-color-text-secondary);cursor:pointer;transition:color var(--cdi-duration-fast) var(--cdi-easing-default)}.cdi-header__search-close:hover,.cdi-header__search-close:focus-visible{color:var(--cdi-color-text);background:none;outline:none}.cdi-header__search-close .cdi-header__icon{width:18px;height:18px}.cdi-header__search-quick-links{max-width:840px;margin:0 auto;padding:var(--cdi-space-5) var(--cdi-space-5) var(--cdi-space-7)}.cdi-header__search-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--cdi-space-6)}.cdi-header__search-quick-label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--cdi-space-4)}.cdi-header__search-quick-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--cdi-space-3)}.cdi-header__search-quick-link{font-size:var(--cdi-text-nav);font-weight:400;color:var(--cdi-color-text);text-decoration:none;display:inline-block;transition:color var(--cdi-duration-fast) var(--cdi-easing-default)}.cdi-header__search-quick-link:hover,.cdi-header__search-quick-link:focus-visible{color:var(--cdi-color-primary-hover);outline:none}@media screen and (max-width:1199px){.cdi-header__search-quick-grid{grid-template-columns:1fr;gap:var(--cdi-space-5)}}.cdi-header__search-panel-inner.has-query .cdi-header__search-quick-links{display:none}.cdi-search-results{list-style:none;padding:var(--cdi-space-3) 0;max-height:60vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-width:840px;margin:0 auto}.cdi-search-result{display:flex;width:100%}.cdi-search-result a{display:flex;align-items:center;width:100%;justify-content:flex-start;gap:var(--cdi-space-4);padding:14px var(--cdi-space-5);text-decoration:none;color:var(--cdi-color-text)}.cdi-search-result a:hover,.cdi-search-result a:focus{background:#0000000f;outline:none}.cdi-search-result__img{width:64px;height:64px;object-fit:cover;border-radius:6px;border:1px solid rgba(0,0,0,.06);box-sizing:border-box;background:var(--cdi-color-surface);flex-shrink:0;display:block}.cdi-search-result__placeholder{width:64px;height:64px;background:var(--cdi-color-surface);border-radius:6px;border:1px solid rgba(0,0,0,.06);box-sizing:border-box;flex-shrink:0;display:block}.cdi-search-result__title{flex:1;min-width:0;font-size:var(--cdi-text-sm);font-weight:500;line-height:1.4;color:var(--cdi-color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.8em;word-break:break-word}.cdi-search-view-all{display:block!important;text-align:center;padding:var(--cdi-space-3) 0 var(--cdi-space-5)}.cdi-search-view-all a{display:inline-flex;align-items:center;padding:9px var(--cdi-space-6);font-size:var(--cdi-text-sm);font-weight:500;color:var(--cdi-color-text);text-decoration:none;border:1.5px solid rgba(0,0,0,.18);border-radius:6px;transition:background-color var(--cdi-duration-fast) var(--cdi-easing-default),border-color var(--cdi-duration-fast) var(--cdi-easing-default)}.cdi-search-view-all a:hover{background-color:#0000000a;border-color:#0000004d;opacity:1;text-decoration:none}.cdi-search-no-results{padding:var(--cdi-space-5) var(--cdi-space-5);text-align:center;color:var(--cdi-color-text-secondary);font-size:var(--cdi-text-sm)}@media screen and (max-width:1199px){.cdi-header__search-panel{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;clip-path:none;transform:translateY(-100%);opacity:1;visibility:hidden;pointer-events:none;z-index:500;transition:transform .35s cubic-bezier(.32,.72,0,1),visibility 0s linear .35s}.cdi-header__search-panel[data-open=true]{clip-path:none;transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto;transition:transform .35s cubic-bezier(.32,.72,0,1),visibility 0s linear 0s}.cdi-header__search-panel-inner{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;height:100dvh;display:flex;flex-direction:column;border-bottom:none;box-shadow:none;overflow-y:auto;overscroll-behavior:contain}.cdi-header__search-bar{flex-shrink:0;width:100%;max-width:100%;margin:0;padding:var(--cdi-space-4) var(--cdi-space-5);padding-top:calc(var(--cdi-space-4) + env(safe-area-inset-top,0px));border-bottom:none}.cdi-header__search-bar:after{content:"";position:absolute;bottom:0;left:var(--cdi-space-5);right:var(--cdi-space-5);height:1.5px;background:#0000001c}.cdi-header__search-results{flex:1;max-height:none;max-width:100%;overflow-y:auto}.cdi-search-results{margin-left:0;margin-right:0;max-width:100%;padding-left:var(--cdi-space-5);padding-right:var(--cdi-space-5)}.cdi-search-result a{padding:var(--cdi-space-4) 0;gap:var(--cdi-space-4)}.cdi-search-result__img,.cdi-search-result__placeholder{width:72px;height:72px}.cdi-search-result__title{font-size:15px}.cdi-header__search-quick-links{position:relative;width:100%;max-width:100%;margin:0;padding:var(--cdi-space-5) var(--cdi-space-5) var(--cdi-space-6);border-bottom:none}.cdi-header__search-quick-links:after{content:"";position:absolute;bottom:0;left:var(--cdi-space-5);right:var(--cdi-space-5);height:1px;background:#0000000f}.cdi-header__search-quick-link{font-size:var(--cdi-text-nav);line-height:1.5}.cdi-header__search-input{font-size:16px}}@media screen and (max-width:1199px)and (prefers-reduced-motion:reduce){.cdi-header__search-panel,.cdi-header__search-panel[data-open=true]{transform:none;transition:opacity .15s ease-out,visibility 0s linear .15s;opacity:0}.cdi-header__search-panel[data-open=true]{opacity:1;transition:opacity .15s ease-out,visibility 0s linear 0s}}@media(prefers-reduced-motion:reduce){.cdi-header__drawer,.cdi-header__drawer-chevron,.cdi-header__drawer-submenu,.cdi-header__search-panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cdi-header-drawer.css.map */