.checkbox{cursor:pointer;flex:none;place-items:center;block-size:20px;inline-size:20px;display:inline-grid;position:relative}.checkbox__input{block-size:20px;cursor:inherit;opacity:0;z-index:1;inline-size:20px;margin:0;position:absolute;inset:0}.checkbox__box{background:var(--Base-bg-base,var(--background-base));border:1px solid var(--Border-Brand-default,var(--twl-sem-border-brand-default));border-radius:var(--Radius-xs,var(--twl-radius-xs));box-sizing:border-box;color:var(--Base-on-color,var(--background-on-color));pointer-events:none;justify-content:center;align-items:center;min-block-size:20px;min-inline-size:20px;display:inline-flex}.checkbox__icon{opacity:0;block-size:16px;inline-size:16px}.checkbox:hover .checkbox__input:not(:checked):not(:disabled)+.checkbox__box{background:var(--Background-Brand-subtle,var(--twl-sem-bg-brand-subtle));border-color:var(--Border-Brand-default,var(--twl-sem-border-brand-default))}.checkbox__input:checked+.checkbox__box{background:var(--Icon-Brand-default,var(--twl-sem-icon-brand-default));border-color:var(--Icon-Brand-default,var(--twl-sem-icon-brand-default))}.checkbox:hover .checkbox__input:checked:not(:disabled)+.checkbox__box{background:var(--Icon-Brand-hover,var(--twl-sem-icon-brand-hover));border-color:var(--Icon-Brand-hover,var(--twl-sem-icon-brand-hover))}.checkbox__input:checked+.checkbox__box .checkbox__icon{opacity:1}.checkbox__input:disabled{cursor:not-allowed}.checkbox__input:disabled+.checkbox__box{background:var(--Icon-Brand-disabled,var(--twl-sem-icon-brand-disabled));border-color:var(--Icon-Brand-disabled,var(--twl-sem-icon-brand-disabled))}.checkbox__input:checked:disabled+.checkbox__box{color:var(--Icon-Brand-on-brand-disabled,var(--twl-sem-icon-brand-on-disabled))}.checkbox__input:focus-visible+.checkbox__box{outline:2px solid var(--Border-Brand-focus,var(--twl-sem-border-brand-focus));outline-offset:2px}