:root {
    --mm_logo_icon: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzg0MC44OCAzOTI4LjA5Ij4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogIzQ1YmNmYTsNCiAgICAgIH0NCg0KICAgICAgLmNscy0xLCAuY2xzLTIsIC5jbHMtMywgLmNscy00LCAuY2xzLTUsIC5jbHMtNiwgLmNscy03IHsNCiAgICAgICAgc3Ryb2tlLXdpZHRoOiAwcHg7DQogICAgICB9DQoNCiAgICAgIC5jbHMtMiB7DQogICAgICAgIGZpbGw6ICNiZGQ3ZmY7DQogICAgICB9DQoNCiAgICAgIC5jbHMtMyB7DQogICAgICAgIGZpbGw6ICNiOGNiZTc7DQogICAgICB9DQoNCiAgICAgIC5jbHMtNCB7DQogICAgICAgIGZpbGw6ICMwZjRlYjg7DQogICAgICB9DQoNCiAgICAgIC5jbHMtNSB7DQogICAgICAgIGZpbGw6ICMxNTdjZjY7DQogICAgICB9DQoNCiAgICAgIC5jbHMtNiB7DQogICAgICAgIGZpbGw6ICMxYjM1NGM7DQogICAgICB9DQoNCiAgICAgIC5jbHMtNyB7DQogICAgICAgIGZpbGw6ICMyZjY3OWM7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Im0yNjk1LjE4LDE2NDQuNWM0Ni4yLDEwOC4xOCw3MS45NywyMjcuNyw3MS45NywzNTMuNDFzLTI1Ljc4LDI0NS4yMy03MS45NywzNTMuNDFoLTM4OS4zYzE5LjAzLTEwOS42LDI5LjQyLTIyOC43NywyOS40Mi0zNTMuNDFzLTEwLjM5LTI0My44MS0yOS40Mi0zNTMuNDFoMzg5LjNaIi8+DQogIDxnPg0KICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0ibTE2NDQuOTUsMTk5Ny45YzAsMTI2Ljk0LDkuNjgsMjQ2Ljk5LDI2Ljk5LDM1My40MWg0NjMuNjljMTcuMy0xMDYuNDIsMjctMjI2LjQ3LDI3LTM1My40MXMtOS42OS0yNDctMjctMzUzLjQxaC00NjMuODdjLTE3LjMsMTA2LjQxLTI2LjgxLDIyNi40Ni0yNi44MSwzNTMuNDFaIi8+DQogICAgPHBhdGggY2xhc3M9ImNscy0yIiBkPSJtMjU5NC40NywxNDY3LjhjLTEyMC41OC0xNjQuNDktMjkzLjQzLTI4MC44My00ODguNzgtMzI4Ljk3LDY0Ljg5LDc3LjU2LDExOS45LDE5MS4wNSwxNjAuMDQsMzI4Ljk3aDMyOC43NFoiLz4NCiAgICA8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Im0xOTAzLjc4LDEyMDIuOTFjLTc2LjY1LDAtMTQ1LjY4LDEwMi4zNS0xOTMuMDksMjY1LjA2aDM4Ni4xOGMtNDcuNDEtMTYyLjU0LTExNi40NS0yNjUuMDYtMTkzLjEtMjY1LjA2WiIvPg0KICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0ibTE3MDEuODYsMTEzOS4wMWMtMTk1LjI5LDQ4LjE4LTM2OC4wNiwxNjQuNTEtNDg4LjYxLDMyOC45NmgzMjguNzRjMzkuOTctMTM3Ljc1LDk0Ljk5LTI1MS41OSwxNTkuODctMzI4Ljk2WiIvPg0KICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0ibTE0NzIuMjcsMTk5Ny45YzAtMTI0LjY1LDEwLjM5LTI0My44MSwyOS40MS0zNTMuNDFoLTM4OS4yOWMtNDYuMTksMTA4LjE4LTcxLjk3LDIyNy43LTcxLjk3LDM1My40MS0uMTMsMTIxLjYyLDI0LjM4LDI0MS45NSw3MS45NywzNTMuNDFoMzg5LjI5Yy0xOS4wMy0xMDkuNi0yOS40MS0yMjguNzctMjkuNDEtMzUzLjQxWiIvPg0KICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0ibTEyMTMuMDksMjUyOC4wMWMxMjAuNTcsMTY0LjQ5LDI5My40MiwyODAuODIsNDg4Ljc4LDMyOC45Ny02NC44OC03Ny41NS0xMTkuOS0xOTEuMDQtMTYwLjA0LTMyOC45N2gtMzI4Ljc0WiIvPg0KICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0ibTE5MDMuNzgsMjc5Mi44OGM3Ni42NSwwLDE0NS4zNC0xMDIuMzQsMTkzLjEtMjY1LjA2aC0zODYuMThjNDcuNCwxNjIuNTUsMTE2LjQ0LDI2NS4wNiwxOTMuMDksMjY1LjA2WiIvPg0KICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0ibTIxMDUuNywyODU2LjhjMTk1LjI5LTQ4LjE4LDM2OC4wNy0xNjQuNTEsNDg4LjYxLTMyOC45N2gtMzI4Ljc0Yy0zOS45NywxMzcuNzUtOTQuOTgsMjUxLjYtMTU5Ljg3LDMyOC45N1oiLz4NCiAgPC9nPg0KICA8cGF0aCBjbGFzcz0iY2xzLTciIGQ9Im0yOTE1LjM4LDE2NDAuMjVoMGMtLjEyLS40Mi0uMjEtLjg1LS4zMy0xLjI3aDBjLjEyLjQyLjIxLjg1LjMzLDEuMjdaIi8+DQogIDxwYXRoIGNsYXNzPSJjbHMtNiIgZD0ibTI0MDYuNTMsMTA4My4yNWMxMS4zNyw2LjE5LDIyLjU1LDEyLjY2LDMzLjY1LDE5LjI1LTExLjEtNi42LTIyLjI5LTEzLjA2LTMzLjY1LTE5LjI1WiIvPg0KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0yMzI1LjA1LDEwMzYuOTdjLTQ3My45My0yODUuNzgtODc5LjI5LTI5Ny4zNi0xODcxLjk2LTE2Ny45NSwxNS43Ny0xNC4yNyw0NTAuNDYtNjc1LjkzLDEzODUuNjEtNzE0LjQ3LDE5MC4yMy03Ljg0LDM4MS43NiwxMy43Niw1NjUuNDksNjMuMzcsMjAxLjY2LDU0LjQ1LDM5My43MSwxNDMuMjMsNTY0LjU5LDI2MywxOTIuMDQsMTM0LjYsMzU1LjAzLDMwNy4yNCw0ODMuMDYsNTAyLjkxLDE1LjAxLDIyLjk1LDI3LjY3LDUxLjk0LDMyLjE5LDc5LjE5LDIuOTEsMTcuNTQsMi40MywzNy4yLTcuOTgsNTEuNjUtMjAuMDksMjcuOS0xMjYuMTUsNjMuNjgtMTM1LjQ0LDY5LjIybC0xNzYuODEsNzMuNTktMjAxLjE5LDgzLjczcy0xMzUuNjEsNTcuNjktMTg2LjIxLDQ3LjM4Yy00Ni42NC05LjUtNjkuMzYtNDIuNzctMTAxLjg5LTc0LjgtODUuMzItODQtMTc3LjE5LTE2MS45OC0yNzYuMTctMjI5LjY1LTIzLjk4LTE2LjQtNDguNC0zMi4xNi03My4yOS00Ny4xN1oiLz4NCiAgPHBhdGggY2xhc3M9ImNscy01IiBkPSJtMjczNS44NywxMzczLjM1Yy03LjQ2LTMuODItMjUuOTEtMTUuNi0zNS4zNy0yNC44Ny02Ni42NC02NS4yNy0xNTYuNzYtMTUyLjY2LTE3OC43OS0xNjkuNzUtNDcuMzQtMzYuNzEtODAuMjMtNjQuNTQtMTQwLjE4LTk4LjUtMTUzLjk0LTg5LjczLTI5OS4zMS0xMTcuNDYtNDkwLjYzLTExNy40Ni01NzQuMzgsMC0xMDE3Ljg4LDQ2NC40MS0xMDE3Ljg4LDEwMzUuOTQsMCw3Mi44MSw3LjY0LDE0My44NCwyMi4wMiwyMTIuNGgwYzY3LjcyLDMyMi45NywyODYuNzIsNTkwLjY5LDU3OS45MSw3MjYuNDFsNy4xOCwzLjI1YzkuMTEsNC4xMyw2Ny4xMSwyNy42OSwxNTkuOTQsNTcuMywxODEuMTUsNTcuNzksMzQzLjYyLDk1LjQyLDY1My4zNiw4OC43Miw1NzguODMsMCwxMDY4LjYyLTIzMy41MywxNDA4LjItNjQ3LjQtMTk1LjQ0LDc5Ni40NS05MDkuNTQsMTM4NS44OS0xNzY3LjcsMTM5Ni4yOS01LjgxLjA4LTExLjYuMTctMTcuNDUuMi0xLjgyLDAtMy42My4wNi01LjQ2LjA2LTMuMzIsMC02LjYyLS4wOS05Ljk0LS4xLTguNTYtLjAzLTE3LjE2LS4xMS0yNS44NC0uMjctMi43OC0uMDUtNS41Ni0uMTItOC4zNC0uMTktMTAuMzktLjIzLTIwLjg1LS41NS0zMS4zOS0uOTctMi4wOC0uMDgtNC4xNi0uMTgtNi4yNC0uMjctMTAuMzQtLjQ1LTIwLjc0LS45OC0zMS4yMi0xLjYxLTMuMjUtLjItNi40OS0uNDItOS43My0uNjMtOC41My0uNTYtMTcuMDktMS4xNy0yNS43MS0xLjg2LTYuNjEtLjUyLTEzLjItMS4xMS0xOS43OC0xLjctNC43My0uNDMtOS40NS0uODUtMTQuMjEtMS4zMi00MzkuNjYtNDIuOTEtODM0LjAzLTIzOS4yNS0xMTI4LjM2LTUzNC41NC0uNS0uNDYtLjk5LS44OS0xLjQ5LTEuMzZsLjEtLjA0Yy0yMTAuNTgtMjExLjcxLTM2OS44NC00NzQuMDYtNDU3LjU2LTc2Ny4xMS00OS44Mi0xNjYuNDQtNzYuNy0zNDIuNy03Ni43LTUyNS4yNSwwLTQyMC4zNiwxNDEuOTQtODA3LjcsMzgwLjY1LTExMTcuMjksMi45Mi0zLjc5LDUuMzktNy45OCw4LjgtMTEuMzMsNTY1Ljk1LTU1NC41NiwxNzk0LjU0LTY1OS4xNiwyMjk4LjE4LDUwMS4yOCwxLjc3LDQuMDgsMy41Myw4LjE4LDUuMjksMTIuMjksMCwwLTguMTUtMi4zNy0yMy42Ny0xMC4zMloiLz4NCiAgPHBhdGggY2xhc3M9ImNscy00IiBkPSJtMzc0OS41OSwyMTA4LjU5YzAtMjU2LjUzLTIyMC40OS00NjQuNDktNDkyLjQ4LTQ2NC40OS00LjMsMC04LjU1LjItMTIuODMuMzFoLTk0NS4wNXY3MDguMjVoNTc4LjA5Yy0xNTMuNDgsMzgwLjkyLTUyNy43NSw2NzguMDEtOTY1LjQzLDY3OC4wMS03Mi4yLDAtMTQyLjUzLTMuMTMtMjEwLjU4LTE3LjA3LDEyMi45OSw2Ny45MywzMDMuOTEsOTcuNjQsNTY5LDk3LjY0LDU3Ny4yLDAsMTA5Mi42LTI2Mi44NSwxNDMyLjIzLTY3NC43MSwxMy41Ni01Ny40Nyw0My43NC0xNzQuOTEsNDUuMDYtMjg3LjM2LDEuMjMtMTMuMzgsMS45OS0yNi44OSwxLjk5LTQwLjU3WiIvPg0KICA8cGF0aCBjbGFzcz0iY2xzLTciIGQ9Im0yOTE1LjM4LDE2NDAuMjVoMGMtLjEyLS40Mi0uMjEtLjg1LS4zMy0xLjI3aDBjLjEyLjQyLjIxLjg1LjMzLDEuMjdaIi8+DQogIDxwYXRoIGNsYXNzPSJjbHMtNCIgZD0ibTIwNDcuMzIsMjQyNy44M2MtLjk4Ljc3LTIuMTgsMS4zNC0zLjY1LDEuNjctMTYuNTUsMy43OC01Mi42MS0xMy45My02OC41OS0yMC4yLTIyLjQ3LTguODItNDQuMDktMjAuOTgtNjEuODgtMzguOTUtMS40Ny0xLjQ5LTIuOTEtMy4wMi00LjMzLTQuNTctMTcuMTEtMTguOS0yOS45Mi00MC4yMS0zMC4wMi02Ni45Ni0uMDktMjMuMTcsMC00Ni4zNCwwLTY5LjUxdi0zMTQuMDJjMC01NS45MywyLjE1LTExNy42OSw2LjQ4LTE4NS4yOWgtNC4zMmMtOSw1My4xMi0xNy4wOSw5MS4zNC0yNC4yNiwxMTQuNjctMTMuMjEsNDIuOTEtMjYuNDMsODUuODItMzkuNjQsMTI4LjczLTIzLjQ3LDc2LjItNDYuOTMsMTUyLjM5LTcwLjQsMjI4LjU5LTExLjIsMzYuMzYtMjIuNCw3Mi43My0zMy42LDEwOS4wOS05LjQ3LDMwLjc2LTIzLjIyLDk1LjEyLTQ5LjYyLDExMy4wOC0xMC45LDcuNDItMTYuODIsMTAuODctMjkuNDQsMTIuOTUtMzAuODUsNS4wOS05NC43Nyw1LjEtMTA5LjM2LTMwLjk0LTguMzMtMjAuNTgtMTguNC01Ny43Ny0yNS4xNC03OS4wNi0xOC43Mi01OS4xMS0zNy40NS0xMTguMjMtNTYuMTctMTc3LjM0LTMxLjU3LTk5LjY4LTYzLjE0LTE5OS4zNy05NC43Mi0yOTkuMDUtNS4wNC0xNS42OS0xMy4xMy01NS45MS0yNC4yOC0xMjAuNzFoLTQuODVjNC42Nyw4NS4zMSw3LjAyLDE2MC4xNiw3LjAyLDIyNC41M3YxODEuMThjMCw0OS4xOCwwLDk4LjM2LDAsMTQ3LjU0LDAsMjYuOTctNC43Niw0MC43Ni0xOS42OSw2Mi41OC0xMy42OSwyMC0zMC4yLDM3LjU2LTQ4LjY0LDUxLjk5LTE5LjY5LDE1LjQxLTQyLjgsMjkuMDQtNjYuMzYsMzUuMTktMTUuOTUsNC4xNi0yMC4yNSwyLjM0LTIyLjI3LTE0LjI4LTEuNy0xMy45NSwwLTI5LjU0LDAtNDMuNnYtNTYwLjcxYzAtODEuNjcsMC0xNjMuMzQsMC0yNDUuMDF2LTEuNzRoMjU1LjEybDE1OC4wMyw1MTIuOTljMTIuNTksNDEuMDQsMjEuNzYsODIuMjksMjcuNTIsMTIzLjcyaDMuMjJjOS43Mi00Ny44OCwxOS45Ni04OS41MiwzMC43Ni0xMjQuOTRsMTU4LjAzLTUxMS43OGgyNDguNjRzMCwxMC40NCwwLDEwLjk4YzAsOTQuMTgsMCwxODguMzYsMCwyODIuNTR2NTM2LjMzYzAsMTEuOTMsMi44LDI1LjMxLTMuNTksMzAuM1oiLz4NCjwvc3ZnPg==");
    --mm-file-agaw: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgkNCgkuYWdhd19zdDJ7ZmlsbDojRDZFNUZDO30NCgkuYWdhd19zdDN7ZmlsbDojRkZGRkZGO30NCgkuYWdhd19zdDR7ZmlsbDojQkJEMEVDO30NCgkuYWdhd19zdDV7ZmlsbDojMEY0RUI4O30NCgkuYWdhd19zdDZ7ZmlsbDojQkREN0ZGO30NCgkuYWdhd19zdDd7ZmlsbDojMzE2Q0E2O30NCgkuYWdhd19zdDh7ZmlsbDojMUQzNjREO30NCgkuYWdhd19zdDl7ZmlsbDojNDVCQ0ZBO30NCgkuYWdhd19zdDEwe2ZpbGw6IzE1N0NGNjt9DQo8L3N0eWxlPg0KPGc+DQoJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8xXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI3OS41NTExIiB5MT0iMzMxLjE0NTkiIHgyPSI0NjQuMzIwNyIgeTI9IjE2OC45OTYzIj4NCgkJPHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRkZGRkZGIi8+DQoJCTxzdG9wIG9mZnNldD0iMC41OTAxIiBzdHlsZT0ic3RvcC1jb2xvcjojRjBGNkZGIi8+DQoJCTxzdG9wIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6I0UzRUVGRiIvPg0KCTwvbGluZWFyR3JhZGllbnQ+DQoJPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8wMDAwMjMxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjMyLjY4NzgiIHkxPSI0ODAuMDEyMiIgeDI9IjQyOS44NjMyIiB5Mj0iODIuODM2NyI+DQoJCTxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6IzBGNEVCOCIvPg0KCQk8c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiMxNTdDRjYiLz4NCgk8L2xpbmVhckdyYWRpZW50Pg0KCTxwYXRoIHN0eWxlPSJmaWxsOnVybCgjU1ZHSURfMV8pO3N0cm9rZTp1cmwoI1NWR0lEXzAwMDAyMzEpO3N0cm9rZS13aWR0aDoxNy41O3N0cm9rZS1taXRlcmxpbWl0Ojg3LjU7IiBkPSINCgkJTTM0NywxMi41SDgzYy0yMi40LDAtNDAuNywxOC4zLTQwLjcsNDAuN3Y0MDcuM2MwLDIyLjQsMTguMyw0MC43LDQwLjcsNDAuN2gzNDUuNmMyMi40LDAsNDAuNy0xOC4zLDQwLjctNDAuN1YxMzQuN0wzNDcsMTIuNXoiLz4NCgk8bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzAwMDAzNzQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMzQ2Ljk3NTMiIHkxPSIxMzQuNTc0NyIgeDI9IjQxNC4yMjUiIHkyPSI2Ny4zMjUiPg0KCQk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojMEY0RUI4Ii8+DQoJCTxzdG9wICBvZmZzZXQ9IjAuNjcwNCIgc3R5bGU9InN0b3AtY29sb3I6IzE0NzZFRSIvPg0KCTwvbGluZWFyR3JhZGllbnQ+DQoJPHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6dXJsKCNTVkdJRF8wMDAwMzc0KTtzdHJva2Utd2lkdGg6MTcuNTtzdHJva2UtbWl0ZXJsaW1pdDo4Ny41OyIgZD0iTTQ3Ny42LDEzOS43aC05Ny4zYy0yMS4xLDAtMzguNC0xNy4yLTM4LjQtMzguM1YzLjgiLz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9ImFnYXdfc3QyIiBkPSJNNDEzLjEsMzk3LjloLTMwOWMtNi41LDAtMTEuNy01LjMtMTEuNy0xMS43di0yMy40YzAtNi41LDUuMy0xMS43LDExLjctMTEuN2gzMDguOGM2LjUsMCwxMS43LDUuMywxMS43LDExLjcNCgkJCXYyMy40QzQyNC45LDM5Mi42LDQxOS41LDM5Ny45LDQxMy4xLDM5Ny45eiIvPg0KCQk8cGF0aCBjbGFzcz0iYWdhd19zdDIiIGQ9Ik00MTMsNDY0LjdIMTA0LjJjLTYuNSwwLTExLjctNS4zLTExLjctMTEuN3YtMjMuNGMwLTYuNSw1LjMtMTEuNywxMS43LTExLjdoMzA4LjhjNi41LDAsMTEuNyw1LjMsMTEuNywxMS43DQoJCQlWNDUzQzQyNC44LDQ1OS40LDQxOS40LDQ2NC43LDQxMyw0NjQuN3oiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCgk8Zz4NCgkJPGNpcmNsZSBjbGFzcz0iYWdhd19zdDMiIGN4PSIyNTAuMyIgY3k9IjI5OCIgcj0iOTUuNiIvPg0KCTwvZz4NCgk8cGF0aCBjbGFzcz0iYWdhd19zdDQiIGQ9Ik0zMjQuNCwyNjkuNGM0LDkuNCw2LjMsMTkuNyw2LjMsMzAuN3MtMi4yLDIxLjMtNi4zLDMwLjdoLTMzLjljMS43LTkuNSwyLjYtMTkuOCwyLjYtMzAuNw0KCQljMC0xMC44LTAuOS0yMS4yLTIuNi0zMC43TDMyNC40LDI2OS40TDMyNC40LDI2OS40eiIvPg0KCTxwYXRoIGNsYXNzPSJhZ2F3X3N0NSIgZD0iTTIzMy4xLDMwMGMwLTExLjEsMC44LTIxLjQsMi4zLTMwLjdoNDAuNGMxLjUsOS4zLDIuMywxOS43LDIuMywzMC43cy0wLjksMjEuNC0yLjMsMzAuN2gtNDAuNA0KCQlDMjMzLjksMzIxLjYsMjMzLjEsMzExLjEsMjMzLjEsMzAwTDIzMy4xLDMwMHoiLz4NCgk8cGF0aCBjbGFzcz0iYWdhd19zdDYiIGQ9Ik0zMTUuNSwyNTRIMjg3Yy0zLjUtMTItOC4zLTIxLjgtMTQtMjguNkMyOTAuMSwyMjkuNiwzMDUuMSwyMzkuNywzMTUuNSwyNTRMMzE1LjUsMjU0eiIvPg0KCTxwYXRoIGNsYXNzPSJhZ2F3X3N0NiIgZD0iTTI1NS41LDIzMC45YzYuNywwLDEyLjcsOC45LDE2LjgsMjNoLTMzLjVDMjQyLjksMjM5LjgsMjQ4LjksMjMwLjksMjU1LjUsMjMwLjlMMjU1LjUsMjMwLjlMMjU1LjUsMjMwLjl6Ii8+DQoJPHBhdGggY2xhc3M9ImFnYXdfc3Q2IiBkPSJNMjM4LDIyNS41Yy01LjYsNi43LTEwLjQsMTYuNy0xNCwyOC42aC0yOC42QzIwNiwyMzkuNywyMjEsMjI5LjYsMjM4LDIyNS41TDIzOCwyMjUuNXoiLz4NCgk8cGF0aCBjbGFzcz0iYWdhd19zdDYiIGQ9Ik0xODYuOCwyNjkuNGgzMy45Yy0xLjcsOS41LTIuNiwxOS44LTIuNiwzMC43YzAsMTAuOSwwLjksMjEuMiwyLjYsMzAuN2gtMzMuOWMtNC4yLTkuNy02LjMtMjAuMS02LjMtMzAuNw0KCQlDMTgwLjUsMjg5LjIsMTgyLjcsMjc4LjcsMTg2LjgsMjY5LjRMMTg2LjgsMjY5LjRMMTg2LjgsMjY5LjR6Ii8+DQoJPHBhdGggY2xhc3M9ImFnYXdfc3Q2IiBkPSJNMTk1LjUsMzQ2LjFoMjguNmMzLjUsMTIsOC4zLDIxLjgsMTQsMjguNkMyMjEsMzcwLjUsMjA2LDM2MC41LDE5NS41LDM0Ni4xTDE5NS41LDM0Ni4xTDE5NS41LDM0Ni4xeiIvPg0KCTxwYXRoIGNsYXNzPSJhZ2F3X3N0NiIgZD0iTTI1NS41LDM2OS4yYy02LjcsMC0xMi43LTguOS0xNi44LTIzaDMzLjVDMjY4LjIsMzYwLjMsMjYyLjIsMzY5LjIsMjU1LjUsMzY5LjJMMjU1LjUsMzY5LjJMMjU1LjUsMzY5LjJ6Ii8+DQoJPHBhdGggY2xhc3M9ImFnYXdfc3Q2IiBkPSJNMjczLjIsMzc0LjdjNS42LTYuNywxMC40LTE2LjcsMTQtMjguNmgyOC42QzMwNS4xLDM2MC41LDI5MC4xLDM3MC41LDI3My4yLDM3NC43TDI3My4yLDM3NC43eiIvPg0KCTxwYXRoIGNsYXNzPSJhZ2F3X3N0NyIgZD0iTTQxMy43LDMzMC4yYzAuNC0yLjEsMC44LTQuMiwxLjEtNi4zQzQxNC41LDMyNiw0MTQuMSwzMjguMiw0MTMuNywzMzAuMnoiLz4NCgk8cGF0aCBjbGFzcz0iYWdhd19zdDciIGQ9Ik0zNDMuNSwyNjlMMzQzLjUsMjY5TDM0My41LDI2OUwzNDMuNSwyNjlDMzQzLjUsMjY4LjksMzQzLjUsMjY4LjksMzQzLjUsMjY5eiIvPg0KCTxwYXRoIGNsYXNzPSJhZ2F3X3N0OCIgZD0iTTI5OS4yLDIyMC42YzEsMC42LDEuOSwxLjEsMywxLjdDMzAxLjMsMjIxLjcsMzAwLjMsMjIxLjEsMjk5LjIsMjIwLjZ6Ii8+DQoJPHBhdGggY2xhc3M9ImFnYXdfc3Q5IiBkPSJNMjkyLjIsMjE2LjZjLTQxLjItMjQuOC03Ni41LTI1LjgtMTYyLjctMTQuNmMxLjQtMS4zLDM5LjItNTguNywxMjAuNC02Mi4xYzE2LjYtMC43LDMzLjIsMS4yLDQ5LjIsNS41DQoJCWMxNy41LDQuNywzNC4zLDEyLjUsNDkuMSwyMi45YzE2LjgsMTEuNywzMC45LDI2LjcsNDIsNDMuN2MxLjMsMiwyLjQsNC41LDIuOCw2LjljMC4yLDEuNSwwLjIsMy4yLTAuNyw0LjVjLTEuOCwyLjQtMTEsNS41LTExLjgsNg0KCQlsLTE1LjQsNi40bC0xNy41LDcuM2MwLDAtMTEuOCw1LjEtMTYuMiw0LjFjLTQuMS0wLjgtNi0zLjctOC45LTYuNWMtNy41LTcuMy0xNS40LTE0LjEtMjQtMTkuOQ0KCQlDMjk2LjQsMjE5LjIsMjk0LjQsMjE3LjgsMjkyLjIsMjE2LjZMMjkyLjIsMjE2LjZ6Ii8+DQoJPHBhdGggY2xhc3M9ImFnYXdfc3QxMCIgZD0iTTMyNy45LDI0NS44Yy0wLjYtMC4zLTIuMi0xLjQtMy0yLjJjLTUuOC01LjctMTMuNi0xMy4zLTE1LjYtMTQuOGMtNC4xLTMuMi03LTUuNi0xMi4yLTguNg0KCQljLTEzLjQtNy44LTI2LTEwLjMtNDIuNy0xMC4zYy01MCwwLTg4LjQsNDAuNC04OC40LDkwYzAsNi4zLDAuNiwxMi41LDEuOSwxOC41bDAsMGM1LjksMjguMSwyNC45LDUxLjQsNTAuNCw2My4xbDAuNiwwLjMNCgkJYzAuOCwwLjMsNS45LDIuNCwxNCw1YzE1LjgsNS4xLDI5LjgsOC4zLDU2LjgsNy43YzUwLjQsMCw5Mi45LTIwLjMsMTIyLjQtNTYuMmMtMTYuOSw2OS4yLTc5LjEsMTIwLjQtMTUzLjcsMTIxLjQNCgkJYy0wLjUsMC0xLDAtMS41LDBjLTAuMiwwLTAuMywwLTAuNSwwYy0wLjMsMC0wLjYsMC0wLjksMGMtMC43LDAtMS41LDAtMi4yLDBjLTAuMiwwLTAuNSwwLTAuNywwYy0wLjksMC0xLjgtMC4xLTIuNy0wLjENCgkJYy0wLjIsMC0wLjQsMC0wLjYsMGMtMC45LDAtMS44LTAuMS0yLjctMC4yYy0wLjMsMC0wLjYsMC0wLjktMC4xYy0wLjctMC4xLTEuNS0wLjEtMi4yLTAuMmMtMC42LTAuMS0xLjEtMC4xLTEuNy0wLjINCgkJYy0wLjQsMC0wLjgtMC4xLTEuMi0wLjFjLTM4LjMtMy44LTcyLjUtMjAuOC05OC4xLTQ2LjVjLTAuMS0wLjEtMC4xLTAuMS0wLjItMC4xbDAsMGMtMTguMi0xOC4yLTMyLTQxLjEtMzkuNi02Ni41DQoJCWMtNC4zLTE0LjUtNi43LTI5LjgtNi43LTQ1LjdjMC0zNi42LDEyLjQtNzAuMiwzMy4xLTk3LjFjMC4yLTAuMywwLjUtMC43LDAuOC0xYzQ5LjMtNDguMiwxNTYtNTcuMywxOTkuOCw0My43DQoJCWMwLjIsMC4zLDAuMywwLjcsMC41LDFDMzMwLDI0Ni42LDMyOS4zLDI0Ni41LDMyNy45LDI0NS44TDMyNy45LDI0NS44eiIvPg0KCTxwYXRoIGNsYXNzPSJhZ2F3X3N0NSIgZD0iTTQxNiwzMDkuN2MwLTIyLjMtMTkuMS00MC40LTQyLjgtNDAuNGMtMC40LDAtMC43LDAtMS4xLDBoLTgyLjF2NjEuNWg1MC4zYy0xMy40LDMzLjEtNDUuOSw1OC45LTgzLjksNTguOQ0KCQljLTYuMywwLTEyLjQtMC4yLTE4LjMtMS41YzEwLjgsNS45LDI2LjQsOC41LDQ5LjUsOC41YzUwLjIsMCw5NS0yMi44LDEyNC41LTU4LjdjMS4yLTUsMy45LTE1LjIsMy45LTI1DQoJCUM0MTUuOSwzMTIsNDE2LDMxMC45LDQxNiwzMDkuN0w0MTYsMzA5Ljd6Ii8+DQoJPHBhdGggY2xhc3M9ImFnYXdfc3Q3IiBkPSJNMzQzLjUsMjY5TDM0My41LDI2OUwzNDMuNSwyNjlMMzQzLjUsMjY5QzM0My41LDI2OC45LDM0My41LDI2OC45LDM0My41LDI2OXoiLz4NCjwvZz4NCjwvc3ZnPg0K");
    --tt-0-menu-1: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI1NiAyNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNTYiIHdpZHRoPSIyNTYiLz48bGluZSBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIgeDE9IjQwIiB4Mj0iMjE2IiB5MT0iMTI4IiB5Mj0iMTI4Ii8+PGxpbmUgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMTYiIHgxPSI0MCIgeDI9IjIxNiIgeTE9IjY0IiB5Mj0iNjQiLz48bGluZSBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIgeDE9IjQwIiB4Mj0iMjE2IiB5MT0iMTkyIiB5Mj0iMTkyIi8+PC9zdmc+");
    --tt-left-1: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KPHN2ZyB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCgk8cmVjdCBmaWxsPSJub25lIiBoZWlnaHQ9IjI1NiIgd2lkdGg9IjI1NiIvPg0KCTxwb2x5bGluZSBmaWxsPSJub25lIiBwb2ludHM9IjE2MCAyMDggODAgMTI4IDE2MCA0OCIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMTYiLz4NCjwvc3ZnPg==");
    --tt-right-1: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KPHN2ZyB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCgk8cmVjdCBmaWxsPSJub25lIiBoZWlnaHQ9IjI1NiIgd2lkdGg9IjI1NiIvPg0KCTxwb2x5bGluZSBmaWxsPSJub25lIiBwb2ludHM9Ijk2IDQ4IDE3NiAxMjggOTYgMjA4IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIvPg0KPC9zdmc+");
}
:root {
    --main-background-color: #EEF6FB
}
.frame-face {
    display: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: calc(100vh - 2px);
}
.nav-tabs {
    -webkit-app-region: drag;
    position: relative;
    width: 100%;
    user-select: none;
    display: flex;
    align-items: center;
    background-color: #dedfe0;
}
.nav-tabs .tabbar {
    margin-bottom: 0;
    min-height: 32px;
    height: 32px;
    flex: 1;
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
    padding-left: 0px;
}
.nav-tabs .tabbar li {
    flex: 0;
}
.nav-tabs .tabbar .tab-flex {
    flex: 1;
    display: flex;
    overflow: hidden;
}
.nav-tabs .tabbar .tab-flex .scroll-tabbar {
    overflow-x: hidden;
    overflow-y: hidden;
}
.nav-tabs .rightBtn {
    height: 32px;
    width: 190px;
    display: flex;
    justify-content: right;
}
.nav-tabs button {
    background-color: #dedfe0;
    border: none;
    transition: 0.2s;
    border-radius: 0;
    margin: 0;
    width: 40px;
    height: 32px;
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-app-region: no-drag;
}
.nav-tabs .tabbar button {
    height: 28px;
    width: 28px;
    margin-top: 4px;
}
.nav-tabs button img {
    width: 100%;
    height: 100%;
}
.nav-tabs .tabbar button.to_home {
    margin-right: 3px;
    width: 72px;
    position: relative;
    display: flex;
    align-items: center;
    -webkit-app-region: no-drag;
    padding-left: 6px;
}
.nav-tabs .tabbar button.to_home::before {
    content: var(--mm_logo_icon);
    display: block;
    width: 16px;
    height: 16px;
    margin-left: 6px;
}
.nav-tabs .to_left {
    background-image: var(--tt-left-1);
}
.nav-tabs .to_right {
    background-image: var(--tt-right-1);
}
.nav-tabs .add-tab {
    border: none;
    border-radius: 4px;
    font-size: 22px;
    margin-left: 0px;
    background-color: #dedfe0;
    -webkit-app-region: no-drag;
}
.nav-tabs .add-tab:hover {
    background-color: #e9e9e9;
}
.nav-tabs button:hover {
    background-color: #e9e9e9;
}
.nav-tabs .right-toolbar,
.nav-tabs .right-control {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.nav-tabs .right-control button svg {
    width: 18px;
    height: 18px;
}
.nav-tabs .minimize {
    background-image: url("../images/app/minimize.png");
}
.nav-tabs .maximize {
    background-image: url("../images/app/unmaximize.png");
}
.nav-tabs .close {
    background-image: url("../images/app/close.png");
}
.frame-face .nav-tabs .close:hover {
    background-image: url("../images/app/close-white.png");
    background-color: #e81123;
}
.nav-tabs #moreTools {
    background-image: var(--tt-0-menu-1);
}
.nav-tabs #refresh {
    background-image: url("../images/common/icon-refresh.svg");
}
.nav-tabs #menu {
    background-image: url("../images/common/icon-down.svg");
}
.nav-tabs .left-control {
    display: none;
}
.nav-tabs .left-control>div {
    width: 80px;
    display: inline-block;
}
.nav-tabs .scroll-tabbar {
    white-space: nowrap;
    overflow: hidden;
    list-style: none;
    padding: 4px 0px 0px 0px;
    margin: 0px;
    display: flex;
    border-bottom: 0px solid #ccc;
    height: 32px;
    box-sizing: border-box;
    -webkit-app-region: drag;
}
.nav-tabs .scroll-tabbar li {
    margin-right: 3px;
    position: relative;
    display: flex;
    align-items: center;
    background-color: #F1F1F1;
    border-radius: 6px 6px 0px 0px;
    -webkit-app-region: no-drag;
}
.nav-tabs .scroll-tabbar li.home {
    display: none;
}
.nav-tabs .scroll-tabbar li.home::before {
    content: var(--mm_logo_icon);
    display: block;
    width: 16px;
    height: 16px;
    margin-left: 6px;
}
.nav-tabs .scroll-tabbar li::before {
    content: var(--mm-file-agaw);
    display: block;
    width: 16px;
    height: 16px;
    margin-left: 6px;
}
.nav-tabs .to_home.active,
.nav-tabs .scroll-tabbar li.active {
    background-color: var(--main-background-color);
    font-weight: 600;
    border-top: solid 2px #007FFF;
    border-radius: 4px 4px 0px 0px;
    color: #007FFF;
    font-size: 14px;
}
.nav-tabs .to_home.active a,
.nav-tabs .scroll-tabbar li.active a {
    color: #007FFF;
    font-size: 14px;
}
.nav-tabs .to_home:hover,
.nav-tabs .scroll-tabbar li:hover {
    background-color: #EEFFFF;
}
.nav-tabs .to_home.active:hover,
.nav-tabs .scroll-tabbar li.active:hover {
    background-color: var(--main-background-color);
}
.nav-tabs .scroll-tabbar li a {
    display: block;
    padding: 2px 20px 2px 4px;
    margin: 2px;
    line-height: 22px;
    text-decoration: none;
    color: #333;
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.close-tab {
    position: absolute;
    top: 10px;
    right: 5px;
    transform: translateY(-35%);
    cursor: pointer;
    font-size: 16px;
    color: #999;
}
.close-tab.unsaved {
    background-color: #ff0000;
    border-radius: 4px;
    position: absolute;
    height: 8px;
    width: 8px;
    transform: translateY(-20%);
    color: transparent;
}
.close-tab.unsaved:hover {
    width: auto;
    height: auto;
    background-color: transparent;
    transform: translateY(-35%);
}
.close-tab:hover,
.close-tab.unsaved:hover {
    color: #ff0000;
}
.nav-pages {
    height: calc(100% - 32px);
    width: 100%;
}
.nav-pages .tab-pane {
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.nav-pages .tab-pane.active {
    display: block;
}
.nav-pages .tab-pane iframe {
    border: none;
}
.update-progress-bar {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 4px;
    background-color: #f3f3f3;
    border-radius: 10px;
    overflow: hidden;
    display: none;
}
.update-progress-bar .update-progress {
    height: 100%;
    width: 1%;
    background-color: #4caf50;
}
.header-button {
    position: absolute;
    top: 34px;
    right: 54px;
    display: none;
    z-index: 10;
}
.header-button img {
    width: 36px;
    height: 36px;
}
.frame-container {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.frame-loading-overlay {
    overflow: hidden;
    margin: 0;
    background-color: #FCFCFCDD;
    border: solid 0px #ccc;
    width: 720px;
    min-height: 440px;
    display: block;
}
.sp_wrap {
    width: 720px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.splash {
    position: relative;
    width: 100%;
}
.splash .sp_image img {
    width: 100%;
    min-height: 410px;
}
.splash .sp_info {
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.splash .sp_message {
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    translate: -50%;
    display: none;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600px;
    padding: 16px;
    border: #A2A2A2;
    border-radius: 6px;
    background-color: #FFFFFFEE;
    color: brown;
    text-align: center;
}
.splash .sp_message span {
    font-size: 16px;
}
.splash .sp_message a {
    display: inline-block;
    margin-top: 10px;
    color: blue;
    font-size: 16px;
}
.splash .sp_message a:hover {
    color: blueviolet;
}
.splash .progress-bar {
    position: absolute;
    bottom: 6px;
    left: 0px;
    width: 100%;
    height: 6px;
    background-color: #f3f3f3;
    border-radius: 10px;
    overflow: hidden;
    animation: progressAnimation 2s linear forwards;
}
.splash .progress {
    height: 100%;
    width: 100%;
    background-color: #4caf50;
    transition: width 1s linear;
}
@keyframes progressAnimation {
    0% {
        width: 0%;
    }
    100% {
        width: 98%;
    }
}
