.check{--size:14px;transition:color var(--animation-duration) ease}.check--medium{--size:20px}.check--large{--size:24px}.check:has(:disabled){cursor:not-allowed}.check:has(:checked) .check__base{background-color:var(--primary);border-color:var(--primary)}.check:has(:checked) .check__base:after{opacity:1}.check:has(:disabled) .check__base{border-color:var(--text-secondary);background-color:var(--text-secondary)}.check:has(:disabled){color:var(--text-secondary)}@media (any-hover:hover){.check:not(:has(:disabled)):hover{color:var(--text-primary)}.check:not(:has(:disabled,:checked)):hover .check__base{border-color:var(--text-primary)}.check:has(:checked):not(:has(:disabled)) .check__base:hover{background-color:var(--primary);border-color:var(--primary)}}.check__base{width:var(--size);flex:0 0 var(--size);aspect-ratio:1;border-radius:20%;background-color:var(--white);border:2px solid var(--text-secondary);transition:background-color var(--animation-duration) ease,border-color var(--animation-duration) ease}.check__base:after{content:"";position:absolute;top:0;left:0;border-radius:20%;height:70%;width:70%;translate:21% 21%;background-color:var(--white);opacity:0;transition:opacity var(--animation-duration) ease}