@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
.icon {
  display: inline-block;
  overflow: hidden;
  padding: 8px;
  width: 14px;
  height: 14px;
  opacity: 1;
  background-size: cover;
  user-select: none; /* standard syntax */
  -webkit-user-select: none; /* webkit (safari, chrome) browsers */
  -moz-user-select: none; /* mozilla browsers */
  -khtml-user-select: none; /* webkit (konqueror) browsers */
  -ms-user-select: none; /* IE10+ */
}

.icon.disabled {
  opacity: 0.4;
}

.icon.disabled:hover {
  opacity: 0.4;
}

.icon:hover {
  opacity: 0.7;
}

.icon.selected {
  opacity: 1;
}

.icon.selected:hover {
  opacity: 0.7;
}

.icon.unselected {
  opacity: 0.4;
}

.icon.unselected:hover {
  opacity: 0.7;
}

.back-icon {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCiAgICAgICAgIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgogICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTI1NiwwQzExNC44MzcsMCwwLDExNC44MzcsMCwyNTZzMTE0LjgzNywyNTYsMjU2LDI1NnMyNTYtMTE0LjgzNywyNTYtMjU2UzM5Ny4xNjMsMCwyNTYsMHogTTM4NCwyNzcuMzMzSDE3OS40OTkKICAgICAgICAgICAgICAgICAgICAgICAgbDQ4LjkxNyw0OC45MTdjOC4zNDEsOC4zNDEsOC4zNDEsMjEuODI0LDAsMzAuMTY1Yy00LjE2LDQuMTYtOS42MjEsNi4yNTEtMTUuMDgzLDYuMjUxYy01LjQ2MSwwLTEwLjkyMy0yLjA5MS0xNS4wODMtNi4yNTEKICAgICAgICAgICAgICAgICAgICAgICAgbC04NS4zMzMtODUuMzMzYy0xLjk2My0xLjk2My0zLjUyLTQuMzA5LTQuNjA4LTYuOTMzYy0yLjE1NS01LjIwNS0yLjE1NS0xMS4wOTMsMC0xNi4yOTljMS4wODgtMi42MjQsMi42NDUtNC45NzEsNC42MDgtNi45MzMKICAgICAgICAgICAgICAgICAgICAgICAgbDg1LjMzMy04NS4zMzNjOC4zNDEtOC4zNDEsMjEuODI0LTguMzQxLDMwLjE2NSwwczguMzQxLDIxLjgyNCwwLDMwLjE2NWwtNDguOTE3LDQ4LjkxN0gzODRjMTEuNzc2LDAsMjEuMzMzLDkuNTU3LDIxLjMzMywyMS4zMzMKICAgICAgICAgICAgICAgICAgICAgICAgUzM5NS43NzYsMjc3LjMzMywzODQsMjc3LjMzM3oiLz4KICAgICAgICA8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+");
}

.flag-icon {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCiAgICAgICAgIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgogICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTQzOS40NjMsNjEuODY3Yy00LjYxNi0yLjY4NS0xMC4zMTgtMi42ODUtMTQuOTMzLDBjLTE3Ljg3Nyw5LjkxOC0zOC4wMDksMTUuMDYxLTU4LjQ1MywxNC45MzMKICAgICAgICAgICAgICAgICAgICAgICAgYy0yOS44OTEsMC42NjEtNTguNzkzLTEwLjcxNS04MC4yMTMtMzEuNTczYy0yNC43MjgtMjQuMjA1LTU4LjE2Mi0zNy40MzEtOTIuNzU3LTM2LjY5MwogICAgICAgICAgICAgICAgICAgICAgICBjLTI3Ljg2MS0wLjI0MS01NS4xMDEsOC4yMzItNzcuOTA5LDI0LjIzNVYyNS42YzAtMTQuMTM4LTExLjQ2MS0yNS42LTI1LjYtMjUuNmMtMTQuMTM5LDAtMjUuNiwxMS40NjEtMjUuNiwyNS42djQ2MC44CiAgICAgICAgICAgICAgICAgICAgICAgIGMwLDE0LjEzOCwxMS40NjEsMjUuNiwyNS42LDI1LjZjMTQuMTM4LDAsMjUuNi0xMS40NjEsMjUuNi0yNS42VjI2NC41MzNjMi44MjgtMC4yNjUsNS41MjItMS4zMyw3Ljc2NS0zLjA3MgogICAgICAgICAgICAgICAgICAgICAgICBjMjAuMzAyLTE0Ljk1MSw0NC45MzMtMjIuODYxLDcwLjE0NC0yMi41MjhjMjkuOTQ2LTAuNjg4LDU4LjkxMSwxMC42ODksODAuMzg0LDMxLjU3M2MyNC42ODEsMjQuMTcsNTguMDQ5LDM3LjM5NCw5Mi41ODcsMzYuNjkzCiAgICAgICAgICAgICAgICAgICAgICAgIGMyNi40NjksMC4zMDgsNTIuNDMxLTcuMjY2LDc0LjU4MS0yMS43NmM0Ljc0LTMuMjg1LDcuNTAxLTguNzQyLDcuMzM5LTE0LjUwN1Y3Ni44QzQ0OC4wNTIsNzAuNjQ4LDQ0NC43OTEsNjQuOTQzLDQzOS40NjMsNjEuODY3CiAgICAgICAgICAgICAgICAgICAgICAgIHoiLz4KICAgICAgICA8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+");
}

.transposition-icon {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCiAgICAgICAgIHZpZXdCb3g9IjAgMCA1MTIuMTg4IDUxMi4xODgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMi4xODggNTEyLjE4ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KICAgICAgICA8Zz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00OTguNzczLDIyOS44NTRsLTk5Ljc4OS03Mi4wNzNjLTcuODM0LTUuNjU4LTE4LjAzOS02LjQyNi0yNi42NDEtMi4wMzljLTguNjAyLDQuNDAzLTEzLjk0MywxMy4xMzMtMTMuOTQzLDIyLjgwMQogICAgICAgICAgICAgICAgICAgICAgICB2NDMuNDE4aC03Ni44di02OC4yNjdjMC02MS4xNjctNDkuNzY2LTExMC45MzMtMTEwLjkzMy0xMTAuOTMzaC0yOC41NzhDMTI5LjE4NiwxNS45MjMsMTA1LjE0OCwwLjA5NCw3Ni44LDAuMDk0CiAgICAgICAgICAgICAgICAgICAgICAgIEMzNC40NTgsMC4wOTQsMCwzNC41NTEsMCw3Ni44OTRzMzQuNDU4LDc2LjgsNzYuOCw3Ni44YzI4LjM0OCwwLDUyLjM4Ni0xNS44MjksNjUuMjg5LTQyLjY2N2gyOC41NzgKICAgICAgICAgICAgICAgICAgICAgICAgYzIzLjUyNiwwLDQyLjY2NywxOS4xNCw0Mi42NjcsNDIuNjY3djY4LjI2N2gtNzEuMjQ1Yy0xMi45MDItMjYuODM3LTM2Ljk0MS00Mi42NjctNjUuMjg5LTQyLjY2NwogICAgICAgICAgICAgICAgICAgICAgICBjLTQyLjM0MiwwLTc2LjgsMzQuNDU4LTc2LjgsNzYuOHMzNC40NTgsNzYuOCw3Ni44LDc2LjhjMjguMzQ4LDAsNTIuMzg2LTE1LjgyOSw2NS4yODktNDIuNjY3aDcxLjI0NXY2OC4yNjcKICAgICAgICAgICAgICAgICAgICAgICAgYzAsMjMuNTI2LTE5LjE0LDQyLjY2Ny00Mi42NjcsNDIuNjY3aC0yOC41NzhjLTEyLjkwMi0yNi44MzctMzYuOTQxLTQyLjY2Ny02NS4yODktNDIuNjY3Yy00Mi4zNDIsMC03Ni44LDM0LjQ1OC03Ni44LDc2LjgKICAgICAgICAgICAgICAgICAgICAgICAgczM0LjQ1OCw3Ni44LDc2LjgsNzYuOGMyOC4zNDgsMCw1Mi4zODYtMTUuODI5LDY1LjI4OS00Mi42NjdoMjguNTc4YzYxLjE2NywwLDExMC45MzMtNDkuNzY2LDExMC45MzMtMTEwLjkzM3YtNTkuNzMzaDc2LjgKICAgICAgICAgICAgICAgICAgICAgICAgdjM0Ljg4NGMwLDkuNjY4LDUuMzQyLDE4LjM5OCwxMy45NDMsMjIuODAxYzguNjAyLDQuMzk1LDE4LjgyNSwzLjYyNywyNi42NDEtMi4wMzlsOTkuNzg5LTcyLjA3MwogICAgICAgICAgICAgICAgICAgICAgICBjOC41MjUtNi4xNjEsMTMuNDE0LTE1LjcyNywxMy40MTQtMjYuMjRTNTA3LjI5OCwyMzYuMDE1LDQ5OC43NzMsMjI5Ljg1NHoiLz4KICAgICAgICA8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+");
}

