@layer components{.input-checkbox-radio{--_transition-duration:var(--input-checkbox-transition-duration,var(--theme-form-transition-duration));display:grid;grid-template-areas:"element-stack";place-content:center;background-color:var(--input-checkbox-surface,var(--theme-checkbox-symbol-surface));border:.1rem solid var(--input-checkbox-border,var(--theme-border));border-radius:var(--form-input-border-radius);outline:var(--form-element-outline-width) solid transparent;height:var(--input-checked-element-size);width:var(--input-checked-element-size);flex-shrink:0;transition:all var(--_transition-duration) ease-in-out}.input-checkbox-radio[data-type=checkbox][data-input-variant=underlined]{border-radius:0}.input-checkbox-radio[data-type=checkbox][data-button][data-display-as-disc],.input-checkbox-radio[data-type=radio]{border-radius:100vw}.input-checkbox-radio:not([data-button]){box-shadow:0 0 0 var(--form-element-shadow-width) var(--input-checkbox-shadow,var(--form-element-shadow-colour,var(--colour-theme-2)))}.input-checkbox-radio:not([data-button]):has(input:hover){outline-color:var(--input-checkbox-border-hover,var(--input-checkbox-border,var(--theme-border)))}.input-checkbox-radio:not([data-button]):has(input:focus-visible){outline:var(--form-element-outline-width-focus) solid var(--input-checkbox-border-focus,var(--theme-border-focus));outline-offset:var(--form-element-outline-offset-focus)}.input-checkbox-radio .input-checkbox-radio-icon-slot{grid-area:element-stack;display:grid;place-content:center;opacity:0;transition:opacity var(--_transition-duration) ease-in-out}.input-checkbox-radio .input-checkbox-radio-icon-slot .icon,.input-checkbox-radio .input-checkbox-radio-icon-slot .input-checkbox-radio-icon{color:var(--input-checkbox-icon-color,var(--theme-text));font-size:var(--_icon-size,var(--input-checked-icon-size))}.input-checkbox-radio:has(input:checked) .input-checkbox-radio-icon-slot{opacity:1}.input-checkbox-radio .input-checkbox-radio-input{touch-action:manipulation;grid-area:element-stack;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;overflow:hidden;opacity:0;cursor:pointer;height:var(--input-checked-element-size);width:var(--input-checked-element-size)}@media(prefers-reduced-motion:reduce){.input-checkbox-radio,.input-checkbox-radio .input-checkbox-radio-icon-slot{transition:none}}}@layer components{.input-checkbox-radio-field{display:flex;align-items:center;gap:var(--input-checked-icon-gap);min-height:var(--input-min-height);-webkit-user-select:none;-moz-user-select:none;user-select:none;min-inline-size:0}.input-checkbox-radio-field .input-checkbox-radio-field-label{display:flex;flex:1;align-items:center;min-inline-size:0;overflow-wrap:anywhere;color:var(--input-checkbox-label-color,inherit);padding-block:var(--input-checkbox-label-padding-block);padding-inline:var(--input-checkbox-label-padding-inline);cursor:pointer}}
