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 rgba(var(--color-shadow),.1);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{margin:0}.search-modal.search-drawer .search-drawer__close{background:rgba(var(--color-foreground),.04);border:none;cursor:pointer;color:rgb(var(--color-foreground));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:rgb(var(--color-link));background:rgba(var(--color-foreground),.08)}.search-modal.search-drawer .search-drawer__divider{display:block;height:1px;background:rgba(var(--color-foreground),.08);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:rgba(var(--color-foreground),.04);border:2px solid rgba(var(--color-foreground),.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:rgb(var(--color-link))}.search-modal.search-drawer .search-input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--color-secondary-text);pointer-events:none;z-index:1}.search-modal.search-drawer .search-drawer__close .ph-icon,.search-modal.search-drawer .search-input-icon .ph-icon{color:inherit;display:block}.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;z-index:10}.search-modal.search-drawer .search__input::placeholder{color:var(--color-secondary-text);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;min-width:auto;min-height:auto;margin:4px;white-space:nowrap}.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{margin:0 0 12px}.search-modal.search-drawer .search-tags{display:flex;flex-wrap:wrap;gap:8px}.search-modal.search-drawer .search-tag{min-width:auto}.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}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/search-drawer.css.map */