@property --search-floating-origin-top{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --search-floating-scroll-y{syntax: "<length>"; inherits: false; initial-value: 0px;}.sc-search-input{position:relative;z-index:10;width:var(--search-size-width);min-width:0;max-width:var(--search-size-max-width);container-type:inline-size}@media(max-width:991.98px){.sc-search-input{width:var(--search-size-width-mb);max-width:var(--search-size-max-width-mb)}}.sc-search-input .search-float-anchor{anchor-name:--search-page-input-anchor;position:relative;margin-block:var(--search-mg-block-start) var(--search-mg-block-end);margin-inline:var(--search-mg-inline-start) var(--search-mg-inline-end)}@media(max-width:991.98px){.sc-search-input .search-float-anchor{margin-block:var(--search-mg-block-start-mb) var(--search-mg-block-end-mb);margin-inline:var(--search-mg-inline-start-mb) var(--search-mg-inline-end-mb)}}.sc-search-input .sc-search-input-inner{position:relative}.sc-search-input.is-searching .predictive-search-form-content-wrap{min-block-size:clamp(10.75rem,40dvh,18rem)}.sc-search-input.is-floating-search .search-float-anchor{block-size:var(--input-height)}@media(max-width:991.98px){.sc-search-input.is-floating-search .search-float-anchor{block-size:var(--input-height-mb)}}.sc-search-input.is-floating-search .sc-search-input-inner[popover]{--search-floating-viewport-margin: var( --modals-default-margin, var(--page-margin) );--search-floating-sticky-top: var(--search-floating-viewport-margin);position:fixed;position-anchor:--search-page-input-anchor;inset-block-start:max(var(--search-floating-origin-top) - var(--search-floating-scroll-y),var(--search-floating-sticky-top));inset-block-end:max(var(--search-floating-viewport-margin),env(safe-area-inset-bottom,0px));inset-inline-start:anchor(--search-page-input-anchor left);inset-inline-end:auto;inline-size:anchor-size(--search-page-input-anchor width);block-size:auto;max-inline-size:none;max-block-size:none;margin:0;padding:0;border:0;outline:none;overflow:visible;background:transparent;color:inherit;pointer-events:none;flex-direction:column;align-items:stretch;gap:var(--predictive-form-content-gap)}@media(max-width:991.98px){.sc-search-input.is-floating-search .sc-search-input-inner[popover]{--search-floating-viewport-margin: var(--page-margin-mb);--search-floating-inline-start: var(--sc-pd-inline-start-mb, 0px);--search-floating-inline-end: var(--sc-pd-inline-end-mb, 0px)}.sc-search-input.is-floating-search .sc-search-input-inner[popover] .search-page-input-anim-wrapper,.sc-search-input.is-floating-search .sc-search-input-inner[popover] .predictive-search-form-content-wrap{width:calc(100% + var(--search-floating-inline-start) + var(--search-floating-inline-end));margin-inline:calc(0px - var(--search-floating-inline-start)) calc(0px - var(--search-floating-inline-end))}}.sc-search-input.is-floating-search .sc-search-input-inner[popover]::backdrop{display:none!important}.sc-search-input.is-floating-search .sc-search-input-inner[popover]:popover-open{display:flex}.sc-search-input.is-floating-search .sc-search-input-inner[popover] .search-page-input-anim-wrapper,.sc-search-input.is-floating-search .sc-search-input-inner[popover] .predictive-search-form-content-wrap,.sc-search-input.is-floating-search .sc-search-input-inner[popover] .search-overlay{pointer-events:auto}.sc-search-input.is-floating-search .sc-search-input-inner[popover] .search-page-input-anim-wrapper{flex:none}.sc-search-input.is-floating-search .sc-search-input-inner[popover] .predictive-search-form-content-wrap{position:relative;inset:auto;flex:0 1 auto;min-block-size:0;overflow:hidden}.sc-search-input.is-floating-search .sc-search-input-inner[popover] .predictive-search-form-content{max-block-size:100%;overflow-y:auto;overscroll-behavior:contain}.sc-search-input.is-floating-search .sc-search-input-inner[popover] .predictive-search-empty,.sc-search-input.is-floating-search .sc-search-input-inner[popover] .predictive-search-results-inner,.sc-search-input.is-floating-search .sc-search-input-inner[popover] .predictive-search-results-right{max-block-size:none;overflow:visible}.sc-search-input.is-floating-search.is-searching .sc-search-input-inner[popover] .predictive-search-form-content-wrap{min-block-size:clamp(10.75rem,40dvh,18rem)}@media(max-width:991.98px){.sc-search-input.is-floating-search-opening-width .sc-search-input-inner[popover] .search-page-input-anim-wrapper,.sc-search-input.is-floating-search-opening-width .sc-search-input-inner[popover] .predictive-search-form-content-wrap,.sc-search-input.is-floating-search-closing-width .sc-search-input-inner[popover] .search-page-input-anim-wrapper,.sc-search-input.is-floating-search-closing-width .sc-search-input-inner[popover] .predictive-search-form-content-wrap{width:100%;margin-inline:0}}@media(max-width:991.98px){.sc-search-input.is-floating-search-width-transition .sc-search-input-inner[popover] .predictive-search-form-content-wrap{display:block}.sc-search-input.is-floating-search-width-transition .sc-search-input-inner[popover] .search-page-input-anim-wrapper,.sc-search-input.is-floating-search-width-transition .sc-search-input-inner[popover] .predictive-search-form-content-wrap{transition:opacity var(--trans-duration) var(--trans-easing),width var(--trans-duration) var(--trans-easing),margin-inline-start var(--trans-duration) var(--trans-easing),margin-inline-end var(--trans-duration) var(--trans-easing)}}.sc-search-input .search-page-input-anim-wrapper{display:block;overflow:clip;opacity:1;transition:opacity var(--trans-duration) var(--trans-easing)}.sc-search-input.is-floating-search-leaving .search-page-input-anim-wrapper,.sc-search-input.is-floating-search-returning .search-page-input-anim-wrapper{opacity:0}.sc-search-input .search-input-form{display:flex;align-items:center;justify-content:space-between;gap:.75rem;position:relative;z-index:3;width:100%}.sc-search-input.has-keyboard-input-focus .search-field .field-wrap{outline:2px solid var(--color-keyboard-focus-visible);outline-offset:2px}.sc-search-input.has-keyboard-input-focus .search-page-input-anim-wrapper{overflow:visible}.sc-search-input .search-input-main{padding-inline-start:var(--input-pd-inline-start);padding-inline-end:var(--input-pd-inline-end)}@media(max-width:991.98px){.sc-search-input .search-input-main{padding-inline-start:var(--input-pd-inline-start-mb);padding-inline-end:var(--input-pd-inline-end-mb)}}.sc-search-input .search-input-main::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;height:0;width:0;margin:0}.sc-search-input .search-input-main::-ms-clear,.sc-search-input .search-input-main::-ms-reveal{display:none;width:0;height:0}.sc-search-input .search-input-main::-o-clear{display:none}.sc-search-input .search-input-icon-wrapper{display:var(--search-icon-display);width:var(--input-lookup-icon-size);height:var(--input-lookup-icon-size);flex-shrink:0;color:var(--color-foreground_60);position:absolute;top:50%;left:var(--input-pd-inline);z-index:4;transform:translateY(-50%);transition:left var(--trans-duration) var(--trans-easing)}@media(max-width:991.98px){.sc-search-input .search-input-icon-wrapper{width:var(--input-lookup-icon-size-mb);height:var(--input-lookup-icon-size-mb);left:var(--input-pd-inline-mb)}}.sc-search-input .predictive-search-form-content-wrap{--box-shadow: 0 8px 24px 0 rgba(149, 157, 165, .2);position:absolute;top:var(--predictive-form-content-top);left:0;width:100%;z-index:2;display:none;overflow:hidden;background-color:var(--color-background);border-radius:var(--predictive-dropdown-radius);box-shadow:var(--box-shadow)}@media(max-width:991.98px){.sc-search-input .predictive-search-form-content-wrap{border-radius:var(--predictive-dropdown-radius-mb)}}.sc-search-input .predictive-search-form-content{background-color:var(--color-background);border-radius:var(--predictive-dropdown-radius);border-top:var(--predictive-content-border-top);padding-block:var(--predictive-padding-block)}@media(max-width:991.98px){.sc-search-input .predictive-search-form-content{border-radius:var(--predictive-dropdown-radius-mb);padding-block:var(--predictive-padding-block-mb)}}.sc-search-input .predictive-search-empty{display:flex;flex-direction:row;align-items:stretch;overscroll-behavior:contain}@media(min-width:992px){@container (width <= 50rem){.sc-search-input .predictive-search-empty{flex-direction:column;max-height:calc(var(--predictive-room, calc(var(--100svh) - 6.25rem)) - var(--predictive-padding-block) * 2);overflow-y:auto}}}@media(max-width:991.98px){.sc-search-input .predictive-search-empty{flex-direction:column;max-height:min(25rem,var(--predictive-room, var(--100svh)) - var(--predictive-padding-block-mb) * 2);overflow-y:auto}}.sc-search-input .predictive-searched-products .predictive-searched-products-title{padding-block-end:1rem}.sc-search-input .predictive-searched-products .predictive-searched-products-list .predictive-searched-products-item{padding-block:1rem}.sc-search-input .predictive-searched-products .predictive-searched-products-list .predictive-searched-products-item:first-child{padding-block-start:0}.sc-search-input .predictive-searched-products .predictive-searched-products-list .predictive-searched-products-item:not(:last-child){border-bottom:var(--1px) solid var(--color-border-default)}.sc-search-input .predictive-searched-products .predictive-searched-products-list .predictive-searched-products-item .product-card.product-card-direction--horizontal .product-card-inner{padding-inline:0}.sc-search-input .predictive-search-results-inner{display:flex;flex-direction:row;gap:0rem;align-items:stretch;overscroll-behavior:contain}@media(min-width:992px){@container (width <= 50rem){.sc-search-input .predictive-search-results-inner{flex-direction:column;max-height:calc(var(--predictive-room, calc(var(--100svh) - 6.25rem)) - var(--predictive-padding-block) * 2);overflow-y:auto}}}@media(max-width:991.98px){.sc-search-input .predictive-search-results-inner{flex-direction:column;max-height:min(25rem,var(--predictive-room, var(--100svh)) - var(--predictive-padding-block-mb) * 2);overflow-y:auto}}.sc-search-input .predictive-search-results-left{width:100%;max-width:21.5rem;padding-inline:2rem 4rem}@media(min-width:992px){@container (width <= 50rem){.sc-search-input .predictive-search-results-left{max-width:unset;padding-inline:1rem}}}@media(max-width:991.98px){.sc-search-input .predictive-search-results-left{max-width:unset;padding-inline:1rem}}.sc-search-input .predictive-search-results-right{width:100%;padding-inline:2rem;max-height:calc(var(--predictive-room, calc(var(--100svh) - 6.25rem)) - var(--predictive-padding-block) * 2);overflow-y:auto;overscroll-behavior:contain}.sc-search-input .predictive-search-results-right>*:not(:first-child){border-top:var(--1px) solid var(--color-border-default);padding-top:1rem}@media(min-width:992px){@container (width <= 50rem){.sc-search-input .predictive-search-results-right{padding-inline:1rem;max-height:none;overflow-y:visible}}}@media(max-width:991.98px){.sc-search-input .predictive-search-results-right{padding-inline:1rem;max-height:none;overflow-y:visible}}.sc-search-input .predictive-search-results-left+.predictive-search-results-right{border-left:var(--1px) solid var(--color-border-default);padding-inline:4rem 2rem}@media(min-width:992px){@container (width <= 50rem){.sc-search-input .predictive-search-results-left+.predictive-search-results-right{border-left:none;padding:1rem}}}@media(max-width:991.98px){.sc-search-input .predictive-search-results-left+.predictive-search-results-right{border-left:none;padding:1rem}}.sc-search-input .predictive-search-pills:not(:first-child){padding-block-start:1rem}@media(min-width:992px){.sc-search-input .predictive-search-results-left .predictive-search-pills:only-child{border-bottom:none;padding-block-end:0}}.sc-search-input .predictive-search-results-left .predictive-search-pills:last-child{border-bottom:none;padding-block-end:0}@media(min-width:992px){@container (width <= 50rem){.sc-search-input .predictive-search-results-left .predictive-search-pills:last-child{border-bottom:var(--1px) solid var(--color-border-default);padding-block-end:1rem}}}@media(max-width:991.98px){.sc-search-input .predictive-search-results-left .predictive-search-pills:last-child{border-bottom:var(--1px) solid var(--color-border-default);padding-block-end:1rem}}.sc-search-input .predictive-search-empty .predictive-search-results-left .predictive-search-pills--most-searched-keywords{border-bottom:none;padding-block-end:0}.sc-search-input .predictive-searched-products-see-all-results{padding-block-start:0rem}.sc-search-input .see-all-products-icon{width:.75rem;height:.75rem;display:inline-block;vertical-align:middle}.sc-search-input .see-all-products-icon svg{color:var(--color-foreground_100)}.sc-search-input .search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1;opacity:0;visibility:hidden;transition:opacity var(--trans-duration) var(--trans-easing),visibility var(--trans-duration) var(--trans-easing);pointer-events:none}.sc-search-input.has-value{z-index:9999}.sc-search-input.has-value .field-wrap{--input-pd-inline: var(--input-pd-inline-type-fill-large) !important;--input-pd-inline-mb: var(--input-pd-inline-type-fill-medium) !important;border-radius:var(--predictive-active-input-radius);border-bottom:var(--predictive-active-border-bottom)}@media(max-width:991.98px){.sc-search-input.has-value .field-wrap{border-radius:var(--predictive-active-input-radius-mb)}}.sc-search-input.has-value .field-wrap:after{background:var(--color-background);opacity:1}.sc-search-input.has-value .field-wrap .field-input{--input-pd-inline-start: calc( var(--input-pd-inline) + var(--input-lookup-icon-size) + .5rem );--input-pd-inline-start-mb: calc( var(--input-pd-inline-mb) + var(--input-lookup-icon-size-mb) + .5rem );--input-pd-inline-end: calc( var(--input-pd-inline) + var(--input-clear-icon-size) + .5rem );--input-pd-inline-end-mb: calc( var(--input-pd-inline-mb) + var(--input-clear-icon-size-mb) + .5rem )}.sc-search-input.has-value .field-wrap .field-underline{background-color:var(--color-border-default);opacity:var(--predictive-active-underline-opacity)}.sc-search-input.has-value .predictive-search-form-content-wrap{display:block}.sc-search-input.has-value .search-overlay{opacity:1;visibility:visible;pointer-events:auto}
/*# sourceMappingURL=/cdn/shop/t/60/assets/panel-search-page-input-B8-iquqh.css.map */