.checkbox:where(.commonComponent){--_borderColor: var(--color_linePale);--_backgroundColor: var(--color_grayPale);--_checkedFillColor: var(--color_secondary);--_checkedBorderColor: var(--_checkedFillColor);--_checkColor: #fff;--_labelColor: var(--color_textSecondary);--_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(--_padding);contain:layout}.checkbox:where(.commonComponent):not(:has(>.checkbox__label)){grid-template:"input"/auto}.checkbox:where(.commonComponent):before,.checkbox:where(.commonComponent):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(.commonComponent):not(:has(>.checkbox__label))>.checkbox:where(.commonComponent):before,.checkbox:where(.commonComponent):not(:has(>.checkbox__label))>.checkbox:where(.commonComponent):after{-ms-grid-row:1;-ms-grid-column:1}.checkbox:where(.commonComponent):before{width:24px;aspect-ratio:1;border:1px solid}.checkbox:where(.commonComponent):has(.checkbox__input:not([type=radio])):before{border-radius:var(--radius_xSmall);will-change:border-color,background-color}.checkbox:where(.commonComponent):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:where(.commonComponent):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:where(.commonComponent):has(.checkbox__input:not([type=radio])):not(:has(.checkbox__input:checked)):after{opacity:0;transition:opacity .2s linear}.checkbox:where(.commonComponent):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:where(.commonComponent):has(.checkbox__input:not([type=radio])):has(.checkbox__input:checked):after{opacity:1;transition:opacity .1s linear}.checkbox:where(.commonComponent):has(.checkbox__input:not([type=radio])):has(.checkbox__input:disabled){opacity:.5}.checkbox:where(.commonComponent):has(.checkbox__input:not([type=radio])):has(.checkbox__input:indeterminate):before{border-color:var(--_checkedBorderColor);background-color:var(--_checkedFillColor);transition:border-color .1s linear,background-color .1s linear}.checkbox:where(.commonComponent):has(.checkbox__input:not([type=radio])):has(.checkbox__input:indeterminate):after{opacity:1;aspect-ratio:unset;height:3px;border:none;background-color:var(--_checkColor);rotate:none;translate:none;transition:opacity .1s linear}.checkbox:where(.commonComponent):has(.checkbox__input[type=radio]):before{border-color:var(--_borderColor);background-color:var(--_backgroundColor);width:24px;aspect-ratio:1;border-radius:100%}.checkbox:where(.commonComponent):has(.checkbox__input[type=radio]):after{width:12px;aspect-ratio:1;background-color:var(--_checkedFillColor);border-radius:100%}.checkbox:where(.commonComponent):has(.checkbox__input[type=radio]):not(:has(.checkbox__input:checked)):after{opacity:0;transition:opacity .2s linear}.checkbox:where(.commonComponent):has(.checkbox__input[type=radio]):has(.checkbox__input:checked):after{opacity:1;transition:opacity .1s linear}.checkbox:where(.commonComponent) .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(.commonComponent) .checkbox__label{-ms-grid-row:1;-ms-grid-column:3;grid-area:label;color:var(--_labelColor);position:relative;z-index:0}.checkbox:where(.commonComponent) .checkbox__label:not(:is(.checkBox--large>*)){font-size:14px;line-height:1.2;letter-spacing:.08em}.checkbox:where(.commonComponent) .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(.commonComponent) .checkbox__note{font-size:13px;font-weight:400;line-height:1.2;letter-spacing:.06em;color:var(--color_textSecondary)}.checkbox:where(.commonComponent):has(.checkbox__input[type=hidden]) .checkbox__label{cursor:text;pointer-events:none}.checkbox:where(.commonComponent):has(.checkbox__input[type=hidden]):before,.checkbox:where(.commonComponent):has(.checkbox__input[type=hidden]):after{content:none}.checkbox:where(.commonComponent):has(.checkbox__input[type=hidden]) .checkbox__label{grid-column:1}.checkbox:where(.commonComponent).checkbox--fillSpace{width:100%;height:100%;place-content:center;place-items:center}.checkbox:where(.commonComponent)[data-hidden]{display:none}.listItemContainer:where(.commonComponent){--_template: "checkbox info" "checkbox buttons" / auto 1fr;display:grid;grid-template:var(--_template);border:1px solid var(--color_linePale);border-radius:var(--radius_large);overflow:hidden;will-change:border-color;transition:.3s linear}.listItemContainer:where(.commonComponent)>.checkbox{grid-area:checkbox}.listItemContainer:where(.commonComponent) .checkbox{--_checkedFillColor: #fff;--_checkColor: var(--color_primary);padding:10px;border-right:1px solid var(--color_linePale);will-change:background-color;transition:.3s linear}:is(.listItemContainer:where(.commonComponent),.propertyListItem .detail):has(>.checkbox>.checkbox__input:checked){background-color:var(--color_graySlight)}:is(.listItemContainer:where(.commonComponent),.propertyListItem .detail):has(>.checkbox>.checkbox__input:checked):is(.propertyListItem .detail){border-color:var(--color_primary)}:is(.listItemContainer:where(.commonComponent),.propertyListItem .detail):has(>.checkbox>.checkbox__input:checked)>.checkbox{background-color:var(--color_primary)}.listItemContainer:where(.commonComponent) .listItemContainer__info{container-type:inline-size}.listItemContainer:where(.commonComponent)>.buttonList{--_backgroundColor: var(--color_grayPale);--_labelColor: var(--color_primary);--_dividerColor: var(--color_primary);--_border: none;grid-area:buttons;border-radius:0}.listItemContainer:where(.commonComponent):not(:has(>.checkbox)) .listItemContainer__info{grid-column:1 / -1}.listItemContainer:where(.commonComponent)[data-hidden]{display:none}@container (width < 742px){.listItemContainer:where(.commonComponent) .checkbox{padding:8px}.listItemContainer:where(.commonComponent) .checkbox:before{width:16px}}