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