details .search-modal.search-drawer{position:fixed;top:0;left:0;right:0;bottom:auto;width:100%;max-width:100%;height:auto;min-height:auto;margin:0;padding:24px;z-index:99;background:rgb(var(--color-background));border-radius:0;border-top:none;border-bottom:1px solid rgba(var(--color-foreground),.08);box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;align-items:stretch;gap:0;opacity:0;transform:translateY(-110%);pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .25s ease}details[open] .search-modal.search-drawer{opacity:1;transform:translateY(0);pointer-events:all}.search-modal.search-drawer .search-drawer__header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:20px}.search-modal.search-drawer .search-drawer__heading{font-size:1.8rem;font-weight:700;color:#0d1f1e;margin:0;line-height:1.3}.search-modal.search-drawer .search-drawer__close{background:#f5f5f4;border:none;cursor:pointer;font-size:18px;color:#0d1f1e;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;padding:0;flex-shrink:0;transition:color .2s ease,background .2s ease}.search-modal.search-drawer .search-drawer__close:hover,.search-modal.search-drawer .search-drawer__close:focus-visible{color:#009688;background:#00000014}.search-modal.search-drawer .search-drawer__divider{display:block;height:1px;background:#00000014;margin:0 -24px 20px}.search-modal.search-drawer .search-modal__content{display:flex;flex-direction:column;width:100%;height:auto;padding:0;position:static;gap:2.4rem}.search-modal.search-drawer .search-modal__close-button,.search-modal.search-drawer .modal-overlay{display:none}.search-modal.search-drawer .search-modal__form,.search-modal.search-drawer predictive-search,.search-modal.search-drawer search-form{width:100%;max-width:100%}.search-modal.search-drawer .field{position:relative;display:flex;align-items:center;width:100%;height:56px;background:#f5f5f4;border:2px solid rgba(0,0,0,.08);border-radius:999px;overflow:hidden;box-shadow:none;padding:0;transition:border-color .2s ease}.search-modal.search-drawer .field:before,.search-modal.search-drawer .field:after{display:none}.search-modal.search-drawer .field:focus-within{border-color:#009688}.search-modal.search-drawer .search-input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:18px;color:#6b7280;pointer-events:none;z-index:1}.search-modal.search-drawer .search__input{flex:1;height:100%;padding:0 8px 0 48px;font-size:16px;color:rgb(var(--color-foreground));background:transparent;border:none;outline:none;box-shadow:none;border-radius:0;margin:0}.search-modal.search-drawer .search__input::placeholder{color:#6b7280;opacity:1}.search-modal.search-drawer .search__input:focus,.search-modal.search-drawer .search__input:not(:placeholder-shown){padding:0 8px 0 48px;margin:0}.search-modal.search-drawer .field__label,.search-modal.search-drawer .reset__button{display:none}.search-modal.search-drawer .search__button.field__button{position:static;flex-shrink:0;width:auto;height:44px;padding:0 24px;margin:4px;background:#009688;color:#fff;border:none;border-radius:999px;cursor:pointer;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:background .2s ease;min-width:auto;min-height:auto}.search-modal.search-drawer .search__button.field__button:hover,.search-modal.search-drawer .search__button.field__button:focus-visible{background:#00796b}.search-modal.search-drawer .search__button.field__button .svg-wrapper{display:none}.search-modal.search-drawer .search__button.field__button:after{content:"Search";font-size:15px;font-weight:600;color:#fff;font-family:inherit}.search-modal.search-drawer .search__button.field__button:before{display:none}.search-modal.search-drawer .predictive-search{display:none;position:static;width:100%;max-width:100%;border:none;border-top:1px solid rgba(var(--color-foreground),.08);border-radius:0;box-shadow:none;margin-top:16px;padding-top:8px;background:transparent;overflow:visible}.search-modal.search-drawer predictive-search[open] .predictive-search,.search-modal.search-drawer predictive-search[loading] .predictive-search{display:block}.search-modal.search-drawer .search-suggestions{margin-top:1.2rem;display:grid;gap:1.2rem}.search-modal.search-drawer .search-suggestions-label{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#0d1f1e;margin:0 0 12px}.search-modal.search-drawer .search-tags{display:flex;flex-wrap:wrap;gap:8px}.search-modal.search-drawer .search-tag{display:inline-flex;align-items:center;font-size:16px;font-weight:500;color:#0d1f1e;background:#f8f5f2;padding:6px 16px;border-radius:999px;border:1px solid rgba(0,0,0,.08);text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease}.search-modal.search-drawer .search-tag:hover,.search-modal.search-drawer .search-tag:focus-visible{background:#0d1f1e;color:#fff;border-color:#0d1f1e}.search-modal.search-drawer predictive-search[open]~.search-suggestions,.search-modal.search-drawer predictive-search[loading]~.search-suggestions{display:none}@media screen and (max-width:749px){details .search-modal.search-drawer{padding:16px}.search-modal.search-drawer .search-drawer__divider{margin:0 -16px 16px}.search-modal.search-drawer .field{height:48px}.search-modal.search-drawer .search__button.field__button{height:40px;padding:0 16px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/search-drawer.css.map */