.black-arrow-icon {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjEuOTIzIDIxLjkyMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjEuOTIzIDIxLjkyMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIHN0eWxlPSJmaWxsOiMwMzAxMDQ7IiBkPSJNMjAuODg1LDAuMTAxTDcuOTg5LDEuMzIyYzAsMC0xLjcyMy0wLjA1My0wLjc2LDAuOTFzMy4yOTMsMy4yODksMy4yOTMsMy4yODkKCQlzLTAuNTcsMC41NjgtMS40MzgsMS40MzNjLTIuNDg0LDIuNDg0LTYuOTk4LDYuOTk4LTguODM4LDguODRjMCwwLTAuNjMxLDAuMzY1LDAuMTI5LDEuMTIzczQuMDg2LDQuMDkyLDQuNjI5LDQuNjMzCgkJYzAuNTQxLDAuNTQxLDAuOTQ3LDAuMTExLDAuOTQ3LDAuMTExYzEuNzg5LTEuNzkxLDYuNDU3LTYuNDU3LDguODU3LTguODU3YzAuNzgxLTAuNzgxLDEuMjg1LTEuMjg5LDEuMjg1LTEuMjg5CgkJczEuODY1LDEuODY5LDMuMDQxLDMuMDQxYzEuMTY4LDEuMTcsMS4xNjQtMC41ODgsMS4xNjQtMC41ODhzMS42MjUtMTEuNTU5LDEuNjI1LTEyLjk0NUMyMS45MjQsMC4wMTcsMjAuODg1LDAuMTAxLDIwLjg4NSwwLjEwMXoiCgkJLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
}

.red-arrow-icon {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjEuOTIzIDIxLjkyMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjEuOTIzIDIxLjkyMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIHN0eWxlPSJmaWxsOnJlZCIgZD0iTTIwLjg4NSwwLjEwMUw3Ljk4OSwxLjMyMmMwLDAtMS43MjMtMC4wNTMtMC43NiwwLjkxczMuMjkzLDMuMjg5LDMuMjkzLDMuMjg5CgkJcy0wLjU3LDAuNTY4LTEuNDM4LDEuNDMzYy0yLjQ4NCwyLjQ4NC02Ljk5OCw2Ljk5OC04LjgzOCw4Ljg0YzAsMC0wLjYzMSwwLjM2NSwwLjEyOSwxLjEyM3M0LjA4Niw0LjA5Miw0LjYyOSw0LjYzMwoJCWMwLjU0MSwwLjU0MSwwLjk0NywwLjExMSwwLjk0NywwLjExMWMxLjc4OS0xLjc5MSw2LjQ1Ny02LjQ1Nyw4Ljg1Ny04Ljg1N2MwLjc4MS0wLjc4MSwxLjI4NS0xLjI4OSwxLjI4NS0xLjI4OQoJCXMxLjg2NSwxLjg2OSwzLjA0MSwzLjA0MWMxLjE2OCwxLjE3LDEuMTY0LTAuNTg4LDEuMTY0LTAuNTg4czEuNjI1LTExLjU1OSwxLjYyNS0xMi45NDVDMjEuOTI0LDAuMDE3LDIwLjg4NSwwLjEwMSwyMC44ODUsMC4xMDF6IgoJCS8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==");
}

.green-arrow-icon {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjEuOTIzIDIxLjkyMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjEuOTIzIDIxLjkyMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIHN0eWxlPSJmaWxsOmdyZWVuIiBkPSJNMjAuODg1LDAuMTAxTDcuOTg5LDEuMzIyYzAsMC0xLjcyMy0wLjA1My0wLjc2LDAuOTFzMy4yOTMsMy4yODksMy4yOTMsMy4yODkKCQlzLTAuNTcsMC41NjgtMS40MzgsMS40MzNjLTIuNDg0LDIuNDg0LTYuOTk4LDYuOTk4LTguODM4LDguODRjMCwwLTAuNjMxLDAuMzY1LDAuMTI5LDEuMTIzczQuMDg2LDQuMDkyLDQuNjI5LDQuNjMzCgkJYzAuNTQxLDAuNTQxLDAuOTQ3LDAuMTExLDAuOTQ3LDAuMTExYzEuNzg5LTEuNzkxLDYuNDU3LTYuNDU3LDguODU3LTguODU3YzAuNzgxLTAuNzgxLDEuMjg1LTEuMjg5LDEuMjg1LTEuMjg5CgkJczEuODY1LDEuODY5LDMuMDQxLDMuMDQxYzEuMTY4LDEuMTcsMS4xNjQtMC41ODgsMS4xNjQtMC41ODhzMS42MjUtMTEuNTU5LDEuNjI1LTEyLjk0NUMyMS45MjQsMC4wMTcsMjAuODg1LDAuMTAxLDIwLjg4NSwwLjEwMXoiCgkJLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
}

.blue-arrow-icon {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjEuOTIzIDIxLjkyMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjEuOTIzIDIxLjkyMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIHN0eWxlPSJmaWxsOmJsdWUiIGQ9Ik0yMC44ODUsMC4xMDFMNy45ODksMS4zMjJjMCwwLTEuNzIzLTAuMDUzLTAuNzYsMC45MXMzLjI5MywzLjI4OSwzLjI5MywzLjI4OQoJCXMtMC41NywwLjU2OC0xLjQzOCwxLjQzM2MtMi40ODQsMi40ODQtNi45OTgsNi45OTgtOC44MzgsOC44NGMwLDAtMC42MzEsMC4zNjUsMC4xMjksMS4xMjNzNC4wODYsNC4wOTIsNC42MjksNC42MzMKCQljMC41NDEsMC41NDEsMC45NDcsMC4xMTEsMC45NDcsMC4xMTFjMS43ODktMS43OTEsNi40NTctNi40NTcsOC44NTctOC44NTdjMC43ODEtMC43ODEsMS4yODUtMS4yODksMS4yODUtMS4yODkKCQlzMS44NjUsMS44NjksMy4wNDEsMy4wNDFjMS4xNjgsMS4xNywxLjE2NC0wLjU4OCwxLjE2NC0wLjU4OHMxLjYyNS0xMS41NTksMS42MjUtMTIuOTQ1QzIxLjkyNCwwLjAxNywyMC44ODUsMC4xMDEsMjAuODg1LDAuMTAxeiIKCQkvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=");
}

.yellow-arrow-icon {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjEuOTIzIDIxLjkyMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjEuOTIzIDIxLjkyMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIHN0eWxlPSJmaWxsOmdvbGQiIGQ9Ik0yMC44ODUsMC4xMDFMNy45ODksMS4zMjJjMCwwLTEuNzIzLTAuMDUzLTAuNzYsMC45MXMzLjI5MywzLjI4OSwzLjI5MywzLjI4OQoJCXMtMC41NywwLjU2OC0xLjQzOCwxLjQzM2MtMi40ODQsMi40ODQtNi45OTgsNi45OTgtOC44MzgsOC44NGMwLDAtMC42MzEsMC4zNjUsMC4xMjksMS4xMjNzNC4wODYsNC4wOTIsNC42MjksNC42MzMKCQljMC41NDEsMC41NDEsMC45NDcsMC4xMTEsMC45NDcsMC4xMTFjMS43ODktMS43OTEsNi40NTctNi40NTcsOC44NTctOC44NTdjMC43ODEtMC43ODEsMS4yODUtMS4yODksMS4yODUtMS4yODkKCQlzMS44NjUsMS44NjksMy4wNDEsMy4wNDFjMS4xNjgsMS4xNywxLjE2NC0wLjU4OCwxLjE2NC0wLjU4OHMxLjYyNS0xMS41NTksMS42MjUtMTIuOTQ1QzIxLjkyNCwwLjAxNywyMC44ODUsMC4xMDEsMjAuODg1LDAuMTAxeiIKCQkvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=");
}

