@layer reset, common, component;
@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{.CheckBox__toggleBox{position:relative;background-color:var(--S_color_background_default_base);min-width:20px;min-height:20px;width:20px;height:20px;border:2px solid var(--C_Checkbox_color_border);display:flex;align-items:center;transition:background-color .15s,transform cubic-bezier(.78,-1.22,.17,1.89)}.CheckBox__toggleBox:before{content:"";width:0px;height:3px;border-radius:2px;background:var(--C_Checkbox_color_border);position:absolute;top:7px;left:4px;transition:width 50ms ease;transform-origin:0% 0%}.CheckBox__toggleBox:after{content:"";width:0;height:3px;border-radius:2px;background:var(--C_Checkbox_color_border);position:absolute;top:11px;left:6px;transition:width 50ms ease;transform-origin:0% 0%}.CheckBox--type-square .CheckBox__toggleBox:before{transform:rotate(45deg)}.CheckBox--type-square .CheckBox__toggleBox:after{transform:rotate(305deg)}.CheckBox--type-circle .CheckBox__toggleBox{border-radius:100%}.CheckBox--type-circle .CheckBox__toggleBox:before{transform:scale(.9) rotate(45deg)}.CheckBox--type-circle .CheckBox__toggleBox:after{transform:scale(.9) rotate(305deg)}.CheckBox:not(.CheckBoxVisual):hover:not(:disabled) .CheckBox__toggleBox:before{width:7px;transition:width .1s ease}.CheckBox:not(.CheckBoxVisual):hover:not(:disabled) .CheckBox__toggleBox:after{width:11px;transition:width .15s ease}.CheckBox--active .CheckBox__toggleBox{border:2px solid var(--S_color_background_confirm_base);background-color:var(--S_color_background_confirm_base)}.CheckBox--active .CheckBox__toggleBox:after{width:11px;background:var(--S_color_text_inverse_base);transition:width .15s ease}.CheckBox--active .CheckBox__toggleBox:before{width:7px;background:var(--S_color_text_inverse_base);transition:width .15s ease}.CheckBox--active:not(.CheckBoxVisual):hover:not(:disabled) .CheckBox__toggleBox{border:2px solid var(--S_color_background_confirm_hover);background-color:var(--S_color_background_confirm_hover)}.CheckBox:disabled{opacity:60%}.CheckBox__hookFormButton{color:unset;text-align:left}.CheckBox__hookForm--error .CheckBox__toggleBox{border:2px solid var(--S_color_border_warn_base)}.CheckBox--astrophage.CheckBox--type-circle .CheckBox__toggleBox{border-radius:100%}.CheckBox--astrophage .CheckBox{display:flex}.CheckBox--astrophage .CheckBox__toggleBox{position:relative;background-color:var(--S_color_background_default_base);min-width:20px;min-height:20px;border:2px solid var(--VIP_Refresh_color_grey_base);border-radius:5px;display:flex;align-items:center;transition:background-color .15s,transform cubic-bezier(.78,-1.22,.17,1.89)}@media(prefers-reduced-motion:reduce){.CheckBox--astrophage .CheckBox__toggleBox{transition-duration:.001ms}}.CheckBox--astrophage .CheckBox__toggleBox:before{content:"";width:0px;height:2px;border-radius:1px;background:var(--VIP_Refresh_color_grey_base);position:absolute;top:8px;left:2px;transform:rotate(45deg);transition:width 50ms ease}@media(prefers-reduced-motion:reduce){.CheckBox--astrophage .CheckBox__toggleBox:before{transition:none}}.CheckBox--astrophage .CheckBox__toggleBox:after{content:"";width:0;height:2px;border-radius:1px;background:var(--VIP_Refresh_color_grey_base);position:absolute;top:12px;left:5px;transform:rotate(315deg);transition:width 50ms ease}@media(prefers-reduced-motion:reduce){.CheckBox--astrophage .CheckBox__toggleBox:after{transition:none}}.CheckBox--astrophage.CheckBox--active .CheckBox__toggleBox{border:2px solid var(--VIP_Refresh_color_confirm_base);background-color:var(--VIP_Refresh_color_confirm_base);animation:shrink-bounce .2s cubic-bezier(.4,0,.23,1)}@media(prefers-reduced-motion:reduce){.CheckBox--astrophage.CheckBox--active .CheckBox__toggleBox{animation-duration:.001ms}}.CheckBox--astrophage.CheckBox--active .CheckBox__toggleBox:before{width:6px;background:var(--S_color_text_inverse_base);transform:rotate(45deg);animation:checkbox-check 50ms ease-in-out .2s backwards}@media(prefers-reduced-motion:reduce){.CheckBox--astrophage.CheckBox--active .CheckBox__toggleBox:before{animation:none}}.CheckBox--astrophage.CheckBox--active .CheckBox__toggleBox:after{width:12px;background:var(--S_color_text_inverse_base);transform:rotate(315deg);animation:checkbox-check2 .1s ease-in-out .25s backwards}@media(prefers-reduced-motion:reduce){.CheckBox--astrophage.CheckBox--active .CheckBox__toggleBox:after{animation:none}}.CheckBox--astrophage.CheckBox--active:not(.CheckBoxVisual):hover:not(:disabled) .CheckBox__toggleBox{border:2px solid var(--VIP_Refresh_color_confirm_hover);background-color:var(--VIP_Refresh_color_confirm_hover)}.CheckBox--astrophage.CheckBox:not(.CheckBoxVisual):hover:not(:disabled) .CheckBox__toggleBox:before{width:6px;transition:width 50ms ease}.CheckBox--astrophage.CheckBox:not(.CheckBoxVisual):hover:not(:disabled) .CheckBox__toggleBox:after{width:12px;transition:width .1s ease;transition-delay:50ms}.CheckBox--popi .CheckBox__toggleBox{border-radius:var(--C_Checkbox_border-radius_default);height:22px;width:22px}.CheckBox--popi .CheckBox__toggleBox:before{width:6px;height:2px;top:8px;left:4px;background:var(--S_color_text_inverse_base);transform:rotate(40deg);animation:checkbox-check 50ms ease-in-out .2s backwards}@media(prefers-reduced-motion:reduce){.CheckBox--popi .CheckBox__toggleBox:before{animation:none}}.CheckBox--popi .CheckBox__toggleBox:after{width:12px;height:2px;top:13px;left:7px;background:var(--S_color_text_inverse_base);transform:rotate(310deg)}@media(prefers-reduced-motion:reduce){.CheckBox--popi .CheckBox__toggleBox:after{animation:none}}}@keyframes shrink-bounce{0%{transform:scale(1)}33%{transform:scale(.85)}to{transform:scale(1)}}@keyframes checkbox-check{0%{width:0px}to{width:6px}}@keyframes checkbox-check2{0%{width:0px}to{width:12px}}