@layer components{:root{--c-option--base:var(--base);--c-option--border-radius:var(--border-radius);--c-option--color--primary:var(--color--primary);--c-option--color--surface:var(--color--surface);--c-option--color--danger:var(--color--danger);--c-option--color--success:var(--color--success);--c-option--font-size-100:var(--font-size-100);--c-option--color--surface-contrast:var(--color--surface-contrast);--c-option--color--danger-contrast:var(--color--danger-contrast)}.c-option{--c-option--font-size-btn-sm:0.775rem;--c-option--font-size-btn-md:var(--c-option--font-size-100,var(--font-size-100));--c-option--color--disabled:var(--c-option--color--surface-muted,var(--color--surface-muted))}.c-option.c-option__checkbox :focus-visible+label{outline:2px solid var(--color--focus,var(--color-focus-outline,#4d90fe));outline-offset:2px}.c-option.c-option__checkbox{width:100%}.c-option.c-option__checkbox .c-option__checkbox--label-box{align-self:center;background-color:var(--c-option--color--surface,var(--inherit-color-background,var(--c-option--color--surface-default,var(--color--surface))));border:2px solid var(--c-option--color--primary,var(--color--primary));border-radius:calc((var(--c-option--border-radius, var(--border-radius)))*var(--base)*.25);cursor:pointer;height:18px;position:relative;width:18px}.c-option.c-option__checkbox .c-option__checkbox--hidden-box:checked:disabled+.c-option__checkbox--label .c-option__checkbox--label-box,.c-option.c-option__checkbox .c-option__checkbox--hidden-box:checked:disabled+.c-option__checkbox--label .c-option__radio--label-box,.c-option.c-option__checkbox.is-disabled .c-option__checkbox--hidden-box:checked+.c-option__checkbox--label .c-option__checkbox--label-box,.c-option.c-option__checkbox.is-disabled .c-option__checkbox--hidden-box:checked+.c-option__checkbox--label .c-option__radio--label-box{background:var(--c-option--color--disabled);border-color:var(--c-option--color--disabled)}.c-option.c-option__checkbox .c-option__checkbox--hidden-box:checked+.c-option__checkbox--label .c-option__checkbox--label-text{color:var(--c-option--color--surface-contrast,var(--inherit-color-contrast,var(--c-option--color--surface-contrast-default,var(--color--surface-contrast))));font-style:normal;font-weight:var(--font-weight-normal,400)}.c-option.c-option__checkbox .c-option__checkbox--hidden-box:checked+.c-option__checkbox--label .c-option__checkbox--label-box{background:var(--c-option--color--primary,var(--color--primary))}.c-option.c-option__checkbox .c-option__checkbox--hidden-box:checked+.c-option__checkbox--label .c-option__checkbox--label-box:after{border:solid var(--c-option--color--surface,var(--inherit-color-background,var(--c-option--color--surface-default,var(--color--surface))));border-width:0 2px 2px 0;content:"";display:block;height:11px;left:4px;position:absolute;top:-2px;transform:rotate(45deg);width:5px}.c-option.c-option__checkbox.c-option--sm .c-option__checkbox--label-text{font-size:var(--c-option--font-size-btn-sm);line-height:var(--c-option--font-size-btn-sm)}.c-option.c-option__checkbox.c-option--sm .c-option__checkbox--label-box{height:16px;width:16px}.c-option.c-option__checkbox.c-option--sm .c-option__checkbox--hidden-box:checked+.c-option__checkbox--label .c-option__checkbox--label-box:after{height:9px;top:-1px;width:3px}.c-option__radio :focus-visible+label{outline:2px solid var(--color--focus,var(--color-focus-outline,#4d90fe));outline-offset:2px}.c-option__radio .c-option__radio--label-box{align-self:center;background-color:var(--c-option--color--surface,var(--inherit-color-background,var(--c-option--color--surface-default,var(--color--surface))));border:2px solid var(--c-option--color--primary,var(--color--primary));border-radius:50%;cursor:pointer;height:20px;position:relative;width:20px}.c-option__radio .c-option__radio--hidden-box:checked+.c-option__radio--label .c-option__radio--label-text{color:var(--c-option--color--surface-contrast,var(--inherit-color-contrast,var(--c-option--color--surface-contrast-default,var(--color--surface-contrast))));font-style:normal;font-weight:var(--font-weight-medium,500)}.c-option__radio .c-option__radio--hidden-box:checked+.c-option__radio--label .c-option__radio--label-box:after{animation:pop-in .15s;background-color:var(--c-option--color--primary,var(--color--primary));border-radius:50%;content:"";display:block;height:10px;left:3px;position:absolute;top:3px;width:10px}.c-option__radio .c-option__radio--hidden-box:checked+.c-option__radio--label .c-option__radio--label-text:after{width:85%}.c-option .c-option__checkbox,.c-option .c-option__radio{background-color:var(--c-option--color--surface,var(--inherit-color-background,var(--c-option--color--surface-default,var(--color--surface))));display:flex;flex-direction:column;list-style:none;margin:0;max-width:500px;overflow:hidden;padding:0;width:80%}.c-option .c-option__checkbox--hidden-box,.c-option .c-option__radio--hidden-box{appearance:none;border:0;height:1px;margin:-1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.c-option .c-option__checkbox--hidden-box:focus-visible,.c-option .c-option__radio--hidden-box:focus-visible{outline:none;z-index:-1}.c-option .c-option__checkbox--label,.c-option .c-option__radio--label{align-items:flex-start;display:inline-flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;margin:0;margin-right:calc((var(--c-option--base, var(--base)))*.5)}.c-option .c-option__checkbox--label-text,.c-option .c-option__radio--label-text{color:var(--c-option--color--surface-contrast,var(--inherit-color-contrast,var(--c-option--color--surface-contrast-default,var(--color--surface-contrast))));cursor:pointer;flex:1;font-size:var(--c-option--font-size-btn-md);font-style:italic;line-height:var(--c-option--font-size-btn-md);padding:calc((var(--c-option--base, var(--base)))*.5) 10px;position:relative}.c-option .c-option__input-invalid-message{background-color:var(--c-option--color--danger,var(--color--danger));border:none;border-radius:0 0 5px 5px;box-sizing:border-box;color:var(--c-option--color--danger-contrast,var(--color--danger-contrast));display:none;font-size:80%;padding:calc((var(--c-option--base, var(--base)))*1);width:100%}.c-option .c-option__input-invalid-message.error{display:block;transition:.3s ease-in-out}.c-option .c-option__input-invalid-message .c-icon{position:relative;top:3px}.c-option.is-invalid .c-option__checkbox--label-box,.c-option.is-invalid .c-option__checkbox--label-box:active,.c-option.is-invalid .c-option__checkbox--label-box:focus{border-color:var(--c-option--color--danger,var(--color--danger))}.c-option.is-invalid .c-option__checkbox--label-text{color:var(--c-option--color--danger,var(--color--danger))}.c-option.is-valid .c-option__checkbox--label-box,.c-option.is-valid .c-option__checkbox--label-box:active,.c-option.is-valid .c-option__checkbox--label-box:focus{border-color:var(--c-option--color--success,var(--color--success))}.c-option.is-valid .c-option__checkbox--label-text{color:var(--c-option--color--success,var(--color--success))}}