.checkbox-control{display:inline-flex;position:relative;flex:0 0 auto;vertical-align:middle}.checkbox{appearance:none;width:clamp(18px,2.2vw,20px);height:clamp(18px,2.2vw,20px);border:1.5px solid var(--solid-border);border-radius:var(--card-br-xs-inner-xs);background:rgba(0,0,0,0);cursor:pointer;position:relative;transition:all .2s ease;flex-shrink:0;outline:none;margin:0}.checkbox:checked{background:var(--checkbox-accent,var(--text-color));border-color:var(--checkbox-accent,var(--text-color))}@media(hover:hover)and (pointer:fine){.checkbox:hover:not(:disabled):not(:focus-visible){border-color:var(--solid-border-h)}}.checkbox:checked:before{content:none}.checkbox:focus-visible{outline:2px solid var(--solid-border-focus);outline-offset:2px}.checkbox:disabled{opacity:.4;cursor:not-allowed}.checkbox:active:not(:disabled){transform:scale(.95)}.checkbox-variant-glass{background:var(--glass-bg,transparent);border-color:var(--glass-border,var(--solid-border))}.checkbox-variant-on-glass{background:var(--on-glass-surface-2,transparent);border-color:var(--on-glass-border,var(--solid-border))}.checkbox-icon{position:absolute;inset:0;display:grid;place-items:center;color:var(--on-color);opacity:0;pointer-events:none}.checkbox-icon-visible,.checkbox:checked+.checkbox-icon{opacity:1}.checkbox-xs{width:clamp(14px,1.8vw,16px);height:clamp(14px,1.8vw,16px)}.checkbox-s{width:clamp(16px,2vw,18px);height:clamp(16px,2vw,18px)}.checkbox-m{width:clamp(18px,2.2vw,20px);height:clamp(18px,2.2vw,20px)}.checkbox-l{width:clamp(20px,2.5vw,22px);height:clamp(20px,2.5vw,22px)}.checkbox-xl{width:clamp(22px,2.8vw,26px);height:clamp(22px,2.8vw,26px)}.checkbox-xxl{width:clamp(26px,3.2vw,30px);height:clamp(26px,3.2vw,30px)}.radio{appearance:none;width:clamp(18px,2.2vw,20px);height:clamp(18px,2.2vw,20px);border:1.5px solid var(--solid-border);border-radius:50%;background:rgba(0,0,0,0);cursor:pointer;position:relative;transition:all .2s ease;flex-shrink:0;outline:none;margin:0}.radio:checked{border-color:var(--text-color)}@media(hover:hover)and (pointer:fine){.radio:hover:not(:disabled):not(:focus-visible){border-color:var(--solid-border-h)}}.radio:checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%;border-radius:50%;background:var(--text-color);animation:radio-pop .2s ease}.radio:focus-visible{outline:2px solid var(--solid-border-focus);outline-offset:2px}.radio:disabled{opacity:.4;cursor:not-allowed}.radio:active:not(:disabled){transform:scale(.95)}@keyframes radio-pop{0%{transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}.radio-xs{width:clamp(14px,1.8vw,16px);height:clamp(14px,1.8vw,16px)}.radio-s{width:clamp(16px,2vw,18px);height:clamp(16px,2vw,18px)}.radio-m{width:clamp(18px,2.2vw,20px);height:clamp(18px,2.2vw,20px)}.radio-l{width:clamp(20px,2.5vw,22px);height:clamp(20px,2.5vw,22px)}.radio-xl{width:clamp(22px,2.8vw,26px);height:clamp(22px,2.8vw,26px)}.radio-xxl{width:clamp(26px,3.2vw,30px);height:clamp(26px,3.2vw,30px)}@media(hover:none)and (pointer:coarse){.checkbox:hover:not(:disabled),.radio:hover:not(:disabled){border-color:var(--solid-border)}}.checkbox-wrapper{display:inline-flex;align-items:center;gap:var(--gap-s);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label{color:var(--text-color);font-size:var(--p2-size);line-height:1.2}