.ui-checkbox{--mask-size: 20px;--label-font-size: var(--font-size-secondary);--padding: var(--spacing-2) var(--spacing-3);--column-gap: var(--spacing-3);display:flex;cursor:pointer;column-gap:var(--column-gap)}.ui-checkbox--small{--mask-size: 16px;--label-font-size: var(--font-size-tertiary);--padding: var(--spacing-1) var(--spacing-2);--column-gap: var(--spacing-2)}.ui-checkbox__mask{width:var(--mask-size);height:var(--mask-size);position:relative;display:flex;align-items:center;justify-content:center;color:var(--color-base-white)}.ui-checkbox__mask:before{content:"";height:100%;width:100%;background-color:var(--color-base-white);border:1px solid;border-color:var(--color-gray-400);transition:all .15s linear;position:relative;z-index:1;border-radius:2px}.ui-checkbox__mask svg{position:absolute;z-index:2;transition:all .15s linear;transform:scale(0);opacity:0}.ui-checkbox__label{color:var(--color-base-black);font-size:var(--label-font-size);font-weight:var(--font-weight-medium);font-family:var(--font-primary)}.ui-checkbox__input{position:absolute;width:0;height:0;opacity:0;z-index:0}.ui-checkbox__input:checked~.ui-checkbox__mask:before{background-color:var(--color-primary-500);border:1px solid;border-color:var(--color-primary-500)}.ui-checkbox__input:checked~.ui-checkbox__mask svg{transition-delay:.1s;transform:scale(1);opacity:1}.ui-checkbox--secondary{border:1px solid var(--color-gray-400);border-radius:8px;padding:var(--padding);background-color:var(--color-base-white);align-items:center}