.app-checkbox{color:#5156a780;transition:color .24s;transition:background-color .24s,color .24s}.app-checkbox__icon{background-color:#5156a76b;height:32px;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDU2IDU2Ij48Zm9yZWlnbk9iamVjdCB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHg9IjAiIHk9IjAiPjxkaXYgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGh0bWwiIHN0eWxlPSJiYWNrZHJvcC1maWx0ZXI6Ymx1cig0cHgpO2NsaXAtcGF0aDp1cmwoI2EpO2hlaWdodDoxMDAlO3dpZHRoOjEwMCUiLz48L2ZvcmVpZ25PYmplY3Q+PGcgZGF0YS1maWdtYS1iZy1ibHVyLXJhZGl1cz0iOCIgZmlsdGVyPSJ1cmwoI2IpIiBzaGFwZS1yZW5kZXJpbmc9ImNyaXNwRWRnZXMiPjxwYXRoIGZpbGw9InVybCgjYykiIGQ9Ik0xNy45MjYgOCAxMiAxMy45MjZ2MjAuMTQ4TDE3LjkyNiA0MGgyMC4xNDhMNDQgMzQuMDc0VjEzLjkyNkwzOC4wNzQgOHoiLz48cGF0aCBzdHJva2U9InVybCgjZCkiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEzIDMzLjY2VjE0LjM0TDE4LjM0IDloMTkuMzJMNDMgMTQuMzR2MTkuMzJMMzcuNjYgMzlIMTguMzR6Ii8+PC9nPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYyIgeDE9IjU5LjQwNyIgeDI9IjU5LjQwNyIgeTE9IjExLjg3MSIgeTI9IjQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iIzUxNTZBNyIgc3RvcC1vcGFjaXR5PSIuMTIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1MTU2QTciIHN0b3Atb3BhY2l0eT0iLjQyIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImQiIHgxPSI1OS40MDciIHgyPSI1OS40MDciIHkxPSIxMS44NzEiIHkyPSI0MCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiM1MTU2QTciIHN0b3Atb3BhY2l0eT0iLjE5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNTE1NkE3Ii8+PC9saW5lYXJHcmFkaWVudD48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGQ9Ik0xNy45MjYgOCAxMiAxMy45MjZ2MjAuMTQ4TDE3LjkyNiA0MGgyMC4xNDhMNDQgMzQuMDc0VjEzLjkyNkwzOC4wNzQgOHoiLz48L2NsaXBQYXRoPjxmaWx0ZXIgaWQ9ImIiIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgeD0iMCIgeT0iMCIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiPjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+PGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9ImhhcmRBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPjxmZU9mZnNldCBkeT0iNCIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjYiLz48ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC4xMzcyNTUgMCAwIDAgMCAwLjIyMzUyOSAwIDAgMCAwIDAuODg2Mjc1IDAgMCAwIDAuMTIgMCIvPjxmZUJsZW5kIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18yMjAwXzIwMyIvPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd18yMjAwXzIwMyIgcmVzdWx0PSJzaGFwZSIvPjwvZmlsdGVyPjwvZGVmcz48L3N2Zz4=);mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDU2IDU2Ij48Zm9yZWlnbk9iamVjdCB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHg9IjAiIHk9IjAiPjxkaXYgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGh0bWwiIHN0eWxlPSJiYWNrZHJvcC1maWx0ZXI6Ymx1cig0cHgpO2NsaXAtcGF0aDp1cmwoI2EpO2hlaWdodDoxMDAlO3dpZHRoOjEwMCUiLz48L2ZvcmVpZ25PYmplY3Q+PGcgZGF0YS1maWdtYS1iZy1ibHVyLXJhZGl1cz0iOCIgZmlsdGVyPSJ1cmwoI2IpIiBzaGFwZS1yZW5kZXJpbmc9ImNyaXNwRWRnZXMiPjxwYXRoIGZpbGw9InVybCgjYykiIGQ9Ik0xNy45MjYgOCAxMiAxMy45MjZ2MjAuMTQ4TDE3LjkyNiA0MGgyMC4xNDhMNDQgMzQuMDc0VjEzLjkyNkwzOC4wNzQgOHoiLz48cGF0aCBzdHJva2U9InVybCgjZCkiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEzIDMzLjY2VjE0LjM0TDE4LjM0IDloMTkuMzJMNDMgMTQuMzR2MTkuMzJMMzcuNjYgMzlIMTguMzR6Ii8+PC9nPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYyIgeDE9IjU5LjQwNyIgeDI9IjU5LjQwNyIgeTE9IjExLjg3MSIgeTI9IjQwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iIzUxNTZBNyIgc3RvcC1vcGFjaXR5PSIuMTIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1MTU2QTciIHN0b3Atb3BhY2l0eT0iLjQyIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImQiIHgxPSI1OS40MDciIHgyPSI1OS40MDciIHkxPSIxMS44NzEiIHkyPSI0MCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiM1MTU2QTciIHN0b3Atb3BhY2l0eT0iLjE5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNTE1NkE3Ii8+PC9saW5lYXJHcmFkaWVudD48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGQ9Ik0xNy45MjYgOCAxMiAxMy45MjZ2MjAuMTQ4TDE3LjkyNiA0MGgyMC4xNDhMNDQgMzQuMDc0VjEzLjkyNkwzOC4wNzQgOHoiLz48L2NsaXBQYXRoPjxmaWx0ZXIgaWQ9ImIiIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgeD0iMCIgeT0iMCIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiPjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+PGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9ImhhcmRBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPjxmZU9mZnNldCBkeT0iNCIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjYiLz48ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC4xMzcyNTUgMCAwIDAgMCAwLjIyMzUyOSAwIDAgMCAwIDAuODg2Mjc1IDAgMCAwIDAuMTIgMCIvPjxmZUJsZW5kIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18yMjAwXzIwMyIvPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd18yMjAwXzIwMyIgcmVzdWx0PSJzaGFwZSIvPjwvZmlsdGVyPjwvZGVmcz48L3N2Zz4=);-webkit-mask-position:-12px -8px;mask-position:-12px -8px;-webkit-mask-size:56px 56px;mask-size:56px 56px;transition:background-color .24s;width:32px}.app-checkbox:not(.checked):not(.readonly):hover{color:#5156a7b3}.app-checkbox:not(.checked):not(.readonly):hover .app-checkbox__icon{background-color:#5156a7b3}.app-checkbox.checked .app-checkbox__icon{-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDU2IDU2Ij48Zm9yZWlnbk9iamVjdCB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHg9IjAiIHk9IjAiPjxkaXYgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGh0bWwiIHN0eWxlPSJiYWNrZHJvcC1maWx0ZXI6Ymx1cig0cHgpO2NsaXAtcGF0aDp1cmwoI2EpO2hlaWdodDoxMDAlO3dpZHRoOjEwMCUiLz48L2ZvcmVpZ25PYmplY3Q+PGcgZGF0YS1maWdtYS1iZy1ibHVyLXJhZGl1cz0iOCIgZmlsdGVyPSJ1cmwoI2IpIiBzaGFwZS1yZW5kZXJpbmc9ImNyaXNwRWRnZXMiPjxwYXRoIGZpbGw9InVybCgjYykiIGQ9Ik0xNy45MjYgOCAxMiAxMy45MjZ2MjAuMTQ4TDE3LjkyNiA0MGgyMC4xNDhMNDQgMzQuMDc0VjEzLjkyNkwzOC4wNzQgOHoiLz48cGF0aCBzdHJva2U9InVybCgjZCkiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEzIDMzLjY2VjE0LjM0TDE4LjM0IDloMTkuMzJMNDMgMTQuMzR2MTkuMzJMMzcuNjYgMzlIMTguMzR6Ii8+PC9nPjxwYXRoIGZpbGw9IiM0MjU4RkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTM0LjQ4NyAxOS40ODhjLjY4NC42NTEuNjg0IDEuNzA2IDAgMi4zNTdsLTcgNi42NjdjLS42ODMuNjUtMS43OTEuNjUtMi40NzQgMGwtMy41LTMuMzM0YTEuNjEgMS42MSAwIDAgMSAwLTIuMzU3IDEuODEgMS44MSAwIDAgMSAyLjQ3NCAwbDIuMjYzIDIuMTU1IDUuNzYzLTUuNDg4YTEuODEgMS44MSAwIDAgMSAyLjQ3NCAwIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImMiIHgxPSI1OS40MDciIHgyPSI1OS40MDciIHkxPSIxMS44NzEiIHkyPSI0MCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiMyMzM5RTIiIHN0b3Atb3BhY2l0eT0iLjEyIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMjMzOUUyIiBzdG9wLW9wYWNpdHk9Ii40MiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJkIiB4MT0iNTkuNDA3IiB4Mj0iNTkuNDA3IiB5MT0iMTEuODcxIiB5Mj0iNDAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjMjMzOUUyIiBzdG9wLW9wYWNpdHk9Ii4xOSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzIzMzlFMiIvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJNMTcuOTI2IDggMTIgMTMuOTI2djIwLjE0OEwxNy45MjYgNDBoMjAuMTQ4TDQ0IDM0LjA3NFYxMy45MjZMMzguMDc0IDh6Ii8+PC9jbGlwUGF0aD48ZmlsdGVyIGlkPSJiIiB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHg9IjAiIHk9IjAiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJoYXJkQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz48ZmVPZmZzZXQgZHk9IjQiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI2Ii8+PGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAuMTM3MjU1IDAgMCAwIDAgMC4yMjM1MjkgMCAwIDAgMCAwLjg4NjI3NSAwIDAgMCAwLjEyIDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMjIwMF8yMDMiLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMjIwMF8yMDMiIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48L2RlZnM+PC9zdmc+);mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDU2IDU2Ij48Zm9yZWlnbk9iamVjdCB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHg9IjAiIHk9IjAiPjxkaXYgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGh0bWwiIHN0eWxlPSJiYWNrZHJvcC1maWx0ZXI6Ymx1cig0cHgpO2NsaXAtcGF0aDp1cmwoI2EpO2hlaWdodDoxMDAlO3dpZHRoOjEwMCUiLz48L2ZvcmVpZ25PYmplY3Q+PGcgZGF0YS1maWdtYS1iZy1ibHVyLXJhZGl1cz0iOCIgZmlsdGVyPSJ1cmwoI2IpIiBzaGFwZS1yZW5kZXJpbmc9ImNyaXNwRWRnZXMiPjxwYXRoIGZpbGw9InVybCgjYykiIGQ9Ik0xNy45MjYgOCAxMiAxMy45MjZ2MjAuMTQ4TDE3LjkyNiA0MGgyMC4xNDhMNDQgMzQuMDc0VjEzLjkyNkwzOC4wNzQgOHoiLz48cGF0aCBzdHJva2U9InVybCgjZCkiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEzIDMzLjY2VjE0LjM0TDE4LjM0IDloMTkuMzJMNDMgMTQuMzR2MTkuMzJMMzcuNjYgMzlIMTguMzR6Ii8+PC9nPjxwYXRoIGZpbGw9IiM0MjU4RkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTM0LjQ4NyAxOS40ODhjLjY4NC42NTEuNjg0IDEuNzA2IDAgMi4zNTdsLTcgNi42NjdjLS42ODMuNjUtMS43OTEuNjUtMi40NzQgMGwtMy41LTMuMzM0YTEuNjEgMS42MSAwIDAgMSAwLTIuMzU3IDEuODEgMS44MSAwIDAgMSAyLjQ3NCAwbDIuMjYzIDIuMTU1IDUuNzYzLTUuNDg4YTEuODEgMS44MSAwIDAgMSAyLjQ3NCAwIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImMiIHgxPSI1OS40MDciIHgyPSI1OS40MDciIHkxPSIxMS44NzEiIHkyPSI0MCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiMyMzM5RTIiIHN0b3Atb3BhY2l0eT0iLjEyIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMjMzOUUyIiBzdG9wLW9wYWNpdHk9Ii40MiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJkIiB4MT0iNTkuNDA3IiB4Mj0iNTkuNDA3IiB5MT0iMTEuODcxIiB5Mj0iNDAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjMjMzOUUyIiBzdG9wLW9wYWNpdHk9Ii4xOSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzIzMzlFMiIvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJNMTcuOTI2IDggMTIgMTMuOTI2djIwLjE0OEwxNy45MjYgNDBoMjAuMTQ4TDQ0IDM0LjA3NFYxMy45MjZMMzguMDc0IDh6Ii8+PC9jbGlwUGF0aD48ZmlsdGVyIGlkPSJiIiB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHg9IjAiIHk9IjAiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJoYXJkQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz48ZmVPZmZzZXQgZHk9IjQiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI2Ii8+PGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAuMTM3MjU1IDAgMCAwIDAgMC4yMjM1MjkgMCAwIDAgMCAwLjg4NjI3NSAwIDAgMCAwLjEyIDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMjIwMF8yMDMiLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMjIwMF8yMDMiIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48L2RlZnM+PC9zdmc+)}.app-checkbox.checked:not(.readonly).color-blue{color:var(--color-blue)}.app-checkbox.checked:not(.readonly).color-blue .app-checkbox__icon{background-color:var(--color-blue)}.app-checkbox.checked:not(.readonly).color-yellow{color:var(--color-yellow)}.app-checkbox.checked:not(.readonly).color-yellow .app-checkbox__icon{background-color:var(--color-yellow)}.app-checkbox.checked:not(.readonly).color-green{color:var(--color-green)}.app-checkbox.checked:not(.readonly).color-green .app-checkbox__icon{background-color:var(--color-green)}.app-checkbox.checked:not(.readonly).color-red{color:var(--color-red)}.app-checkbox.checked:not(.readonly).color-red .app-checkbox__icon{background-color:var(--color-red)}.app-checkbox.checked:not(.readonly).color-gray25{color:var(--color-gray25)}.app-checkbox.checked:not(.readonly).color-gray25 .app-checkbox__icon{background-color:var(--color-gray25)}.app-checkbox.checked:not(.readonly).color-gray50{color:var(--color-gray50)}.app-checkbox.checked:not(.readonly).color-gray50 .app-checkbox__icon{background-color:var(--color-gray50)}.app-checkbox.checked:not(.readonly).color-gray75{color:var(--color-gray75)}.app-checkbox.checked:not(.readonly).color-gray75 .app-checkbox__icon{background-color:var(--color-gray75)}.app-checkbox.checked:not(.readonly).color-gray100{color:var(--color-gray100)}.app-checkbox.checked:not(.readonly).color-gray100 .app-checkbox__icon{background-color:var(--color-gray100)}