.clz-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:calc(var(--z-header) + 10);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease;cursor:pointer;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.clz-search-overlay.is-open{opacity:1;visibility:visible}.clz-search-sidepanel{position:fixed;inset-block-start:0;inset-inline-end:0;inset-block-end:0;width:min(52rem,100vw);z-index:calc(var(--z-header) + 11);background:rgb(var(--color-background));color:rgb(var(--color-foreground));display:flex;flex-direction:column;transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1)}.clz-search-sidepanel.is-open{transform:translate(0);box-shadow:-.8rem 0 4rem #0000004d}.clz-search-sidepanel:focus{outline:none}.header__utils-item--search-trigger{display:flex!important;min-width:2.4rem;padding:var(--spacing-1)}.header__utils-item--search-trigger .icon{display:block!important}.header__utils-item--search-trigger .icon__text{display:none!important}@media screen and (min-width:990px){.header__utils-item--search-trigger .icon__text{display:none!important}}.clz-search-sidepanel__header{display:flex;align-items:center;justify-content:space-between;padding:2rem 2.4rem;border-block-end:.1rem solid rgba(var(--color-foreground),.08);flex-shrink:0}.clz-search-sidepanel__title{font-family:var(--font-heading-family);font-size:var(--font-size-static-xs);font-weight:var(--font-weight-semibold);letter-spacing:.22rem;text-transform:uppercase;margin:0;line-height:1;opacity:.85}.clz-search-sidepanel__close{display:flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;background:transparent;border:.1rem solid rgba(var(--color-foreground),.2);cursor:pointer;color:inherit;border-radius:50%;transition:background .2s ease,border-color .2s ease,transform .25s ease;flex-shrink:0;padding:0}.clz-search-sidepanel__close:hover{background:rgba(var(--color-foreground),.08);border-color:rgba(var(--color-foreground),.45);transform:rotate(90deg)}.clz-search-sidepanel__close svg{width:1.4rem;height:1.4rem;display:block}.clz-search-sidepanel__body{flex:1;overflow-y:auto;overflow-x:hidden;padding:2.8rem 2.4rem;-webkit-overflow-scrolling:touch}.clz-search-sidepanel__body form{display:block;margin:0;padding:0}.clz-search-sidepanel__input-wrap{display:flex;align-items:center;gap:1.2rem;border-block-end:.15rem solid rgba(var(--color-foreground),.2);padding-block-end:.8rem;margin-block-end:2.4rem;transition:border-color .25s ease}.clz-search-sidepanel__input-wrap:focus-within{border-block-end-color:rgba(var(--color-foreground),.8)}.clz-search-sidepanel__search-icon{flex-shrink:0;display:flex;align-items:center;opacity:.38;pointer-events:none;line-height:0}.clz-search-sidepanel__search-icon svg{width:2rem;height:2rem;display:block}.clz-search-input{flex:1;border:none!important;background:transparent!important;padding:.4rem 0!important;margin:0!important;font-family:var(--font-heading-family);font-size:2.2rem;font-weight:var(--font-weight-normal);letter-spacing:-.03rem;color:rgb(var(--color-foreground));outline:none!important;box-shadow:none!important;line-height:1.2;width:100%;min-width:0;-webkit-appearance:none;appearance:none}.clz-search-input::placeholder{color:rgba(var(--color-foreground),.22);font-style:italic}.clz-search-sidepanel__divider{display:flex;align-items:center;gap:1.2rem;margin-block-end:1.6rem;color:rgba(var(--color-foreground),.4)}.clz-search-sidepanel__divider span{font-family:var(--font-heading-family);font-size:1.05rem;letter-spacing:.18rem;text-transform:uppercase;white-space:nowrap}.clz-search-sidepanel__divider:before,.clz-search-sidepanel__divider:after{content:"";flex:1;height:.1rem;background:rgba(var(--color-foreground),.12)}.clz-search-sidepanel__body .search-drawer__suggestions{padding:0;margin:0}.clz-search-sidepanel__body .search-drawer__title{display:none}.clz-search-sidepanel__body .search-drawer__suggestions ul,.clz-search-sidepanel__body .search-drawer__suggestions .list-unstyled{display:flex;flex-wrap:wrap;gap:.8rem;list-style:none;margin:0;padding:0}.clz-search-sidepanel__body .search-drawer__suggestions li{margin:0;padding:0}.clz-search-sidepanel__body .search-drawer__suggestions .button,.clz-search-sidepanel__body .search-drawer__suggestions a{display:inline-flex;align-items:center;padding:.55rem 1.3rem;border:.1rem solid rgba(var(--color-foreground),.18);border-radius:10rem;font-family:var(--font-body-family);font-size:1.15rem;letter-spacing:.07rem;color:rgb(var(--color-foreground));background:transparent;text-decoration:none;transition:background .2s ease,border-color .2s ease;white-space:nowrap;text-transform:uppercase}.clz-search-sidepanel__body .search-drawer__suggestions .button:hover,.clz-search-sidepanel__body .search-drawer__suggestions a:hover{background:rgba(var(--color-foreground),.07);border-color:rgba(var(--color-foreground),.45)}.clz-search-loading{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:3.2rem 0}.clz-search-loading span{width:.7rem;height:.7rem;border-radius:50%;background:rgba(var(--color-foreground),.4);animation:clz-pulse 1.2s ease-in-out infinite}.clz-search-loading span:nth-child(2){animation-delay:.2s}.clz-search-loading span:nth-child(3){animation-delay:.4s}@keyframes clz-pulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.clz-search-empty{text-align:center;padding:3.2rem 0;font-family:var(--font-body-family);font-size:var(--font-size-static-sm);opacity:.5;margin:0}.clz-search-results__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.clz-search-results__item{border-block-end:.1rem solid rgba(var(--color-foreground),.06)}.clz-search-results__item:last-child{border-block-end:none}.clz-search-results__link{display:flex;align-items:center;gap:1.6rem;padding:1.4rem 0;text-decoration:none;color:rgb(var(--color-foreground));transition:opacity .15s ease}.clz-search-results__link:hover{opacity:.75}.clz-search-results__img{flex-shrink:0;width:6.4rem;height:6.4rem;border-radius:.6rem;overflow:hidden;background:rgba(var(--color-foreground),.05)}.clz-search-results__img img{width:100%;height:100%;object-fit:cover;display:block}.clz-search-results__img-placeholder{width:100%;height:100%;background:rgba(var(--color-foreground),.08)}.clz-search-results__info{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:0}.clz-search-results__title{font-family:var(--font-heading-family);font-size:var(--font-size-static-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-static-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clz-search-results__vendor{font-family:var(--font-body-family);font-size:1.15rem;letter-spacing:.08rem;text-transform:uppercase;opacity:.45}.clz-search-results__price{font-family:var(--font-body-family);font-size:var(--font-size-static-sm);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:.8rem}.clz-search-results__compare-price{opacity:.4;font-weight:var(--font-weight-normal);text-decoration:line-through}.clz-search-results__view-all{display:flex;align-items:center;justify-content:center;margin-block-start:2rem;padding:1.2rem;border:.1rem solid rgba(var(--color-foreground),.18);border-radius:.4rem;font-family:var(--font-heading-family);font-size:var(--font-size-static-xs);letter-spacing:.14rem;text-transform:uppercase;color:rgb(var(--color-foreground));text-decoration:none;transition:background .2s ease,border-color .2s ease}.clz-search-results__view-all:hover{background:rgba(var(--color-foreground),.06);border-color:rgba(var(--color-foreground),.4)}
/*# sourceMappingURL=/cdn/shop/t/21/assets/clz-search-sidepanel.css.map */