.hand-pointer-icon {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik00MTYsMTQ5LjMzM2MtOC43NjgsMC0xNi45MzksMi42NjctMjMuNzIzLDcuMjExQzM4Ni40MzIsMTM5Ljk0NywzNzAuNTgxLDEyOCwzNTIsMTI4CgkJCWMtOC43NjgsMC0xNi45MzksMi42NjctMjMuNzIzLDcuMjExYy01Ljg0NS0xNi41OTctMjEuNjk2LTI4LjU0NC00MC4yNzctMjguNTQ0Yy03Ljc2NSwwLTE1LjA2MSwyLjA5MS0yMS4zMzMsNS43MzlWNDIuNjY3CgkJCUMyNjYuNjY3LDE5LjEzNiwyNDcuNTMxLDAsMjI0LDBzLTQyLjY2NywxOS4xMzYtNDIuNjY3LDQyLjY2N3YyNDkuNDA4bC01OC42NDUtMjkuMzMzQzExMy44NTYsMjU4LjMyNSwxMDMuOTU3LDI1Niw5NC4wOCwyNTYKCQkJYy0yMi40ODUsMC00MC43NDcsMTguMjgzLTQwLjc0Nyw0MC44NzVjMCwxMC45MDEsNC4yNDUsMjEuMTIsMTEuOTQ3LDI4LjgyMWwxMzcuOTQxLDEzNy45NDFDMjM0LjM4OSw0OTQuODI3LDI3NS44ODMsNTEyLDMyMCw1MTIKCQkJYzc2LjQ1OSwwLDEzOC42NjctNjIuMjA4LDEzOC42NjctMTM4LjY2N1YxOTJDNDU4LjY2NywxNjguNDY5LDQzOS41MzEsMTQ5LjMzMyw0MTYsMTQ5LjMzM3ogTTQzNy4zMzMsMzczLjMzMwoJCQljMCw2NC43MDQtNTIuNjUxLDExNy4zMzMtMTE3LjM1NSwxMTcuMzMzYy0zOC40MjEsMC03NC41MTctMTQuOTU1LTEwMS42NTMtNDIuMTMzTDgwLjM2MywzMTAuNTkyCgkJCWMtMy42NjktMy42NDgtNS42OTYtOC41MzMtNS42OTYtMTMuODQ1YzAtMTAuNzA5LDguNzA0LTE5LjQxMywxOS40MTMtMTkuNDEzYzYuNTkyLDAsMTMuMTYzLDEuNTU3LDE5LjA3Miw0LjUwMWw3NC4wOTEsMzcuMDM1CgkJCWMzLjMwNywxLjY0Myw3LjI1MywxLjQ3MiwxMC4zNjgtMC40NjljMy4xMzYtMS45NDEsNS4wNTYtNS4zNzYsNS4wNTYtOS4wNjdWNDIuNjY3YzAtMTEuNzU1LDkuNTU3LTIxLjMzMywyMS4zMzMtMjEuMzMzCgkJCXMyMS4zMzMsOS41NzksMjEuMzMzLDIxLjMzM3YyMDIuNjY3YzAsNS44ODgsNC43NzksMTAuNjY3LDEwLjY2NywxMC42NjdjNS44ODgsMCwxMC42NjctNC43NzksMTAuNjY3LTEwLjY2N3YtOTYKCQkJYzAtMTEuNzU1LDkuNTU3LTIxLjMzMywyMS4zMzMtMjEuMzMzczIxLjMzMyw5LjU3OSwyMS4zMzMsMjEuMzMzdjk2YzAsNS44ODgsNC43NzksMTAuNjY3LDEwLjY2NywxMC42NjcKCQkJczEwLjY2Ny00Ljc3OSwxMC42NjctMTAuNjY3di03NC42NjdjMC0xMS43NTUsOS41NTctMjEuMzMzLDIxLjMzMy0yMS4zMzNzMjEuMzMzLDkuNTc5LDIxLjMzMywyMS4zMzN2NzQuNjY3CgkJCWMwLDUuODg4LDQuNzc5LDEwLjY2NywxMC42NjcsMTAuNjY3YzUuODg4LDAsMTAuNjY3LTQuNzc5LDEwLjY2Ny0xMC42NjdWMTkyYzAtMTEuNzU1LDkuNTU3LTIxLjMzMywyMS4zMzMtMjEuMzMzCgkJCXMyMS4zMzMsOS41NzksMjEuMzMzLDIxLjMzM1YzNzMuMzMzeiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=");
}

.float-right {
  float: right;
}

.icon.transposition-icon.selected:hover {
  opacity: 1;
}

.icon.transposition-icon.unselected:hover {
  opacity: 0.4;
}

svg.logo_queen {
  width: 50px;
  height: 50px;
  position: relative;
  left: 6px;
  top: -15px;
  font-family: Helvetica, sans-serif;
}

span.logo_x {
  position: relative;
  left: -4px;
  top: -25px;
  font-family: Helvetica, sans-serif;
  font-size: 20px;
  font-weight: normal;
}

span.logo_f7 {
  position: relative;
  left: -4px;
  top: -23px;
  font-family: Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
}

span.logo_dotcom {
  position: relative;
  left: -6px;
  top: -25px;
  font-family: Helvetica, sans-serif;
  font-size: 20px;
  font-weight: normal;
}

