custom-search-drawer.csd{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:block;visibility:hidden;pointer-events:none}custom-search-drawer.csd.is-open{visibility:visible;pointer-events:auto}.csd__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0a8c;opacity:0;transition:opacity .35s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.csd.is-open .csd__overlay{opacity:1}.csd__panel{position:absolute;inset:0 0 auto 0;width:100%;max-height:100vh;height:100dvh;display:flex;flex-direction:column;background:rgb(var(--color-background, 255 255 255));color:rgb(var(--color-foreground, 18 18 18));transform:translateY(-100%);transition:transform .4s cubic-bezier(.22,1,.36,1);will-change:transform}.csd.is-open .csd__panel{transform:translateY(0)}.csd__bar{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:18px clamp(16px,4vw,56px);border-bottom:1px solid rgba(var(--color-foreground, 18 18 18),.1)}.csd [hidden]{display:none!important}.csd__form{flex:1 1 auto;display:flex;align-items:center;gap:12px;min-width:0;background:rgba(var(--color-foreground, 18 18 18),.04);border:1px solid rgba(var(--color-foreground, 18 18 18),.14);border-radius:999px;padding:11px 22px;transition:border-color .2s ease,box-shadow .2s ease}.csd__form:focus-within{border-color:rgba(var(--color-foreground, 18 18 18),.5);box-shadow:0 0 0 3px rgba(var(--color-foreground, 18 18 18),.05)}.csd__bar-ico{display:inline-flex;width:22px;height:22px;flex:0 0 auto;opacity:.7}.csd__bar-ico svg{width:100%;height:100%}.csd__input{flex:1 1 auto;min-width:0;border:0;outline:none;background:transparent;color:inherit;font-size:clamp(1.5rem,2vw,1.8rem);line-height:1.3;font-weight:500;padding:2px 0;box-shadow:unset}.csd__input::placeholder{color:rgba(var(--color-foreground, 18 18 18),.4)}.csd__input::-webkit-search-cancel-button{-webkit-appearance:none}.csd__clear,.csd__close{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;transition:background .2s ease,transform .2s ease}.csd__clear{width:28px;height:28px}.csd__close{width:42px;height:42px}.csd__clear:hover,.csd__close:hover{background:rgba(var(--color-foreground, 18 18 18),.07)}.csd__close:hover{transform:rotate(90deg)}.csd__clear svg{width:14px;height:14px}.csd__close svg{width:20px;height:20px}.csd__body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:clamp(20px,3vw,40px) clamp(16px,4vw,56px) clamp(40px,6vw,80px)}.csd__recent{margin-bottom:clamp(22px,3vw,34px)}.csd__recent-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.csd__recent-title{margin:0;font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;opacity:.55}.csd__recent-clear{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:1.2rem;opacity:.55;text-decoration:underline;text-underline-offset:3px}.csd__recent-clear:hover{opacity:1}.csd__chips{display:flex;flex-wrap:wrap;gap:10px}.csd__chip{-webkit-appearance:none;appearance:none;cursor:pointer;font:inherit;font-size:1.4rem;line-height:1;padding:9px 16px;border-radius:999px;border:1px solid rgba(var(--color-foreground, 18 18 18),.16);background:transparent;color:inherit;display:inline-flex;align-items:center;gap:8px;transition:background .2s ease,border-color .2s ease}.csd__chip:hover{background:rgba(var(--color-foreground, 18 18 18),.06);border-color:rgba(var(--color-foreground, 18 18 18),.4)}.csd__chip svg{width:13px;height:13px;opacity:.5}.csd__browse-heading{margin:0 0 18px;font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;opacity:.55}.csd__tabs{display:flex;flex-wrap:wrap;gap:10px 26px;margin-bottom:clamp(22px,3vw,36px)}.csd__tab{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.2;padding:4px 2px 8px;cursor:pointer;position:relative;opacity:.5;transition:opacity .2s ease}.csd__tab:after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:inline-start center;transition:transform .25s ease}.csd__tab:hover{opacity:.85}.csd__tab.is-active{opacity:1}.csd__tab.is-active:after{transform:scaleX(1)}.csd__panel-tab{display:none}.csd__panel-tab.is-active{display:block;animation:csd-fade .35s ease}.csd__panel-foot{margin-top:26px}.csd__viewall-link,.csd__viewall{display:inline-block;font-size:1.4rem;letter-spacing:.04em;border-bottom:1px solid currentColor;padding-bottom:2px;transition:opacity .2s ease;text-decoration:none;color:inherit}.csd__viewall-link:hover,.csd__viewall:hover{opacity:.6}.csd-product-grid{display:grid;gap:clamp(12px,1.6vw,22px);grid-template-columns:repeat(2,minmax(0,1fr))}.csd-product-grid.desktop-2{grid-template-columns:repeat(2,minmax(0,1fr))}.csd-product-grid.desktop-3{grid-template-columns:repeat(3,minmax(0,1fr))}.csd-product-grid.desktop-4{grid-template-columns:repeat(4,minmax(0,1fr))}.csd-product-grid.desktop-5{grid-template-columns:repeat(5,minmax(0,1fr))}.csd__results{position:relative;min-height:80px}.csd-results-inner{animation:csd-fade .3s ease}.csd-result-section+.csd-result-section{margin-top:clamp(28px,4vw,48px)}.csd-article-card .cstm-product-card__image-box{aspect-ratio:1 / 1}.csd-article-tag{display:inline-block;font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;opacity:.5;margin-bottom:6px}.csd-article-card .cstm-product-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:auto}.csd__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding-top:40px;z-index:2}.csd-spinner{display:block}.csd-spinner svg{width:32px;height:32px}html.csd-open,body.csd-open{overflow:hidden}.csd__results[aria-busy=true] [data-csd-results-target]{opacity:.4}.csd-results-grid{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;animation:csd-fade .3s ease}.csd-results-grid--no-products{grid-template-columns:1fr}.csd-results-side{min-width:0}.csd-side-group+.csd-side-group{margin-top:26px}.csd-side-title{margin:0 0 12px;font-size:1.15rem;letter-spacing:.1em;text-transform:uppercase;opacity:.5}.csd-side-list{list-style:none;margin:0;padding:0}.csd-side-link{display:flex;align-items:center;gap:12px;padding:8px 0;color:inherit;text-decoration:none;font-size:1.5rem;line-height:1.3;transition:opacity .2s ease}.csd-side-link:hover{opacity:.55}.csd-side-ico{display:inline-flex;width:18px;height:18px;flex:0 0 auto;opacity:.5}.csd-side-ico svg{width:100%;height:100%}.csd-side-thumb{width:40px;height:40px;flex:0 0 auto;object-fit:cover;border-radius:6px;background:rgba(var(--color-foreground, 18 18 18),.06)}.csd-results-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}.csd-empty{text-align:center;padding:clamp(40px,8vw,90px) 0;animation:csd-fade .3s ease}.csd-empty__title{font-size:1.8rem;margin:0 0 12px}.csd-empty__link{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:2px;color:inherit;text-decoration:none}@keyframes csd-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:989px){.csd-results-grid,.csd-results-grid--no-products{grid-template-columns:1fr}.csd-results-main{order:1}.csd-results-side{order:2}.csd-product-grid.desktop-3,.csd-product-grid.desktop-4,.csd-product-grid.desktop-5{grid-template-columns:repeat(2,minmax(0,1fr))}.csd-product-grid.mobile-1{grid-template-columns:minmax(0,1fr)}}@media screen and (max-width:749px){.csd__close{width:38px;height:38px}.csd__bar{padding:14px 16px}.csd__body{padding:18px 16px 60px}.csd__tabs{gap:8px 18px}}@media(prefers-reduced-motion:reduce){.csd__panel,.csd__overlay{transition:none}.csd__panel-tab.is-active,.csd-results-grid,.csd-empty{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/custom-search-drawer.css.map */