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