.logo, .logo_image {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgNDAwIDIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLCAwLCAwLCAxLCAtODQuMDgxNTU4LCAtNzguMDMxNjkzKSI+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLCAwLCAwLCAxLCAwLCAwLjAwMDMzNikiPgogICAgICA8cGF0aCBkPSJNIDIwMCAxMDAgTCAyMTUgMjAwIEwgMTg1IDIwMCBMIDIwMCAxMDAgWiIgc3R5bGU9InN0cm9rZTogcmdiKDAsIDAsIDApOyBzdHJva2Utd2lkdGg6IDBweDsiLz4KICAgICAgPGNpcmNsZSBzdHlsZT0iIiBjeD0iMjAwIiBjeT0iMTAwIiByPSIxMCIvPgogICAgPC9nPgogICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMC45Mzk2OTMsIC0wLjM0MjAyLCAwLjM0MjAyLCAwLjkzOTY5MywgLTcwLjQzODAxMSwgODQuOTYyMjY1KSI+CiAgICAgIDxwYXRoIGQ9Ik0gMjAwIDEwMCBMIDIxNSAyMDAgTCAxODUgMjAwIEwgMjAwIDEwMCBaIiBzdHlsZT0ic3Ryb2tlOiByZ2IoMCwgMCwgMCk7IHN0cm9rZS13aWR0aDogMHB4OyIvPgogICAgICA8Y2lyY2xlIHN0eWxlPSIiIGN4PSIyMDAiIGN5PSIxMDAiIHI9IjEwIi8+CiAgICA8L2c+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjkzOTY5MywgMC4zNDIwMiwgLTAuMzQyMDIsIDAuOTM5NjkzLCA5NC41NjA3NzYsIC01MS44NDU3MzcpIj4KICAgICAgPHBhdGggZD0iTSAyMDAgMTAwIEwgMjE1IDIwMCBMIDE4NSAyMDAgTCAyMDAgMTAwIFoiIHN0eWxlPSJzdHJva2U6IHJnYigwLCAwLCAwKTsgc3Ryb2tlLXdpZHRoOiAwcHg7Ii8+CiAgICAgIDxjaXJjbGUgc3R5bGU9IiIgY3g9IjIwMCIgY3k9IjEwMCIgcj0iMTAiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNzY2MDQ1LCAtMC42NDI3ODgsIDAuNjQyNzg4LCAwLjc2NjA0NSwgLTExMC4wNDk5NDIsIDE4NS43MDY3ODcpIj4KICAgICAgPHBhdGggZD0iTSAyMDAgMTAwIEwgMjE1IDIwMCBMIDE4NSAyMDAgTCAyMDAgMTAwIFoiIHN0eWxlPSJzdHJva2U6IHJnYigwLCAwLCAwKTsgc3Ryb2tlLXdpZHRoOiAwcHg7Ii8+CiAgICAgIDxjaXJjbGUgc3R5bGU9IiIgY3g9IjIwMCIgY3k9IjEwMCIgcj0iMTAiLz4KICAgIDwvZz4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNzY2MDQ0LCAwLjY0Mjc4OCwgLTAuNjQyNzg4LCAwLjc2NjA0NCwgMjAzLjc2NjExMywgLTcxLjQwNzg2KSI+CiAgICAgIDxwYXRoIGQ9Ik0gMjAwIDEwMCBMIDIxNSAyMDAgTCAxODUgMjAwIEwgMjAwIDEwMCBaIiBzdHlsZT0ic3Ryb2tlOiByZ2IoMCwgMCwgMCk7IHN0cm9rZS13aWR0aDogMHB4OyIvPgogICAgICA8Y2lyY2xlIHN0eWxlPSIiIGN4PSIyMDAiIGN5PSIxMDAiIHI9IjEwIi8+CiAgICA8L2c+CiAgICA8cmVjdCB4PSIxNTUiIHk9IjIwMCIgd2lkdGg9IjkwIiBoZWlnaHQ9IjIwIiBzdHlsZT0iIi8+CiAgICA8cmVjdCB4PSIxNjAiIHk9IjIxMiIgd2lkdGg9IjgwIiBoZWlnaHQ9IjgiIHN0eWxlPSIiIHRyYW5zZm9ybT0ibWF0cml4KDAsIDAsIDAsIDEsIDE2MCwgMCkiLz4KICAgIDxjaXJjbGUgc3R5bGU9IiIgY3g9IjE1NSIgY3k9IjIxNiIgcj0iNCIgdHJhbnNmb3JtPSJtYXRyaXgoMSwgMCwgMCwgMSwgMCwgMCkiLz4KICAgIDxjaXJjbGUgc3R5bGU9IiIgY3g9IjI0NSIgY3k9IjIxNiIgcj0iNCIgdHJhbnNmb3JtPSJtYXRyaXgoMSwgMCwgMCwgMSwgMCwgMCkiLz4KICAgIDxyZWN0IHg9IjE2MCIgeT0iMjIzLjI4NiIgd2lkdGg9IjgwIiBoZWlnaHQ9IjEyLjU1OSIgc3R5bGU9IiIgdHJhbnNmb3JtPSJtYXRyaXgoMSwgMCwgMCwgMSwgMCwgMCkiLz4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsIDAsIDAsIDEsIDAuMjc5MDgyMDAwMjU1NTg0NywgMTYuMDUwMDAzMDUxNzU3ODEyKSI+CiAgICAgIDxyZWN0IHg9IjE1NSIgeT0iMjIzIiB3aWR0aD0iOTAiIGhlaWdodD0iOCIgc3R5bGU9IiIvPgogICAgICA8Y2lyY2xlIHN0eWxlPSIiIGN4PSIxNTUiIGN5PSIyMjYuOTUiIHI9IjQiLz4KICAgICAgPGNpcmNsZSBzdHlsZT0iIiBjeD0iMjQ1IiBjeT0iMjI2Ljk1IiByPSI0Ii8+CiAgICA8L2c+CiAgICA8cGF0aCBzdHlsZT0iIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjI3OTA4MjAwMDI1NTU4NDcsIDAsIDAsIDAuMjc5MDgyMDAwMjU1NTg0NywgLTYuNjExODU4ODQ0NzU3MDgsIC00Mi44MjcxMTQxMDUyMjQ2MSkiIGQ9Ik0gNTQzLjI1MiAxMTAzIEEgNTMuNzQ4IDUzLjc0OCAwIDAgMSA1OTcgMTA0OS4yNTIgTCA1OTcgMTEwMyBaIi8+CiAgICA8cGF0aCBzdHlsZT0iIiB0cmFuc2Zvcm09Im1hdHJpeCgwLCAwLjI3OTA4MjAwMDI1NTU4NDcsIC0wLjI3OTA4MjAwMDI1NTU4NDcsIDAsIDU0Ny44Mjc0NTM2MTMyODEyLCA5OC4zODgzNjY2OTkyMTg3NSkiIGQ9Ik0gNTQzLjI1MiAxMTAzIEEgNTMuNzQ4IDUzLjc0OCAwIDAgMSA1OTcgMTA0OS4yNTIgTCA1OTcgMTEwMyBaIi8+CiAgICA8cmVjdCB4PSIxNjAiIHk9IjI1MCIgd2lkdGg9IjgwIiBoZWlnaHQ9IjE1IiBzdHlsZT0iIiB0cmFuc2Zvcm09Im1hdHJpeCgxLCAwLCAwLCAxLCAwLCAwKSIvPgogIDwvZz4KICA8cGF0aCBkPSJNIDE4OC44NDcgMTM4LjU5OCBDIDE4OC41MjcgMTM5LjA3OCAxODguMTggMTM5LjMxOCAxODcuODA3IDEzOS4zMTggQyAxODcuNDM0IDEzOS4zMTggMTg3LjI0NyAxMzkuMjM4IDE4Ny4yNDcgMTM5LjA3OCBDIDE4Ny4yNDcgMTM4LjkxOCAxODcuMzI3IDEzOC43MzEgMTg3LjQ4NyAxMzguNTE4IEMgMTkyLjIzNCAxMzIuMTcxIDE5Ny4zMjcgMTI2LjMwNSAyMDIuNzY3IDEyMC45MTggTCAyMDIuNjg3IDEyMC45MTggQyAyMDEuODg3IDExOC43ODUgMjAxLjQ4NyAxMTYuNzg1IDIwMS40ODcgMTE0LjkxOCBDIDIwMS40ODcgMTEyLjYyNSAyMDEuOTE0IDExMC44NjUgMjAyLjc2NyAxMDkuNjM4IEMgMjAzLjM1NCAxMDguODM4IDIwNC41NjcgMTA4LjA1MSAyMDYuNDA3IDEwNy4yNzggQyAyMDguMjQ3IDEwNi41MDUgMjA5LjExNCAxMDYuMzU4IDIwOS4wMDcgMTA2LjgzOCBDIDIwOC45NTQgMTA2Ljk0NSAyMDguOSAxMDcuMDUxIDIwOC44NDcgMTA3LjE1OCBDIDIwNy45OTQgMTA4LjU0NSAyMDcuNTY3IDExMC4wOTEgMjA3LjU2NyAxMTEuNzk4IEMgMjA3LjU2NyAxMTMuNTA1IDIwNy42NDcgMTE0Ljk3MSAyMDcuODA3IDExNi4xOTggQyAyMTcuMDM0IDEwOC4wMzggMjI0LjY4NyAxMDMuOTU4IDIzMC43NjcgMTAzLjk1OCBDIDIzMS4xOTQgMTAzLjk1OCAyMzEuNDA3IDEwNC4wMTEgMjMxLjQwNyAxMDQuMTE4IEMgMjMxLjQwNyAxMDQuMjI1IDIzMS4zNTQgMTA0LjI3OCAyMzEuMjQ3IDEwNC4yNzggQyAyMzEuMTQgMTA0LjI3OCAyMzEuMDg3IDEwNC4yNzggMjMxLjA4NyAxMDQuMjc4IEMgMjI3LjQ2IDEwNC4yNzggMjIxLjkxNCAxMDcuMjExIDIxNC40NDcgMTEzLjA3OCBDIDIxMy4wNiAxMTQuMTk4IDIxMC45OCAxMTUuOTg1IDIwOC4yMDcgMTE4LjQzOCBDIDIwOC43OTQgMTIxLjEwNSAyMDkuNjIgMTIzLjUzMSAyMTAuNjg3IDEyNS43MTggQyAyMTIuMzQgMTI4Ljk3MSAyMTQuMjA3IDEzMC41OTggMjE2LjI4NyAxMzAuNTk4IEMgMjE3LjQwNyAxMzAuNTk4IDIxOC4yMDcgMTMwLjI3OCAyMTguNjg3IDEyOS42MzggQyAyMTguNzk0IDEyOS41MzEgMjE4LjkgMTI5LjUxOCAyMTkuMDA3IDEyOS41OTggQyAyMTkuMTE0IDEyOS42NzggMjE5LjExNCAxMjkuNzcxIDIxOS4wMDcgMTI5Ljg3OCBDIDIxOC4yMDcgMTMwLjk0NSAyMTcuMTQgMTMxLjQ3OCAyMTUuODA3IDEzMS40NzggQyAyMTAuNTI3IDEzMS40NzggMjA2LjQ0NyAxMjguNTcxIDIwMy41NjcgMTIyLjc1OCBDIDE5Ni45NTQgMTI5LjA1MSAxOTIuMDQ3IDEzNC4zMzEgMTg4Ljg0NyAxMzguNTk4IFoiIHN0eWxlPSJmaWxsOiByZ2IoNTEsIDUxLCA1MSk7IHdoaXRlLXNwYWNlOiBwcmU7Ii8+CiAgPHBhdGggZD0iTSAyMTcuMTY2IDE2Ni4yNzUgQyAyMTQuNzY2IDE2Ni4yNzUgMjEyLjcyNiAxNjUuMjc1IDIxMS4wNDYgMTYzLjI3NSBDIDIwOS4zNjYgMTYxLjI3NSAyMDguNDg2IDE1OS4xMTUgMjA4LjQwNiAxNTYuNzk1IEMgMjA4LjY0NiAxNTUuODM1IDIwOS4wMDYgMTU1LjM1NSAyMDkuNDg2IDE1NS4zNTUgQyAyMDkuOTY2IDE1NS4zNTUgMjEwLjI0NiAxNTUuOTc1IDIxMC4zMjYgMTU3LjIxNSBDIDIxMC40MDYgMTU4LjQ1NSAyMTEuMDQ2IDE1OS42NzUgMjEyLjI0NiAxNjAuODc1IEMgMjEzLjQ0NiAxNjIuMDc1IDIxNC42NDYgMTYyLjY3NSAyMTUuODQ2IDE2Mi42NzUgQyAyMjIuNjQ2IDE2Mi42NzUgMjI4Ljg0NiAxNTguNDc1IDIzNC40NDYgMTUwLjA3NSBDIDIzNS45NjYgMTQ3LjgzNSAyMzcuODQ2IDE0NC41NzUgMjQwLjA4NiAxNDAuMjk1IEMgMjQyLjMyNiAxMzYuMDE1IDI0NC44MDYgMTMwLjYzNSAyNDcuNTI2IDEyNC4xNTUgTCAyNTQuMDA2IDEwOC41NTUgQyAyNDYuMDA2IDEwOC40NzUgMjQyLjAwNiAxMDcuNTE1IDI0Mi4wMDYgMTA1LjY3NSBDIDI0Mi4wMDYgMTA0Ljc5NSAyNDIuNDA2IDEwNC4wOTUgMjQzLjIwNiAxMDMuNTc1IEMgMjQ0LjAwNiAxMDMuMDU1IDI0NC42NDYgMTAyLjc5NSAyNDUuMTI2IDEwMi43OTUgQyAyNDUuMTI2IDEwMi43OTUgMjQ1LjEyNiAxMDIuNzk1IDI0NS4xMjYgMTAyLjc5NSBDIDI0NS4yMDYgMTAyLjc5NSAyNDYuMjA2IDEwMi44MTUgMjQ4LjEyNiAxMDIuODU1IEMgMjUwLjA0NiAxMDIuODk1IDI1Mi44MDYgMTAyLjk1NSAyNTYuNDA2IDEwMy4wMzUgQyAyNjQuMjQ2IDg1LjU5NSAyNzEuNDQ2IDc2Ljg3NSAyNzguMDA2IDc2Ljg3NSBDIDI4MC41NjYgNzYuODc1IDI4My4wODYgNzguMDc1IDI4NS41NjYgODAuNDc1IEMgMjg2LjIwNiA4MS4xMTUgMjg2LjUyNiA4MS45NTUgMjg2LjUyNiA4Mi45OTUgQyAyODYuNTI2IDg1LjQ3NSAyODUuODA2IDg2LjcxNSAyODQuMzY2IDg2LjcxNSBDIDI4My45NjYgODYuNzE1IDI4My41NjYgODYuMzk1IDI4My4xNjYgODUuNzU1IEMgMjgyLjg0NiA4NS4xOTUgMjgyLjMyNiA4NC43MzUgMjgxLjYwNiA4NC4zNzUgQyAyODAuODg2IDg0LjAxNSAyODAuMjA2IDgzLjgzNSAyNzkuNTY2IDgzLjgzNSBDIDI3Ny4xNjYgODMuODM1IDI3NS4wNjYgODQuNzM1IDI3My4yNjYgODYuNTM1IEMgMjcxLjQ2NiA4OC4zMzUgMjY5Ljc4NiA5MC42NzUgMjY4LjIyNiA5My41NTUgQyAyNjYuNjY2IDk2LjQzNSAyNjUuMDA2IDk5LjU5NSAyNjMuMjQ2IDEwMy4wMzUgTCAyNjQuNjg2IDEwMy4wMzUgQyAyNzMuNDA2IDEwMy4wMzUgMjc5LjIwNiAxMDIuOTE1IDI4Mi4wODYgMTAyLjY3NSBDIDI4Mi40MDYgMTAyLjc1NSAyODIuNTY2IDEwMi45MTUgMjgyLjU2NiAxMDMuMTU1IEMgMjgyLjU2NiAxMDMuNzk1IDI3OS43MjYgMTA0LjY3NSAyNzQuMDQ2IDEwNS43OTUgQyAyNzEuODA2IDEwNi4xMTUgMjY5LjYwNiAxMDYuNDc1IDI2Ny40NDYgMTA2Ljg3NSBDIDI2NS4yODYgMTA3LjI3NSAyNjMuMDg2IDEwNy42NzUgMjYwLjg0NiAxMDguMDc1IEMgMjU5LjgwNiAxMTAuMzE1IDI1OC41MjYgMTEyLjk3NSAyNTcuMDA2IDExNi4wNTUgQyAyNTUuNDg2IDExOS4xMzUgMjUzLjc2NiAxMjIuNTU1IDI1MS44NDYgMTI2LjMxNSBDIDI0OC4wODYgMTMzLjM1NSAyNDUuMDA2IDEzOC45NTUgMjQyLjYwNiAxNDMuMTE1IEMgMjQwLjIwNiAxNDcuMjc1IDIzOC41MjYgMTUwLjAzNSAyMzcuNTY2IDE1MS4zOTUgQyAyMzAuNjA2IDE2MS4zMTUgMjIzLjgwNiAxNjYuMjc1IDIxNy4xNjYgMTY2LjI3NSBaIiBzdHlsZT0iZmlsbDogcmdiKDUxLCA1MSwgNTEpOyB3aGl0ZS1zcGFjZTogcHJlOyIvPgogIDxwYXRoIGQ9Ik0gMjk1LjY0NyA5Ni43MDMgTCAyOTQuNjQ3IDk5LjEwMyBDIDI5Ny4wMjcgOTkuNzAzIDI5OS4wMTcgMTAwLjAwMyAzMDAuNjE3IDEwMC4wMDMgQyAzMDIuMjE3IDEwMC4wMDMgMzAzLjk2NCA5OS45NTMgMzA1Ljg1NyA5OS44NTMgQyAzMDcuNzUgOTkuNzUzIDMxMS4zIDk5LjQyIDMxNi41MDcgOTguODUzIEMgMzIxLjcxNCA5OC4yODYgMzI0Ljk2NyA5OC4wMDMgMzI2LjI2NyA5OC4wMDMgQyAzMjcuNTY3IDk4LjAwMyAzMjguMjk0IDk4LjM3IDMyOC40NDcgOTkuMTAzIEMgMzI4LjMxNCA5OS4xMDMgMzI4LjIxNCA5OS4xMDMgMzI4LjE0NyA5OS4xMDMgQyAzMjUuNDE0IDk5LjEwMyAzMjEuMjI0IDEwMS42MDMgMzE1LjU3NyAxMDYuNjAzIEMgMzExLjM0NCAxMTAuMjAzIDMwNi4xMyAxMTUuMDcgMjk5LjkzNyAxMjEuMjAzIEMgMjkxLjQ0NCAxMjkuNjAzIDI4Ni43NjQgMTM1LjUzNiAyODUuODk3IDEzOS4wMDMgQyAyODUuNDk3IDE0MC42MDMgMjg1Ljg0NyAxNDEuNzM2IDI4Ni45NDcgMTQyLjQwMyBDIDI4Ny4xMTQgMTQyLjUzNiAyODcuMDggMTQyLjY3IDI4Ni44NDcgMTQyLjgwMyBDIDI4Ni41MTQgMTQzLjA3IDI4NS43OCAxNDMuMjAzIDI4NC42NDcgMTQzLjIwMyBDIDI4Mi4xOCAxNDMuMjAzIDI4MC42NCAxNDIuNTAzIDI4MC4wMjcgMTQxLjEwMyBDIDI3OS40MDcgMTM5LjcwMyAyNzkuMjM3IDEzOC40MzYgMjc5LjUxNyAxMzcuMzAzIEMgMjgwLjI4NCAxMzQuMjM2IDI4My41MjQgMTMwLjIwMyAyODkuMjM3IDEyNS4yMDMgQyAyOTMuMjcgMTIxLjYwMyAyOTguMzM3IDExNy40NTMgMzA0LjQzNyAxMTIuNzUzIEMgMzEwLjU0NCAxMDguMDUzIDMxMy44NTcgMTA1LjQ3IDMxNC4zNzcgMTA1LjAwMyBDIDMxMi43NzcgMTA1LjgwMyAzMDkuMzYgMTA2LjIwMyAzMDQuMTI3IDEwNi4yMDMgQyAyOTguODk0IDEwNi4yMDMgMjk1LjIyNCAxMDQuODAzIDI5My4xMTcgMTAyLjAwMyBDIDI5Mi40NTcgMTAzLjA3IDI5MS4zMzQgMTA0LjUwMyAyODkuNzQ3IDEwNi4zMDMgQyAyODYuMzU0IDExMC4wMzYgMjg0LjQ4NyAxMTEuMzcgMjg0LjE0NyAxMTAuMzAzIEMgMjg0LjEgMTEwLjIzNiAyODQuMDk0IDExMC4xMzYgMjg0LjEyNyAxMTAuMDAzIEMgMjg0LjE2IDEwOS44NyAyODQuMzQ0IDEwOS42NyAyODQuNjc3IDEwOS40MDMgQyAyODYuMDU3IDEwOC40MDMgMjg3LjQ2IDEwNi44NTMgMjg4Ljg4NyAxMDQuNzUzIEMgMjkwLjMwNyAxMDIuNjUzIDI5MS4yODcgMTAwLjUyIDI5MS44MjcgOTguMzUzIEMgMjkyLjM2NyA5Ni4xODYgMjkzLjEzNyA5NS4xMDMgMjk0LjEzNyA5NS4xMDMgQyAyOTQuODcgOTUuMTAzIDI5NS4zNjQgOTUuNTM2IDI5NS42MTcgOTYuNDAzIEMgMjk1LjY1IDk2LjUzNiAyOTUuNjYgOTYuNjM2IDI5NS42NDcgOTYuNzAzIFoiIHN0eWxlPSJmaWxsOiByZ2IoNTEsIDUxLCA1MSk7IHdoaXRlLXNwYWNlOiBwcmU7Ii8+CiAgPHBhdGggZD0iTSAzMjIuODg5IDEyNy4yNDIgTCAzMTkuOTk5IDEyNy4yNDIgTCAzMTkuOTk5IDEyNC4yODIgTCAzMjIuODg5IDEyNC4yODIgTCAzMjIuODg5IDEyNy4yNDIgWiBNIDMzMy4zNTEgMTI3LjU1MiBDIDMzMS45MTEgMTI3LjU1MiAzMzAuNjYxIDEyNy4yMTUgMzI5LjYwMSAxMjYuNTQyIEMgMzI4LjUzNCAxMjUuODc1IDMyNy43MDcgMTI0Ljk0NSAzMjcuMTIxIDEyMy43NTIgQyAzMjYuNTM0IDEyMi41NjUgMzI2LjI0MSAxMjEuMTg5IDMyNi4yNDEgMTE5LjYyMiBMIDMyNi4yNDEgMTE5LjAxMiBDIDMyNi4yNDEgMTE3LjUwNSAzMjYuNTI0IDExNi4xNTUgMzI3LjA5MSAxMTQuOTYyIEMgMzI3LjY1NyAxMTMuNzc1IDMyOC40NzQgMTEyLjgzNSAzMjkuNTQxIDExMi4xNDIgQyAzMzAuNjA3IDExMS40NDkgMzMxLjg3NyAxMTEuMTAyIDMzMy4zNTEgMTExLjEwMiBDIDMzNC42MzEgMTExLjEwMiAzMzUuNzUxIDExMS4zMTIgMzM2LjcxMSAxMTEuNzMyIEMgMzM3LjY3MSAxMTIuMTUyIDMzOC40NzcgMTEyLjcyOSAzMzkuMTMxIDExMy40NjIgTCAzMzkuMjExIDExNy4yNjIgTCAzMzYuOTUxIDExNy4yNjIgTCAzMzYuNDUxIDExNC41MDIgQyAzMzYuMTE3IDExNC4xNTUgMzM1LjcwNCAxMTMuODgyIDMzNS4yMTEgMTEzLjY4MiBDIDMzNC43MTEgMTEzLjQ3NSAzMzQuMTI0IDExMy4zNzIgMzMzLjQ1MSAxMTMuMzcyIEMgMzMyLjU5MSAxMTMuMzcyIDMzMS44MzcgMTEzLjYyNSAzMzEuMTkxIDExNC4xMzIgQyAzMzAuNTM3IDExNC42MzkgMzMwLjAzMSAxMTUuMzE5IDMyOS42NzEgMTE2LjE3MiBDIDMyOS4zMTEgMTE3LjAxOSAzMjkuMTMxIDExNy45NjUgMzI5LjEzMSAxMTkuMDEyIEwgMzI5LjEzMSAxMTkuNjIyIEMgMzI5LjEzMSAxMjAuNzc1IDMyOS4yOTcgMTIxLjc3OSAzMjkuNjMxIDEyMi42MzIgQyAzMjkuOTcxIDEyMy40NzkgMzMwLjQ1NCAxMjQuMTM1IDMzMS4wODEgMTI0LjYwMiBDIDMzMS43MTQgMTI1LjA2MiAzMzIuNDY0IDEyNS4yOTIgMzMzLjMzMSAxMjUuMjkyIEMgMzM0LjMxMSAxMjUuMjkyIDMzNS4xMjEgMTI1LjAyNSAzMzUuNzYxIDEyNC40OTIgQyAzMzYuNDA3IDEyMy45NTIgMzM2LjgwNCAxMjMuMjEyIDMzNi45NTEgMTIyLjI3MiBMIDMzOS41NDEgMTIyLjI3MiBMIDMzOS41NzEgMTIyLjM2MiBDIDMzOS41MjQgMTIzLjI2OSAzMzkuMjU3IDEyNC4xMTkgMzM4Ljc3MSAxMjQuOTEyIEMgMzM4LjI3NyAxMjUuNzA1IDMzNy41ODEgMTI2LjM0MiAzMzYuNjgxIDEyNi44MjIgQyAzMzUuNzc0IDEyNy4zMDkgMzM0LjY2NCAxMjcuNTUyIDMzMy4zNTEgMTI3LjU1MiBaIE0gMzQ5LjM0NyAxMjcuNTUyIEMgMzQ3Ljg4IDEyNy41NTIgMzQ2LjYxNyAxMjcuMjA1IDM0NS41NTcgMTI2LjUxMiBDIDM0NC40OTcgMTI1LjgyNSAzNDMuNjggMTI0Ljg3NSAzNDMuMTA3IDEyMy42NjIgQyAzNDIuNTI3IDEyMi40NDIgMzQyLjIzNyAxMjEuMDUyIDM0Mi4yMzcgMTE5LjQ5MiBMIDM0Mi4yMzcgMTE5LjE3MiBDIDM0Mi4yMzcgMTE3LjYwNSAzNDIuNTI3IDExNi4yMTUgMzQzLjEwNyAxMTUuMDAyIEMgMzQzLjY4IDExMy43ODkgMzQ0LjQ5NyAxMTIuODM1IDM0NS41NTcgMTEyLjE0MiBDIDM0Ni42MTcgMTExLjQ0OSAzNDcuODcgMTExLjEwMiAzNDkuMzE3IDExMS4xMDIgQyAzNTAuNzgzIDExMS4xMDIgMzUyLjA0MyAxMTEuNDQ5IDM1My4wOTcgMTEyLjE0MiBDIDM1NC4xNTcgMTEyLjgzNSAzNTQuOTc3IDExMy43ODUgMzU1LjU1NyAxMTQuOTkyIEMgMzU2LjEzIDExNi4yMDUgMzU2LjQxNyAxMTcuNTk5IDM1Ni40MTcgMTE5LjE3MiBMIDM1Ni40MTcgMTE5LjQ5MiBDIDM1Ni40MTcgMTIxLjA2NSAzNTYuMTMgMTIyLjQ1OSAzNTUuNTU3IDEyMy42NzIgQyAzNTQuOTc3IDEyNC44OTIgMzU0LjE2IDEyNS44NDIgMzUzLjEwNyAxMjYuNTIyIEMgMzUyLjA1MyAxMjcuMjA5IDM1MC44IDEyNy41NTIgMzQ5LjM0NyAxMjcuNTUyIFogTSAzNDkuMzQ3IDEyNS4yOTIgQyAzNTAuMjYgMTI1LjI5MiAzNTEuMDI3IDEyNS4wNDIgMzUxLjY0NyAxMjQuNTQyIEMgMzUyLjI2NyAxMjQuMDM1IDM1Mi43MzcgMTIzLjM0NSAzNTMuMDU3IDEyMi40NzIgQyAzNTMuMzc3IDEyMS41OTkgMzUzLjUzNyAxMjAuNjA1IDM1My41MzcgMTE5LjQ5MiBMIDM1My41MzcgMTE5LjE3MiBDIDM1My41MzcgMTE4LjA1OSAzNTMuMzc3IDExNy4wNjUgMzUzLjA1NyAxMTYuMTkyIEMgMzUyLjczNyAxMTUuMzE5IDM1Mi4yNjcgMTE0LjYyOSAzNTEuNjQ3IDExNC4xMjIgQyAzNTEuMDIgMTEzLjYyMiAzNTAuMjQzIDExMy4zNzIgMzQ5LjMxNyAxMTMuMzcyIEMgMzQ4LjM5NyAxMTMuMzcyIDM0Ny42MjMgMTEzLjYyMiAzNDYuOTk3IDExNC4xMjIgQyAzNDYuMzc3IDExNC42MjkgMzQ1LjkxIDExNS4zMTkgMzQ1LjU5NyAxMTYuMTkyIEMgMzQ1LjI4MyAxMTcuMDY1IDM0NS4xMjcgMTE4LjA1OSAzNDUuMTI3IDExOS4xNzIgTCAzNDUuMTI3IDExOS40OTIgQyAzNDUuMTI3IDEyMC42MDUgMzQ1LjI4MyAxMjEuNTk5IDM0NS41OTcgMTIyLjQ3MiBDIDM0NS45MSAxMjMuMzQ1IDM0Ni4zOCAxMjQuMDM1IDM0Ny4wMDcgMTI0LjU0MiBDIDM0Ny42NCAxMjUuMDQyIDM0OC40MiAxMjUuMjkyIDM0OS4zNDcgMTI1LjI5MiBaIE0gMzY2LjMxMiAxMjcuMjQyIEwgMzU4LjY0MiAxMjcuMjQyIEwgMzU4LjY0MiAxMjUuMzkyIEwgMzYxLjAzMiAxMjQuOTgyIEwgMzYxLjAzMiAxMTMuNjYyIEwgMzU4LjY0MiAxMTMuMjUyIEwgMzU4LjY0MiAxMTEuMzkyIEwgMzYzLjYyMiAxMTEuMzkyIEwgMzYzLjgxMiAxMTMuNDYyIEMgMzY0LjMyNSAxMTIuNzA5IDM2NC45ODIgMTEyLjEyNSAzNjUuNzgyIDExMS43MTIgQyAzNjYuNTgyIDExMS4zMDUgMzY3LjUwOCAxMTEuMTAyIDM2OC41NjIgMTExLjEwMiBDIDM2OS42MTUgMTExLjEwMiAzNzAuNTIyIDExMS4zNDUgMzcxLjI4MiAxMTEuODMyIEMgMzcyLjAzNSAxMTIuMzE5IDM3Mi42MDIgMTEzLjA1MiAzNzIuOTgyIDExNC4wMzIgQyAzNzMuNDgyIDExMy4xMzIgMzc0LjE0MiAxMTIuNDE5IDM3NC45NjIgMTExLjg5MiBDIDM3NS43ODIgMTExLjM2NSAzNzYuNzM4IDExMS4xMDIgMzc3LjgzMiAxMTEuMTAyIEMgMzc5LjQ1OCAxMTEuMTAyIDM4MC43MzggMTExLjY1NSAzODEuNjcyIDExMi43NjIgQyAzODIuNjEyIDExMy44NjkgMzgzLjA4MiAxMTUuNTM1IDM4My4wODIgMTE3Ljc2MiBMIDM4My4wODIgMTI0Ljk4MiBMIDM4NS40NzIgMTI1LjM5MiBMIDM4NS40NzIgMTI3LjI0MiBMIDM3Ny43OTIgMTI3LjI0MiBMIDM3Ny43OTIgMTI1LjM5MiBMIDM4MC4xODIgMTI0Ljk4MiBMIDM4MC4xODIgMTE3LjczMiBDIDM4MC4xODIgMTE2LjE3MiAzNzkuOTEyIDExNS4wNjkgMzc5LjM3MiAxMTQuNDIyIEMgMzc4LjgzOCAxMTMuNzY5IDM3OC4wNDIgMTEzLjQ0MiAzNzYuOTgyIDExMy40NDIgQyAzNzUuOTgyIDExMy40NDIgMzc1LjE3NSAxMTMuNzk1IDM3NC41NjIgMTE0LjUwMiBDIDM3My45NDggMTE1LjIxNSAzNzMuNTk1IDExNi4xMDkgMzczLjUwMiAxMTcuMTgyIEwgMzczLjUwMiAxMjQuOTgyIEwgMzc1Ljg5MiAxMjUuMzkyIEwgMzc1Ljg5MiAxMjcuMjQyIEwgMzY4LjIyMiAxMjcuMjQyIEwgMzY4LjIyMiAxMjUuMzkyIEwgMzcwLjYxMiAxMjQuOTgyIEwgMzcwLjYxMiAxMTcuNzMyIEMgMzcwLjYxMiAxMTYuMjUyIDM3MC4zMzUgMTE1LjE2NSAzNjkuNzgyIDExNC40NzIgQyAzNjkuMjM1IDExMy43ODUgMzY4LjQzOCAxMTMuNDQyIDM2Ny4zOTIgMTEzLjQ0MiBDIDM2Ni41MTIgMTEzLjQ0MiAzNjUuNzg4IDExMy42MjIgMzY1LjIyMiAxMTMuOTgyIEMgMzY0LjY1NSAxMTQuMzQ5IDM2NC4yMjIgMTE0Ljg1OSAzNjMuOTIyIDExNS41MTIgTCAzNjMuOTIyIDEyNC45ODIgTCAzNjYuMzEyIDEyNS4zOTIgTCAzNjYuMzEyIDEyNy4yNDIgWiIgc3R5bGU9ImZpbGw6IHJnYig1MSwgNTEsIDUxKTsgd2hpdGUtc3BhY2U6IHByZTsiLz4KPC9zdmc+");
}

