.search-modal .search-modal__content{--modal-top-margin: calc(50dvh - var(--modal-max-height) / 2 - 2rem);--modal-width: 66dvw;margin-inline:auto;padding:0;border:0;margin-block-start:var(--modal-top-margin);overflow:hidden;width:clamp(376px,52.2222222222vw,1504px);max-width:clamp(376px,52.2222222222vw,1504px)}@media(max-width:1199px){.search-modal .search-modal__content{width:min(92vw,900px);max-width:min(92vw,900px)}}@media(max-width:991px){.search-modal .search-modal__content{width:688px;max-width:688px}}@media(max-width:767px){.search-modal .search-modal__content{width:100%;max-width:100%;margin-top:unset;overflow:auto}}@media(max-width:767px){.search-modal .search-modal__content::backdrop{display:none}}@media(max-width:767px){.search-modal .dialog-modal[open]{border-radius:0}}.search-modal .dialog-modal[open].search-modal__content{transform-origin:bottom center;animation:search-element-slide-in-bottom .3s var(--ease-out-quad) forwards;border-radius:12px;box-shadow:var(--shadow-popover)}@media(max-width:767px){.search-modal .dialog-modal[open].search-modal__content{border-radius:0}}.search-modal .dialog-modal.search-modal__content.dialog-closing{animation:search-element-slide-out-bottom .2s var(--ease-out-quad) forwards}.search-modal .search-modal__content[open]{display:flex}.search-modal .search-modal__content :is(.predictive-search-dropdown,.predictive-search-form__content-wrapper){position:relative}.search-modal .dialog-modal .predictive-search-form__header:has(.predictive-search__reset-button:not(.predictive-search__reset-button[hidden])):before{content:"";position:absolute;top:0;bottom:0;width:1px;background-color:var(--border)}.search-modal .dialog-modal .predictive-search-form__header:has(.predictive-search__reset-button:not(.predictive-search__reset-button[hidden]))>.predictive-search__close-modal-button:before{content:none}.search-modal .dialog-modal .predictive-search-form__header:has(.predictive-search__reset-button:not(.predictive-search__reset-button[hidden])):before{right:clamp(24px,3.3333333333vw,96px)}@media(max-width:1199px){.search-modal .dialog-modal .predictive-search-form__header:has(.predictive-search__reset-button:not(.predictive-search__reset-button[hidden])):before{right:48px}}.search-modal predictive-search-component{--resource-card-corner-radius: var(--product-corner-radius);display:flex;width:100%;position:relative;margin-inline:auto;align-items:center;background-color:var(--color-background);z-index:4px}.search-modal predictive-search-component:has([data-search-results]):not(:has(.predictive-search-results__no-results)) .predictive-search-form__footer{display:flex}.search-modal .predictive-search-form{position:relative;width:100%;align-self:flex-start}.search-modal .predictive-search-form__content{overflow-y:auto;background-color:var(--color-background);scrollbar-width:thin;max-height:62dvh}@media(max-width:767px){.search-modal .predictive-search-form__content{max-height:calc(100dvh - 49px)}}.search-modal .predictive-search-form__content-wrapper{position:absolute;top:100%;width:100%;left:0;z-index:var(--layer-raised);display:flex;flex-direction:column;transition:box-shadow var(--animation-speed) var(--animation-easing);transform:translateZ(0);overflow:hidden}@media(max-width:767px){.search-modal .predictive-search-form__content-wrapper{box-shadow:none}}@media(min-width:768px){.search-modal .predictive-search-form__content-wrapper{max-height:75dvh;height:fit-content}}.search-modal .predictive-search-form__header-inner{display:flex;align-items:center;justify-content:space-between;width:100%}.search-modal .predictive-search-form__header-inner:focus-within{outline-offset:var(--focus-outline-offset)}@media screen and (min-width:768px){.search-modal .predictive-search-form__header-inner:focus-within{outline:var(--focus-outline-width) solid var(--color-foreground)}}.search-modal .predictive-search-form__header{display:flex;position:sticky;top:0;z-index:4px;width:100%;align-items:center;border-bottom:1px solid var(--border)}@media(max-width:767px){.search-modal .predictive-search-form__header{transition:box-shadow .2s ease;box-shadow:none}}.search-modal .predictive-search-form__header:focus-within,.search-modal .predictive-search-form__header-inner:focus-within,.search-modal .predictive-search-form__header-inner:has(.search-input:is(:focus,:focus-visible)){outline:none;box-shadow:none}.search-modal input.search-input{width:100%;background:transparent;text-overflow:ellipsis;overflow:hidden;outline:none;border:0}@media(min-width:1200px){.search-modal input.search-input{--font-weight: 400;--word-break: break-word;--text-transform: var(--font-b2-case);font-family:var(--font-b2-fam);font-size:clamp(var(--font-b2-s-c) / 2 * 1px,var(--font-b2-s-c) / 1440 * 100vw,var(--font-b2-s-c) * 2px);font-weight:var(--font-weight);line-height:var(--font-b2-lh-w);letter-spacing:var(--font-b2-ls-w);font-style:normal;word-break:var(--word-break);text-transform:var(--text-transform)}}@media(max-width:1199px){.search-modal input.search-input{--font-weight: 400;--word-break: break-word;--text-transform: var(--font-b2-case);font-family:var(--font-b2-fam);font-size:var(--font-b2-s-m);font-weight:var(--font-weight);line-height:var(--font-b2-lh-m);letter-spacing:var(--font-b2-ls-m);font-style:normal;word-break:var(--word-break);text-transform:var(--text-transform)}}.search-modal input.search-input{color:var(--font-high);padding:0 0 0 clamp(23.5px,3.2638888889vw,94px);height:clamp(24px,3.3333333333vw,96px)}@media(max-width:1199px){.search-modal input.search-input{height:48px;padding:0 0 0 47px}}.search-modal input.search-input::placeholder{color:var(--font-low)}.search-modal input.search-input::-webkit-search-decoration,.search-modal input.search-input::-webkit-search-cancel-button,.search-modal input.search-input::-webkit-search-results-button,.search-modal input.search-input::-webkit-search-results-decoration{display:none;-webkit-appearance:none}.search-modal input.search-input:hover{background-color:transparent}.search-modal input.search-input,.search-modal input.search-input:is(:focus,:focus-visible,:focus-within),.search-modal .predictive-search-form__header *:is(:focus,:focus-visible){outline:none;box-shadow:none}.search-modal .predictive-search__icon{position:absolute;left:clamp(8px,1.1111111111vw,32px);top:50%;transform:translateY(-50%);height:clamp(12px,1.6666666667vw,48px);width:clamp(12px,1.6666666667vw,48px);color:var(--font-high)}@media(max-width:1199px){.search-modal .predictive-search__icon{left:16px;height:24px;width:24px}}.search-modal .predictive-search__icon svg path{stroke:currentColor}.search-modal .predictive-search__reset-button{cursor:pointer;display:flex;align-items:center;justify-content:center;height:100%;padding:0;background:transparent;white-space:nowrap}@media(min-width:1200px){.search-modal .predictive-search__reset-button{--font-weight: 600;--word-break: break-word;--text-transform: var(--font-b4-case);font-family:var(--font-b4-fam);font-size:clamp(var(--font-b4-s-c) / 2 * 1px,var(--font-b4-s-c) / 1440 * 100vw,var(--font-b4-s-c) * 2px);font-weight:var(--font-weight);line-height:var(--font-b4-lh-w);letter-spacing:var(--font-b4-ls-w);font-style:normal;word-break:var(--word-break);text-transform:var(--text-transform)}}@media(max-width:1199px){.search-modal .predictive-search__reset-button{--font-weight: 600;--word-break: break-word;--text-transform: var(--font-b4-case);font-family:var(--font-b4-fam);font-size:var(--font-b4-s-w);font-weight:var(--font-weight);line-height:var(--font-b4-lh-w);letter-spacing:var(--font-b4-ls-w);font-style:normal;word-break:var(--word-break);text-transform:var(--text-transform)}}.search-modal .predictive-search__reset-button{color:var(--font-high);padding:clamp(6px,.8333333333vw,24px);transition:color .2s ease}@media(max-width:1199px){.search-modal .predictive-search__reset-button{padding:12px}}.search-modal .predictive-search__reset-button:hover{color:var(--font-high)}.search-modal .predictive-search__reset-button[hidden]{opacity:0;pointer-events:none;visibility:hidden}.search-modal .predictive-search__reset-button-icon{display:flex;align-items:center;justify-content:center;width:var(--icon-size-lg);height:var(--icon-size-lg);transition:background-color var(--animation-speed-medium) ease-in-out,transform var(--animation-speed-medium) var(--animation-timing-bounce);border-radius:50%}@media(max-width:767px){.search-modal .predictive-search__reset-button-icon{display:none}}.search-modal .predictive-search__reset-button-icon:hover{background-color:rgb(var(--color-foreground-rgb)/var(--opacity-8))}.search-modal .predictive-search__reset-button:active .predictive-search__reset-button-icon{transform:scale(.85);transition-timing-function:var(--animation-timing-active);transition-duration:.1s}.search-modal .predictive-search__reset-button svg{width:var(--icon-size-md);height:var(--icon-size-md)}.search-modal .predictive-search__reset-button-text{display:none}@media(max-width:767px){.search-modal .predictive-search__reset-button-text{display:block}}.search-modal .predictive-search__close-modal-button{display:flex;justify-content:center;align-items:center;height:clamp(24px,3.3333333333vw,96px);width:clamp(24px,3.3333333333vw,96px);max-width:clamp(24px,3.3333333333vw,96px);max-height:clamp(24px,3.3333333333vw,96px);min-width:clamp(24px,3.3333333333vw,96px);min-height:clamp(24px,3.3333333333vw,96px);padding:clamp(6px,.8333333333vw,24px);color:var(--font-high);box-shadow:none;background-color:transparent}@media(max-width:1199px){.search-modal .predictive-search__close-modal-button{height:48px;width:48px;max-width:48px;max-height:48px;min-width:48px;min-height:48px;padding:12px}}@media(max-width:767px){.search-modal .predictive-search__close-modal-button{margin-inline-start:0}}.search-modal .predictive-search__close-modal-button:active{transform:scale(.8);transition:transform .1s var(--animation-timing-active)}.search-modal .predictive-search__close-modal-button .svg-wrapper{height:100%;width:100%}.search-modal .predictive-search__close-modal-button:hover{--button-color: var(--color-foreground);--button-background-color: transparent}
/*# sourceMappingURL=/cdn/shop/t/22/assets/search-modal.css.map */