@layer reset, common, component;
@layer component{.CheckBoxCirclePanel{padding:10px 20px 10px 15px;border:1px solid transparent;background-color:var(--C_Checkbox_color_border);border-radius:3px;display:grid;grid-template-columns:auto 1fr;align-items:center;justify-items:start;gap:10px}.CheckBoxCirclePanel--isChecked{background-color:#2bce781a;border-color:var(--S_color_border_confirm_base)}.CheckBoxCirclePanel--fullWidth{width:100%}@media(hover:hover){.CheckBoxCirclePanel:hover{border-color:var(--S_color_border_default_base)}}}@keyframes fadein{0%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$param)";filter:"alpha(opacity=$param)";-moz-opacity:0;-khtml-opacity:0;opacity:0}to{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$param)";filter:"alpha(opacity=$param)";-moz-opacity:1;-khtml-opacity:1;opacity:1}}@keyframes fadeout{0%{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$param)";filter:"alpha(opacity=$param)";-moz-opacity:1;-khtml-opacity:1;opacity:1}to{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$param)";filter:"alpha(opacity=$param)";-moz-opacity:0;-khtml-opacity:0;opacity:0}}@keyframes placeHolderShimmer{0%{background-position:-100vw 0}to{background-position:100vw 0}}@keyframes rotating{0%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0)}to{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@layer component{.CheckBoxVisualVentra:not(.CheckBox--active) .CheckBox__toggleBox{background-color:var(--VIP_Flow_color_background_gray_base);border:none}.CheckBoxVisualVentra:not(.CheckBox--type-circle) .CheckBox__toggleBox{border-radius:5px}.CheckBoxVisualVentra.CheckBoxVisualVentra--withBorder .CheckBox__toggleBox{border:2px solid var(--VIP_Flow_color_border_gray_base)}}