.search-modal{--vf-sm-ink: #0b0f12;--vf-sm-ink-2: #141b20;--vf-sm-line: #22303a;--vf-sm-teal: #2ec4d6;--vf-sm-teal-ink: #0a8c9e;--vf-sm-grad: linear-gradient(90deg, #0a7c8b 0%, #0f91a1 45%, #14b3c6 100%);--vf-sm-surface: #f2f5f6;--vf-sm-rule: #dce3e6;--vf-sm-pad: 22px;--search-border-radius: 12px}.search-modal .predictive-search{--color-background: #ffffff;--color-background-rgb: 255, 255, 255;--color-foreground: #0b0f12;--color-foreground-rgb: 11, 15, 18;--color-foreground-heading: #0a8c9e;--color-foreground-heading-rgb: 10, 140, 158;--color-primary: #0f91a1;--color-primary-rgb: 15, 145, 161;--color-primary-hover: #2cafbf;--color-primary-hover-rgb: 44, 175, 191;--color-border: #dce3e6;--color-border-rgb: 220, 227, 230;--color-input-background: #ffffff;--color-input-text: #0b0f12;--color-input-text-rgb: 11, 15, 18;--color-input-border: #c6c6c6;--color-input-hover-background: #fafafa;--color-primary-button-background: #0a8c9e;--color-primary-button-text: #ffffff;--color-primary-button-border: #0a8c9e;--color-primary-button-hover-background: #2cafbf;--color-primary-button-hover-text: #ffffff;--color-primary-button-hover-border: #2cafbf;--color-secondary-button-background: rgba(0, 0, 0, 0);--color-secondary-button-text: #0f91a1;--color-secondary-button-border: #0a8c9e;--color-secondary-button-hover-background: #0a8c9e;--color-secondary-button-hover-text: #ffffff;--color-secondary-button-hover-border: #0a8c9e;background:var(--vf-sm-surface)}.search-modal .dialog-modal.search-modal__content{background:var(--vf-sm-surface);border:0}@media screen and (min-width:750px){.search-modal .dialog-modal.search-modal__content{--modal-width: min(1120px, 92vw);border:1px solid var(--vf-sm-line);box-shadow:0 40px 90px #0306088c,0 0 0 1px #2ec4d61a}.search-modal .dialog-modal.search-modal__content::backdrop{background:#05080aa8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}.search-modal .dialog-modal .predictive-search-form__header{gap:10px;padding:14px;background:var(--vf-sm-ink);border:0;border-radius:0;box-shadow:none}.search-modal .dialog-modal .predictive-search-form__header:before{content:none!important}.search-modal .dialog-modal .predictive-search-form__header:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--vf-sm-grad)}.search-modal .dialog-modal .predictive-search-form__header-inner{position:relative;height:52px;background:var(--vf-sm-ink-2);border:1px solid var(--vf-sm-line)!important;border-radius:10px!important;box-shadow:inset 0 1px #ffffff0a!important;transition:border-color .2s,box-shadow .2s}.search-modal .dialog-modal .predictive-search-form__header-inner:focus-within{border-color:var(--vf-sm-teal)!important;box-shadow:0 0 0 3px #2ec4d629!important}.search-modal .predictive-search .search-input{height:100%;padding-block:0;padding-inline:48px 0;color:#fff;caret-color:var(--vf-sm-teal);font:500 16px/1.2 Inter,sans-serif}.search-modal .predictive-search .search-input::placeholder{color:#8fa3aa;opacity:1}.search-modal .predictive-search .search-input::-webkit-search-cancel-button{display:none}.search-modal .predictive-search__icon{left:16px;color:var(--vf-sm-teal)}.search-modal .predictive-search__reset-button{flex:none;min-width:0;margin-inline-end:6px;padding:0 12px;color:#8fa3aa!important;opacity:1;font:700 12px/1 Rajdhani,sans-serif;letter-spacing:.14em;text-transform:uppercase}.search-modal .predictive-search__reset-button:hover{color:#fff!important}.search-modal .dialog-modal .predictive-search__close-modal-button{--button-color: #c9d5d9;flex:none;width:52px;height:52px;margin:0;padding:0;background:transparent;border:1px solid var(--vf-sm-line);border-radius:10px;color:#c9d5d9;transition:border-color .2s,color .2s,background-color .2s}.search-modal .dialog-modal .predictive-search__close-modal-button:hover{--button-color: #ffffff;background:var(--vf-sm-ink-2);border-color:var(--vf-sm-teal);color:#fff}.search-modal .dialog-modal .predictive-search__close-modal-button :is(.svg-wrapper,svg){width:14px;height:14px}.search-modal .predictive-search-form__content-wrapper{border-radius:0}.search-modal .search-modal__content .predictive-search-form__content{flex:0 1 auto;min-height:0;background:var(--vf-sm-surface)}.search-modal .predictive-search-form__content-wrapper:has([data-search-results]):not(:has(.predictive-search-results__no-results))>.predictive-search-form__content{padding-block-end:0}.search-modal .predictive-search-results__inner{padding-block:20px 24px}.search-modal .predictive-search-results__products{padding-inline:var(--vf-sm-pad)}.search-modal .predictive-search-results__title{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-block:0 14px;color:var(--vf-sm-ink);font:700 13px/1 Rajdhani,sans-serif;letter-spacing:.18em;text-transform:uppercase}.search-modal .predictive-search-results__title:before{content:"";flex:none;width:16px;height:4px;background:var(--vf-sm-grad);transform:skew(-28deg)}.search-modal .predictive-search-results__title:after{content:"";flex:1;order:2;height:1px;background:var(--vf-sm-rule)}.search-modal .predictive-search-results__clear.button-unstyled{order:3;margin:0;color:#5d6f76;opacity:1;font:700 12px/1 Rajdhani,sans-serif;letter-spacing:.14em;text-transform:uppercase}.search-modal .predictive-search-results__clear.button-unstyled:hover{color:var(--vf-sm-teal-ink)}.search-modal .predictive-search-results__list+.predictive-search-results__title,.search-modal .predictive-search-results__products~* .predictive-search-results__title{margin-block-start:24px}.search-modal .predictive-search-results__wrapper.predictive-search-results__wrapper-queries{gap:8px;margin-bottom:20px;padding-inline:var(--vf-sm-pad)}.search-modal .predictive-search-results__pill{display:inline-flex;align-items:center;gap:8px;margin:0;padding:9px 14px 9px 11px;background:#fff;border:1px solid var(--vf-sm-rule);border-radius:6px;color:var(--vf-sm-ink);font:700 13.5px/1 Inter,sans-serif;transition:border-color .2s,color .2s,box-shadow .2s}.search-modal .predictive-search-results__pill:before{content:"";flex:none;width:13px;height:13px;background:#8fa3aa;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.6-3.6'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.6-3.6'/%3E%3C/svg%3E") center / contain no-repeat;transition:background-color .2s}.search-modal .predictive-search-results__pill mark{color:#5d6f76;font-weight:500}.search-modal .predictive-search-results__pill:focus,.search-modal .predictive-search-results__pill:hover,.search-modal .predictive-search-results__card--query:is([aria-selected=true],:focus-within) .predictive-search-results__pill{background:#fff;border:1px solid var(--vf-sm-teal-ink);outline:none;box-shadow:0 0 0 3px #2ec4d629;color:var(--vf-sm-teal-ink);transform:none}.search-modal .predictive-search-results__pill:hover:before,.search-modal .predictive-search-results__card--query:is([aria-selected=true],:focus-within) .predictive-search-results__pill:before{background:var(--vf-sm-teal-ink)}.search-modal .predictive-search-results__wrapper-products{gap:14px}@media screen and (min-width:1100px){.search-modal .predictive-search-results__wrapper-products{grid-template-columns:repeat(5,minmax(0,1fr))}}@media screen and (max-width:1099px){.search-modal .predictive-search-results__inner:not([data-search-results]) .predictive-search-results__card--product:nth-child(n+5),.search-modal .recently-viewed-wrapper .predictive-search-results__card--product:nth-child(n+5){display:none}}.search-modal .dialog-modal .predictive-search-results__card--product,.search-modal .dialog-modal .predictive-search-results__card--product:hover,.search-modal .dialog-modal .recently-viewed-wrapper .predictive-search-results__card--product:hover,.search-modal .dialog-modal .predictive-search-results__card--product:is([aria-selected=true].keyboard-focus,:focus-visible,:has(.resource-card:focus-visible)){margin:0;padding:0;background:none;border-radius:8px;outline:none}.search-modal .predictive-search-results__card .resource-card{row-gap:0;overflow:hidden;background:#fff;border:1px solid var(--vf-sm-rule);border-radius:8px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.search-modal .predictive-search-results__card .resource-card:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--vf-sm-grad);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.search-modal .predictive-search-results__card .resource-card:hover,.search-modal .predictive-search-results__card--product[aria-selected=true].keyboard-focus .resource-card,.search-modal .predictive-search-results__card--product:has(.resource-card__link:focus-visible) .resource-card{border-color:#b9c6cb;box-shadow:0 10px 26px #0b0f1221;transform:translateY(-2px)}.search-modal .predictive-search-results__card .resource-card:hover:after,.search-modal .predictive-search-results__card--product[aria-selected=true].keyboard-focus .resource-card:after,.search-modal .predictive-search-results__card--product:has(.resource-card__link:focus-visible) .resource-card:after{transform:scaleX(1)}.search-modal .predictive-search-results__card--product[aria-selected=true].keyboard-focus .resource-card{border-color:var(--vf-sm-teal-ink)}.search-modal .predictive-search-results__card .resource-card__media{background:#fff;border-bottom:1px solid #edf1f2}.search-modal .predictive-search-results__card .resource-card__image{box-sizing:border-box;width:100%;padding:10px;border-radius:0;object-fit:contain}.search-modal .predictive-search-results__card .resource-card__content{flex:1;gap:5px;padding:11px 12px 14px}.search-modal .resource-card__vendor{margin:0;overflow:hidden;color:var(--vf-sm-teal-ink);font:700 11px/1.1 Rajdhani,sans-serif;letter-spacing:.16em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.search-modal .predictive-search-results__card .resource-card__title.paragraph{color:var(--vf-sm-ink);font:500 13.5px/1.35 Inter,sans-serif}.search-modal .predictive-search-results__card .resource-card__content>[ref=priceContainer],.search-modal .predictive-search-results__card .resource-card__content>div:last-child{margin-top:auto;padding-top:4px}.search-modal .predictive-search-results__card .resource-card__content .price{color:var(--vf-sm-ink);font:700 18px/1 Rajdhani,sans-serif;letter-spacing:.01em}.search-modal .predictive-search-results__card .resource-card__content .compare-at-price{margin-inline-end:4px;color:#7d8d93;font:500 12.5px/1 Inter,sans-serif}.search-modal .predictive-search-results__no-results,.search-modal .predictive-search-results__no-results:last-child{margin:8px var(--vf-sm-pad) 4px;padding:30px 24px;background:#fff;border:1px dashed #c3cfd4;border-radius:8px;color:#44545b;font:500 14.5px/1.5 Inter,sans-serif;text-align:center}.search-modal .predictive-search-form__footer{position:static;flex:none;align-items:center;justify-content:space-between;gap:16px;padding:12px var(--vf-sm-pad);background:#fff;background-image:none;border-top:1px solid var(--vf-sm-rule)}.search-modal predictive-search-component:has([data-search-results]):not(:has(.predictive-search-results__no-results)) .predictive-search-form__footer{display:flex}.vf-sm-hints{display:flex;align-items:center;gap:18px;margin:0;color:#5d6f76;font:500 12.5px/1 Inter,sans-serif}.vf-sm-hints span{display:inline-flex;align-items:center;gap:5px}.vf-sm-hints kbd{min-width:20px;padding:4px 6px;background:var(--vf-sm-surface);border:1px solid #cfd8dc;border-bottom-width:2px;border-radius:5px;color:#33434a;font:600 11px/1 Inter,sans-serif;text-align:center}.vf-sm-hints kbd+kbd{margin-inline-start:-2px}.search-modal .predictive-search__search-button,.search-modal .predictive-search__search-button:hover{display:inline-flex;align-items:center;gap:10px;margin:0 0 0 auto;padding:14px 26px 14px 34px;background:var(--vf-sm-grad)!important;border:0!important;border-radius:0 4px 4px 0!important;box-shadow:none!important;clip-path:polygon(16px 0,100% 0,100% 100%,0 100%);color:#fff!important;font:700 15px/1 Rajdhani,sans-serif;letter-spacing:.14em;text-transform:uppercase;transform:none;transition:filter .2s}.search-modal .predictive-search__search-button:after{content:"";width:15px;height:11px;background:currentcolor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 14' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 7h17M12 1l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 14' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 7h17M12 1l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;transition:transform .2s}.search-modal .predictive-search__search-button:hover{filter:brightness(1.1)}.search-modal .predictive-search__search-button:hover:after{transform:translate(3px)}@media screen and (max-width:749px){.search-modal{--vf-sm-pad: 14px}.search-modal .dialog-modal .predictive-search-form__header{gap:8px;padding:10px 12px 13px}.search-modal .dialog-modal .predictive-search-form__header-inner,.search-modal .dialog-modal .predictive-search__close-modal-button{height:48px}.search-modal .dialog-modal .predictive-search__close-modal-button{width:48px}.search-modal .predictive-search .search-input{padding-inline-start:44px}.search-modal .predictive-search__icon{left:14px}.search-modal .predictive-search-results__inner{padding-block:16px 20px}.search-modal .predictive-search-results__wrapper-products{gap:10px}.search-modal .predictive-search-results__card .resource-card__content{padding:10px 10px 12px}.search-modal .predictive-search-results__card .resource-card__title.paragraph{font-size:13px}.search-modal .predictive-search-results__card .resource-card__content .price{font-size:17px}.search-modal .dialog-modal .predictive-search-form__content-wrapper{overflow:visible}.search-modal .dialog-modal .predictive-search-form__footer{position:sticky;bottom:0;z-index:2;padding:10px var(--vf-sm-pad) calc(10px + env(safe-area-inset-bottom));box-shadow:0 -8px 20px #0b0f1214}.search-modal .predictive-search__search-button,.search-modal .predictive-search__search-button:hover{flex:1;justify-content:center;margin:0;border-radius:4px!important;clip-path:none}}@media screen and (max-width:749px),(hover:none){.vf-sm-hints{display:none}}@media(prefers-reduced-motion:reduce){.search-modal .predictive-search-results__card .resource-card,.search-modal .predictive-search-results__card .resource-card:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/vf_search-modal.css.map */