body.s-search-modal--open{overflow:hidden}.s-search-modal{pointer-events:none}.s-search-modal:has(.s-search-modal__panel.is-open){pointer-events:auto}.s-search-modal:has(.s-search-modal__panel.is-open) .s-search-modal__overlay{opacity:1;pointer-events:auto}.s-search-modal:has(.s-search-modal__panel.is-open) .s-search-modal__panel{inset-inline-start:0}@media screen and (min-width:964px){.s-search-modal:has(.s-search-modal__panel.is-open) .s-search-modal__panel{inset-inline-start:auto;inset-inline-end:0}}.s-search-modal[dir=rtl] .s-search-modal__search-icon,.s-search-modal[dir=rtl] .s-search-modal__popular-icon{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.s-search-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;background:#00000080;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;pointer-events:none;z-index:89}@media screen and (min-width:964px){.s-search-modal__overlay{inset-block:var(--search-modal-top-offset, 0) 0}}.s-search-modal__panel{display:block;position:fixed;inset-block:0;inset-inline-start:-100%;inset-inline-end:auto;-webkit-transition:inset-inline-start .3s ease,inset-inline-end .3s ease;transition:inset-inline-start .3s ease,inset-inline-end .3s ease;z-index:90;width:100%;height:100dvh;border:0;background:#fff;color:#111}@media screen and (min-width:964px){.s-search-modal__panel{inset-block:var(--search-modal-top-offset, 0) 0;inset-inline-start:auto;inset-inline-end:-100%;width:min(421px,100vw);height:calc(100dvh - var(--search-modal-top-offset, 0))}}.s-search-modal__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-padding-before:16px;padding-block-start:16px}.s-search-modal__form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;margin-block:0 8px;margin-inline:8px}.s-search-modal__search-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:4px}.s-search-modal__search-icon svg{width:24px;height:24px;-ms-flex-negative:0;flex-shrink:0}.s-search-modal__field{position:relative;min-width:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.s-search-modal__field:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;height:2px;background-color:#3300ad;pointer-events:none}.s-search-modal__label{position:absolute;inset-block-start:-12px;inset-inline:0;color:#6b6b6b;font-size:12px;font-weight:400;line-height:18px;letter-spacing:.1px;pointer-events:none}.s-search-modal__input{width:100%;height:100%;padding-block:14px 4px;padding-inline:0 32px;border:0;border-radius:0;outline:0;background:#0000;color:inherit;font:inherit;font-size:16px;line-height:22px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.s-search-modal__input::-webkit-search-cancel-button{display:none}.s-search-modal__clear{position:absolute;inset-inline-end:0;inset-block-end:6px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;padding:2px;border:0;border-radius:50%;background:#0000;color:inherit;cursor:pointer}.s-search-modal__clear[hidden]{display:none}.s-search-modal__clear svg{width:20px;height:20px}.s-search-modal__cancel{position:relative;border:0;padding:1px 0;background:#0000;color:inherit;font:inherit;font-size:12px;font-weight:500;line-height:18px;letter-spacing:.1px;-webkit-margin-start:12px;margin-inline-start:12px;cursor:pointer;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.s-search-modal__cancel:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;height:1px;background-color:#888;pointer-events:none}.s-search-modal__cancel:hover{background-color:#00000008}.s-search-modal__cancel:active{background-color:#0000001a}.s-search-modal__clear:focus-visible,.s-search-modal__cancel:focus-visible{outline:1px solid #3300ad;outline-offset:1px}.s-search-modal__body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;padding-block:16px 80px;padding-inline:16px;overflow-y:auto;scrollbar-color:rgba(0,0,0,.5) rgba(0,0,0,0);scrollbar-width:thin}.s-search-modal__body::-webkit-scrollbar{width:2px}.s-search-modal__body::-webkit-scrollbar-track{background:#0000}.s-search-modal__body::-webkit-scrollbar-thumb{background-color:#00000080}.s-search-modal__popular-title{margin-bottom:24px;font-size:18px;font-weight:500;line-height:24px;letter-spacing:.1px}.s-search-modal__popular.is-querying .s-search-modal__popular-title,.s-search-modal__popular.is-querying .s-search-modal__popular-list:after{display:none}.s-search-modal__popular-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:16px;margin:0;list-style:none}.s-search-modal__popular-list:after{content:"";width:120px;height:1px;-webkit-margin-before:8px;margin-block-start:8px;background:#e2e2e2}.s-search-modal__popular-list:empty:after{display:none}.s-search-modal__popular-item{display:-webkit-box;display:-ms-flexbox;display:flex}.s-search-modal__popular-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;color:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:.1px;text-decoration:none;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.s-search-modal__popular-link:hover{background-color:#00000008}.s-search-modal__popular-link:active{background-color:#0000001a}.s-search-modal__popular-link:focus-visible{outline:1px solid #3300ad;outline-offset:1px}.s-search-modal__popular-link:not(:has(.s-search-modal__popular-icon)){padding-block:2px}.s-search-modal__popular-icon{display:inline-block;width:24px;height:24px}.s-search-modal__popular-icon svg{width:100%;height:100%}.s-search-modal__products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;-webkit-padding-before:40px;padding-block-start:40px}.s-search-modal__product{min-width:0}.s-search-modal__product .c-product-card-custom{min-height:0}
/*# sourceMappingURL=/cdn/shop/t/271/assets/section-search-modal.css.map */