.page-filters-search-banner{position:relative;height:500px;background:#e3e5e9}.page-filters-search__media,.page-filters-search__media picture,.page-filters-search__background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.page-filters-search__background{display:block;object-fit:cover;object-position:center;pointer-events:none}.page-filters-search__inner{position:relative;z-index:1;width:100%;height:100%;max-width:var(--spacing-max-content-width-desktop, 1280px);margin:0 auto;padding:48px var(--spacing-margin-desktop, 48px);display:flex;align-items:center;justify-content:center}.page-filters-search__content{width:min(100%,600px);display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.page-filters-search__heading{white-space:pre-line;width:100%}.page-filters-search__search-wrap{z-index:2;width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.page-filters-search-input-wrap{position:absolute;top:0;width:100%;height:60px;overflow:hidden;border-radius:30px;background:var(--color-surface-primary, #fff);display:flex;flex-direction:column}.page-filters-search-icon{position:absolute;z-index:1;top:50%;left:16px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);color:var(--color-text-primary, #000);pointer-events:none}.page-filters-search-close-header{display:none;min-height:72px;border-bottom:1px solid #ddd;align-items:center;padding:8px 16px}.page-filters-search-close{width:40px;height:40px;padding:8px;display:none;align-items:center;justify-content:center;color:var(--color-text-primary, #000)}.page-filters-search-close svg{width:24px;height:24px}.page-filters-search-search-icon,.page-filters-search-loading-icon{display:flex;align-items:center;justify-content:center}.page-filters-search-search-icon svg{width:24px;height:24px}.page-filters-search-loading-icon{display:none}.page-filters-search-loading-icon svg{width:20px;height:20px;animation:loading-spinner-rotate .8s linear infinite}.page-filters-search-input-wrap[data-search-loading=true] .page-filters-search-search-icon{display:none}.page-filters-search-input-wrap[data-search-loading=true] .page-filters-search-loading-icon{display:flex}.page-filters-search-input-box{position:relative}.page-filters-search-input{width:100%;height:60px;flex:0 0 60px;padding:0 60px;border:none;border-radius:inherit;outline:none;background:var(--color-surface-primary, #fff)}.page-filters-search-input::placeholder{color:var(--color-text-tertiary, #888)}.page-filters-search-input:focus-visible{outline:none;border:none;box-shadow:none}.page-filters-search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.page-filters-search__search-wrap.is-active .page-filters-search-input-wrap{padding-bottom:8px;box-shadow:0 3px 10px #00000026;max-height:500px;height:auto}.page-filters-search-popup-label{padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--color-grey-2, #eee);text-align:start}.page-filters-search-popup-count{flex:0 0 auto;margin-left:auto;color:var(--color-text-secondary, #555)}.page-filters-search-popup-label[hidden],.page-filters-search-popup-list[hidden]{display:none}.page-filters-search-popup-list{max-height:360px;overflow-y:auto;display:flex;flex-direction:column;overscroll-behavior:contain}.page-filters-search-popup-empty{width:100%;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.page-filters-search-popup-empty[hidden]{display:none}.page-filters-search-popup-empty-description{color:var(--color-text-tertiary, #888)}.page-filters-search-popup-list::-webkit-scrollbar{width:8px}.page-filters-search-popup-list::-webkit-scrollbar-button{display:none;width:0;height:0}.page-filters-search-popup-list::-webkit-scrollbar-track{margin:10px 0 30px;border-radius:8px;background:var(--color-grey-2, #eee);background-clip:content-box}.page-filters-search-popup-list::-webkit-scrollbar-thumb{width:8px;border-radius:8px;background:var(--color-grey-3, #ddd);background-clip:content-box}.page-filters-search-popup-item{width:100%;padding:16px 24px;display:flex;align-items:center;gap:16px;border:0;color:var(--color-text-primary, #000);background:transparent;font-family:inherit;text-align:left;cursor:pointer}.page-filters-search-popup-item:hover,.page-filters-search-popup-item:focus-visible{outline:none;background:var(--color-surface-secondary, #f8f8f8)}.page-filters-search-popup-item:hover .page-filters-search-popup-item-title,.page-filters-search-popup-item:focus-visible .page-filters-search-popup-item-title,.page-filters-search-popup-item-title mark{color:var(--color-text-highlight);background:transparent}.page-filters-search-popup-item-image{width:60px;height:60px;flex:0 0 60px;overflow:hidden;border-radius:6px}.page-filters-search-popup-item-image>img{width:100%;height:100%;object-fit:contain}.page-filters-search-popup-item-right{display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:center}.page-filters-search-popup-item-desc{color:var(--color-text-tertiary, #888888)}.page-filters-search-tip{color:var(--color-text-secondary, #555);font-style:italic;margin-top:68px}.page-filters-search-benefits{display:flex;align-items:stretch;justify-content:center;gap:40px;padding:24px var(--spacing-margin-desktop, 48px);color:var(--color-text-primary, #000);background:var(--color-surface-secondary, #f8f8f8)}.page-filters-search-benefits__item{display:flex;align-items:center;gap:8px}.page-filters-search-benefits__item-icon{width:20px;height:20px;flex:0 0 20px;overflow:hidden;color:#666}.page-filters-search-benefits__item-image{width:20px;height:20px;object-fit:contain}.page-filters-search-benefits__item-description{white-space:nowrap}.page-filters-search-benefits__item-description strong{color:var(--color-text-highlight, #036aff);font-weight:400}.page-filters-search-tabs{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-user-select:none;user-select:none}.page-filters-search-tabs::-webkit-scrollbar{display:none}.page-filters-search-tabs.is-dragging{cursor:grabbing}.page-filters-search-tabs__track{display:flex;align-items:center;gap:32px;width:max-content;margin-inline:auto;border-bottom:1px solid var(--color-border-primary, #ddd)}.page-filters-search-tabs__item{flex:0 0 auto;cursor:pointer;padding:10px 0;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--color-text-secondary, #555)}.page-filters-search-tabs__item.selected{border-bottom-color:var(--color-text-highlight, #036aff);color:var(--color-text-highlight, #036aff)}.page-filters-search-tabs__item.selected .page-filters-search-tabs__item-title{font-weight:600}.page-filters-search-tabs__item-title{white-space:nowrap}.page-filters-search-list{max-width:var(--spacing-max-content-width-desktop, 1280px);margin:0 auto;padding:32px 48px 0}page-filters-search-controller{overflow-x:clip;display:block}.page-filters-search-list__panel{display:none;flex-direction:column;gap:24px;padding-top:24px}.page-filters-search-list__panel.selected{display:flex}.page-filters-search-list__track{padding:0 7px}.page-filters-search-list__item:not(:last-child){margin-right:20px}.page-filters-search-list__item{gap:16px;width:150px;padding:10px;display:flex;cursor:pointer;text-align:center;flex-direction:column;align-items:flex-start;color:var(--color-text-primary, #000);border-radius:var(--radius-product-card, 8px);background:var(--color-surface-secondary, #f8f8f8);border:1px solid var(--color-surface-secondary, #f8f8f8)}.page-filters-search-list__item:hover{background:var(--color-surface-tertiary, #f3f8ff)}.page-filters-search-list__item.selected{border-color:var(--primary-color);background:var(--color-surface-tertiary, #f3f8ff)}.page-filters-search-list__item:hover .page-filters-search-list__item-title,.page-filters-search-list__item.selected .page-filters-search-list__item-title{color:var(--color-text-highlight, #036aff)}.page-filters-search-list__item-image{width:130px;height:130px;flex:0 0 130px;overflow:hidden;border-radius:var(--radius-product-card, 8px)}.page-filters-search-list__item-image img{width:100%;height:100%;object-fit:cover}.page-filters-search-list__item-title{width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.page-filters-search-list__item--all{height:187px;align-items:center;justify-content:center;gap:24px}.page-filters-search-list__item-all-content{width:100%;display:flex;flex-direction:column;gap:8px}.page-filters-search-list__item-all-arrow{width:45px;height:45px;flex:0 0 45px;display:flex;align-items:center;justify-content:center;border-radius:1000px;background:var(--color-grey-2, #eee)}.page-filters-search-list__item-all-arrow svg{width:18px;height:14px}.page-filters-search-list__item-all-opener,.page-filters-search-list__item-all-button{width:100%;height:100%}.page-filters-search-list__item-all-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;color:inherit;text-align:center}.page-filters-search-all-modal__box{width:min(800px,calc(100vw - 32px));height:min(600px,85vh);max-width:800px;max-height:800px}.page-filters-search-all-modal__header{width:100%}.page-filters-search-all-modal__close{padding:0;flex:0 0 24px}.page-filters-search-all-modal__close svg{width:24px;height:24px}.page-filters-search-all-modal__content{min-height:0;padding:16px 0 0;display:flex;flex-direction:column;overflow:hidden}.page-filters-search-all-modal__tabs-wrap{padding:0 32px}.page-filters-search-all-modal__tabs{width:100%;flex:0 0 auto;display:flex;align-items:center;gap:32px;overflow-x:auto;border-bottom:1px solid var(--color-border-primary, #ddd);scrollbar-width:none;-webkit-user-select:none;user-select:none}.page-filters-search-all-modal__tabs::-webkit-scrollbar{display:none}.page-filters-search-all-modal__tab{padding:10px 0;flex:0 0 auto;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--color-text-secondary, #555);white-space:nowrap}.page-filters-search-all-modal__tab.selected{border-bottom-color:var(--color-border-highlight, #036aff);color:var(--color-text-highlight, #036aff);font-weight:600}.page-filters-search-all-modal__panels{min-height:0;flex:1}.page-filters-search-all-modal__panel{height:100%;padding:24px 32px;overflow-y:auto;overscroll-behavior:contain;display:none;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:20px}.page-filters-search-all-modal__panel.selected{display:grid}.page-filters-search-all-modal__panel::-webkit-scrollbar{width:8px}.page-filters-search-all-modal__panel::-webkit-scrollbar-track{border-radius:var(--radius-full, 1000px);background:var(--color-grey-2, #eee)}.page-filters-search-all-modal__panel::-webkit-scrollbar-thumb{border-radius:var(--radius-full, 1000px);background:var(--color-grey-3, #ddd)}.page-filters-search-all-modal__item{min-width:0;padding:10px;display:flex;flex-direction:column;align-items:center;gap:16px;border:1px solid transparent;border-radius:var(--radius-product-card, 8px);color:var(--color-text-primary, #000);background:var(--color-surface-secondary, #f8f8f8)}.page-filters-search-all-modal__item:hover{color:var(--color-text-highlight, #036aff);background:var(--color-surface-tertiary, #f3f8ff)}.page-filters-search-all-modal__item:focus-visible,.page-filters-search-all-modal__item.selected{outline:none;border-color:var(--color-border-highlight, #036aff);color:var(--color-text-highlight, #036aff);background:var(--color-surface-tertiary, #f3f8ff)}.page-filters-search-all-modal__item-image{width:130px;height:130px;max-width:100%;flex:0 0 130px;overflow:hidden;border-radius:var(--radius-product-card, 8px)}.page-filters-search-all-modal__item-image img{width:100%;height:100%;object-fit:cover}.page-filters-search-all-modal__item-title{width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.page-filters-search-item-contents{width:100%}.page-filters-search-list__item-content{display:none;flex-direction:column;gap:24px}.page-filters-search-list__item-content.selected{display:flex}.page-filters-search-list__item-content-introduce{width:100%;display:flex;align-items:center;justify-content:space-between;gap:48px}.page-filters-search-list__item-introduce-copy{width:min(100%,600px);display:flex;flex-direction:column;align-items:flex-start;gap:24px}.page-filters-search-list__item-introduce-heading{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.page-filters-search-list__item-introduce-title{color:var(--color-text-highlight, #036aff)}.page-filters-search-list__item-introduce-media{width:200px;height:200px;flex:0 0 200px;overflow:hidden}.page-filters-search-list__item-introduce-media img{width:100%;height:100%;object-fit:cover}.page-filters-search-list__item-content-tabs{width:100%;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--color-border-primary, #ddd)}.page-filters-search-list__item-content-tabs:empty{display:none}.page-filters-search-list__item-content-tab{flex:0 0 auto;padding:10px 0;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--color-text-secondary, #555)}.page-filters-search-list__item-content-tab.selected{border-bottom-color:var(--color-text-highlight, #036aff);color:var(--color-text-highlight, #036aff);font-weight:600}.page-filters-search-list__item-content-tabs-panel{width:100%;display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.page-filters-search-list__item-content-tabs-panel.selected{display:grid}.product-purchase-card.is-sold-out{order:100}.page-filters-search-list__splide.is-initialized:not(.is-overflow) .page-filters-search-list__list{justify-content:center}.page-filters-search-list__splide:not(.is-overflow) .page-filters-search-list__list .page-filters-search-list__item:last-child{margin-right:0!important}@media screen and (max-width:1024px){.page-filters-search__inner{padding:40px;text-align:start;align-items:flex-start;justify-content:flex-start}.page-filters-search__content{gap:16px;width:100%;max-width:400px;text-align:start;align-items:flex-start;justify-content:flex-start}.page-filters-search-input-wrap{height:45px}.page-filters-search-input{height:45px;padding:0 16px 0 60px;font-size:16px;background:transparent}.page-filters-search__search-wrap.is-active .page-filters-search-close-header{display:flex}.page-filters-search__search-wrap.is-active .page-filters-search-input-box{margin:24px 40px 0;border-radius:45px;background:var(--color-surface-secondary)}.page-filters-search__search-wrap.is-active .page-filters-search-popup-label{background:#fff;padding:16px 40px}.page-filters-search-benefits{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.page-filters-search-list__item-title,.page-filters-search-benefits__item-description{font-size:14px}.page-filters-search-list{padding:24px 0 0}.page-filters-search-tabs{margin:0 40px}.page-filters-search-tabs__track{gap:24px}.page-filters-search-list__item-content,.page-filters-search-list__track{padding:0 40px}.page-filters-search-list__splide .splide__pagination{position:static;max-width:500px;margin:24px auto 0}.page-filters-search-list__splide .splide__pagination li:first-child{border-radius:2px 0 0 2px}.page-filters-search-list__splide .splide__pagination li:last-child{border-radius:0 2px 2px 0}.page-filters-search-list__splide .splide__pagination li{display:flex;background:#ddd;flex:1}.page-filters-search-list__splide .splide__pagination .splide__pagination__page{flex:1;display:flex;margin:0;height:4px;transform:none;background:#ddd}.page-filters-search-list__splide .splide__pagination .splide__pagination__page.is-active{border-radius:2px;background:#000}.page-filters-search-list__item{gap:8px;padding:8px;width:116px;height:auto}.page-filters-search-all-modal__item-image,.page-filters-search-list__item-image{width:100px;height:100px;flex:0 0 100px}.page-filters-search-list__item-introduce-copy{gap:16px;width:100%}.page-filters-search-list__item-introduce-media{display:none}.page-filters-search-list__item-content-tabs-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.page-filters-search-banner:has(.page-filters-search__search-wrap.is-active){z-index:100000}.page-filters-search__search-wrap.is-active{z-index:100000}.page-filters-search__search-wrap.is-active .page-filters-search-input-wrap{position:fixed;top:0;right:0;bottom:0;left:0;max-height:100%;z-index:100000;border-radius:0}.page-filters-search__search-wrap.is-active .page-filters-search-close{display:flex}.page-filters-search-popup-list{max-height:100%;height:100%}.page-filters-search-popup-item{padding:8px 40px}.page-filters-search-popup-item-image{width:80px;height:80px;flex:0 0 80px}.page-filters-search-popup-empty{padding:16px;gap:16px}.page-filters-search-all-modal__content{padding:8px 0 0}.page-filters-search-all-modal__panel{padding:16px;gap:16px}.page-filters-search-all-modal__item{gap:8px}.page-filters-search-tip{margin-top:53px}.page-filters-search-all-modal__tabs-wrap{padding:0 16px}.page-filters-search-input::placeholder{font-size:14px}}@media screen and (max-width:767px){.page-filters-search__inner{padding:24px;justify-content:center}.page-filters-search__content{text-align:center;justify-content:center}.page-filters-search-benefits,.page-filters-search-list__item-content-tabs-panel{grid-template-columns:1fr}.page-filters-search-benefits{gap:16px}.page-filters-search-close-header{min-height:56px}.page-filters-search__search-wrap.is-active .page-filters-search-input-box{margin:16px 24px 0}.page-filters-search__search-wrap.is-active .page-filters-search-popup-label{padding:16px 24px}.page-filters-search-popup-item{padding:8px 24px}.page-filters-search-tabs{margin:0 24px}.page-filters-search-list__splide .splide__pagination{max-width:500px}.page-filters-search-list__item-content,.page-filters-search-list__track{padding:0 24px}.page-filters-search-all-modal__panel{grid-template-columns:1fr 1fr}}#smile-ui-container{z-index:99996!important}#vanchat-root>div{z-index:99997!important}
/*# sourceMappingURL=/cdn/shop/t/75/assets/page-filters-search.css.map */