.checkbox{--_borderColor: var(--color_line-pale);--_backgroundColor: var(--color_gray-pale);--_checkedFillColor: var(--color_primary);--_checkedBorderColor: var(--_checkedFillColor);--_checkColor: #fff;--_labelColor: var(--color_text-primary);--_padding: 0;display:grid;grid-template:"input label"/auto auto;grid-auto-flow:column;grid-auto-columns:auto;justify-content:start;align-items:center;padding:var(--_padding);contain:layout}.checkbox:before,.checkbox:after{-ms-grid-row:1;-ms-grid-column:1;content:"";grid-area:input;justify-self:center;display:block;position:relative;z-index:0}.checkbox:before{width:24px;aspect-ratio:1;border:1px solid}.checkbox:has(.checkbox__label){gap:8px}.checkbox:has(.checkbox__input:not([type=radio])):before{border-radius:var(--radius_x-small);will-change:border-color,background-color}.checkbox:has(.checkbox__input:not([type=radio])):after{width:13px;aspect-ratio:13/8;border-left:3px solid var(--_checkColor);border-bottom:3px solid var(--_checkColor);rotate:-45deg;translate:0 -2px;will-change:opacity;pointer-events:none}.checkbox:has(.checkbox__input:not([type=radio])):not(:has(.checkbox__input:checked)):before{border-color:var(--_borderColor);background-color:var(--_backgroundColor);transition:border-color .2s linear,background-color .2s linear}.checkbox:has(.checkbox__input:not([type=radio])):not(:has(.checkbox__input:checked)):after{opacity:0;transition:opacity .2s linear}.checkbox:has(.checkbox__input:not([type=radio])):has(.checkbox__input:checked):before{border-color:var(--_checkedBorderColor);background-color:var(--_checkedFillColor);transition:border-color .1s linear,background-color .1s linear}.checkbox:has(.checkbox__input:not([type=radio])):has(.checkbox__input:checked):after{opacity:1;transition:opacity .1s linear}.checkbox:has(.checkbox__input[type=radio]):before{border-color:var(--_borderColor);background-color:var(--_backgroundColor);width:24px;aspect-ratio:1;border-radius:100%}.checkbox:has(.checkbox__input[type=radio]):after{width:12px;aspect-ratio:1;background-color:var(--_checkedFillColor);border-radius:100%}.checkbox:has(.checkbox__input[type=radio]):not(:has(.checkbox__input:checked)):after{opacity:0;transition:opacity .2s linear}.checkbox:has(.checkbox__input[type=radio]):has(.checkbox__input:checked):after{opacity:1;transition:opacity .1s linear}.checkbox .checkbox__input{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;z-index:1;cursor:pointer}.checkbox .checkbox__label{-ms-grid-row:1;-ms-grid-column:2;grid-area:label;color:var(--_labelColor);position:relative;z-index:0}.checkbox .checkbox__label:not(:is(.checkBox--large>*)){font-feature-settings:"palt" on;font-size:14px;font-weight:500;line-height:1.2;letter-spacing:.05em}.checkbox .checkbox__label:is(.checkBox--large>*){font-feature-settings:"palt" on;font-size:16px;font-weight:600;line-height:1.2;letter-spacing:.05em}.checkbox .checkbox__note{font-size:13px;font-weight:400;line-height:1.2;letter-spacing:.06em;color:var(--color_text-secondary)}.checkbox:has(input[type=hidden]) .checkbox__label{cursor:text;pointer-events:none}.checkbox:has(input[type=hidden]):before,.checkbox:has(input[type=hidden]):after{content:none}.checkbox:has(input[type=hidden]) .checkbox__label{grid-column:1}.checkbox.checkbox--fillSpace{width:100%;height:100%;place-content:center;place-items:center}
