@layer components{.checkbox__root{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);border-radius:var(--radius-lg);border-width:var(--border-width-field-width);border-color:var(--color-field-border);overflow:hidden}.checkbox__root--variant-primary{background-color:var(--color-field);box-shadow:var(--shadow-field)}.checkbox__root--variant-secondary{background-color:var(--color-default)}.checkbox__background{position:absolute;inset:0;overflow:hidden}.checkbox__root--is-invalid{border-width:1px;border-color:var(--color-danger)}.checkbox__root--is-selected-false--is-invalid{background-color:#0000}.checkbox__indicator{justify-content:center;align-items:center;position:absolute;inset:0}.checkbox__indicator--is-invalid{background-color:var(--color-danger)}.checkbox__indicator--is-invalid-false{background-color:var(--color-accent)}}