@layer utils.componentPage.componentCommon.componentUiHigh.componentUiMiddle{.lexdp31{overflow:hidden}.lexdp32{flex-wrap:wrap;gap:16px;display:flex}.lexdp35{opacity:0;position:absolute;inset-block-start:0;inset-inline-start:0}.lexdp36{transition:opacity .3s;position:relative}.lexdp36:where(.lexdp36:has(.lexdp35[readonly])){cursor:not-allowed;pointer-events:none}.lexdp36:where(.lexdp36:has(.lexdp35:disabled)){opacity:var(--_1rsd3841);cursor:not-allowed}.lexdp37{grid-template-rows:auto;grid-template-columns:auto 1fr;padding-block:8px;padding-inline:8px 16px;display:grid}.lexdp38{aspect-ratio:1;border-block:2px solid var(--_1rsd382e);border-inline:2px solid var(--_1rsd382e);z-index:1;border-radius:4px;grid-area:1/1/2/2;block-size:auto;inline-size:24px;transition:border-color .3s,background-color .3s;display:block;position:relative}.lexdp38:where(.lexdp36:has(.lexdp35:focus) .lexdp38){border-color:var(--_1rsd3820)}.lexdp38:where(.lexdp36:has(.lexdp35[readonly]) .lexdp38){border-color:var(--_1rsd382e);background-color:var(--_1rsd381q)}.lexdp38:where(.lexdp36:has(.lexdp35:disabled) .lexdp38){border-color:var(--_1rsd382e)}.lexdp38:where(.lexdp36:has(.lexdp35:checked) .lexdp38),.lexdp38:where(.lexdp36:has(.lexdp35:checked:focus) .lexdp38){background-color:var(--_1rsd3810);border-color:var(--_1rsd3820)}.lexdp38:where(.lexdp36:has(.lexdp35[readonly]:checked) .lexdp38){border-color:var(--_1rsd382e);background-color:var(--_1rsd381m)}.lexdp38:where(.lexdp36:has(.lexdp34) .lexdp38){border-color:var(--_1rsd382c)}.lexdp38:where(.lexdp36:has(.lexdp34:checked) .lexdp38),.lexdp38:where(.lexdp36:has(.lexdp34:checked:focus) .lexdp38){background-color:var(--_1rsd381g);border-color:var(--_1rsd382c)}.lexdp39{opacity:0;z-index:2;background-color:var(--_1rsd38y);inline-size:24px;transition:opacity .3s;position:absolute;inset-block-start:-2px;inset-inline-start:-2px}.lexdp39:where(.lexdp36:has(.lexdp35:checked) .lexdp39){opacity:1}.lexdp3a{font-size:1rem;font-weight:var(--_1rsd383y);grid-area:1/2/2/3;margin-inline-start:8px;transition:color .3s;display:block}.lexdp3a:where(.lexdp36:has(.lexdp35[readonly]) .lexdp3a){color:var(--_1rsd38o)}.lexdp3b{font-size:.75rem;font-weight:var(--_1rsd383y);color:var(--_1rsd38m);margin-block-start:4px}.lexdp3c{font-size:clamp(.75rem,.707rem + .19vi,.875rem);font-weight:var(--_1rsd383y);color:var(--_1rsd38i);margin-block-start:4px}.lexdp3d{display:block}@media (any-hover:hover){.lexdp38:where(.lexdp36:has(.lexdp35:hover) .lexdp38){border-color:var(--_1rsd3820)}.lexdp38:where(.lexdp36:has(.lexdp35[readonly]:hover) .lexdp38){border-color:var(--_1rsd382e);background-color:var(--_1rsd381q)}.lexdp38:where(.lexdp36:has(.lexdp35:disabled:hover) .lexdp38){border-color:var(--_1rsd382e)}.lexdp38:where(.lexdp36:has(.lexdp35:checked:hover) .lexdp38){background-color:var(--_1rsd3810);border-color:var(--_1rsd3820)}.lexdp38:where(.lexdp36:has(.lexdp35[readonly]:checked:hover) .lexdp38){border-color:var(--_1rsd382e);background-color:var(--_1rsd381m)}.lexdp38:where(.lexdp36:has(.lexdp34:hover) .lexdp38){border-color:var(--_1rsd382c)}.lexdp38:where(.lexdp36:has(.lexdp34:checked:hover) .lexdp38){background-color:var(--_1rsd381g);border-color:var(--_1rsd382c)}}}