#search-modal .search-modal__content{--modal-width: min(800px, calc(100vw - 48px) );--search-border-radius: var(--spins-radius-card);width:var(--modal-width);max-width:800px;overflow:hidden;color:var(--spins-color-text);background:radial-gradient(circle at 50% -20%,var(--spins-color-accent-soft),transparent 42%),color-mix(in srgb,var(--spins-bg-deep) 94%,transparent);border:1px solid var(--spins-color-border-soft);border-radius:var(--spins-radius-card);box-shadow:var(--spins-shadow-card),0 0 34px color-mix(in srgb,var(--spins-color-accent) 16%,transparent);-webkit-backdrop-filter:blur(20px) saturate(125%);backdrop-filter:blur(20px) saturate(125%)}#search-modal .search-modal__content::backdrop{background:color-mix(in srgb,var(--spins-bg-deep) 76%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#search-modal predictive-search-component,#search-modal .predictive-search-form,#search-modal .predictive-search-form__content-wrapper,#search-modal .predictive-search-form__content,#search-modal .predictive-search-dropdown{color:var(--spins-color-text);background:transparent}#search-modal .predictive-search-form__header{gap:10px;padding:11px 14px;background:color-mix(in srgb,var(--spins-surface-card) 92%,transparent);border:0;border-bottom:1px solid var(--spins-color-border-soft);border-radius:0}#search-modal .predictive-search-form__header:before,#search-modal .predictive-search__close-modal-button:before{content:none;display:none}#search-modal .predictive-search-form__header-inner{min-height:50px;color:var(--spins-color-heading);background:var(--spins-bg-main);border:1px solid var(--spins-color-border-soft);border-radius:var(--spins-radius-button);transition:border-color var(--spins-transition),box-shadow var(--spins-transition),background-color var(--spins-transition)}#search-modal .predictive-search-form__header-inner:focus-within,#search-modal .predictive-search-form__header-inner:has(.search-input:is(:focus,:focus-visible)){background:var(--spins-surface-card);border-color:var(--spins-color-accent);box-shadow:0 0 0 3px var(--spins-color-accent-soft),0 8px 24px color-mix(in srgb,var(--spins-color-accent) 10%,transparent)}#search-modal input.search-input{min-height:48px;padding-block:10px;padding-inline:58px 14px;color:var(--spins-color-heading);font-family:var(--spins-font-body);font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.35}#search-modal .search-input::placeholder{color:var(--spins-color-muted);opacity:1}#search-modal .predictive-search__icon{left:18px;width:22px;height:22px;color:var(--spins-color-accent)}#search-modal .predictive-search__icon>svg{width:20px;height:20px}#search-modal .predictive-search__reset-button{min-width:auto;height:38px;margin-inline-end:8px;padding-inline:8px;color:var(--spins-color-text);font-weight:600;opacity:1}#search-modal .predictive-search__reset-button:is(:hover,:focus-visible){color:var(--spins-color-heading)}#search-modal .predictive-search__close-modal-button{flex:0 0 42px;width:42px;height:42px;margin-inline-start:0;color:var(--spins-color-heading);background:var(--spins-surface-card);border:1px solid var(--spins-color-border-soft);border-radius:50%;transition:color var(--spins-transition),background-color var(--spins-transition),border-color var(--spins-transition),box-shadow var(--spins-transition)}#search-modal .predictive-search__close-modal-button:is(:hover,:focus-visible){color:var(--spins-color-accent);background:var(--spins-surface-card-hover);border-color:var(--spins-color-border);box-shadow:0 8px 22px color-mix(in srgb,var(--spins-color-accent) 12%,transparent)}#search-modal .predictive-search-form__content{max-height:min(68dvh,600px);padding:24px 24px 30px;scrollbar-width:thin;scrollbar-color:var(--spins-color-border) transparent}#search-modal .predictive-search-form__content::-webkit-scrollbar{display:block;width:6px}#search-modal .predictive-search-form__content::-webkit-scrollbar-thumb{background:var(--spins-color-border);border-radius:999px}#search-modal .predictive-search-results__inner,#search-modal .predictive-search-results__products{width:100%}#search-modal .predictive-search-results__products+slideshow-component,#search-modal .predictive-search-results__wrapper-products+slideshow-component,#search-modal slideshow-component+slideshow-component{display:block;margin-top:30px;padding-top:26px;border-top:1px solid var(--spins-color-border-soft)}#search-modal .predictive-search-results__title,#search-modal .predictive-search-results__resource-header{color:var(--spins-color-heading);font-family:var(--spins-font-heading);font-size:.9rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}#search-modal .predictive-search-results__title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px}#search-modal .predictive-search-results__clear{min-height:auto;padding:5px 10px;color:var(--spins-color-accent);font-family:var(--spins-font-body);font-size:.75rem;font-weight:700;letter-spacing:.04em;background:var(--spins-color-accent-soft);border:1px solid var(--spins-color-border-soft);border-radius:999px}#search-modal .predictive-search-results__clear:is(:hover,:focus-visible){color:var(--spins-color-heading);border-color:var(--spins-color-border)}#search-modal .predictive-search-results__wrapper-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px;width:100%;padding:0}#search-modal .predictive-search-results__resource-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;margin-bottom:16px}#search-modal .predictive-search-results__resource-header .predictive-search-results__title{margin:0}#search-modal .predictive-search-results__resource-header slideshow-controls{display:flex;gap:6px}#search-modal .predictive-search-results__resource-header slideshow-controls button{width:34px;height:34px;min-height:34px;padding:0;color:var(--spins-color-heading);background:var(--spins-surface-card);border:1px solid var(--spins-color-border-soft);border-radius:50%}#search-modal .predictive-search-results__resource-header slideshow-controls button:is(:hover,:focus-visible){color:var(--spins-color-accent);border-color:var(--spins-color-border)}#search-modal .predictive-search-results__resource-header+slideshow-container,#search-modal slideshow-component:has(.predictive-search-results__resource-header) slideshow-container{overflow:hidden;border-radius:var(--spins-radius-card)}#search-modal slideshow-component:has(.predictive-search-results__resource-header) .predictive-search-results__wrapper{gap:12px;padding:0}#search-modal slideshow-component:has(.predictive-search-results__resource-header) .predictive-search-results__card{min-width:min(190px,42vw);padding:10px;background:color-mix(in srgb,var(--spins-surface-card) 90%,transparent);border:1px solid var(--spins-color-border-soft);border-radius:var(--spins-radius-image);transition:transform var(--spins-transition),border-color var(--spins-transition),box-shadow var(--spins-transition)}#search-modal slideshow-component:has(.predictive-search-results__resource-header) .predictive-search-results__card:hover{border-color:var(--spins-color-border);box-shadow:0 12px 28px color-mix(in srgb,var(--spins-color-accent) 12%,transparent);transform:translateY(-2px)}#search-modal slideshow-component:has(.predictive-search-results__resource-header) .resource-card__media{overflow:hidden;border:1px solid var(--spins-color-border-soft);border-radius:calc(var(--spins-radius-image) - 4px)}#search-modal slideshow-component:has(.predictive-search-results__resource-header) :is(.resource-card__image,.resource-card__collection-image,.resource-card__image-wrapper){border-radius:calc(var(--spins-radius-image) - 4px)}#search-modal slideshow-component:has(.predictive-search-results__resource-header) .resource-card__title{margin:0;color:var(--spins-color-heading);font-family:var(--spins-font-heading);font-size:.88rem;font-weight:700;line-height:1.35}#search-modal slideshow-component:has(.predictive-search-results__resource-header) .resource-card__subtext{color:var(--spins-color-muted);font-size:.78rem}#search-modal .predictive-search-results__card--product{display:flex;height:100%;min-width:0;padding:10px;overflow:hidden;background:color-mix(in srgb,var(--spins-surface-card) 90%,transparent);border:1px solid var(--spins-color-border-soft);border-radius:var(--spins-radius-image);box-shadow:0 10px 24px color-mix(in srgb,var(--spins-bg-deep) 62%,transparent);transition:transform var(--spins-transition),border-color var(--spins-transition),box-shadow var(--spins-transition),background-color var(--spins-transition)}#search-modal .predictive-search-results__card--product:hover{background:var(--spins-surface-card-hover);border-color:var(--spins-color-border);box-shadow:0 14px 30px color-mix(in srgb,var(--spins-color-accent) 14%,transparent);transform:translateY(-2px)}#search-modal .predictive-search-results__card--product .resource-card{width:100%;height:100%;gap:10px;opacity:1}#search-modal .predictive-search-results__card--product .resource-card__media{width:100%;aspect-ratio:4 / 3;overflow:hidden;background:var(--spins-bg-main);border:1px solid var(--spins-color-border-soft);border-radius:calc(var(--spins-radius-image) - 4px)}#search-modal .predictive-search-results__card--product :is(.resource-card__image,.resource-card__image--secondary){display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:calc(var(--spins-radius-image) - 4px)}#search-modal .predictive-search-results__card--product .resource-card__content{flex:1;justify-content:flex-start;gap:5px;padding:0 2px 2px}#search-modal .predictive-search-results__card--product .resource-card__title{display:-webkit-box;margin:0;overflow:hidden;color:var(--spins-color-heading);font-family:var(--spins-font-heading);font-size:.9rem;font-weight:700;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}#search-modal .predictive-search-results__card--product .price{margin-top:auto}#search-modal .predictive-search-results__card--product :is(.price,.price__regular,.price-item){color:var(--spins-color-accent);font-size:.9rem;font-weight:700}#search-modal .predictive-search-results__wrapper-queries{gap:8px;margin-bottom:18px}#search-modal .predictive-search-results__pill{color:var(--spins-color-text);background:var(--spins-surface-card);border:1px solid var(--spins-color-border-soft);border-radius:999px}#search-modal .predictive-search-results__pill:is(:hover,:focus-visible){color:var(--spins-color-heading);border-color:var(--spins-color-border)}#search-modal .predictive-search-results__no-results{margin:8px 0 0;padding:30px 24px;color:var(--spins-color-text);line-height:1.6;text-align:center;background:var(--spins-surface-card);border:1px solid var(--spins-color-border-soft);border-radius:var(--spins-radius-card)}#search-modal .predictive-search-form__footer{padding:32px 24px 18px;background:linear-gradient(to top,var(--spins-bg-deep) 45%,transparent)}#search-modal .predictive-search-form__content-wrapper:has([data-search-results]):not(:has(.predictive-search-results__no-results))>.predictive-search-form__content{padding-bottom:96px}#search-modal .predictive-search__search-button{min-height:44px;padding-inline:24px;color:var(--spins-color-heading);background:var(--spins-color-accent);border:1px solid var(--spins-color-accent);border-radius:var(--spins-radius-button);box-shadow:0 10px 26px color-mix(in srgb,var(--spins-color-accent) 18%,transparent)}#search-modal .predictive-search__search-button:hover{background:var(--spins-color-accent-strong);box-shadow:0 13px 30px color-mix(in srgb,var(--spins-color-accent) 24%,transparent)}@media screen and (max-width:749px){#search-modal .search-modal__content{--modal-width: 100vw;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-width:0;border-radius:0}#search-modal .predictive-search-form__header{gap:8px;padding:10px 12px;border-bottom:1px solid var(--spins-color-border-soft)}#search-modal .predictive-search-form__header-inner{min-height:46px;border:1px solid var(--spins-color-border-soft);border-radius:var(--spins-radius-button)}#search-modal input.search-input{min-height:44px;padding-inline:52px 12px;font-size:1rem}#search-modal .predictive-search__icon{left:16px}#search-modal .predictive-search-form__content{max-height:calc(100dvh - 68px);padding:20px 14px 28px}#search-modal .predictive-search-results__wrapper-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#search-modal slideshow-component:has(.predictive-search-results__resource-header) .predictive-search-results__card{min-width:min(160px,66vw)}#search-modal .predictive-search-results__card--product{padding:8px}#search-modal .predictive-search-results__products+slideshow-component,#search-modal .predictive-search-results__wrapper-products+slideshow-component,#search-modal slideshow-component+slideshow-component{margin-top:24px;padding-top:22px}#search-modal .predictive-search-results__card--product .resource-card__title,#search-modal .predictive-search-results__card--product :is(.price,.price__regular,.price-item){font-size:.82rem}#search-modal .predictive-search-results__title{margin-bottom:12px;font-size:.8rem}}@media(hover:none){#search-modal .predictive-search-results__card--product:hover{transform:none}}@media(prefers-reduced-motion:reduce){#search-modal .predictive-search-results__card--product,#search-modal .predictive-search__close-modal-button,#search-modal .predictive-search__search-button{transition-duration:.01ms}#search-modal .predictive-search-results__card--product:hover,#search-modal .predictive-search__search-button:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/spinsdesign-search-modal.css.map */