@layer utils.componentPage.componentCommon.componentUiHigh.componentUiMiddle{._1py3d2b2{grid-template-columns:repeat(1,1fr);gap:16px;display:grid}._1py3d2b5{opacity:0;position:absolute;inset-block-start:0;inset-inline-start:0}._1py3d2b6{transition:opacity .3s;position:relative}._1py3d2b6:where(._1py3d2b6:has(._1py3d2b5:disabled)){opacity:var(--_1rsd3841);cursor:not-allowed}._1py3d2b7{grid-template-rows:auto;grid-template-columns:1fr auto;padding-block:8px;padding-inline:16px;display:grid}._1py3d2b8{background-color:var(--_1rsd381o);border-radius:3.40282e38px;grid-area:1/2/2/3;block-size:12px;inline-size:44px;transition:background-color .3s;display:block;position:relative}._1py3d2b8:where(._1py3d2b6:has(._1py3d2b5:focus) ._1py3d2b8){background-color:var(--_1rsd3814)}._1py3d2b8:where(._1py3d2b6:has(._1py3d2b5:disabled) ._1py3d2b8){background-color:var(--_1rsd382g)}._1py3d2b8:where(._1py3d2b6:has(._1py3d2b5:checked) ._1py3d2b8),._1py3d2b8:where(._1py3d2b6:has(._1py3d2b5:checked:focus) ._1py3d2b8){background-color:var(--_1rsd3810)}._1py3d2b8:where(._1py3d2b6:has(._1py3d2b4) ._1py3d2b8){background-color:var(--_1rsd381i)}._1py3d2b8:where(._1py3d2b6:has(._1py3d2b4:checked) ._1py3d2b8),._1py3d2b8:where(._1py3d2b6:has(._1py3d2b4:checked:focus) ._1py3d2b8){background-color:var(--_1rsd381g)}._1py3d2b9{aspect-ratio:1;background-color:var(--_1rsd381m);block-size:auto;inline-size:24px;box-shadow:var(--_1rsd383p);border-radius:3.40282e38px;transition:opacity .3s,inset-inline-start .3s;position:absolute;inset-block-start:50%;inset-inline-start:-1px;translate:0 -50%}._1py3d2b9:where(._1py3d2b6:has(._1py3d2b5:checked) ._1py3d2b9){inset-inline-start:calc(100% - 23px)}._1py3d2ba{font-size:1rem;font-weight:var(--_1rsd383y);grid-area:1/1/2/2;margin-block-start:-4px;margin-inline-end:8px;display:block}._1py3d2bb{font-size:.75rem;font-weight:var(--_1rsd383y);color:var(--_1rsd38o);margin-block-start:4px}._1py3d2bc{font-size:clamp(.75rem,.707rem + .19vi,.875rem);font-weight:var(--_1rsd383y);color:var(--_1rsd38i);margin-block-start:4px}._1py3d2bd{display:block}@media (any-hover:hover){._1py3d2b8:where(._1py3d2b6:has(._1py3d2b5:hover) ._1py3d2b8){background-color:var(--_1rsd3814)}._1py3d2b8:where(._1py3d2b6:has(._1py3d2b5:disabled:hover) ._1py3d2b8){background-color:var(--_1rsd381o)}._1py3d2b8:where(._1py3d2b6:has(._1py3d2b5:checked:hover) ._1py3d2b8){background-color:var(--_1rsd3810)}._1py3d2b8:where(._1py3d2b6:has(._1py3d2b4:hover) ._1py3d2b8){background-color:var(--_1rsd381i)}._1py3d2b8:where(._1py3d2b6:has(._1py3d2b4:checked:hover) ._1py3d2b8){background-color:var(--_1rsd381g)}}}