.logo {
  position: relative;
  left: 50px;
  width: 100px;
  height: 50px;
  margin-bottom: 16px;
}

.wp {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PHBhdGggZD0iTTIyLjUgOWMtMi4yMSAwLTQgMS43OS00IDQgMCAuODkuMjkgMS43MS43OCAyLjM4QzE3LjMzIDE2LjUgMTYgMTguNTkgMTYgMjFjMCAyLjAzLjk0IDMuODQgMi40MSA1LjAzLTMgMS4wNi03LjQxIDUuNTUtNy40MSAxMy40N2gyM2MwLTcuOTItNC40MS0xMi40MS03LjQxLTEzLjQ3IDEuNDctMS4xOSAyLjQxLTMgMi40MS01LjAzIDAtMi40MS0xLjMzLTQuNS0zLjI4LTUuNjIuNDktLjY3Ljc4LTEuNDkuNzgtMi4zOCAwLTIuMjEtMS43OS00LTQtNHoiIGZpbGw9IiNmZmYiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==");
}

.wn {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5SDE1YzAtOSAxMC02LjUgOC0yMSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQuMDAzIDEtNC00IDAtMiA2LTEyIDYtMTJzMS44OS0xLjkgMi0zLjVjLS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMnMuNzgtMS45OTIgMi41LTNjMSAwIDEgMyAxIDMiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNOS41IDI1LjVhLjUuNSAwIDEgMS0xIDAgLjUuNSAwIDEgMSAxIDB6bTUuNDMzLTkuNzVhLjUgMS41IDMwIDEgMS0uODY2LS41LjUgMS41IDMwIDEgMSAuODY2LjV6IiBmaWxsPSIjMDAwIi8+PC9nPjwvc3ZnPg==");
}

