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