.buy-best-number-filter{--buy-best-number-filter-field-w:352px;--buy-best-number-filter-field-h:48px;z-index:1;width:100%;position:relative;overflow:visible}.buy-best-number-filter:has(.buy-best-number-filter-select-wrap--open){z-index:50}.buy-best-number-filter-panel{background-color:#0467f5;background-image:url(/bg-image/svg/by-number-bg.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:1.5rem;width:100%;min-height:184px;position:relative;overflow:visible}.buy-best-number-filter-controls{z-index:1;min-height:inherit;flex-direction:column;gap:1rem;padding:36px 32px;display:flex;position:relative;overflow:visible}.buy-best-number-filter-grid{grid-template-columns:auto var(--buy-best-number-filter-field-w) 1fr;align-items:center;gap:20px 1rem;display:grid;overflow:visible}.buy-best-number-filter-price-label{color:var(--color-white);text-transform:lowercase;font-size:1rem;font-weight:600;line-height:1.25}.buy-best-number-filter-select-wrap{width:var(--buy-best-number-filter-field-w);height:var(--buy-best-number-filter-field-h);z-index:1;position:relative}.buy-best-number-filter-select-wrap--open{z-index:60}.buy-best-number-filter-select{appearance:none;background-color:var(--color-white);width:100%;height:100%;color:var(--color-primary);cursor:pointer;text-align:left;box-shadow:none;border:0;border-radius:9999px;outline:none;padding:0 2.75rem 0 1.25rem;font-size:1rem;font-weight:600;line-height:1;transition:background-color .2s,opacity .2s}.buy-best-number-filter-select:focus,.buy-best-number-filter-select:focus-visible,.buy-best-number-filter-select:active{box-shadow:none;border:0;outline:none}.buy-best-number-filter-select:disabled{cursor:not-allowed;opacity:.6}.buy-best-number-filter-select-icon{pointer-events:none;color:var(--color-primary);transition:transform .25s;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.buy-best-number-filter-select-wrap--open .buy-best-number-filter-select-icon{transform:translateY(-50%)rotate(180deg)}.buy-best-number-filter-select-dropdown{z-index:9999;background-color:var(--color-white);pointer-events:auto;overscroll-behavior:contain;border-radius:1rem;max-height:min(32rem,75vh);margin:0;padding:.625rem;list-style:none;animation:.22s buy-best-number-select-dropdown-in;overflow-y:auto;box-shadow:0 16px 40px #1520a638}@keyframes buy-best-number-select-dropdown-in{0%{opacity:0;transform:translateY(-.5rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.buy-best-number-filter-select-dropdown--open{opacity:1;visibility:visible}.buy-best-number-filter-select-option{width:100%;color:var(--color-primary);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:.75rem;outline:none;padding:.75rem .875rem;font-size:1rem;font-weight:600;line-height:1.35;transition:background-color .15s,color .15s;display:block}.buy-best-number-filter-select-option:focus-visible{outline:none}.buy-best-number-filter-select-option--selected{background-color:#0467f51a}.buy-best-number-filter-pattern{border:0;flex-wrap:wrap;align-items:center;gap:1rem 1.25rem;min-inline-size:0;margin:0;padding:0;display:flex}.buy-best-number-filter-pattern-label{color:var(--color-white);cursor:pointer;white-space:nowrap;align-items:center;gap:10px;font-size:1rem;font-weight:700;line-height:1.25;display:inline-flex}.buy-best-number-filter-pattern-input{appearance:none;border:3px solid var(--color-white);cursor:pointer;border-radius:50%;flex-shrink:0;width:22px;height:22px;margin:0;transition:background-color .15s,border-color .15s}.buy-best-number-filter-pattern-input:not(:checked){border-color:var(--color-white);background-color:var(--color-white);box-shadow:none}.buy-best-number-filter-pattern-input:checked{border-color:var(--color-white);background-color:var(--color-primary);box-shadow:none}.buy-best-number-filter-pattern-input:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}.buy-best-number-filter-search-row{display:contents}.buy-best-number-filter-search-spacer{display:block}.buy-best-number-filter-search{width:var(--buy-best-number-filter-field-w);height:var(--buy-best-number-filter-field-h);background-color:var(--color-white);z-index:1;border:0;border-radius:9999px;align-items:center;padding-left:1rem;display:flex;position:relative}.buy-best-number-filter-search-input{width:100%;height:100%;color:var(--color-primary);box-shadow:none;background:0 0;border:0;outline:none;padding:0 1rem 0 .5rem;font-size:1rem;font-weight:500;line-height:1}.buy-best-number-filter-search-input:focus,.buy-best-number-filter-search-input:focus-visible{box-shadow:none;outline:none}.buy-best-number-filter-search-input::placeholder{color:#64748b}.buy-best-number-filter-search-button{height:var(--buy-best-number-filter-field-h);background-color:var(--color-white);color:var(--color-primary);cursor:pointer;min-width:7.5rem;box-shadow:none;border:0;border-radius:9999px;outline:none;justify-self:start;padding:0 1.5rem;font-size:1rem;font-weight:700;line-height:1;transition:opacity .2s}.buy-best-number-filter-search-button:focus,.buy-best-number-filter-search-button:focus-visible,.buy-best-number-filter-search-button:active{box-shadow:none;border:0;outline:none}.buy-best-number-filter-search-button:hover{opacity:.9}@media (min-width:1024px){.buy-best-number-filter-panel{min-height:220px}.buy-best-number-filter-controls{padding:44px 32px}.buy-best-number-filter-grid{row-gap:24px}}@media (max-width:767px){.buy-best-number-filter{--buy-best-number-filter-field-w:352px}.buy-best-number-filter-panel{width:100%;min-height:200px}.buy-best-number-filter-controls{padding:32px 24px}.buy-best-number-filter-grid{grid-template-columns:1fr}.buy-best-number-filter-search-spacer{display:none}.buy-best-number-filter-select-wrap,.buy-best-number-filter-search,.buy-best-number-filter-search-button{width:100%}}