.checkbox{--checkbox-indicator-size: var(--size-2-5);--icon-size: var(--checkecbox-indicator-size);display:flex;align-items:center;justify-content:flex-start;gap:var(--size-1);position:relative;cursor:pointer}.checkbox[data-disabled=true],.checkbox[data-readonly=true]{pointer-events:none}.checkbox[data-disabled=true]{opacity:var(--opacity-50)}.checkbox[data-appearance=card]{background-color:var(--color-surface-00);border:var(--border);border-radius:var(--radius-lg);padding:var(--size-1-5)}.checkbox[data-appearance=divider]{border-block-start:var(--border);padding-block:var(--size-2)}.checkbox .checkbox-indicator{color:var(--color-border-input);box-sizing:border-box;height:var(--checkbox-indicator-size);width:var(--checkbox-indicator-size);outline-style:solid;outline-color:transparent;transition:outline-color .25s;position:relative;border-radius:var(--radius-sm)}[data-intent=success] :is(.checkbox .checkbox-indicator){color:var(--color-text-positive)}[data-intent=error] :is(.checkbox .checkbox-indicator){color:var(--color-text-negative)}.checkbox .checkbox-indicator:before,.checkbox .checkbox-indicator:after{content:"";position:absolute;height:calc(var(--checkbox-indicator-size) * 1.75);width:calc(var(--checkbox-indicator-size) * 1.75);background-color:var(--color-surface-10);top:50%;left:50%;z-index:var(--z-0);border-radius:var(--radius-full);transform:translate(-50%,-50%) scale(0);opacity:var(--opacity-0)}.checkbox .checkbox-indicator:after{opacity:var(--opacity-50);animation-name:checkbox-ripple-out;animation-duration:1s;visibility:hidden}.checkbox .checkbox-indicator>*{position:relative;z-index:var(--z-10)}.checkbox>input{border:0px;clip:rect(0px,0px,0px,0px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;overflow-wrap:normal}.checkbox>input:focus-visible+.checkbox-indicator{outline-width:var(--a11y-outline-width);outline-color:var(--a11y-outline-color)}.checkbox>input:hover+.checkbox-indicator:after,.checkbox>input:focus+.checkbox-indicator:after{visibility:visible}.checkbox>input:checked+.checkbox-indicator{color:var(--color-interactive-info)}.checkbox>input:checked+.checkbox-indicator:after{animation-name:checkbox-ripple-in}@media (hover: hover){.checkbox .checkbox-indicator:before{transition-property:transform,opacity;transition-duration:var(--duration-short)}.checkbox:hover .checkbox-indicator:before{transform:translate(-50%,-50%) scale(1);opacity:var(--opacity-100)}}@keyframes checkbox-ripple-in{0%{transform:translate(-50%,-50%) scale(0);opacity:var(--opacity-100)}20%{transform:translate(-50%,-50%) scale(.99);opacity:var(--opacity-100)}to{opacity:var(--opacity-0);transform:translate(-50%,-50%) scale(1)}}@keyframes checkbox-ripple-out{0%{transform:translate(-50%,-50%) scale(0);opacity:var(--opacity-100)}20%{transform:translate(-50%,-50%) scale(.99);opacity:var(--opacity-100)}to{opacity:var(--opacity-0);transform:translate(-50%,-50%) scale(1)}}@media (min-width: 768px){:root{--font-size-display-xs: var(--font-size-md);--font-size-display-sm: var(--font-size-xl);--font-size-display-md: var(--font-size-3xl);--font-size-display-lg: var(--font-size-5xl);--font-size-display-xl: var(--font-size-7xl);--font-size-display-2xl: var(--font-size-10xl);--space-1: var(--size-1);--space-2: var(--size-2);--space-3: var(--size-3);--space-4: var(--size-4);--space-5: var(--size-5);--space-6: var(--size-6);--space-8: var(--size-8);--space-10: var(--size-10);--space-12: var(--size-12);--space-14: var(--size-14);--space-16: var(--size-16);--space-18: var(--size-18);--space-20: var(--size-20);--space-30: var(--size-30);--space-40: var(--size-40)}}