.wb {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIGZpbGw9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJNOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Ik0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAxIDEgNSAweiIvPjwvZz48cGF0aCBkPSJNMTcuNSAyNmgxME0xNSAzMGgxNW0tNy41LTE0LjV2NU0yMCAxOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PC9nPjwvc3ZnPg==");
}

.wr {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik05IDM5aDI3di0zSDl2M3ptMy0zdi00aDIxdjRIMTJ6bS0xLTIyVjloNHYyaDVWOWg1djJoNVY5aDR2NSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNMzQgMTRsLTMgM0gxNGwtMy0zIi8+PHBhdGggZD0iTTMxIDE3djEyLjVIMTRWMTciIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTMxIDI5LjVsMS41IDIuNWgtMjBsMS41LTIuNSIvPjxwYXRoIGQ9Ik0xMSAxNGgyMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48L3N2Zz4=");
}

.wq {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik04IDEyYTIgMiAwIDEgMS00IDAgMiAyIDAgMSAxIDQgMHptMTYuNS00LjVhMiAyIDAgMSAxLTQgMCAyIDIgMCAxIDEgNCAwek00MSAxMmEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDB6TTE2IDguNWEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDB6TTMzIDlhMiAyIDAgMSAxLTQgMCAyIDIgMCAxIDEgNCAweiIvPjxwYXRoIGQ9Ik05IDI2YzguNS0xLjUgMjEtMS41IDI3IDBsMi0xMi03IDExVjExbC01LjUgMTMuNS0zLTE1LTMgMTUtNS41LTE0VjI1TDcgMTRsMiAxMnoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTkgMjZjMCAyIDEuNSAyIDIuNSA0IDEgMS41IDEgMSAuNSAzLjUtMS41IDEtMS41IDIuNS0xLjUgMi41LTEuNSAxLjUuNSAyLjUuNSAyLjUgNi41IDEgMTYuNSAxIDIzIDAgMCAwIDEuNS0xIDAtMi41IDAgMCAuNS0xLjUtMS0yLjUtLjUtMi41LS41LTIgLjUtMy41IDEtMiAyLjUtMiAyLjUtNC04LjUtMS41LTE4LjUtMS41LTI3IDB6IiBzdHJva2UtbGluZWNhcD0iYnV0dCIvPjxwYXRoIGQ9Ik0xMS41IDMwYzMuNS0xIDE4LjUtMSAyMiAwTTEyIDMzLjVjNi0xIDE1LTEgMjEgMCIgZmlsbD0ibm9uZSIvPjwvZz48L3N2Zz4=");
}

