.spawn-header-search{--ss-ink: #171916;--ss-paper: #fff;--ss-muted: #656962;--ss-line: #dcded8;--ss-accent: #bd3b27;--ss-overlay: rgba(0, 0, 0, .4);--ss-top: calc(var(--announcement-bar-height, 48px) + var(--header-height, 80px))}.sh-masthead .spawn-header-search{--ss-top: calc(var(--sh-header-height) + var(--sh-announce-height))}.spawn-type .header .mobile-left-group{top:calc((var(--header-height, 64px) - 44px) / 2);transform:none}.spawn-type .spawn-header-search .search-modal{position:fixed;top:var(--ss-top);inset-inline:0;bottom:0;width:100%;height:auto;min-height:0;padding:0;align-items:start}.spawn-type .spawn-header-search details[open]>.search-modal{background:var(--ss-overlay)}.spawn-type .spawn-header-search .modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:transparent}.spawn-type .spawn-header-search .search-modal__content{display:flex;align-items:start;gap:20px;position:relative;width:100%;max-width:none;padding:24px max(20px,calc((100vw - 1000px)/2));margin:0;background:var(--ss-paper);color:var(--ss-ink);z-index:1}.spawn-type .spawn-header-search .search-modal__content>:first-child{display:block;flex:1;min-width:0;position:relative}.spawn-type .spawn-header-search .search-modal__form{width:100%;max-width:none}.spawn-type .spawn-header-search .field{width:100%;padding:0;border:0;border-bottom:1px solid var(--ss-line);box-shadow:none;border-radius:0}.spawn-type .spawn-header-search .field:before,.spawn-type .spawn-header-search .field:after{content:none}.spawn-type .spawn-header-search .field:focus-within{border-bottom-color:var(--ss-accent);box-shadow:0 1px 0 var(--ss-accent)}.spawn-type .spawn-header-search .field__input,.spawn-type .spawn-header-search .field__input:focus,.spawn-type .spawn-header-search .field__input:focus-visible{height:56px;min-height:56px;width:100%;margin:0;padding:12px 48px;color:var(--ss-ink);background:transparent;border:0;border-radius:0;box-shadow:none;outline:0;font:var(--sf-weight-regular) 18px/1.4 var(--sf-font-body);letter-spacing:0}.spawn-type .spawn-header-search .field__input::placeholder{opacity:1;color:var(--ss-muted)}.spawn-type .spawn-header-search .field__label{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.spawn-type .spawn-header-search .field__button{top:6px;width:44px;height:44px;margin:0;color:var(--ss-ink);background:transparent;border:0;box-shadow:none}.spawn-type .spawn-header-search .search__button{left:0;right:auto}.spawn-type .spawn-header-search .reset__button{left:auto;right:0}.spawn-type .spawn-header-search .reset__button:not(.hidden){display:flex!important}.spawn-type .spawn-header-search .reset__button:after{content:none}.spawn-type .spawn-header-search .search-modal__close-button{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:10px;margin:6px 0 0;border:0;background:transparent;color:var(--ss-ink)}.spawn-type .spawn-header-search button:focus-visible{outline:2px solid var(--ss-accent);outline-offset:2px;box-shadow:none}.spawn-type .spawn-header-search .predictive-search{position:relative;inset:auto;width:100%;margin:12px 0 0;border:0;border-radius:0;box-shadow:none;max-height:calc(100dvh - var(--ss-top) - 130px);background:var(--ss-paper)}.spawn-type .spawn-header-search .predictive-search__item-heading{font:var(--sf-weight-medium) 14px/1.4 var(--sf-font-body);letter-spacing:0}.spawn-type .spawn-header-search .predictive-search__heading{font:var(--sf-weight-medium) 11px/1.4 var(--sf-font-body);letter-spacing:.08em;text-transform:uppercase}@media(max-width:749px){.spawn-type .spawn-header-search .search-modal__content{gap:8px;padding:16px 16px 20px}.spawn-type .spawn-header-search :is(.field__input,.field__input:focus,.field__input:focus-visible){font-size:16px;padding-left:40px;padding-right:40px}.spawn-type .spawn-header-search .predictive-search{max-height:calc(100dvh - var(--ss-top) - 120px)}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/spawn-header-search.css.map */