@layer utils.componentPage.componentCommon.componentUiHigh.componentUiMiddle{._2qpuk11{overflow:hidden}._2qpuk12{flex-wrap:wrap;gap:16px;display:flex}._2qpuk15{opacity:0;position:absolute;inset-block-start:0;inset-inline-start:0}._2qpuk16{transition:opacity .3s;position:relative}._2qpuk16:where(._2qpuk16:has(._2qpuk15[readonly])){cursor:not-allowed;pointer-events:none}._2qpuk16:where(._2qpuk16:has(._2qpuk15:disabled)){opacity:var(--_1rsd3841);cursor:not-allowed}._2qpuk17{grid-template-rows:auto;grid-template-columns:auto 1fr;padding-block:8px;padding-inline:8px 16px;display:grid}._2qpuk18{aspect-ratio:1;border-block:2px solid var(--_1rsd382e);border-inline:2px solid var(--_1rsd382e);border-radius:3.40282e38px;grid-area:1/1/2/2;justify-content:center;align-items:center;block-size:auto;inline-size:24px;transition:border-color .3s;display:flex;position:relative}._2qpuk18:where(._2qpuk16:has(._2qpuk15:focus) ._2qpuk18){border-color:var(--_1rsd3820)}._2qpuk18:where(._2qpuk16:has(._2qpuk15[readonly]) ._2qpuk18){border-color:var(--_1rsd382e);background-color:var(--_1rsd381q)}._2qpuk18:where(._2qpuk16:has(._2qpuk15:disabled) ._2qpuk18){border-color:var(--_1rsd382e)}._2qpuk18:where(._2qpuk16:has(._2qpuk15:checked) ._2qpuk18),._2qpuk18:where(._2qpuk16:has(._2qpuk15:checked:focus) ._2qpuk18){border-color:var(--_1rsd3820)}._2qpuk18:where(._2qpuk16:has(._2qpuk15[readonly]:checked) ._2qpuk18){border-color:var(--_1rsd382e);background-color:var(--_1rsd381q)}._2qpuk18:where(._2qpuk16:has(._2qpuk14) ._2qpuk18),._2qpuk18:where(._2qpuk16:has(._2qpuk14:checked) ._2qpuk18),._2qpuk18:where(._2qpuk16:has(._2qpuk14:checked:focus) ._2qpuk18){border-color:var(--_1rsd382c)}._2qpuk19{opacity:0;aspect-ratio:1;background-color:var(--_1rsd3810);border-radius:3.40282e38px;block-size:auto;inline-size:16px;transition:opacity .3s,background-color .3s}._2qpuk19:where(._2qpuk16:has(._2qpuk15:checked) ._2qpuk19){opacity:1}._2qpuk19:where(._2qpuk16:has(._2qpuk15[readonly]) ._2qpuk19){background-color:var(--_1rsd381m)}._2qpuk19:where(._2qpuk16:has(._2qpuk14) ._2qpuk19){background-color:var(--_1rsd381g)}._2qpuk1a{font-size:1rem;font-weight:var(--_1rsd383y);grid-area:1/2/2/3;margin-inline-start:8px;transition:color .3s;display:block}._2qpuk1a:where(._2qpuk16:has(._2qpuk15[readonly]) ._2qpuk1a){color:var(--_1rsd38o)}._2qpuk1b{font-size:.75rem;font-weight:var(--_1rsd383y);color:var(--_1rsd38m);margin-block-start:4px}._2qpuk1c{font-size:clamp(.75rem,.707rem + .19vi,.875rem);font-weight:var(--_1rsd383y);color:var(--_1rsd38i);margin-block-start:4px}._2qpuk1d{display:block}@media (any-hover:hover){._2qpuk18:where(._2qpuk16:has(._2qpuk15:hover) ._2qpuk18){border-color:var(--_1rsd3820)}._2qpuk18:where(._2qpuk16:has(._2qpuk15[readonly]:hover) ._2qpuk18){border-color:var(--_1rsd382e);background-color:var(--_1rsd381q)}._2qpuk18:where(._2qpuk16:has(._2qpuk15:disabled:hover) ._2qpuk18){border-color:var(--_1rsd382e)}._2qpuk18:where(._2qpuk16:has(._2qpuk15:checked:hover) ._2qpuk18){border-color:var(--_1rsd3820)}._2qpuk18:where(._2qpuk16:has(._2qpuk15[readonly]:checked:hover) ._2qpuk18){border-color:var(--_1rsd382e);background-color:var(--_1rsd381q)}._2qpuk18:where(._2qpuk16:has(._2qpuk14:hover) ._2qpuk18),._2qpuk18:where(._2qpuk16:has(._2qpuk14:checked:hover) ._2qpuk18){border-color:var(--_1rsd382c)}._2qpuk19:where(._2qpuk16:has(._2qpuk14:hover) ._2qpuk19),._2qpuk19:where(._2qpuk16:has(._2qpuk14:checked:hover) ._2qpuk19){background-color:var(--_1rsd381g)}}}