#search-modal{--sw-padding: var(--sw-padding-mobile);--sw-heading-size: var(--sw-heading-mobile);--sw-input-size: var(--sw-input-mobile);--sw-title-size: var(--sw-title-mobile);--sw-price-size: var(--sw-price-mobile);--sw-columns: var(--sw-columns-mobile)}#search-modal .search-modal__content{width:min(var(--sw-width),calc(100dvw - 2 * var(--sw-edge)));max-width:none;height:auto;max-height:min(var(--sw-height),calc(100dvh - 2 * var(--sw-edge)));margin:auto;padding:0;overflow:hidden;border:0;border-radius:var(--sw-radius);box-shadow:var(--sw-shadow);flex-direction:column}#search-modal[data-position=top] .search-modal__content{--sw-top: max(var(--sw-edge), env(safe-area-inset-top, 0px), 6dvh);margin-block-start:var(--sw-top);max-height:min(var(--sw-height),calc(100dvh - var(--sw-top) - max(var(--sw-edge),env(safe-area-inset-bottom,0px))))}#search-modal .search-modal__content::backdrop{display:block;background:rgb(30 30 30 / var(--sw-backdrop));-webkit-backdrop-filter:none;backdrop-filter:none;animation:none;transition:opacity var(--sw-duration) ease}#search-modal .search-modal__content[open]{animation:sw-enter var(--sw-duration) cubic-bezier(.2,.7,.3,1) both}#search-modal .search-modal__content.dialog-closing{animation:sw-exit var(--sw-duration) ease both}#search-modal[data-animation=fade]{--sw-slide: 0px}#search-modal[data-animation=slide]{--sw-slide: 12px}#search-modal[data-animation=none] .search-modal__content{animation:none}#search-modal .predictive-search{display:flex;flex-direction:column;align-items:stretch;min-height:0;flex:1;background:var(--color-background);color:var(--color-foreground);font-family:var(--sw-body-font);font-weight:var(--sw-body-weight);font-style:var(--sw-body-style);--padding-xl: var(--sw-padding);--product-corner-radius: var(--sw-card-radius);--card-corner-radius: var(--sw-resource-radius);--resource-card-corner-radius: var(--sw-card-radius)}#search-modal .search-window__heading,#search-modal .predictive-search-results__title{font-family:var(--sw-heading-font);font-weight:var(--sw-heading-weight);font-style:var(--sw-heading-style);font-size:var(--sw-heading-size);line-height:1.3;text-align:var(--sw-heading-align);text-transform:var(--sw-case);color:inherit}#search-modal .search-window__heading{margin:0;padding:var(--sw-padding) var(--sw-padding) 0}#search-modal .predictive-search-form{display:flex;flex-direction:column;min-height:0;flex:1}#search-modal .predictive-search-form__header{flex-shrink:0;position:relative;padding:var(--sw-padding);gap:8px;background:var(--color-background);border:0}#search-modal .predictive-search-form__header:before{content:none}#search-modal .predictive-search-form__header-inner{position:relative;min-width:0;border:1px solid var(--color-border);border-radius:var(--style-border-radius-inputs);background:var(--sw-input-background)}#search-modal .predictive-search-form__header-inner:focus-within{outline:2px solid var(--color-foreground);outline-offset:2px}#search-modal .search-input{font-family:var(--sw-body-font);font-weight:var(--sw-body-weight);font-style:var(--sw-body-style);font-size:max(16px,var(--sw-input-size));min-height:44px;min-width:0;padding:10px 6px 10px 40px;color:var(--color-foreground)}#search-modal .search-input::placeholder{color:inherit;opacity:.65}#search-modal .predictive-search__icon{left:12px;color:inherit;pointer-events:none}#search-modal .predictive-search__reset-button{flex-shrink:0;margin-inline-end:8px;color:inherit}#search-modal .predictive-search__reset-button[hidden]{display:none}#search-modal .predictive-search__close-modal-button{flex:0 0 44px;margin:0;border:1px solid var(--color-border);border-radius:var(--style-border-radius-inputs);color:inherit}#search-modal .predictive-search__close-modal-button svg{width:16px;height:16px}#search-modal .predictive-search-form__content-wrapper{position:relative;inset:auto;max-height:none;min-height:0;flex:1;border-radius:0;transform:none;box-shadow:none}#search-modal .predictive-search-form__content{max-height:none;min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-block-end:0;transition:opacity .12s ease}#search-modal .predictive-search-form__content::-webkit-scrollbar{display:block;width:6px}#search-modal [aria-busy=true].predictive-search-form__content{opacity:.6}#search-modal .predictive-search-results__inner{overflow:visible;padding:0}#search-modal .predictive-search-results__products{padding-inline:var(--sw-padding)}#search-modal .predictive-search-results__title{display:block;position:relative;margin:0 0 14px;padding-block-end:10px}#search-modal .predictive-search-results__clear{float:right;font:13px var(--sw-body-font);text-transform:none;min-height:32px}#search-modal[data-dividers=true] .predictive-search-results__title:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--color-border);transform-origin:left;transform:scaleX(0)}#search-modal[data-dividers=true] .predictive-search-form__content[data-reveal] .predictive-search-results__title:after{animation:sw-divider var(--sw-divider-duration) ease both}#search-modal .predictive-search-results__wrapper-products{grid-template-columns:repeat(var(--sw-columns),minmax(0,1fr));gap:var(--sw-gap);padding:0 0 var(--sw-padding);margin:0;transition:none}#search-modal :is(.resource-card,.predictive-search-results__wrapper,.predictive-search-results__list,.predictive-search-results__card,.predictive-search-results__no-results){animation:none;opacity:1}#search-modal .predictive-search-form__content[data-reveal]{animation:sw-results var(--sw-results-duration) ease both}#search-modal[data-results-animation=fade]{--sw-results-slide: 0px}#search-modal[data-results-animation=slide]{--sw-results-slide: 6px}#search-modal[data-results-animation=none] .predictive-search-form__content{animation:none}#search-modal .predictive-search-results__card--product{min-width:0;padding:8px;margin:0;border:var(--sw-card-border) solid var(--color-border);border-radius:var(--sw-card-radius);background:var(--sw-card-background);transition:background-color var(--sw-photo-duration) ease}#search-modal .predictive-search-results__card--product:is(:hover,:focus-within,[aria-selected=true]){padding:8px;margin:0;border-radius:var(--sw-card-radius)}#search-modal .predictive-search-results__card--product:hover{background:var(--sw-card-background)}#search-modal .predictive-search-results__card--product:is(:focus-within,[aria-selected=true]){background:var(--sw-highlight);outline:2px solid var(--color-foreground);outline-offset:2px}#search-modal .resource-card{--resource-card-secondary-image-opacity: 0;row-gap:10px;min-width:0}#search-modal .resource-card__media{position:relative;overflow:hidden;border-radius:var(--sw-card-radius)}#search-modal .resource-card__image{display:block;width:100%;object-fit:var(--sw-fit);transition:opacity var(--sw-photo-duration) ease,transform var(--sw-photo-duration) ease}#search-modal .resource-card__image--secondary{top:0;right:0;bottom:0;left:0;height:100%}#search-modal .resource-card__content{text-align:var(--sw-card-align);color:inherit}#search-modal .resource-card__title{font-family:var(--sw-title-font);font-weight:var(--sw-title-weight);font-style:var(--sw-title-style);font-size:var(--sw-title-size);text-transform:var(--sw-case)}#search-modal .resource-card__content :is(.price,.compare-at-price,.unit-price){font-family:var(--sw-price-font);font-size:var(--sw-price-size);font-weight:var(--sw-price-weight);font-style:var(--sw-price-style);color:var(--sw-price-color)}#search-modal .search-window__vendor{font-size:12px;opacity:.7;margin:0}#search-modal .predictive-search-results__resource-header{height:auto;padding-inline:var(--sw-padding)}#search-modal .predictive-search-results__resource-header .predictive-search-results__title{margin-bottom:14px}#search-modal .predictive-search-results__wrapper-queries{padding-inline:var(--sw-padding)}#search-modal .predictive-search-results__pill{font-family:var(--sw-body-font)}#search-modal .predictive-search-results__no-results{padding-inline:var(--sw-padding)}#search-modal :is(.resource-card__subtext,.volume-pricing-note,.predictive-search-results__pill){font-family:var(--sw-body-font);font-style:var(--sw-body-style)}#search-modal .resource-card__subtext{color:inherit;opacity:.7}#search-modal .predictive-search-form__footer{display:none;position:relative;inset:auto;flex-shrink:0;background:var(--color-background);padding:12px var(--sw-padding) var(--sw-padding);border-top:1px solid var(--color-border)}#search-modal .predictive-search[data-has-query=true] .predictive-search-form__footer{display:block}#search-modal .predictive-search__search-button{width:100%;min-height:44px}@media(hover:hover)and (pointer:fine){#search-modal .predictive-search__search-button:hover{transform:none;translate:0 0;scale:1}}#search-modal .search-window__status{margin:0;padding:0 var(--sw-padding) 12px;font-size:13px;color:inherit}#search-modal .search-window__status[hidden]{display:none}@media(min-width:990px){#search-modal{--sw-padding: var(--sw-padding-desktop);--sw-heading-size: var(--sw-heading-desktop);--sw-input-size: var(--sw-input-desktop);--sw-title-size: var(--sw-title-desktop);--sw-price-size: var(--sw-price-desktop);--sw-columns: var(--sw-columns-desktop)}#search-modal[data-layout=list] .predictive-search-results__wrapper-products{grid-template-columns:1fr}#search-modal[data-layout=list] .resource-card[data-resource-type=product]{flex-direction:row;align-items:center;gap:16px}#search-modal[data-layout=list] .resource-card[data-resource-type=product] .resource-card__media{width:90px;flex-shrink:0}#search-modal[data-layout=list] .resource-card[data-resource-type=product] .resource-card__content{flex:1}}@media(min-width:750px)and (max-width:989px){#search-modal{--sw-heading-size: calc((var(--sw-heading-desktop) + var(--sw-heading-mobile)) / 2);--sw-input-size: calc((var(--sw-input-desktop) + var(--sw-input-mobile)) / 2);--sw-title-size: calc((var(--sw-title-desktop) + var(--sw-title-mobile)) / 2);--sw-price-size: calc((var(--sw-price-desktop) + var(--sw-price-mobile)) / 2)}}@media(max-width:989px){#search-modal[data-layout-mobile=list] .predictive-search-results__wrapper-products{grid-template-columns:1fr}#search-modal[data-layout-mobile=list] .resource-card[data-resource-type=product]{flex-direction:row;align-items:center;gap:12px}#search-modal[data-layout-mobile=list] .resource-card[data-resource-type=product] .resource-card__media{width:76px;flex-shrink:0}#search-modal[data-layout-mobile=list] .resource-card[data-resource-type=product] .resource-card__content{flex:1}}@media(max-width:749px){#search-modal[data-mobile-mode=fullscreen] .search-modal__content{width:100dvw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding-block:env(safe-area-inset-top,0px) env(safe-area-inset-bottom,0px)}}@media(hover:hover)and (pointer:fine){#search-modal .predictive-search-results__card--product:hover{background:var(--sw-highlight)}#search-modal[data-photo-hover*=swap] .resource-card[data-secondary-ready]:hover{--resource-card-secondary-image-opacity: 1}#search-modal[data-photo-hover*=zoom] .resource-card:hover .resource-card__image{transform:scale(1.04)}}#search-modal[data-photo-hover*=swap] .resource-card[data-secondary-ready]:focus-within{--resource-card-secondary-image-opacity: 1}#search-modal[data-photo-hover*=swap] [aria-selected=true] .resource-card[data-secondary-ready]{--resource-card-secondary-image-opacity: 1}@keyframes sw-enter{0%{opacity:0;transform:translateY(var(--sw-slide, 0px))}to{opacity:1;transform:none}}@keyframes sw-exit{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(var(--sw-slide, 0px))}}@keyframes sw-results{0%{opacity:.2;transform:translateY(var(--sw-results-slide, 0px))}to{opacity:1;transform:none}}@keyframes sw-divider{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){#search-modal[data-animation] .search-modal__content:is([open],.dialog-closing),#search-modal[data-results-animation] .predictive-search-form__content[data-reveal],#search-modal[data-dividers=true] .predictive-search-form__content[data-reveal] .predictive-search-results__title:after{animation:none}#search-modal[data-dividers=true] .predictive-search-form__content .predictive-search-results__title:after{transform:none}#search-modal[data-photo-hover*=zoom] .resource-card:hover .resource-card__image{transform:none}#search-modal .resource-card .resource-card__image{transform:none;transition:none}#search-modal .predictive-search-results__card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/search-window.css.map */
