@layer utils.componentPage.componentCommon.componentUiHigh.componentUiMiddle;@layer utils.componentPage.componentCommon.componentUiHigh.componentUiMiddle{.n0g4fr1{overflow:hidden}.n0g4fr2{display:flex;flex-wrap:wrap;gap:16px}.n0g4fr5{inset-block-start:0;inset-inline-start:0;opacity:0;position:absolute}.n0g4fr6{position:relative;transition:.3s opacity}.n0g4fr6:where(.n0g4fr6:has(.n0g4fr5[readonly])){cursor:not-allowed;pointer-events:none}.n0g4fr6:where(.n0g4fr6:has(.n0g4fr5:disabled)){opacity:var(--_198iea93t);cursor:not-allowed}.n0g4fr7{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto;padding-block:8px;padding-inline:8px 16px}.n0g4fr8{grid-column:1 / 2;grid-row:1 / 2;aspect-ratio:1 / 1;border-block:2px solid var(--_198iea92c);border-inline:2px solid var(--_198iea92c);border-radius:4px;display:block;inline-size:24px;block-size:auto;position:relative;z-index:1;transition:.3s border-color,.3s background-color}.n0g4fr8:where(.n0g4fr6:has(.n0g4fr5:focus) .n0g4fr8){border-color:var(--_198iea91y)}.n0g4fr8:where(.n0g4fr6:has(.n0g4fr5[readonly]) .n0g4fr8){border-color:var(--_198iea92c);background-color:var(--_198iea91q)}.n0g4fr8:where(.n0g4fr6:has(.n0g4fr5:disabled) .n0g4fr8){border-color:var(--_198iea92c)}.n0g4fr8:where(.n0g4fr6:has(.n0g4fr5:checked) .n0g4fr8){background-color:var(--_198iea910);border-color:var(--_198iea91y)}.n0g4fr8:where(.n0g4fr6:has(.n0g4fr5:checked:focus) .n0g4fr8){background-color:var(--_198iea910);border-color:var(--_198iea91y)}.n0g4fr8:where(.n0g4fr6:has(.n0g4fr5[readonly]:checked) .n0g4fr8){border-color:var(--_198iea92c);background-color:var(--_198iea91m)}.n0g4fr8:where(.n0g4fr6:has(.n0g4fr4) .n0g4fr8){border-color:var(--_198iea92a)}.n0g4fr8:where(.n0g4fr6:has(.n0g4fr4:checked) .n0g4fr8){background-color:var(--_198iea91g);border-color:var(--_198iea92a)}.n0g4fr8:where(.n0g4fr6:has(.n0g4fr4:checked:focus) .n0g4fr8){background-color:var(--_198iea91g);border-color:var(--_198iea92a)}.n0g4fr9{inset-block-start:-2px;inset-inline-start:-2px;opacity:0;position:absolute;inline-size:24px;z-index:2;background-color:var(--_198iea9y);transition:.3s opacity}.n0g4fr9:where(.n0g4fr6:has(.n0g4fr5:checked) .n0g4fr9){opacity:1}.n0g4fra{display:block;grid-column:2 / 3;grid-row:1 / 2;margin-inline-start:8px;font-size:1rem;font-weight:var(--_198iea93q);transition:.3s color}.n0g4fra:where(.n0g4fr6:has(.n0g4fr5[readonly]) .n0g4fra){color:var(--_198iea9o)}.n0g4frb{font-size:.75rem;font-weight:var(--_198iea93q);margin-block-start:4px;color:var(--_198iea9m)}.n0g4frc{font-size:clamp(.75rem,.707rem + .19vi,.875rem);font-weight:var(--_198iea93q);margin-block-start:4px;color:var(--_198iea9i)}.n0g4frd{display:block}@media (any-hover: hover){.n0g4fr8:where(.n0g4fr6:has(.n0g4fr5:hover) .n0g4fr8){border-color:var(--_198iea91y)}.n0g4fr8:where(.n0g4fr6:has(.n0g4fr5[readonly]:hover) .n0g4fr8){border-color:var(--_198iea92c);background-color:var(--_198iea91q)}.n0g4fr8:where(.n0g4fr6:has(.n0g4fr5:disabled:hover) .n0g4fr8){border-color:var(--_198iea92c)}.n0g4fr8:where(.n0g4fr6:has(.n0g4fr5:checked:hover) .n0g4fr8){background-color:var(--_198iea910);border-color:var(--_198iea91y)}.n0g4fr8:where(.n0g4fr6:has(.n0g4fr5[readonly]:checked:hover) .n0g4fr8){border-color:var(--_198iea92c);background-color:var(--_198iea91m)}.n0g4fr8:where(.n0g4fr6:has(.n0g4fr4:hover) .n0g4fr8){border-color:var(--_198iea92a)}.n0g4fr8:where(.n0g4fr6:has(.n0g4fr4:checked:hover) .n0g4fr8){background-color:var(--_198iea91g);border-color:var(--_198iea92a)}}}