@charset "UTF-8";.search-modal{--search-border-radius: var(--style-border-radius-popover);--search-border-width: var(--style-border-width)}.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__content{width:668px;max-width:668px}}@media(max-width:767px){.search-modal__content{width:100%;max-width:100%;margin-top:unset;overflow:auto}}@media(max-width:767px){.search-modal__content::backdrop{display:none}}.dialog-modal[open].search-modal__content{transform-origin:bottom center;animation:search-element-slide-in-bottom .3s var(--ease-out-quad) forwards;border-radius:clamp(4px,.5555555556vw,16px);box-shadow:var(--shadow-popover)}@media(max-width:1199px){.dialog-modal[open].search-modal__content{border-radius:8px}}@media(max-width:767px){.dialog-modal[open].search-modal__content{border-radius:0}}.dialog-modal.search-modal__content.dialog-closing{animation:search-element-slide-out-bottom .2s var(--ease-out-quad) forwards}.search-modal__content[open]{display:flex}.search-modal__content :is(.predictive-search-dropdown,.predictive-search-form__content-wrapper){position:relative}.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)}.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}.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){.dialog-modal .predictive-search-form__header:has(.predictive-search__reset-button:not(.predictive-search__reset-button[hidden])):before{right:48px}}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:var(--layer-heightened)}.predictive-search-form__footer{display:none;position:absolute;bottom:0;left:0;right:0;padding:clamp(8px,1.1111111111vw,32px) 0;padding-top:0}@media(max-width:1199px){.predictive-search-form__footer{padding:0 0 16px}}@media screen and (min-width:768px){.predictive-search-form__footer{--to-top-gradient-background: linear-gradient( to top, rgb(var(--color-background-rgb) / var(--opacity-90)), rgb(var(--color-background-rgb) / var(--opacity-80)), rgb(var(--color-background-rgb) / var(--opacity-40)), transparent );background-image:var(--to-top-gradient-background)}}predictive-search-component:has([data-search-results]):not(:has(.predictive-search-results__no-results)) .predictive-search-form__footer{display:block;text-align:center}.predictive-search-form{position:relative;width:100%;align-self:flex-start}.predictive-search-form__content{max-height:50dvh;overflow-y:auto;background-color:var(--color-background);scrollbar-width:none}.predictive-search-form__content::-webkit-scrollbar{display:none}.predictive-search-form__content-wrapper{position:absolute;top:100%;width:100%;left:0;z-index:var(--layer-raised);display:flex;flex-direction:column;border-radius:0 0 var(--search-border-radius) var(--search-border-radius);transition:box-shadow var(--animation-speed) var(--animation-easing);transform:translateZ(0);will-change:transform,opacity;overflow:hidden}@media(max-width:767px){.predictive-search-form__content-wrapper{border-radius:0}}@media screen and (min-width:768px){.predictive-search-form__content-wrapper{max-height:var(--modal-max-height)}}.predictive-search-form__content-wrapper:has([data-search-results]):not(:has(.predictive-search-results__no-results))>.predictive-search-form__content{padding-block-end:clamp(32px,4.4444444444vw,128px)}@media(max-width:1199px){.predictive-search-form__content-wrapper:has([data-search-results]):not(:has(.predictive-search-results__no-results))>.predictive-search-form__content{padding-block-end:64px}}.predictive-search-form__header-inner{background:var(--color-background);border:var(--search-border-width) solid var(--border);color:var(--color-foreground);border-radius:var(--style-border-radius-popover);display:flex;align-items:center;justify-content:space-between;width:100%}@media(max-width:767px){.predictive-search-form__header-inner{border-radius:var(--style-border-radius-inputs);border:none}}.predictive-search-form__header-inner:focus-within{outline-offset:var(--focus-outline-offset)}@media screen and (min-width:768px){.predictive-search-form__header-inner:focus-within{outline:var(--focus-outline-width) solid var(--color-primary)}}.predictive-search-form__header{display:flex;position:sticky;top:0;z-index:var(--layer-heightened);width:100%;align-items:center;background-color:var(--container-primary);border:1px solid var(--border);border-radius:var(--style-border-radius-inputs)}@media(max-width:767px){.predictive-search-form__header{padding:0}}.predictive-search-form__header:focus-within,.predictive-search-form__header-inner:focus-within,.predictive-search-form__header-inner:has(.search-input:is(:focus,:focus-visible)){outline:none;box-shadow:none;border-color:var(--border)!important}input.search-input{width:100%;background:transparent;text-overflow:ellipsis;overflow:hidden;outline:none;border:0;color:var(--font-high);padding:0 0 0 clamp(23.5px,3.2638888889vw,94px);height:clamp(24px,3.3333333333vw,96px)}@media(min-width:1200px){input.search-input{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:500;line-height:var(--font-b2-lh-w);letter-spacing:var(--font-b2-ls-w);font-style:normal;word-break:break-word}}@media(max-width:1199px){input.search-input{font-family:var(--font-b2-fam);font-size:var(--font-b2-s-m);font-weight:500;line-height:var(--font-b2-lh-m);letter-spacing:var(--font-b2-ls-m);font-style:normal;word-break:break-word}}@media(max-width:1199px){input.search-input{height:48px;padding:0 0 0 47px}}input.search-input::placeholder{color:var(--font-low)}.search-input,.search-input:is(:focus,:focus-visible,:focus-within),.predictive-search-form__header *:is(:focus,:focus-visible){outline:none;box-shadow:none}.search-input:hover{background-color:transparent}.predictive-search__icon{position:absolute;left:clamp(8px,1.1111111111vw,32px);top:50%;transform:translateY(-50%);height:clamp(10px,1.3888888889vw,40px);width:clamp(10px,1.3888888889vw,40px);color:var(--font-high)}@media(max-width:1199px){.predictive-search__icon{left:16px;height:20px;width:20px}}.predictive-search__icon svg path{stroke:currentColor}.predictive-search__reset-button{cursor:pointer;display:flex;align-items:center;justify-content:center;height:100%;padding:0;background:transparent;white-space:nowrap;color:var(--font-low);padding:clamp(6px,.8333333333vw,24px) clamp(4px,.5555555556vw,16px);transition:color .2s ease}@media(min-width:1200px){.predictive-search__reset-button{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:500;line-height:var(--font-b4-lh-w);letter-spacing:var(--font-b4-ls-w);font-style:normal;word-break:break-word}}@media(max-width:1199px){.predictive-search__reset-button{font-family:var(--font-b4-fam);font-size:var(--font-b4-s-w);font-weight:500;line-height:var(--font-b4-lh-w);letter-spacing:var(--font-b4-ls-w);font-style:normal;word-break:break-word}}@media(max-width:1199px){.predictive-search__reset-button{padding:12px 8px}}.predictive-search__reset-button:hover{color:var(--font-high)}.predictive-search__reset-button[hidden]{opacity:0;pointer-events:none;visibility:hidden}.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%}.predictive-search__reset-button-icon:hover{background-color:rgb(var(--color-primary-hover-rgb)/var(--opacity-8))}.predictive-search__reset-button:active .predictive-search__reset-button-icon{transform:scale(.85);transition-timing-function:var(--animation-timing-active);transition-duration:.1s}.predictive-search__reset-button svg{width:var(--icon-size-md);height:var(--icon-size-md)}.predictive-search__reset-button-text{display:none}.predictive-search__search-button{margin:auto;z-index:var(--layer-raised)}.predictive-search__close-modal-button{position:relative!important;right:unset!important;top:unset!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;display:flex!important;justify-content:center!important;align-items:center!important;background-color:#fff!important;border-radius:8px!important;padding:0!important;box-shadow:none;transition:transform .1s ease,background-color .2s ease!important}.predictive-search__close-modal-button:hover{background-color:#fff!important;transform:scale(1.05)!important}.predictive-search__close-modal-button:active{transform:scale(.95)!important}.predictive-search__close-modal-button .svg-wrapper,.predictive-search__close-modal-button .svg-wrapper svg{width:20px!important;height:20px!important;display:flex!important;justify-content:center!important;align-items:center!important}.predictive-search__close-modal-button svg path{stroke:#000!important;stroke-width:2px!important}.predictive-search-results__title{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(4px,.5555555556vw,16px);width:100%;color:var(--font-high)}@media(min-width:1200px){.predictive-search-results__title{font-family:var(--font-b1-fam);font-size:clamp(var(--font-b1-s-c) / 2 * 1px,var(--font-b1-s-c) / 1440 * 100vw,var(--font-b1-s-c) * 2px);font-weight:700;line-height:var(--font-b1-lh-w);letter-spacing:var(--font-b1-ls-w);font-style:normal;word-break:break-word}}@media(max-width:1199px){.predictive-search-results__title{font-family:var(--font-b1-fam);font-size:var(--font-b1-s-m);font-weight:700;line-height:var(--font-b1-lh-m);letter-spacing:var(--font-b1-ls-m);font-style:normal;word-break:break-word}}@media(max-width:1199px){.predictive-search-results__title{margin-bottom:8px}}@media(max-width:991px){.predictive-search-results__title{margin-bottom:16px}}.predictive-search-results__title .predictive-search-results__clear{color:var(--font-low);transition:color .2s ease}@media(min-width:1200px){.predictive-search-results__title .predictive-search-results__clear{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:500;line-height:var(--font-b4-lh-w);letter-spacing:var(--font-b4-ls-w);font-style:normal;word-break:break-word}}@media(max-width:1199px){.predictive-search-results__title .predictive-search-results__clear{font-family:var(--font-b4-fam);font-size:var(--font-b4-s-w);font-weight:500;line-height:var(--font-b4-lh-w);letter-spacing:var(--font-b4-ls-w);font-style:normal;word-break:break-word}}.predictive-search-results__title .predictive-search-results__clear:hover{color:var(--font-high)}.predictive-search-results__wrapper.predictive-search-results__wrapper-queries{margin-bottom:clamp(8px,1.1111111111vw,32px);padding:0 clamp(8px,1.1111111111vw,32px);padding-bottom:0;gap:clamp(4px,.5555555556vw,16px);flex-wrap:wrap}@media(max-width:1199px){.predictive-search-results__wrapper.predictive-search-results__wrapper-queries{margin-bottom:16px;padding:0 16px;gap:8px}}.predictive-search-results__wrapper.predictive-search-results__wrapper-queries .predictive-search-results__card--query .predictive-search-results__pill{color:var(--font-high);display:block;border:1px solid var(--brand-primary-sm);padding:clamp(2px,.2777777778vw,8px) clamp(4px,.5555555556vw,16px);border-radius:clamp(2px,.2777777778vw,8px)}@media(min-width:1200px){.predictive-search-results__wrapper.predictive-search-results__wrapper-queries .predictive-search-results__card--query .predictive-search-results__pill{font-family:var(--font-b3-fam);font-size:clamp(var(--font-b3-s-c) / 2 * 1px,var(--font-b3-s-c) / 1440 * 100vw,var(--font-b3-s-c) * 2px);font-weight:400;line-height:var(--font-b3-lh-w);letter-spacing:var(--font-b3-ls-w);font-style:normal;word-break:break-word}}@media(max-width:1199px){.predictive-search-results__wrapper.predictive-search-results__wrapper-queries .predictive-search-results__card--query .predictive-search-results__pill{font-family:var(--font-b3-fam);font-size:var(--font-b3-s-m);font-weight:400;line-height:var(--font-b3-lh-m);letter-spacing:var(--font-b3-ls-m);font-style:normal;word-break:break-word}}@media(max-width:1199px){.predictive-search-results__wrapper.predictive-search-results__wrapper-queries .predictive-search-results__card--query .predictive-search-results__pill{padding:4px 8px;border-radius:4px}}.predictive-search-results__wrapper.predictive-search-results__wrapper-queries .predictive-search-results__card--query .predictive-search-results__pill mark{font-weight:700;color:var(--brand-primary-sm)}.predictive-search-results__products{padding-bottom:clamp(8px,1.1111111111vw,32px)}@media(max-width:1199px){.predictive-search-results__products{padding-bottom:16px}}slideshow-component.predictive-search-results__list{padding-bottom:clamp(8px,1.1111111111vw,32px)}@media(max-width:1199px){slideshow-component.predictive-search-results__list{padding-bottom:16px}}slideshow-component.predictive-search-results__list .predictive-search-results__resource-header{margin-bottom:clamp(6px,.8333333333vw,24px);padding:0 clamp(8px,1.1111111111vw,32px)}@media(max-width:1199px){slideshow-component.predictive-search-results__list .predictive-search-results__resource-header{margin-bottom:12px;padding:0 16px}}@media(max-width:991px){slideshow-component.predictive-search-results__list .predictive-search-results__resource-header{margin-bottom:16px}}slideshow-component.predictive-search-results__list .predictive-search-results__resource-header slideshow-controls{display:flex;gap:clamp(4px,.5555555556vw,16px);min-height:auto}@media(max-width:1199px){slideshow-component.predictive-search-results__list .predictive-search-results__resource-header slideshow-controls{gap:8px}}slideshow-component.predictive-search-results__list .predictive-search-results__resource-header slideshow-controls .slideshow-controls__arrows{height:auto}slideshow-component.predictive-search-results__list .predictive-search-results__resource-header slideshow-controls .slideshow-controls__arrows .slideshow-control{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:none!important;cursor:pointer;border-width:1px;border-style:solid;border-color:transparent;border-radius:clamp(2px,.2777777778vw,8px);transition:border-color .3s ease-in,background-color .3s ease-in,color .3s ease-in;-webkit-appearance:none;appearance:none;white-space:nowrap;padding:clamp(4px,.5555555556vw,16px);width:clamp(16px,2.2222222222vw,64px);height:clamp(16px,2.2222222222vw,64px);background-color:transparent;border-color:var(--brand-primary-sm);color:var(--brand-primary-sm)}@media(max-width:1199px){slideshow-component.predictive-search-results__list .predictive-search-results__resource-header slideshow-controls .slideshow-controls__arrows .slideshow-control{padding:8px;width:32px;height:32px;border-radius:4px}}slideshow-component.predictive-search-results__list .predictive-search-results__resource-header slideshow-controls .slideshow-controls__arrows .slideshow-control .svg-wrapper{width:clamp(8px,1.1111111111vw,32px);height:clamp(8px,1.1111111111vw,32px);display:block;flex-shrink:0}@media(max-width:1199px){slideshow-component.predictive-search-results__list .predictive-search-results__resource-header slideshow-controls .slideshow-controls__arrows .slideshow-control .svg-wrapper{width:16px;height:16px}}slideshow-component.predictive-search-results__list .predictive-search-results__resource-header slideshow-controls .slideshow-controls__arrows .slideshow-control .svg-wrapper svg{display:block;height:100%;width:100%}slideshow-component.predictive-search-results__list .predictive-search-results__resource-header slideshow-controls .slideshow-controls__arrows .slideshow-control .svg-wrapper svg path{stroke:currentColor;transition:stroke .3s ease-in}slideshow-component.predictive-search-results__list .predictive-search-results__resource-header slideshow-controls .slideshow-controls__arrows .slideshow-control:hover{background-color:var(--brand-primary-ll)}slideshow-component.predictive-search-results__list .predictive-search-results__resource-header slideshow-controls .slideshow-controls__arrows .slideshow-control:active{background-color:var(--brand-primary-lm)}slideshow-component.predictive-search-results__list .predictive-search-results__resource-header slideshow-controls .slideshow-controls__arrows .slideshow-control:disabled,slideshow-component.predictive-search-results__list .predictive-search-results__resource-header slideshow-controls .slideshow-controls__arrows .slideshow-control.is-disabled{border-color:var(--border);color:var(--font-disabled);background-color:transparent;cursor:not-allowed;pointer-events:none;opacity:1}slideshow-component.predictive-search-results__list .predictive-search-results__resource-header slideshow-controls .slideshow-controls__arrows .slideshow-control:focus-visible{outline:1px solid var(--container-dark-tert);outline-offset:2px}slideshow-component.predictive-search-results__list slideshow-container slideshow-slides{padding:0 clamp(8px,1.1111111111vw,32px);margin:0;gap:clamp(6px,.8333333333vw,24px)}@media(max-width:1199px){slideshow-component.predictive-search-results__list slideshow-container slideshow-slides{gap:12px;padding:0 16px}}slideshow-component.predictive-search-results__list slideshow-container slideshow-slides slideshow-slide{border-radius:clamp(2px,.2777777778vw,8px);border:0}@media(max-width:1199px){slideshow-component.predictive-search-results__list slideshow-container slideshow-slides slideshow-slide{border-radius:4px}}slideshow-component.predictive-search-results__list slideshow-container slideshow-slides slideshow-slide .resource-card__media .resource-card__image-wrapper{display:block}ul.predictive-search-results__list{grid-template-columns:repeat(2,1fr)}@media(max-width:575px){ul.predictive-search-results__list{grid-template-columns:repeat(1,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/search-modal.css.map */