@layer vapor.components{.zkm0pt1{--zkm0pt0:0.0625rem;position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;gap:var(--vapor-size-space-100);border:var(--zkm0pt0) solid var(--vapor-color-border-normal);border-radius:9999px;background-color:var(--vapor-color-background-canvas-100);cursor:pointer;padding:var(--vapor-size-space-000)}.zkm0pt1[data-checked]{background-color:var(--vapor-color-background-primary-200)}.zkm0pt1[data-disabled]:before{opacity:0}.zkm0pt1[data-disabled]{opacity:.32;pointer-events:none}.zkm0pt1[data-readonly]{background-color:var(--vapor-color-gray-200)}.zkm0pt1[data-readonly]:active:before{opacity:.08}.zkm0pt1[data-invalid]{border-color:var(--vapor-color-border-danger)}.zkm0pt2{width:var(--vapor-size-dimension-200);height:var(--vapor-size-dimension-200)}.zkm0pt3{width:var(--vapor-size-dimension-300);height:var(--vapor-size-dimension-300)}.zkm0pt9{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:none;border-radius:9999px;background-color:var(--vapor-color-white);width:calc(50% - var(--zkm0pt0));height:calc(50% - var(--zkm0pt0))}.zkm0pt9[data-readonly]{background-color:var(--vapor-color-foreground-hint-100)}}