.ds-check{position:relative;display:inline-flex;align-items:flex-start;gap:var(--ds-space-2);cursor:pointer;font-size:var(--ds-text-ui);line-height:var(--ds-leading-snug);color:var(--ds-text);-webkit-tap-highlight-color:transparent}.ds-check__input{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;pointer-events:none}.ds-check__box{position:relative;display:inline-grid;place-items:center;flex:none;width:18px;height:18px;margin-top:1px;border-radius:var(--ds-radius-xs);box-sizing:border-box;transition:background-color var(--ds-dur-fast) var(--ds-ease-enter),border-color var(--ds-dur-fast) var(--ds-ease-enter),box-shadow var(--ds-dur-fast) var(--ds-ease-enter)}.ds-check__box--radio{border-radius:var(--ds-radius-full)}.ds-check__mark{width:12px;height:12px;opacity:0;transform:scale(.6);transition:transform var(--ds-dur-fast) var(--ds-ease-enter),opacity var(--ds-dur-fast) var(--ds-ease-enter)}.ds-check__mark--dot{height:8px}.ds-check__mark--bar,.ds-check__mark--dot{width:8px;border-radius:var(--ds-radius-full);background:currentColor}.ds-check__mark--bar{height:2px}.ds-check--checkbox .ds-check__input:indeterminate~.ds-check__box .ds-check__mark,.ds-check__input:checked~.ds-check__box .ds-check__mark{opacity:1;transform:scale(1)}.ds-check__input:focus-visible~.ds-check__box{outline:2px solid var(--ds-focus);outline-offset:var(--ds-focus-offset)}.ds-check:active:not(.is-disabled) .ds-check__box{transform:scale(var(--ds-scale-press))}.ds-check__text{display:grid;grid-gap:2px;gap:2px}.ds-check__hint{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.ds-check.is-disabled{cursor:not-allowed;color:var(--ds-text-muted)}.ds-check.is-disabled .ds-check__box{opacity:.5}.ds-check__box{background:var(--ds-surface-raised);border:1px solid var(--ds-border-strong);color:var(--ds-cta-fg)}.ds-check:hover:not(.is-disabled) .ds-check__box{border-color:var(--ds-text-muted)}.ds-check--checkbox .ds-check__input:indeterminate~.ds-check__box,.ds-check__input:checked~.ds-check__box{background:var(--ds-cta);border-color:var(--ds-cta)}.ds-check.is-invalid .ds-check__box{border-color:var(--ds-danger)}@media (prefers-reduced-motion:reduce){.ds-check__box,.ds-check__mark{transition-duration:0s}.ds-check:active:not(.is-disabled) .ds-check__box{transform:none}}