.header__icon--search{cursor:pointer;transition:opacity .2s ease}.search-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99;padding:var(--header-bottom-position, 8rem) 0 0 0;box-sizing:border-box;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}@media screen and (min-width:750px)and (max-width:949px){.search-modal{padding:calc(var(--header-bottom-position, 8rem) + .8rem) var(--header-margin-mobile) 2rem 0}}@media screen and (min-width:950px){.search-modal{padding:calc(var(--header-bottom-position, 8rem) + .8rem) 0 2rem 0}}.search-modal{--content-width: min(var(--page-width), 100%);--content-margin: 1fr;--content-grid: var(--content-margin) var(--content-width) var(--content-margin);display:grid;grid-template-columns:var(--content-grid);width:100%}.search-modal>.search-modal__backdrop{grid-column:1}.search-modal>.search-modal__content{grid-column:2}@media screen and (min-width:950px){.search-modal{--content-width: min(calc(var(--header-width) - var(--header-margin) * 2), calc(100% - var(--header-margin) * 2));--content-margin: minmax(var(--header-margin), 1fr)}}.search-modal[style*=grid],.search-modal[style*=flex]{opacity:1;visibility:visible}.search-modal__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.search-modal__content{position:relative;width:100%;max-width:var(--header-width-menu-js, 60rem);min-height:20rem;max-height:calc(100vh - 12rem);background:rgba(var(--color-background),1);padding:0 2rem;overflow:hidden;animation:searchModalSlideIn .3s ease-out;transition:height .2s ease-out;margin-left:auto}@keyframes searchModalSlideIn{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.search-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:1px solid rgba(var(--color-foreground),.1)}.search-modal__close{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.search-modal__close:hover{background:rgba(var(--color-foreground),.1)}.search-modal__close .svg-wrapper{width:2rem;height:2rem}.search-form{display:flex;flex-direction:column;height:100%;min-height:20rem;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-y;overscroll-behavior-y:contain;will-change:scroll-position}.search-form::-webkit-scrollbar{display:none}.search-form>div:first-child{padding:2rem 0;flex-shrink:0}@media screen and (min-width:750px){.search-form>div:first-child{margin-top:2rem}}.search-form__field{position:relative;display:flex;align-items:center}.search-form__input{flex:1;padding:1.5rem 4rem 1.5rem 5rem;border:none;color:rgba(var(--color-foreground),1);outline:none;font-size:1.6rem;font-family:var(--font-secondary--family);border:var(--style-inputs-border-thickness) solid rgba(var(--color-foreground),var(--style-inputs-border-opacity));border-radius:var(--style-inputs-border-radius, 4px);background:rgb(var(--color-background-secondary));transition:border-color .2s ease}.search-form__input:focus-within{border-color:rgb(var(--color-foreground))}.search-form__input::placeholder{color:rgba(var(--color-foreground),.6)}.search-form__field .reset__button{position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:flex;border:none;color:rgba(var(--color-foreground),.5);background-color:transparent}.search-form__field .reset__button .svg-wrapper{width:2.4rem;height:2.4rem}.search-form__field .reset__button svg{width:2.2rem;height:2.2rem}.search-form__submit{background:none;border:none;padding:1rem;cursor:pointer;color:rgba(var(--color-foreground),.5);transition:color .2s ease;display:flex;align-items:center;justify-content:center;position:absolute;left:1rem;top:50%;transform:translateY(-50%)}.search-form__submit:hover{color:rgb(var(--color-foreground))}.search-form__submit .svg-wrapper{width:2rem;height:2rem}.predictive-search-results{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-y;overscroll-behavior-y:contain;will-change:scroll-position}.predictive-search-results::-webkit-scrollbar{display:none}.predictive-search-results-wrapper{height:100%}.predictive-search__loading-state{display:none;justify-content:center;padding:0;margin:4rem auto;width:4rem}predictive-search[loading] .predictive-search__loading-state{display:flex}.predictive-search__results-groups-wrapper{display:flex;flex-direction:column;gap:4rem;padding:2rem 0}.predictive-search__result-group{flex:1;min-width:0}.predictive-search__heading{margin:0 0 2.4rem}.predictive-search__list+.predictive-search__heading{margin-top:4rem}.predictive-search__list{list-style:none;margin:0;padding:0}.predictive-search__list--pages,.predictive-search__list--suggestions,.predictive-search__list--collections,.predictive-search__list--products{display:flex;flex-wrap:wrap;--gap: .8rem;gap:var(--gap)}.predictive-search__list--pages,.predictive-search__list--suggestions,.predictive-search__list--collections{gap:calc(var(--gap) * 1.5)}.predictive-search__list--products .predictive-search__list-item{width:calc(100% / 3 - (var(--gap) * 2 / 3))}@media screen and (max-width:749px){.predictive-search__list--products .predictive-search__list-item{width:calc(100% / 2 - (var(--gap) * 1 / 2))}}.predictive-search__list--pages .predictive-search__list-item,.predictive-search__list--suggestions .predictive-search__list-item,.predictive-search__list--collections .predictive-search__list-item{background-color:rgb(var(--color-background-secondary));border-radius:var(--style-inputs-border-radius, 4px)}.predictive-search__list--pages .predictive-search__list-item .predictive-search__item,.predictive-search__list--suggestions .predictive-search__list-item .predictive-search__item,.predictive-search__list--collections .predictive-search__list-item .predictive-search__item{padding:.8rem 1.6rem}.predictive-search__list-item{margin:0}.predictive-search__list--articles .predictive-search__list-item:not(:last-child){padding-bottom:1.6rem;border-bottom:1px solid rgba(var(--color-foreground),.05);margin-bottom:1.6rem}.predictive-search__item{display:flex;align-items:center;text-decoration:none;color:rgb(var(--color-foreground));transition:background-color .2s ease}@media(any-hover:hover)and (any-pointer:fine){.search-form__field .reset__button:focus-visible,.predictive-search__item:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem;border-radius:var(--style-inputs-border-radius, 4px)}}.predictive-search__item:hover .predictive-search__item-heading,.predictive-search__item:focus .predictive-search__item-heading{text-decoration:underline}.predictive-search__item--link-with-thumbnail{gap:1rem;flex-direction:column}.predictive-search__image{width:100%;height:100%;max-height:30rem;object-fit:cover;border-radius:var(--small-product-card-border-radius, 4px);flex-shrink:0;background-color:rgb(var(--color-background-secondary))}.predictive-search__item-content{min-width:0;width:100%;flex:1}.predictive-search__item-vendor,.predictive-search__item-type{width:100%;display:block;margin-bottom:.4rem}.predictive-search__list--products .predictive-search__item-heading{display:block;font-size:1.6rem;line-height:1.3;font-family:var(--font-primary--family);font-style:var(--font-primary--style);font-weight:var(--font-primary--weight)}.predictive-search__item-query-result mark{background:none;font-weight:600;color:inherit;text-decoration:underline}.predictive-search__search-for-button{padding:4rem 0 1rem;border-top:1px solid rgba(var(--color-foreground),.1)}@media screen and (max-width:749px){.predictive-search__search-for-button{padding:3rem 0 2rem}}.predictive-search__no-results{padding:2rem 0;text-align:center}.predictive-search__no-results-text{color:rgba(var(--color-foreground),.7);margin:0}.predictive-search-results .price{font-size:1.4rem;margin-top:.4rem}.header__icon--search:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px;border-radius:4px}.search-form__input:focus{outline:none}.search-form__submit:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px;border-radius:4px}.search-modal__close:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.search-suggestions{padding:2rem 0}.search-suggestions:last-child{padding-bottom:1rem}.search-suggestions__header{margin-bottom:2.4rem}.search-suggestions__title{margin:0}.search-suggestions__list{display:flex;flex-wrap:wrap;gap:1rem}.search-suggestions__list--products{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.search-suggestions__item{display:inline-flex;align-items:center;padding:.8rem 1.6rem;border:none;border-radius:var(--style-inputs-border-radius, 4px);color:rgb(var(--color-foreground));background-color:rgb(var(--color-background-secondary));text-decoration:none;cursor:pointer;transition:all .2s ease}.search-suggestions__item:hover{text-decoration:underline;text-underline-offset:.3rem;color:rgb(var(--color-accent))}.search-suggestions__item:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.search-suggestions__item-link{padding:.4rem .4rem .4rem 1.6rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;text-decoration:none;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background-secondary));border-radius:var(--small-product-card-border-radius, 4px);transition:all .2s ease}.search-suggestions__item-link:focus-visible{outline:2px solid rgb(var(--color-foreground))}.search-suggestions__item-content{padding:1.2rem 0;display:flex;align-items:flex-start;flex-direction:column;gap:.8rem}.predictive-search__item-heading:hover,.search-suggestions__item-title:hover{color:rgb(var(--color-accent));transition:color .2s ease}.predictive-search__item:hover .predictive-search__item-heading{text-decoration:none}.predictive-search__item .predictive-search__item-heading:hover{text-decoration:underline}.search-suggestions__item-image{width:6.4rem;height:6.4rem;flex-shrink:0;border-radius:var(--small-product-card-border-radius, 4px);overflow:hidden;border:1px solid rgba(var(--color-foreground),.5)}.search-suggestions__item-image img{width:100%;height:100%;object-fit:cover;object-position:center}.search-additional-text__title+.search-additional-text__content{margin-top:2.4rem}.search-additional-text__content *+h6{margin-top:2.4rem}.search-additional-text__content *+p{margin-top:1.2rem}@media screen and (max-width:749px){.search-suggestions{padding:1.5rem 0}.search-suggestions__list{gap:.8rem}}@media screen and (max-width:749px){.search-modal__content{width:100%;max-width:none;max-height:calc(100vh - var(--header-bottom-position, 8rem))}.search-modal__header{padding:1rem 0}.search-form{padding:1.5rem 0}.search-form__input{padding:1.2rem 4rem 1.2rem 5rem}.predictive-search__results-groups-wrapper{flex-direction:column;gap:4rem;padding:1.5rem 0}}@media screen and (min-width:750px){.search-modal__content{padding:0 4rem 3rem;border-radius:var(--style-popup-border-radius, .4rem);border-style:var(--style-popup-border-style);border-width:var(--style-popup-border-width);border-color:rgba(var(--color-foreground),var(--style-popup-border-opacity));box-shadow:0 2rem 4rem #0000001a}}.loading__spinner{width:1.8rem;display:inline-block}.spinner{animation:rotator 1.4s linear infinite}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}.path{stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;stroke:rgb(var(--color-foreground));animation:dash 1.4s ease-in-out infinite}@media screen and (forced-colors:active){.path{stroke:CanvasText}}@keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}to{stroke-dashoffset:280;transform:rotate(450deg)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-search-modal.css.map */