.search__input.field__input{padding-right:9.8rem}.field.desktop .search__input{color:transparent!important;caret-color:transparent}.field.desktop .search__input::placeholder{color:rgba(var(--color-foreground),.5)}.search-modal .search__input,.search-modal .field__input{color:#000!important;caret-color:#000!important}.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}@keyframes searchModalOpen{0%{opacity:0;transform:translateY(-.8rem)}to{opacity:1;transform:translateY(0)}}@keyframes searchModalClose{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.8rem)}}details[open]>.search-modal{animation:searchModalOpen .22s cubic-bezier(.25,.46,.45,.94)!important}details[open]>.search-modal.search-modal--closing{animation:searchModalClose .22s cubic-bezier(.55,0,.55,.2) forwards!important;pointer-events:none}@media screen and (min-width:990px){.search-modal .search-modal__form{max-width:100%}}.search-empty-state{position:absolute;top:calc(100% + .1rem);left:-.1rem;width:calc(100% + .2rem);padding:2rem 2.4rem 40px;background-color:rgb(var(--color-background));border-width:var(--popup-border-width);border-style:solid;border-color:rgba(var(--color-foreground),var(--popup-border-opacity));border-top:none;z-index:3;border-bottom-right-radius:var(--popup-corner-radius);border-bottom-left-radius:var(--popup-corner-radius);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity));overflow-y:auto;max-height:70vh;opacity:0;visibility:hidden;transform:translateY(-.5rem);pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}.search-empty-state.is-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .2s ease,transform .2s ease,visibility 0s linear 0s}.search-empty-section{margin-bottom:2rem}.search-empty-section:last-child{margin-bottom:0}.search-empty-heading{font-weight:600;letter-spacing:.1em;color:rgba(var(--color-foreground),.55);margin:0 0 1rem}.search-pill-list{display:flex;flex-wrap:wrap;gap:.8rem}.search-pill{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem 1.4rem;border-radius:10rem;border:0;background:#f5f5f5;font-size:1.2rem;font-family:inherit;color:#000;cursor:pointer;transition:background-color .15s,border-color .15s;white-space:nowrap;line-height:1.4;box-shadow:0 0 2px #000000d4;border-radius:20px;text-decoration:none}.search-pill:hover{background:rgba(var(--color-foreground),.06);border-color:rgba(var(--color-foreground),.4)}.search-pill-remove{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:50%;background:rgba(var(--color-foreground),.1);font-size:1.2rem;line-height:1;cursor:pointer;border:none;color:inherit;padding:0;font-family:inherit;flex-shrink:0}.search-pill-remove:hover{background:rgba(var(--color-foreground),.22)}.search-trending-grid{display:flex;flex-wrap:wrap;gap:.4rem 2rem}.search-trending-item{display:flex;align-items:center;gap:1rem;text-decoration:none;color:rgb(var(--color-foreground));font-size:1.3rem;padding:.5rem 0;transition:opacity .15s;min-width:16rem}.search-trending-item:hover{opacity:.7}.search-trending-item img,.search-trending-img-placeholder{width:5rem;height:5rem;object-fit:cover;border-radius:.8rem;flex-shrink:0;background:rgba(var(--color-foreground),.06);border:.5px solid #BEBEBE}.search-trending-title{font-size:1.3rem;font-weight:500}@media screen and (max-width:749px){.search-empty-state{padding:1.6rem 1.6rem 2rem;right:0;left:0;top:100%;width:100%}.search-trending-grid{flex-direction:column;gap:0}.search-trending-item{min-width:unset}.search-modal__content{padding-left:0;padding-right:15px}}.search-modal predictive-search{max-width:820px;margin:0 auto}.search-pre{display:flex;max-width:820px;width:100%}.search-modal .search__input{box-shadow:0 0 2px #000000d4!important;border:0!important;border-radius:20px!important;padding:13px 20px!important}.search-modal .field__label .field__label-icon{display:inline-flex;align-items:center;vertical-align:middle;max-width:2.4rem;overflow:hidden;margin-right:.6rem;opacity:1;flex-shrink:0;transition:max-width .15s ease,opacity .15s ease,margin-right .15s ease}.search-modal .field__label .field__label-icon svg{width:1.6rem;height:1.6rem;flex-shrink:0}.search-modal .field__input:focus~.field__label .field__label-icon,.search-modal .field__input:not(:placeholder-shown)~.field__label .field__label-icon{max-width:0;opacity:0;margin-right:0}.modal__close-button .icon{width:1.2rem;height:1.2rem}.search-modal .field__button{height:40px}.search-modal .reset__button{right:10px}.search-modal .search-modal__close-button{position:initial}.search-modal .search-modal__close-button{height:40px}.search-empty-section-wrapper,#predictive-search-results{max-width:1358px;margin:0 auto}.reset__button:not(:focus):after{display:none}@media screen and (max-width:749px){.search-modal .search__input.field__input,.search-modal .search-modal__close-button,.search-modal .field__button{height:30px}.search-modal .search__input{padding:0 10px!important;font-size:16px}.search-modal .field__button{width:auto}.predictive-search.predictive-search--header{padding:15px 15px 0}}.search-modal__content a,.predictive-search a,.predictive-search__item a,.predictive-search__results a,.search-modal__content p,.search-modal__content h2,.search-modal__content span,.search-modal__content .search__input,.search-modal__content mark{color:#000!important;transition:none}.search-modal__content a:hover,.predictive-search a:hover,.predictive-search__item a:hover,.predictive-search__results a:hover{color:#000!important;background-color:transparent!important}details[open] .modal-overlay:after{background:#0006}@media screen and (min-width:750px){.search-empty-state{padding-left:40px;padding-right:40px}.predictive-search.predictive-search--header{padding:20px 40px 0}}
/*# sourceMappingURL=/cdn/shop/t/130/assets/component-search.css.map */