.checkbox{display:flex;cursor:pointer;align-items:flex-start;gap:.75rem;border-radius:calc(var(--radius) - 2px);padding:.5rem;font-size:.75rem;line-height:1.75rem;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.checkbox--invalid{box-shadow:0 0 0 2px rgba(239,68,68,.75)}.checkbox__control{position:relative;margin-top:.375rem;display:grid;height:1.25rem;width:1.25rem;flex-shrink:0;place-items:center}.checkbox__input{height:1.25rem;width:1.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;border-width:1px;border-color:hsl(var(--input));background-color:hsl(var(--background));box-shadow:0 1px 2px 0 rgba(0,0,0,.05);outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.checkbox__input:checked{border-color:hsl(var(--primary-border));background-color:hsl(var(--primary))}.checkbox__input:focus-visible{box-shadow:0 0 0 3px hsl(var(--primary)/.28)}.checkbox__checkmark{pointer-events:none;position:absolute;height:.875rem;width:.875rem;transform:scaleX(.75) scaleY(.75);color:hsl(var(--primary-foreground));opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.checkbox__input:checked~.checkbox__checkmark{transform:none;opacity:1}.checkbox__label{line-height:1.5rem}