.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}.template-search__search .field:before{border-radius:8px}.template-search__search .field:after{border-radius:8px}.template-search__search .search__input.field__input{border-radius:8px}.template-search .product-grid .grid__item{display:flex}.template-search .product-grid .card-wrapper.product-card-wrapper{width:100%;height:100%}.template-search .product-grid .card-wrapper.product-card-wrapper .card.card--byob-style{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:0;padding:16px;box-sizing:border-box;border:1px solid #ebe9f3;border-radius:12px;background:#fff;overflow:visible;--image-padding: 1rem}.template-search .product-grid .card-wrapper.product-card-wrapper .card.card--byob-style:after,.template-search .product-grid .card-wrapper.product-card-wrapper .card--standard .card__inner:after{display:none}.template-search .product-grid .card-wrapper.product-card-wrapper .card.card--byob-style .card__inner,.template-search .product-grid .card-wrapper.product-card-wrapper .card.card--byob-style .card__inner.gradient{width:100%;margin:0 0 16px;background:transparent!important;border-radius:8px;overflow:hidden;aspect-ratio:1 / 1}.template-search .product-grid .card-wrapper.product-card-wrapper .card.card--byob-style .card__inner.ratio:before{padding-bottom:0}.template-search .product-grid .card-wrapper.product-card-wrapper .card.card--byob-style .card__inner .card__media{aspect-ratio:auto;margin:0;width:100%;background:#f3f3f3;border-radius:8px;overflow:hidden}.template-search .product-grid .card-wrapper.product-card-wrapper .card.card--byob-style .card__inner .card__media .media,.template-search .product-grid .card-wrapper.product-card-wrapper .card.card--byob-style .card__inner .card__media .media img{border-radius:8px}.template-search .product-grid .card-wrapper.product-card-wrapper .card.card--byob-style .card__inner .card__media .media img{object-fit:contain;padding:1rem}.template-search .product-grid .card__inner>.card__content .card__heading{display:none}.template-search .product-grid .card-wrapper.product-card-wrapper .card.card--byob-style>.card__content{width:100%;min-width:0;padding:0;margin-top:0;display:flex;flex-direction:column;flex:1;overflow:visible}.template-search .product-grid .card-wrapper.product-card-wrapper .card__information{flex:1;display:flex;flex-direction:column;width:100%;min-width:0;padding:0}.template-search .product-grid .card-wrapper.product-card-wrapper .quick-add{display:flex;flex-direction:column;gap:0;margin-top:auto;width:100%}.template-search .product-grid .card-wrapper.product-card-wrapper .card__variant{margin-bottom:16px;width:100%}.template-search .product-grid .quick-add .button:not(.byob-variant-dropdown__trigger),.template-search .product-grid .quick-add button:not(.byob-variant-dropdown__trigger){border:none!important;box-shadow:none!important}.template-search .product-grid .quick-add .button:not(.byob-variant-dropdown__trigger):after,.template-search .product-grid .quick-add button:not(.byob-variant-dropdown__trigger):after,.template-search .product-grid .quick-add .button:not(.byob-variant-dropdown__trigger):hover:after,.template-search .product-grid .quick-add button:not(.byob-variant-dropdown__trigger):hover:after{box-shadow:none!important}.header__search .search-modal{background:#fff!important;border-bottom:.1rem solid #e5e5e5}.header__search details[open] .modal-overlay:after{display:none}.header__icons:has(.header__search details[open]) .header__cta-button{display:none}.header__search .search-modal__content{padding:0 1rem}@media screen and (min-width:750px){.header__search .search-modal__content{padding:0 2rem 0 1rem}}.header__search .field:before,.header__search .field:after{display:none!important}.header__search .field__label{display:none}.header__search .search__input.field__input{padding:12px 9.8rem 12px 16px;height:auto;min-height:4.4rem;font-size:14px;font-weight:400;line-height:1.43;color:#4b5563;background-color:#fff;border:1px solid #e5e5e5!important;border-radius:8px;box-shadow:none!important}.header__search .search__input.field__input::placeholder{color:#aaa;opacity:1}.header__search .search__input.field__input:focus,.header__search .search__input.field__input:focus-visible{outline:none;border-color:#393186!important;box-shadow:0 0 0 2px #39318626!important}.header__search .search__button,.header__search .reset__button{top:1px;right:1px;height:calc(100% - 2px)}.header__search .reset__button{right:calc(1px + 4.4rem)}.header__search .reset__button:not(:focus-visible):after,.header__search .reset__button:not(:focus):after{border-right-color:#e5e5e5}.header__search .search__button:focus,.header__search .search__button:focus-visible,.header__search .reset__button:focus,.header__search .reset__button:focus-visible{background-color:#fff}.header__search .predictive-search{background-color:#fff;border:1px solid #e5e5e5;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #0000000f}.header__search predictive-search[open] .search__input.field__input,.header__search predictive-search[loading] .search__input.field__input{border-bottom-left-radius:0;border-bottom-right-radius:0}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-search.css.map */