:is([type=checkbox],.control-checkbox,[type=radio],.control-radio,.control-switch){position:relative;display:inline-flex;justify-content:flex-end;align-items:center;flex-shrink:0;width:var(--control-width, 1em);height:var(--control-height, 1em);margin:var(--form-margin, 0);padding:0;border-radius:var(--control-radius, 0.25rem);border:var(--control-border-width, 1px) var(--control-border-style, solid) var(--control-stroke, currentcolor);background:var(--control-bg, transparent) center/contain no-repeat;color:var(--control-color, inherit);-webkit-appearance:none;appearance:none;cursor:pointer}:is([type=checkbox],.control-checkbox,[type=radio],.control-radio,.control-switch)::before{content:"";position:absolute;inset:0;background-color:currentcolor;-webkit-mask-image:var(--control-icon);mask-image:var(--control-icon);-webkit-mask-size:var(--control-icon-size, contain);mask-size:var(--control-icon-size, contain);-webkit-mask-position:var(--control-icon-position, center);mask-position:var(--control-icon-position, center);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:-webkit-mask-position .15s ease,mask-position .15s ease}:is([type=checkbox],.control-checkbox,[type=radio],.control-radio,.control-switch):focus{box-shadow:var(--control-focus-shadow, 0 0 0 0.2rem var(--color-theme-fade, rgba(21, 101, 193, 0.2)));outline:0}:is([type=checkbox],.control-checkbox,[type=radio],.control-radio,.control-switch):is(:checked,.is-active){border-color:var(--control-checked-stroke, var(--color-theme, #1565c1));background-color:var(--control-checked-bg, var(--color-theme, #1565c1));color:var(--control-checked-color, var(--color-on-theme, #fff))}:is([type=checkbox],.control-checkbox,[type=radio],.control-radio,.control-switch):is(:checked,.is-active)::before{-webkit-mask-image:var(--control-checked-icon);mask-image:var(--control-checked-icon)}:is([type=checkbox],.control-checkbox,[type=radio],.control-radio,.control-switch):is(:disabled,.is-disabled){border-style:var(--control-disabled-border-style, dashed);box-shadow:none;opacity:var(--control-disabled-opacity, 0.7);pointer-events:none}[type=checkbox],.control-checkbox{--control-icon: url("#");--control-checked-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E")}[type=checkbox]:indeterminate{--control-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");border-color:var(--control-checked-stroke, var(--color-theme, #1565c1));background-color:var(--control-checked-bg, var(--color-theme, #1565c1));color:var(--control-checked-color, var(--color-on-theme, #fff))}[type=radio],.control-radio{--control-radius: 50%;--control-icon: url("#");--control-checked-icon: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='4'/%3e%3c/svg%3e")}.control-switch{--control-icon: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='5'/%3e%3c/svg%3e");--control-width: 1.75em;--control-height: 1em;--control-radius: 3rem;--control-icon-position: left center;--control-checked-icon: var(--control-icon)}.control-switch:is(:checked,.is-active){--control-icon-position: right center}[dir=rtl] .control-switch,.control-switch[dir=rtl]{--control-icon-position: right center}[dir=rtl] .control-switch:is(:checked,.is-active),.control-switch[dir=rtl]:is(:checked,.is-active){--control-icon-position: left center}