.search__input.field__input{padding-right:9.8rem}.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width)}.reset__button{right:calc(var(--inputs-border-width) + 4.4rem);top:var(--inputs-border-width)}.reset__button:not(:focus-visible):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 1.6rem);content:"";position:absolute;right:0}.reset__button:not(:focus):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 1.8rem);content:"";position:absolute;right:0}.search__button:focus-visible,.reset__button:focus-visible{background-color:rgb(var(--color-background));z-index:4}.search__button:focus,.reset__button:focus{background-color:rgb(var(--color-background));z-index:4}.search__button:not(:focus-visible):not(.focused),.reset__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit}.search__button:hover .icon,.reset__button:hover .icon{transform:scale(1.07)}.search__button .icon{height:1.8rem;width:1.8rem}.reset__button .icon.icon-close{height:1.8rem;width:1.8rem;stroke-width:.1rem}input::-webkit-search-decoration{-webkit-appearance:none}.template-search__results{position:relative}.streamspell-topbar .search-modal.modal__content.gradient{background:transparent}.streamspell-topbar .search-modal .modal-overlay{background:#05080d94}.streamspell-topbar .search-modal .modal-overlay:after{content:none;display:none}body.overflow-hidden:has(.streamspell-topbar .header__search details[open]){overflow-y:scroll}.streamspell-topbar .search-modal__content{width:min(72rem,calc(100% - 2.4rem));margin:1.2rem auto 0;padding:0;border:0;border-radius:0;background:transparent!important;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.streamspell-topbar .search-modal__form .field{position:relative;display:flex;align-items:center;border-radius:999px;overflow:hidden;background:#ffffff0a;border:1px solid var(--ss-border);box-shadow:inset 0 1px #ffffff05;transition:border-color .2s ease,box-shadow .2s ease}.streamspell-topbar .search-modal__form .field:before,.streamspell-topbar .search-modal__form .field:after{display:none}.streamspell-topbar .search-modal__form .field:focus-within{border-color:var(--ss-border-strong);box-shadow:inset 0 1px #ffffff0a}.streamspell-topbar .search-modal__form .field__input{flex:1;min-height:5.2rem;height:5.2rem;padding:0 9rem 0 1.8rem;border-radius:999px;border:0;color:var(--ss-text);background:transparent;font-size:1.5rem;line-height:5.2rem;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none}.streamspell-topbar .search-modal__form .field__input::placeholder{color:color-mix(in srgb,var(--ss-text-muted) 90%,transparent);opacity:1}.streamspell-topbar .search-modal__form .field__label.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.streamspell-topbar .search-modal__form .field__button{color:var(--ss-text-muted);top:0;height:100%;border:0;background:transparent;transition:color .15s ease}.streamspell-topbar .search-modal__form .reset__button{right:5rem;width:4rem}.streamspell-topbar .search-modal__form .search__button{right:0;width:5rem;border-radius:0 999px 999px 0}.streamspell-topbar .search-modal__form .search__button .svg-wrapper{width:1.8rem;height:1.8rem}.streamspell-topbar .search-modal__form .reset__button .svg-wrapper{width:1.6rem;height:1.6rem}.streamspell-topbar .search-modal__form .field__button:hover{color:var(--ss-text)}.streamspell-topbar .search-modal__form .field__button:focus-visible{color:var(--ss-text);border-radius:999px;outline:.1rem solid rgba(255,255,255,.28);outline-offset:-.2rem}.streamspell-topbar .search-modal__close-button{width:3.8rem;min-width:3.8rem;height:3.8rem;border-radius:999px;border:1px solid transparent;background:var(--ss-surface-soft);color:var(--ss-text-muted)}.streamspell-topbar .search-modal__close-button:hover{color:var(--ss-text);border-color:var(--ss-border);background:#ffffff0f}.streamspell-topbar .search-modal__close-button .svg-wrapper{width:1.8rem;height:1.8rem}.streamspell-topbar .search-modal__close-button{display:none}.streamspell-topbar .header__search details[open]>summary{color:var(--ss-text-muted);background:var(--ss-surface-soft);border-color:transparent}.streamspell-topbar .header__search details[open] .header__icon-close{display:none}.streamspell-topbar .header__search details[open] .header__icon .svg-wrapper,.streamspell-topbar .header__search details[open] summary>span>.svg-wrapper:first-child{color:currentColor}.streamspell-topbar .header__icon--cart>.svg-wrapper{transform:scale(1.64);transform-origin:center}@media screen and (max-width:749px){.streamspell-topbar .search-modal__content{width:calc(100% - 3.2rem);margin-top:9.2rem;padding:0}}.template-search__search .field{border-radius:999px;overflow:hidden;background:#ffffff08;border:1px solid var(--ss-border);box-shadow:inset 0 1px #ffffff05}.template-search__search .field:before,.template-search__search .field:after{display:none}.template-search__search .field:focus-within{border-color:var(--ss-border-strong);box-shadow:inset 0 1px #ffffff0a}.template-search__search .search__input.field__input{min-height:4.8rem;height:4.8rem;padding-top:0;padding-bottom:0;padding-left:1.4rem;padding-right:9.8rem;border-radius:999px;border:0;background:transparent;color:var(--ss-text);line-height:4.8rem;box-sizing:border-box}.template-search__search .search__input.field__input::placeholder{color:color-mix(in srgb,var(--ss-text-muted) 90%,transparent);opacity:1}.template-search__search .field__label.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.template-search__search .field__button{top:50%;height:4.8rem;width:4.4rem;transform:translateY(-50%);color:var(--ss-text-muted);background:transparent!important;box-shadow:none}.template-search__search .reset__button{right:4.4rem}.template-search__search .search__button{right:0;border-radius:0 999px 999px 0}.template-search__search .reset__button:after{border-right-color:#ffffff14}.template-search__search .search__button:focus-visible,.template-search__search .reset__button:focus-visible,.template-search__search .search__button:focus,.template-search__search .reset__button:focus,.template-search__search .search__button:not(:focus-visible):not(.focused),.template-search__search .reset__button:not(:focus-visible):not(.focused){background:transparent!important;color:var(--ss-text);box-shadow:none}.template-search__search .field__button:hover{color:var(--ss-text)}.template-search__search .field__button:focus-visible{outline:.1rem solid rgba(255,255,255,.28);outline-offset:-.2rem}.template-search__search .search__button .svg-wrapper,.template-search__search .reset__button .svg-wrapper{display:flex;align-items:center;justify-content:center}
/*# sourceMappingURL=/cdn/shop/t/62/assets/component-search.css.map */