.search-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;visibility:hidden;transition:visibility 0s linear .35s}.search-drawer.is-open{visibility:visible;transition:visibility 0s}.search-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-foreground),.5);opacity:0;transition:opacity .35s ease}.search-drawer.is-open .search-drawer__overlay{opacity:1;display:block}.search-drawer__panel{position:absolute;top:0;right:0;display:flex;flex-direction:column;width:min(480px,100%);height:100%;padding:0;box-sizing:border-box;background:var(--white);overflow-y:auto;overscroll-behavior:contain;transform:translate(100%);transition:transform .35s ease}.search-drawer.is-open .search-drawer__panel{transform:translate(0)}.search-drawer__panel:focus{outline:none}.search-drawer__sticky{position:sticky;top:0;z-index:2;flex:0 0 auto;padding:35px 30px 20px;background:var(--white)}.search-drawer__body{flex:1 0 auto;padding:0 30px 35px}.search-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:20px}.search-drawer__title{margin:0;font-size:var(--fs-24);font-weight:700;color:var(--black);line-height:1;text-box:trim-both cap alphabetic}.search-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;background:none;color:var(--black);cursor:pointer}.search-drawer__close svg{width:12px;height:12px;transition:.35s all ease}.search-drawer__close:hover svg{transform:rotate(90deg);opacity:.8}.search-drawer__form{position:relative;display:flex;align-items:center;margin-top:10px}.search-drawer__input{flex:1 1 auto;min-width:0;padding:10px 48px 10px 16px;border:1px solid var(--black);border-radius:8px;background:var(--white);font-size:var(--fs-14);color:var(--black);line-height:1}.search-drawer__input::placeholder{color:var(--gray-40)}.search-drawer__input:focus,.search-drawer__input:focus-visible,.search-drawer__input.focused{outline:none;outline-offset:0;box-shadow:none;border-color:var(--black)}.search-drawer__submit{position:absolute;right:12px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:none;color:var(--black);cursor:pointer}.search-drawer__submit svg{width:18px;height:18px}.search-drawer__group{margin-top:36px}.search-drawer__body>.search-drawer__group:first-child{margin-top:0}.search-drawer__group--products{margin-top:0;padding-top:20px;border-top:1px solid var(--gray-30)}.search-drawer__group+.search-drawer__group--products{margin-top:20px}.search-drawer__heading{margin:0 0 10px;font-size:var(--fs-24);font-weight:700;color:var(--black);line-height:1}.search-drawer__tags{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none}.search-drawer__tag{display:inline-block;padding:14px;border:1px solid var(--black);border-radius:4px;font-size:var(--fs-14);color:var(--black);line-height:1;text-decoration:none;text-box:trim-both cap alphabetic;transition:.5s all ease}.search-drawer__tag:hover{border-color:var(--darkgreen);background-color:var(--darkgreen);color:var(--white)}.search-drawer__products{display:grid;gap:20px;margin:0;padding:0;list-style:none}.search-drawer__product-link{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;align-items:center;text-decoration:none}.search-drawer__product-media{position:relative;display:block;width:120px;aspect-ratio:1;overflow:hidden;background:var(--gray-5)}.search-drawer__product-img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover}.search-drawer__product-info{display:flex;flex-direction:column;gap:6px}.search-drawer__product-title{font-size:var(--fs-18);font-weight:700;color:var(--black);line-height:1.2;word-break:keep-all}.search-drawer__product-subtitle{font-size:var(--fs-14);color:var(--gray-50);line-height:1}.search-drawer__product-price{margin-top:4px;font-size:var(--fs-16);font-weight:700;color:var(--black);line-height:1}@media all and (max-width:780px){.search-drawer__sticky{padding:24px 20px 20px}.search-drawer__body{padding:0 20px 24px}.search-drawer__title,.search-drawer__heading{font-size:var(--fs-18)}.search-drawer__tag{font-size:var(--fs-13)}.search-drawer__group,.search-drawer__group+.search-drawer__group--products{margin-top:20px}.search-drawer__group--products{padding-top:20px}.search-drawer__product-link{grid-template-columns:80px minmax(0,1fr);gap:10px}.search-drawer__product-media{width:80px}.search-drawer__product-title,.search-drawer__product-price{font-size:var(--fs-14)}.search-drawer__product-subtitle{font-size:var(--fs-12)}}@media(prefers-reduced-motion:reduce){.search-drawer,.search-drawer__overlay,.search-drawer__panel,.search-drawer__tag{transition:none}}.search-drawer__group--products.is-loading{opacity:.5;pointer-events:none}.search-drawer__empty{margin:0;font-size:var(--fs-14);color:var(--gray-50);line-height:1.5}.search-drawer__all{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding:18px 20px;border-radius:8px;background-color:var(--gray-90);font-size:var(--fs-16);font-weight:700;color:var(--white);line-height:1;text-align:center;text-decoration:none;transition:background-color .5s ease}.search-drawer__all:hover{background-color:var(--darkgreen)}.search-drawer__all svg{flex:0 0 auto;width:16px;height:16px}@media all and (max-width:780px){.search-drawer__all{margin-top:20px;padding:15px 16px;font-size:var(--fs-14)}}@media(prefers-reduced-motion:reduce){.search-drawer__all{transition:none}}@media(pointer:coarse){.search-drawer__input{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-search-drawer.css.map */