.wk {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMi41IDExLjYzVjZNMjAgOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTIyLjUgMjVzNC41LTcuNSAzLTEwLjVjMCAwLTEtMi41LTMtMi41cy0zIDIuNS0zIDIuNWMtMS41IDMgMyAxMC41IDMgMTAuNSIgZmlsbD0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMTEuNSAzN2M1LjUgMy41IDE1LjUgMy41IDIxIDB2LTdzOS00LjUgNi0xMC41Yy00LTYuNS0xMy41LTMuNS0xNiA0VjI3di0zLjVjLTMuNS03LjUtMTMtMTAuNS0xNi00LTMgNiA1IDEwIDUgMTBWMzd6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTExLjUgMzBjNS41LTMgMTUuNS0zIDIxIDBtLTIxIDMuNWM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwIi8+PC9nPjwvc3ZnPg==");
}

.bp {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PHBhdGggZD0iTTIyLjUgOWMtMi4yMSAwLTQgMS43OS00IDQgMCAuODkuMjkgMS43MS43OCAyLjM4QzE3LjMzIDE2LjUgMTYgMTguNTkgMTYgMjFjMCAyLjAzLjk0IDMuODQgMi40MSA1LjAzLTMgMS4wNi03LjQxIDUuNTUtNy40MSAxMy40N2gyM2MwLTcuOTItNC40MS0xMi40MS03LjQxLTEzLjQ3IDEuNDctMS4xOSAyLjQxLTMgMi40MS01LjAzIDAtMi40MS0xLjMzLTQuNS0zLjI4LTUuNjIuNDktLjY3Ljc4LTEuNDkuNzgtMi4zOCAwLTIuMjEtMS43OS00LTQtNHoiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==");
}

.bn {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5SDE1YzAtOSAxMC02LjUgOC0yMSIgZmlsbD0iIzAwMCIvPjxwYXRoIGQ9Ik0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQuMDAzIDEtNC00IDAtMiA2LTEyIDYtMTJzMS44OS0xLjkgMi0zLjVjLS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMnMuNzgtMS45OTIgMi41LTNjMSAwIDEgMyAxIDMiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNOS41IDI1LjVhLjUuNSAwIDEgMS0xIDAgLjUuNSAwIDEgMSAxIDB6bTUuNDMzLTkuNzVhLjUgMS41IDMwIDEgMS0uODY2LS41LjUgMS41IDMwIDEgMSAuODY2LjV6IiBmaWxsPSIjZWNlY2VjIiBzdHJva2U9IiNlY2VjZWMiLz48cGF0aCBkPSJNMjQuNTUgMTAuNGwtLjQ1IDEuNDUuNS4xNWMzLjE1IDEgNS42NSAyLjQ5IDcuOSA2Ljc1UzM1Ljc1IDI5LjA2IDM1LjI1IDM5bC0uMDUuNWgyLjI1bC4wNS0uNWMuNS0xMC4wNi0uODgtMTYuODUtMy4yNS0yMS4zNC0yLjM3LTQuNDktNS43OS02LjY0LTkuMTktNy4xNmwtLjUxLS4xeiIgZmlsbD0iI2VjZWNlYyIgc3Ryb2tlPSJub25lIi8+PC9nPjwvc3ZnPg==");
}

.bb {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIGZpbGw9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJNOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Ik0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAxIDEgNSAweiIvPjwvZz48cGF0aCBkPSJNMTcuNSAyNmgxME0xNSAzMGgxNW0tNy41LTE0LjV2NU0yMCAxOGg1IiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48L2c+PC9zdmc+");
}

.br {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik05IDM5aDI3di0zSDl2M3ptMy41LTdsMS41LTIuNWgxN2wxLjUgMi41aC0yMHptLS41IDR2LTRoMjF2NEgxMnoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTE0IDI5LjV2LTEzaDE3djEzSDE0eiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMTQgMTYuNUwxMSAxNGgyM2wtMyAyLjVIMTR6TTExIDE0VjloNHYyaDVWOWg1djJoNVY5aDR2NUgxMXoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTEyIDM1LjVoMjFtLTIwLTRoMTltLTE4LTJoMTdtLTE3LTEzaDE3TTExIDE0aDIzIiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48L3N2Zz4=");
}

