.search-modal{--search-border-radius: var(--miniso-radius-input);--_miniso-search-pad: 32px;--_miniso-search-gap: 12px;--_miniso-search-block: 32px;--_miniso-search-close-gap: 24px;--_miniso-search-close-size: 20px;--_miniso-search-tap: 44px}.search-modal .dialog-modal[open].search-modal__content{background-color:var(--miniso-bg);color:var(--miniso-text);box-shadow:none;border:0;font-family:var(--miniso-font)}@media screen and (min-width:750px){.search-modal .dialog-modal.search-modal__content{--modal-width: min(806px, 92dvw);max-width:var(--modal-width)}}@media screen and (max-width:749px){.search-modal{--_miniso-search-pad: 16px;--_miniso-search-block: 24px;--_miniso-search-close-gap: 32px}.search-modal .dialog-modal.search-modal__content{padding:0}}.search-modal .predictive-search-form__header{position:sticky;top:0;display:flex;align-items:center;gap:var(--_miniso-search-close-gap);padding:var(--_miniso-search-pad) var(--_miniso-search-pad) 0;border:0;border-radius:0;background-color:var(--miniso-bg);box-shadow:none}.search-modal .predictive-search-form__header:before,.search-modal .dialog-modal .predictive-search-form__header:has(.predictive-search__reset-button:not(.predictive-search__reset-button[hidden])):before{content:none}.search-modal .predictive-search-form__header-inner,.search-modal .predictive-search-form__header-inner:focus-within{border:0;border-radius:0;outline:none;background:transparent;box-shadow:none}.search-modal input.search-input{padding:0;border-radius:0;font-size:var(--miniso-body-sm);line-height:var(--miniso-body-sm-lh)}.search-modal input.search-input::placeholder{color:var(--miniso-secondary-40);opacity:1}.search-modal .predictive-search__icon{position:static;width:16px;height:16px}.search-modal .predictive-search__icon>svg{width:100%;height:100%}.search-modal .predictive-search__reset-button{--_miniso-btn-fg: var(--_miniso-input-icon-trailing);position:relative;min-width:0;margin:0;color:var(--_miniso-input-icon-trailing);opacity:1;transition:none}.search-modal .predictive-search__reset-button:hover{--_miniso-btn-fg: var(--miniso-primary);color:var(--miniso-primary)}.search-modal .predictive-search__reset-button[hidden]{display:none}.search-modal .predictive-search__reset-button:after{position:absolute;inset:50% auto auto 50%;width:var(--_miniso-search-tap);height:var(--_miniso-search-tap);transform:translate(-50%,-50%);content:""}.search-modal .predictive-search__close-modal-button{position:relative;flex:0 0 auto;width:var(--_miniso-search-close-size);height:var(--_miniso-search-close-size);min-height:var(--_miniso-search-close-size);margin:0;padding:0;box-shadow:none}.search-modal .predictive-search__close-modal-button:after{position:absolute;inset:50% auto auto 50%;width:var(--_miniso-search-tap);height:var(--_miniso-search-tap);transform:translate(-50%,-50%);content:""}@media screen and (min-width:750px){.search-modal .predictive-search__close-modal-button{display:none}.search-modal .predictive-search-form__header{gap:0}}.search-modal .predictive-search__reset-button svg,.search-modal .predictive-search__close-modal-button svg{width:100%;height:100%}.search-modal .predictive-search__close-modal-button{--_miniso-btn-fg: var(--miniso-secondary);color:var(--miniso-secondary)}.search-modal .predictive-search__close-modal-button:hover{--_miniso-btn-fg: var(--miniso-primary);color:var(--miniso-primary)}.search-modal .predictive-search-form__content,.search-modal predictive-search-component{background-color:var(--miniso-bg)}.search-modal .predictive-search-results__inner{padding:24px var(--_miniso-search-pad) var(--_miniso-search-pad);color:var(--miniso-text)}.search-modal .predictive-search-results__products,.search-modal .predictive-search-results__wrapper.predictive-search-results__wrapper-queries,.search-modal .predictive-search-results__resource-header{padding-inline:0}.search-modal .predictive-search-results__wrapper.predictive-search-results__wrapper-queries{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding-block:0;overflow:visible}.search-modal .predictive-search-results__pill{margin:0;transition:none}.search-modal .predictive-search-results__pill:hover,.search-modal .predictive-search-results__pill:focus{transform:none;box-shadow:none;outline:none;border-width:1px}.search-modal .predictive-search-results__pill mark{background:transparent;color:inherit;font-weight:inherit}.search-modal .predictive-search-results__card--query[aria-selected=true] .predictive-search-results__pill{outline:2px solid var(--miniso-secondary);outline-offset:2px}.search-modal .recently-viewed-wrapper{display:block;margin-block-end:var(--_miniso-search-block)}.search-modal .predictive-search-results__products .miniso-section-head{margin-block-end:var(--_miniso-search-gap)}.search-modal .predictive-search-results__title{margin:0 0 var(--_miniso-search-gap);color:var(--miniso-text);font-family:var(--miniso-font);font-size:var(--miniso-sub2);font-weight:500;line-height:var(--miniso-sub2-lh);text-transform:none}.search-modal .predictive-search-results__resource-header{height:auto;margin-block-end:var(--_miniso-search-gap)}.search-modal .predictive-search-results__resource-header .predictive-search-results__title{margin:0}.search-modal .predictive-search-results__wrapper-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:12px;row-gap:20px;margin:0;padding:0}@media screen and (max-width:749px){.search-modal .predictive-search-results__wrapper-products{grid-template-columns:repeat(2,minmax(0,1fr))}}.search-modal .predictive-search-results__card--product{display:flex;min-width:0;margin:0;padding:0;border-radius:16px;transition:none}.search-modal .predictive-search-results__card--product>.miniso-product-card{flex:1 1 auto;width:100%}.search-modal .predictive-search-results__card--product:hover,.search-modal .predictive-search-results__card--product:active{margin:0;padding:0;background:transparent;transform:none}.search-modal .predictive-search-results__card--product[aria-selected=true].keyboard-focus{margin:0;padding:0;background:transparent;outline:2px solid var(--miniso-secondary);outline-offset:2px;border-color:transparent}.search-modal .predictive-search-results__no-results{margin:8px 0 0;padding:0;color:var(--miniso-secondary-60);font-size:var(--miniso-body-md);font-weight:400;line-height:var(--miniso-body-md-lh);text-align:left}.search-modal .predictive-search-results__no-results:last-child{margin:8px 0 0;text-align:left}.search-modal .predictive-search-form__footer{padding:12px var(--_miniso-search-pad) 24px;text-align:center}.search-modal .predictive-search__search-button{margin:0;transition:none}.search-modal .predictive-search__search-button:hover,.search-modal .predictive-search__search-button:active{transform:none;box-shadow:none}.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:88px}.search-modal .predictive-search-results__wrapper slideshow-slides{--gutter-slide-width: 0px}
/*# sourceMappingURL=/cdn/shop/t/30/assets/miniso-search-modal.css.map */