.checkbox{--checkbox-indicator-size:var(--size-2-5);--icon-size:var(--checkecbox-indicator-size);justify-content:flex-start;align-items:center;gap:var(--size-1);cursor:pointer;display:flex;position:relative}.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);border-radius:var(--radius-sm);outline-style:solid;outline-color:#0000;transition:outline-color .25s;position:relative}[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:"";height:calc(var(--checkbox-indicator-size) * 1.75);width:calc(var(--checkbox-indicator-size) * 1.75);background-color:var(--color-surface-10);z-index:var(--z-0);border-radius:var(--radius-full);opacity:var(--opacity-0);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.checkbox .checkbox-indicator:after{opacity:var(--opacity-50);visibility:hidden;animation-name:checkbox-ripple-out;animation-duration:1s}.checkbox .checkbox-indicator>*{z-index:var(--z-10);position:relative}.checkbox>input{clip-path:inset(50%);white-space:nowrap;overflow-wrap:normal;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.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{opacity:var(--opacity-100);transform:translate(-50%,-50%)scale(1)}}@keyframes checkbox-ripple-in{0%{opacity:var(--opacity-100);transform:translate(-50%,-50%)scale(0)}20%{opacity:var(--opacity-100);transform:translate(-50%,-50%)scale(.99)}to{opacity:var(--opacity-0);transform:translate(-50%,-50%)scale(1)}}@keyframes checkbox-ripple-out{0%{opacity:var(--opacity-100);transform:translate(-50%,-50%)scale(0)}20%{opacity:var(--opacity-100);transform:translate(-50%,-50%)scale(.99)}to{opacity:var(--opacity-0);transform:translate(-50%,-50%)scale(1)}}@media (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)}}