.bq {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIHN0cm9rZT0ibm9uZSI+PGNpcmNsZSBjeD0iNiIgY3k9IjEyIiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMTQiIGN5PSI5IiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMjIuNSIgY3k9IjgiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzMSIgY3k9IjkiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzOSIgY3k9IjEyIiByPSIyLjc1Ii8+PC9nPjxwYXRoIGQ9Ik05IDI2YzguNS0xLjUgMjEtMS41IDI3IDBsMi41LTEyLjVMMzEgMjVsLS4zLTE0LjEtNS4yIDEzLjYtMy0xNC41LTMgMTQuNS01LjItMTMuNkwxNCAyNSA2LjUgMTMuNSA5IDI2eiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNOSAyNmMwIDIgMS41IDIgMi41IDQgMSAxLjUgMSAxIC41IDMuNS0xLjUgMS0xLjUgMi41LTEuNSAyLjUtMS41IDEuNS41IDIuNS41IDIuNSA2LjUgMSAxNi41IDEgMjMgMCAwIDAgMS41LTEgMC0yLjUgMCAwIC41LTEuNS0xLTIuNS0uNS0yLjUtLjUtMiAuNS0zLjUgMS0yIDIuNS0yIDIuNS00LTguNS0xLjUtMTguNS0xLjUtMjcgMHoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTExIDM4LjVhMzUgMzUgMSAwIDAgMjMgMCIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNMTEgMjlhMzUgMzUgMSAwIDEgMjMgMG0tMjEuNSAyLjVoMjBtLTIxIDNhMzUgMzUgMSAwIDAgMjIgMG0tMjMgM2EzNSAzNSAxIDAgMCAyNCAwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiLz48L2c+PC9zdmc+");
}

.bk {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMi41IDExLjYzVjYiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMjIuNSAyNXM0LjUtNy41IDMtMTAuNWMwIDAtMS0yLjUtMy0yLjVzLTMgMi41LTMgMi41Yy0xLjUgMyAzIDEwLjUgMyAxMC41IiBmaWxsPSIjMDAwIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjxwYXRoIGQ9Ik0xMS41IDM3YzUuNSAzLjUgMTUuNSAzLjUgMjEgMHYtN3M5LTQuNSA2LTEwLjVjLTQtNi41LTEzLjUtMy41LTE2IDRWMjd2LTMuNWMtMy41LTcuNS0xMy0xMC41LTE2LTQtMyA2IDUgMTAgNSAxMFYzN3oiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNMjAgOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTMyIDI5LjVzOC41LTQgNi4wMy05LjY1QzM0LjE1IDE0IDI1IDE4IDIyLjUgMjQuNWwuMDEgMi4xLS4wMS0yLjFDMjAgMTggOS45MDYgMTQgNi45OTcgMTkuODVjLTIuNDk3IDUuNjUgNC44NTMgOSA0Ljg1MyA5IiBzdHJva2U9IiNlY2VjZWMiLz48cGF0aCBkPSJNMTEuNSAzMGM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwbS0yMSAzLjVjNS41LTMgMTUuNS0zIDIxIDAiIHN0cm9rZT0iI2VjZWNlYyIvPjwvZz48L3N2Zz4=");
}

body {
  margin: 0;
  background-color: #FFF8EE;
}

div.editorMain {
  height: 100vh;
  display: flex;
  flex-direction: row;
  font-family: Roboto, sans-serif;
}
div.editorMain > div {
  margin: 8px;
  padding: 16px;
  border: 1px solid gray;
  box-shadow: 5px 5px 5px gray;
  background-color: white;
}

div.moveHistory {
  box-sizing: border-box;
  font-size: 20px;
  width: 100%;
  height: 100%;
  align-items: stretch;
  overflow-y: scroll;
  padding: 16px;
}
div.moveHistory div.notationLine {
  display: flex;
  flex-direction: row;
  height: 38px;
  position: relative;
}
div.moveHistory div.moveNumber {
  font-weight: bold;
  width: 40px;
  border: 1px solid lightgray;
  padding: 4px;
  margin: 2px;
}
div.moveHistory .san {
  display: block;
  text-decoration: none;
  width: 100px;
  border: 1px solid lightgray;
  padding: 4px;
  margin: 2px;
}
div.moveHistory .san.current {
  border: 1px solid black;
  padding: 4px;
  margin: 2px;
}
div.moveHistory .san.selected {
  background-color: #DDEEFF;
}
div.moveHistory .board {
  width: 120px;
  height: 120px;
  padding: 3px;
  touch-action: none;
}
div.moveHistory .board .playArea {
  width: 120px;
  height: 120px;
}
div.moveHistory .diagram {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 15px;
}
div.moveHistory .diagram div.titleMarkDown {
  margin-top: -1em;
  text-align: center;
}
div.moveHistory .diagram div.titleMarkDown.empty {
  margin-top: 0;
}
div.moveHistory .panelFooter {
  margin-top: 10px;
  margin-bottom: 10px;
}

div.nextMovePanel {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  padding: 16px;
}
div.nextMovePanel .nextMove {
  border: 1px solid lightgray;
  box-shadow: 5px 5px 5px lightgray;
}
div.nextMovePanel .statsMove {
  border-bottom: 1px solid lightgray;
}
div.nextMovePanel .nextMove, div.nextMovePanel .statsMove {
  display: grid;
  grid-template-columns: 75px 3fr 2fr;
  grid-template-rows: auto auto;
  margin-top: 16px;
  margin-bottom: 16px;
  text-decoration: none;
  color: black;
}
div.nextMovePanel .nextMove a.makeMove, div.nextMovePanel .statsMove a.makeMove {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
  font-size: larger;
  text-decoration: none;
  color: black;
  padding-top: 8px;
  padding-left: 8px;
}
div.nextMovePanel .nextMove div.moveControls, div.nextMovePanel .statsMove div.moveControls {
  grid-column-start: 2;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
  padding-left: 8px;
  padding-top: 8px;
  padding-right: 8px;
}
div.nextMovePanel .nextMove div.moveAnnotation, div.nextMovePanel .statsMove div.moveAnnotation {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
  padding: 8px;
}
div.nextMovePanel .nextMove div.movePrompt, div.nextMovePanel .statsMove div.movePrompt {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 3;
  padding: 8px;
}
div.nextMovePanel .board {
  width: 90px;
  height: 90px;
  padding: 3px;
  touch-action: none;
}
div.nextMovePanel .board .playArea {
  width: 90px;
  height: 90px;
}

div.postTrainingAnnotations {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  padding: 16px;
}
div.postTrainingAnnotations .diagram {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 15px;
}
div.postTrainingAnnotations .diagram div.titleMarkDown {
  margin-top: -1em;
  text-align: left;
}
div.postTrainingAnnotations .diagram div.titleMarkDown.empty {
  margin-top: 0;
}

.editorPositionPanel div.titleHeader {
  position: relative;
  font-size: larger;
  min-height: 60px;
}
.editorPositionPanel div.titleHeader div.titleMarkDown {
  width: 100%;
  margin-top: -20px;
  margin-bottom: -20px;
  min-height: 100px;
  text-align: center;
}
.editorPositionPanel div.scrollRegion {
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  flex-grow: 1;
}
.editorPositionPanel div.scrollRegion div.textAnnotationContainer {
  position: relative;
  min-height: 60px;
}
.editorPositionPanel div.scrollRegion div.textAnnotationContainer div.textAnnotationMarkDown {
  width: 100%;
  min-height: 60px;
}
.editorPositionPanel .board {
  width: 480px;
  height: 480px;
  padding: 10px;
  touch-action: none;
}
.editorPositionPanel .board .playArea {
  width: 480px;
  height: 480px;
}

.fillContainer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.stealth {
  margin: 0px;
  padding: 0px;
  border: 1px solid white;
  background-color: white;
  cursor: pointer;
}

.stealth:hover {
  border: 1px solid lightgray;
}

.stealth:focus {
  border: 1px dashed lightgray;
  outline: none;
  box-shadow: none;
}

.hCenteringContainer {
  display: flex;
  justify-content: center;
}

.width100 {
  width: 100%;
}

.vCenteringContainer {
  display: flex;
  align-items: center;
}

.centerText {
  text-align: center;
}

.toMoveText {
  font-size: 15px;
}

.marginButton {
  margin: 8px 4px;
}

@font-face {
  font-family: Quivira;
  src: url("assets/Quivira.otf");
}
.nag {
  font-family: Quivira, "Cambria Math", "Segoe UI", Verdana, sans-serif;
  font-weight: bold;
  top: -2px;
  position: relative;
  font-size: 80%;
}

.san.preferredMove {
  color: green;
}

.san.alternateMove {
  color: darkgoldenrod;
}

.san.infoMove {
  color: black;
}

.san.exploreMove {
  color: darkgray;
}

.san.avoidMove {
  color: red;
}

.san.unsavedMove {
  color: darkgray;
}

.grayText {
  color: lightgray;
}

.lightJpg {
  background-image: url("/assets/light.jpg");
}

.darkJpg {
  background-image: url("/assets/dark.jpg");
}

.borderJpg {
  background-image: url("/assets/border.jpg");
}