@font-face {
  src: url(/fonts/hun2.ttf);
  font-family: HUN;
}
@font-face {
  src: url(/fonts/pfw.ttf);
  font-family: PFW;
}
@font-face {
  font-family: C;
  font-weight: 500;
  src: url(/fonts/cr.ttf);
}
@font-face {
  font-family: C;
  font-weight: 900;
  src: url(/fonts/cb.ttf);
}
body {
  background-color: #15191c;
  font-family: HUN;
}
input ~ label,
.option label {
  cursor: pointer;
}
.bevel-default {
  color: #9db5f2;
  background-color: #22293b;
  border-top: 3px solid #47567c;
  border-left: 3px solid #353f5b;
  border-bottom: 3px solid #0f131b;
  border-right: 3px solid #171c28;
  border-radius: 3px;
}
.bevel-default small {
  color: #587ad1;
}
.bevel-default svg {
  fill: #9db5f2;
}
.bevel-default .rank {
  background-color: #000000;
}
.bevel-default .tr {
  color: #7896e4;
  text-shadow: 0 0.07em #151924, 0 0 8px #7888b1;
}
.bevel-default .glow {
  text-shadow: 0 0.07em #151924, 0 0 8px #7888b1;
}
.bevel-default .option-group {
  background-color: #11151e;
  color: #3e4b6c;
}
.bevel-default .faq-body .option-group {
  color: #8896ba;
}
.bevel-default .badge::after {
  color: #22293b;
}
.stats.bevel-default .table-container {
  background-color: #06070a;
  border-radius: 3px;
  color: #5a6c9c;
}
input:disabled ~ .bevel-default,
.bevel-default[disabled] {
  color: #b9c1d6;
  background-color: #2f2f2f;
  border-top: 3px solid #626262;
  border-left: 3px solid #484848;
  border-bottom: 3px solid #151515;
  border-right: 3px solid #1f1f1f;
  cursor: not-allowed;
}
input:disabled ~ .bevel-default small,
.bevel-default[disabled] small {
  color: #8d919c;
}
input:disabled ~ .bevel-default svg,
.bevel-default[disabled] svg {
  fill: #8d919c;
}
[type=radio]:checked:disabled ~ .bevel-default {
  color: #b9c1d6;
  background-color: #2f2f2f;
  border-bottom: 3px solid #626262;
  border-right: 3px solid #484848;
  border-top: 3px solid #151515;
  border-left: 3px solid #1f1f1f;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-default small {
  color: #8d919c;
}
label.bevel-default:active,
.bevel-default-pressed,
[type=radio]:checked ~ .bevel-default,
[type=checkbox]:checked ~ .bevel-default {
  color: #cad7f8;
  background-color: #0f131b;
  border-top: 3px solid #000000;
  border-left: 3px solid #000000;
  border-bottom: 3px solid #22293b;
  border-right: 3px solid #0f131b;
}
label.bevel-default:active .badge::after,
.bevel-default-pressed .badge::after,
[type=radio]:checked ~ .bevel-default .badge::after,
[type=checkbox]:checked ~ .bevel-default .badge::after {
  color: #0f131b;
}
.bevel-default.inverted {
  border-bottom: 3px solid #47567c;
  border-right: 3px solid #353f5b;
  border-top: 3px solid #0f131b;
  border-left: 3px solid #171c28;
}
.bevel-default-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #353f5b;
}
.bevel-default.inverted::placeholder {
  color: #3e4b6c;
}
.bevel-default-pressed::placeholder {
  color: #353f5b;
}
.background-default {
  color: #687aa8;
  background-color: #171c28;
}
.bevel-kagari {
  color: #ffffff;
  background-color: #d19e26;
  border-top: 3px solid #e6c577;
  border-left: 3px solid #deb34c;
  border-bottom: 3px solid #a67d1e;
  border-right: 3px solid #b78a21;
  border-radius: 3px;
}
.bevel-kagari small {
  color: #ffedc4;
}
.bevel-kagari svg {
  fill: #ffffff;
}
.bevel-kagari .rank {
  background-color: #775400;
}
.bevel-kagari .tr {
  color: #fffdf7;
  text-shadow: 0 0.07em #b38721, 0 0 8px #f6eacd;
}
.bevel-kagari .glow {
  text-shadow: 0 0.07em #b38721, 0 0 8px #f6eacd;
}
.bevel-kagari .option-group {
  background-color: #aa811f;
  color: #e2bc61;
}
.bevel-kagari .faq-body .option-group {
  color: #faf3e3;
}
.bevel-kagari .badge::after {
  color: #d19e26;
}
.stats.bevel-kagari .table-container {
  background-color: #906d1a;
  border-radius: 3px;
  color: #eed7a2;
}
input:disabled ~ .bevel-kagari,
.bevel-kagari[disabled] {
  color: #ffffff;
  background-color: #a68d51;
  border-top: 3px solid #caba93;
  border-left: 3px solid #b9a471;
  border-bottom: 3px solid #847040;
  border-right: 3px solid #917b47;
  cursor: not-allowed;
}
input:disabled ~ .bevel-kagari small,
.bevel-kagari[disabled] small {
  color: #f0e7d3;
}
input:disabled ~ .bevel-kagari svg,
.bevel-kagari[disabled] svg {
  fill: #f0e7d3;
}
[type=radio]:checked:disabled ~ .bevel-kagari {
  color: #ffffff;
  background-color: #a68d51;
  border-bottom: 3px solid #caba93;
  border-right: 3px solid #b9a471;
  border-top: 3px solid #847040;
  border-left: 3px solid #917b47;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-kagari small {
  color: #f0e7d3;
}
label.bevel-kagari:active,
.bevel-kagari-pressed,
[type=radio]:checked ~ .bevel-kagari,
[type=checkbox]:checked ~ .bevel-kagari {
  color: #ffffff;
  background-color: #a67d1e;
  border-top: 3px solid #503c0e;
  border-left: 3px solid #7b5d16;
  border-bottom: 3px solid #d19e26;
  border-right: 3px solid #a67d1e;
}
label.bevel-kagari:active .badge::after,
.bevel-kagari-pressed .badge::after,
[type=radio]:checked ~ .bevel-kagari .badge::after,
[type=checkbox]:checked ~ .bevel-kagari .badge::after {
  color: #a67d1e;
}
.bevel-kagari.inverted {
  border-bottom: 3px solid #e6c577;
  border-right: 3px solid #deb34c;
  border-top: 3px solid #a67d1e;
  border-left: 3px solid #b78a21;
}
.bevel-kagari-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #deb34c;
}
.bevel-kagari.inverted::placeholder {
  color: #e2bc61;
}
.bevel-kagari-pressed::placeholder {
  color: #deb34c;
}
.background-kagari {
  color: #f2e1b7;
  background-color: #b78a21;
}
.bevel-windows {
  color: #ffffff;
  background-color: #888888;
  border-top: 3px solid #bbbbbb;
  border-left: 3px solid #a2a2a2;
  border-bottom: 3px solid #6f6f6f;
  border-right: 3px solid #797979;
  border-radius: 3px;
}
.bevel-windows small {
  color: #f3e9e9;
}
.bevel-windows svg {
  fill: #ffffff;
}
.bevel-windows .rank {
  background-color: #5e3333;
}
.bevel-windows .tr {
  color: #ffffff;
  text-shadow: 0 0.07em #767676, 0 0 8px #eeeeee;
}
.bevel-windows .glow {
  text-shadow: 0 0.07em #767676, 0 0 8px #eeeeee;
}
.bevel-windows .option-group {
  background-color: #717171;
  color: #aeaeae;
}
.bevel-windows .faq-body .option-group {
  color: #fbfbfb;
}
.bevel-windows .badge::after {
  color: #888888;
}
.stats.bevel-windows .table-container {
  background-color: #626262;
  border-radius: 3px;
  color: #d4d4d4;
}
input:disabled ~ .bevel-windows,
.bevel-windows[disabled] {
  color: #ffffff;
  background-color: #888888;
  border-top: 3px solid #bbbbbb;
  border-left: 3px solid #a2a2a2;
  border-bottom: 3px solid #6f6f6f;
  border-right: 3px solid #797979;
  cursor: not-allowed;
}
input:disabled ~ .bevel-windows small,
.bevel-windows[disabled] small {
  color: #eeeeee;
}
input:disabled ~ .bevel-windows svg,
.bevel-windows[disabled] svg {
  fill: #eeeeee;
}
[type=radio]:checked:disabled ~ .bevel-windows {
  color: #ffffff;
  background-color: #888888;
  border-bottom: 3px solid #bbbbbb;
  border-right: 3px solid #a2a2a2;
  border-top: 3px solid #6f6f6f;
  border-left: 3px solid #797979;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-windows small {
  color: #eeeeee;
}
label.bevel-windows:active,
.bevel-windows-pressed,
[type=radio]:checked ~ .bevel-windows,
[type=checkbox]:checked ~ .bevel-windows {
  color: #ffffff;
  background-color: #6f6f6f;
  border-top: 3px solid #3c3c3c;
  border-left: 3px solid #555555;
  border-bottom: 3px solid #888888;
  border-right: 3px solid #6f6f6f;
}
label.bevel-windows:active .badge::after,
.bevel-windows-pressed .badge::after,
[type=radio]:checked ~ .bevel-windows .badge::after,
[type=checkbox]:checked ~ .bevel-windows .badge::after {
  color: #6f6f6f;
}
.bevel-windows.inverted {
  border-bottom: 3px solid #bbbbbb;
  border-right: 3px solid #a2a2a2;
  border-top: 3px solid #6f6f6f;
  border-left: 3px solid #797979;
}
.bevel-windows-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #a2a2a2;
}
.bevel-windows.inverted::placeholder {
  color: #aeaeae;
}
.bevel-windows-pressed::placeholder {
  color: #a2a2a2;
}
.background-windows {
  color: #e1e1e1;
  background-color: #797979;
}
.bevel-rank-d {
  color: #ffffff;
  background-color: #856C84;
  border-top: 3px solid #b4a3b3;
  border-left: 3px solid #9d879c;
  border-bottom: 3px solid #695568;
  border-right: 3px solid #745e73;
  border-radius: 3px;
}
.bevel-rank-d small {
  color: #ecd1eb;
}
.bevel-rank-d svg {
  fill: #ffffff;
}
.bevel-rank-d .rank {
  background-color: #50224e;
}
.bevel-rank-d .tr {
  color: #fcf4fb;
  text-shadow: 0 0.07em #715c70, 0 0 8px #e2dbe2;
}
.bevel-rank-d .glow {
  text-shadow: 0 0.07em #715c70, 0 0 8px #e2dbe2;
}
.bevel-rank-d .option-group {
  background-color: #6c576b;
  color: #a995a8;
}
.bevel-rank-d .faq-body .option-group {
  color: #ede9ed;
}
.bevel-rank-d .badge::after {
  color: #856C84;
}
.stats.bevel-rank-d .table-container {
  background-color: #5b4a5a;
  border-radius: 3px;
  color: #cbbfcb;
}
input:disabled ~ .bevel-rank-d,
.bevel-rank-d[disabled] {
  color: #ffffff;
  background-color: #797979;
  border-top: 3px solid #acacac;
  border-left: 3px solid #929292;
  border-bottom: 3px solid #5f5f5f;
  border-right: 3px solid #696969;
  cursor: not-allowed;
}
input:disabled ~ .bevel-rank-d small,
.bevel-rank-d[disabled] small {
  color: #dfdfdf;
}
input:disabled ~ .bevel-rank-d svg,
.bevel-rank-d[disabled] svg {
  fill: #dfdfdf;
}
[type=radio]:checked:disabled ~ .bevel-rank-d {
  color: #ffffff;
  background-color: #797979;
  border-bottom: 3px solid #acacac;
  border-right: 3px solid #929292;
  border-top: 3px solid #5f5f5f;
  border-left: 3px solid #696969;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-rank-d small {
  color: #dfdfdf;
}
label.bevel-rank-d:active,
.bevel-rank-d-pressed,
[type=radio]:checked ~ .bevel-rank-d,
[type=checkbox]:checked ~ .bevel-rank-d {
  color: #ffffff;
  background-color: #695568;
  border-top: 3px solid #312730;
  border-left: 3px solid #4d3e4c;
  border-bottom: 3px solid #856C84;
  border-right: 3px solid #695568;
}
label.bevel-rank-d:active .badge::after,
.bevel-rank-d-pressed .badge::after,
[type=radio]:checked ~ .bevel-rank-d .badge::after,
[type=checkbox]:checked ~ .bevel-rank-d .badge::after {
  color: #695568;
}
.bevel-rank-d.inverted {
  border-bottom: 3px solid #b4a3b3;
  border-right: 3px solid #9d879c;
  border-top: 3px solid #695568;
  border-left: 3px solid #745e73;
}
.bevel-rank-d-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #9d879c;
}
.bevel-rank-d.inverted::placeholder {
  color: #a995a8;
}
.bevel-rank-d-pressed::placeholder {
  color: #9d879c;
}
.background-rank-d {
  color: #d6cdd6;
  background-color: #745e73;
}
.bevel-rank-dp {
  color: #ffffff;
  background-color: #815880;
  border-top: 3px solid #b28db1;
  border-left: 3px solid #9d6f9c;
  border-bottom: 3px solid #634362;
  border-right: 3px solid #6f4c6e;
  border-radius: 3px;
}
.bevel-rank-dp small {
  color: #e8bde7;
}
.bevel-rank-dp svg {
  fill: #ffffff;
}
.bevel-rank-dp .rank {
  background-color: #431742;
}
.bevel-rank-dp .tr {
  color: #f7e1f7;
  text-shadow: 0 0.07em #6c4a6b, 0 0 8px #dbcada;
}
.bevel-rank-dp .glow {
  text-shadow: 0 0.07em #6c4a6b, 0 0 8px #dbcada;
}
.bevel-rank-dp .option-group {
  background-color: #664565;
  color: #a77ea6;
}
.bevel-rank-dp .faq-body .option-group {
  color: #e5d9e5;
}
.bevel-rank-dp .badge::after {
  color: #815880;
}
.stats.bevel-rank-dp .table-container {
  background-color: #543953;
  border-radius: 3px;
  color: #c6acc6;
}
input:disabled ~ .bevel-rank-dp,
.bevel-rank-dp[disabled] {
  color: #ffffff;
  background-color: #6d6d6d;
  border-top: 3px solid #a0a0a0;
  border-left: 3px solid #868686;
  border-bottom: 3px solid #535353;
  border-right: 3px solid #5d5d5d;
  cursor: not-allowed;
}
input:disabled ~ .bevel-rank-dp small,
.bevel-rank-dp[disabled] small {
  color: #d3d3d3;
}
input:disabled ~ .bevel-rank-dp svg,
.bevel-rank-dp[disabled] svg {
  fill: #d3d3d3;
}
[type=radio]:checked:disabled ~ .bevel-rank-dp {
  color: #ffffff;
  background-color: #6d6d6d;
  border-bottom: 3px solid #a0a0a0;
  border-right: 3px solid #868686;
  border-top: 3px solid #535353;
  border-left: 3px solid #5d5d5d;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-rank-dp small {
  color: #d3d3d3;
}
label.bevel-rank-dp:active,
.bevel-rank-dp-pressed,
[type=radio]:checked ~ .bevel-rank-dp,
[type=checkbox]:checked ~ .bevel-rank-dp {
  color: #ffffff;
  background-color: #634362;
  border-top: 3px solid #261a26;
  border-left: 3px solid #442f44;
  border-bottom: 3px solid #815880;
  border-right: 3px solid #634362;
}
label.bevel-rank-dp:active .badge::after,
.bevel-rank-dp-pressed .badge::after,
[type=radio]:checked ~ .bevel-rank-dp .badge::after,
[type=checkbox]:checked ~ .bevel-rank-dp .badge::after {
  color: #634362;
}
.bevel-rank-dp.inverted {
  border-bottom: 3px solid #b28db1;
  border-right: 3px solid #9d6f9c;
  border-top: 3px solid #634362;
  border-left: 3px solid #6f4c6e;
}
.bevel-rank-dp-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #9d6f9c;
}
.bevel-rank-dp.inverted::placeholder {
  color: #a77ea6;
}
.bevel-rank-dp-pressed::placeholder {
  color: #9d6f9c;
}
.background-rank-dp {
  color: #d1bbd0;
  background-color: #6f4c6e;
}
.bevel-rank-cm {
  color: #faf1fe;
  background-color: #6C417C;
  border-top: 3px solid #a16fb4;
  border-left: 3px solid #89539d;
  border-bottom: 3px solid #4f2f5b;
  border-right: 3px solid #5b3668;
  border-radius: 3px;
}
.bevel-rank-cm small {
  color: #d5a1e8;
}
.bevel-rank-cm svg {
  fill: #faf1fe;
}
.bevel-rank-cm .rank {
  background-color: #270c32;
}
.bevel-rank-cm .tr {
  color: #e9c6f6;
  text-shadow: 0 0.07em #583565, 0 0 8px #cdb2d7;
}
.bevel-rank-cm .glow {
  text-shadow: 0 0.07em #583565, 0 0 8px #cdb2d7;
}
.bevel-rank-cm .option-group {
  background-color: #52315e;
  color: #965fab;
}
.bevel-rank-cm .faq-body .option-group {
  color: #d8c3e0;
}
.bevel-rank-cm .badge::after {
  color: #6C417C;
}
.stats.bevel-rank-cm .table-container {
  background-color: #40274a;
  border-radius: 3px;
  color: #b791c5;
}
input:disabled ~ .bevel-rank-cm,
.bevel-rank-cm[disabled] {
  color: #f9f5fa;
  background-color: #5f5f5f;
  border-top: 3px solid #929292;
  border-left: 3px solid #787878;
  border-bottom: 3px solid #454545;
  border-right: 3px solid #4f4f4f;
  cursor: not-allowed;
}
input:disabled ~ .bevel-rank-cm small,
.bevel-rank-cm[disabled] small {
  color: #c8becb;
}
input:disabled ~ .bevel-rank-cm svg,
.bevel-rank-cm[disabled] svg {
  fill: #c8becb;
}
[type=radio]:checked:disabled ~ .bevel-rank-cm {
  color: #f9f5fa;
  background-color: #5f5f5f;
  border-bottom: 3px solid #929292;
  border-right: 3px solid #787878;
  border-top: 3px solid #454545;
  border-left: 3px solid #4f4f4f;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-rank-cm small {
  color: #c8becb;
}
label.bevel-rank-cm:active,
.bevel-rank-cm-pressed,
[type=radio]:checked ~ .bevel-rank-cm,
[type=checkbox]:checked ~ .bevel-rank-cm {
  color: #ffffff;
  background-color: #4f2f5b;
  border-top: 3px solid #150c18;
  border-left: 3px solid #321e39;
  border-bottom: 3px solid #6C417C;
  border-right: 3px solid #4f2f5b;
}
label.bevel-rank-cm:active .badge::after,
.bevel-rank-cm-pressed .badge::after,
[type=radio]:checked ~ .bevel-rank-cm .badge::after,
[type=checkbox]:checked ~ .bevel-rank-cm .badge::after {
  color: #4f2f5b;
}
.bevel-rank-cm.inverted {
  border-bottom: 3px solid #a16fb4;
  border-right: 3px solid #89539d;
  border-top: 3px solid #4f2f5b;
  border-left: 3px solid #5b3668;
}
.bevel-rank-cm-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #89539d;
}
.bevel-rank-cm.inverted::placeholder {
  color: #965fab;
}
.bevel-rank-cm-pressed::placeholder {
  color: #89539d;
}
.background-rank-cm {
  color: #c2a2ce;
  background-color: #5b3668;
}
.bevel-rank-c {
  color: #f5d6ff;
  background-color: #67287B;
  border-top: 3px solid #a546c3;
  border-left: 3px solid #8735a1;
  border-bottom: 3px solid #471b55;
  border-right: 3px solid #542064;
  border-radius: 3px;
}
.bevel-rank-c small {
  color: #d57ef1;
}
.bevel-rank-c svg {
  fill: #f5d6ff;
}
.bevel-rank-c .rank {
  background-color: #190320;
}
.bevel-rank-c .tr {
  color: #e7a7fb;
  text-shadow: 0 0.07em #501f60, 0 0 8px #ca93dc;
}
.bevel-rank-c .glow {
  text-shadow: 0 0.07em #501f60, 0 0 8px #ca93dc;
}
.bevel-rank-c .option-group {
  background-color: #4a1d58;
  color: #973bb5;
}
.bevel-rank-c .faq-body .option-group {
  color: #d4a6e2;
}
.bevel-rank-c .badge::after {
  color: #67287B;
}
.stats.bevel-rank-c .table-container {
  background-color: #371541;
  border-radius: 3px;
  color: #b86dcf;
}
input:disabled ~ .bevel-rank-c,
.bevel-rank-c[disabled] {
  color: #f0e0f5;
  background-color: #58455e;
  border-top: 3px solid #8f7198;
  border-left: 3px solid #745a7c;
  border-bottom: 3px solid #3d2f41;
  border-right: 3px solid #48384d;
  cursor: not-allowed;
}
input:disabled ~ .bevel-rank-c small,
.bevel-rank-c[disabled] small {
  color: #c3a1ce;
}
input:disabled ~ .bevel-rank-c svg,
.bevel-rank-c[disabled] svg {
  fill: #c3a1ce;
}
[type=radio]:checked:disabled ~ .bevel-rank-c {
  color: #f0e0f5;
  background-color: #58455e;
  border-bottom: 3px solid #8f7198;
  border-right: 3px solid #745a7c;
  border-top: 3px solid #3d2f41;
  border-left: 3px solid #48384d;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-rank-c small {
  color: #c3a1ce;
}
label.bevel-rank-c:active,
.bevel-rank-c-pressed,
[type=radio]:checked ~ .bevel-rank-c,
[type=checkbox]:checked ~ .bevel-rank-c {
  color: #ffffff;
  background-color: #471b55;
  border-top: 3px solid #060208;
  border-left: 3px solid #270f2e;
  border-bottom: 3px solid #67287B;
  border-right: 3px solid #471b55;
}
label.bevel-rank-c:active .badge::after,
.bevel-rank-c-pressed .badge::after,
[type=radio]:checked ~ .bevel-rank-c .badge::after,
[type=checkbox]:checked ~ .bevel-rank-c .badge::after {
  color: #471b55;
}
.bevel-rank-c.inverted {
  border-bottom: 3px solid #a546c3;
  border-right: 3px solid #8735a1;
  border-top: 3px solid #471b55;
  border-left: 3px solid #542064;
}
.bevel-rank-c-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #8735a1;
}
.bevel-rank-c.inverted::placeholder {
  color: #973bb5;
}
.bevel-rank-c-pressed::placeholder {
  color: #8735a1;
}
.background-rank-c {
  color: #c180d6;
  background-color: #542064;
}
.bevel-rank-cp {
  color: #e9cdff;
  background-color: #522278;
  border-top: 3px solid #8839c7;
  border-left: 3px solid #6d2da0;
  border-bottom: 3px solid #371750;
  border-right: 3px solid #421b60;
  border-radius: 3px;
}
.bevel-rank-cp small {
  color: #bb72f4;
}
.bevel-rank-cp svg {
  fill: #e9cdff;
}
.bevel-rank-cp .rank {
  background-color: #0f0219;
}
.bevel-rank-cp .tr {
  color: #d29cfd;
  text-shadow: 0 0.07em #3f1a5c, 0 0 8px #b889dd;
}
.bevel-rank-cp .glow {
  text-shadow: 0 0.07em #3f1a5c, 0 0 8px #b889dd;
}
.bevel-rank-cp .option-group {
  background-color: #3a1854;
  color: #7b33b4;
}
.bevel-rank-cp .faq-body .option-group {
  color: #c49ce3;
}
.bevel-rank-cp .badge::after {
  color: #522278;
}
.stats.bevel-rank-cp .table-container {
  background-color: #29113c;
  border-radius: 3px;
  color: #a061d2;
}
input:disabled ~ .bevel-rank-cp,
.bevel-rank-cp[disabled] {
  color: #e8d8f4;
  background-color: #4f3d5d;
  border-top: 3px solid #83669a;
  border-left: 3px solid #69517c;
  border-bottom: 3px solid #35293e;
  border-right: 3px solid #3f314b;
  cursor: not-allowed;
}
input:disabled ~ .bevel-rank-cp small,
.bevel-rank-cp[disabled] small {
  color: #b698ce;
}
input:disabled ~ .bevel-rank-cp svg,
.bevel-rank-cp[disabled] svg {
  fill: #b698ce;
}
[type=radio]:checked:disabled ~ .bevel-rank-cp {
  color: #e8d8f4;
  background-color: #4f3d5d;
  border-bottom: 3px solid #83669a;
  border-right: 3px solid #69517c;
  border-top: 3px solid #35293e;
  border-left: 3px solid #3f314b;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-rank-cp small {
  color: #b698ce;
}
label.bevel-rank-cp:active,
.bevel-rank-cp-pressed,
[type=radio]:checked ~ .bevel-rank-cp,
[type=checkbox]:checked ~ .bevel-rank-cp {
  color: #ffffff;
  background-color: #371750;
  border-top: 3px solid #010001;
  border-left: 3px solid #1c0b29;
  border-bottom: 3px solid #522278;
  border-right: 3px solid #371750;
}
label.bevel-rank-cp:active .badge::after,
.bevel-rank-cp-pressed .badge::after,
[type=radio]:checked ~ .bevel-rank-cp .badge::after,
[type=checkbox]:checked ~ .bevel-rank-cp .badge::after {
  color: #371750;
}
.bevel-rank-cp.inverted {
  border-bottom: 3px solid #8839c7;
  border-right: 3px solid #6d2da0;
  border-top: 3px solid #371750;
  border-left: 3px solid #421b60;
}
.bevel-rank-cp-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #6d2da0;
}
.bevel-rank-cp.inverted::placeholder {
  color: #7b33b4;
}
.bevel-rank-cp-pressed::placeholder {
  color: #6d2da0;
}
.background-rank-cp {
  color: #ac75d8;
  background-color: #421b60;
}
.bevel-rank-bm {
  color: #ffffff;
  background-color: #5949BE;
  border-top: 3px solid #9e94d9;
  border-left: 3px solid #7b6fcb;
  border-bottom: 3px solid #46389c;
  border-right: 3px solid #4c3dab;
  border-radius: 3px;
}
.bevel-rank-bm small {
  color: #ddd9fa;
}
.bevel-rank-bm svg {
  fill: #ffffff;
}
.bevel-rank-bm .rank {
  background-color: #1e0f78;
}
.bevel-rank-bm .tr {
  color: #ffffff;
  text-shadow: 0 0.07em #4b3ca7, 0 0 8px #e2dff4;
}
.bevel-rank-bm .glow {
  text-shadow: 0 0.07em #4b3ca7, 0 0 8px #e2dff4;
}
.bevel-rank-bm .option-group {
  background-color: #4739a0;
  color: #8c81d2;
}
.bevel-rank-bm .faq-body .option-group {
  color: #f3f2fa;
}
.bevel-rank-bm .badge::after {
  color: #5949BE;
}
.stats.bevel-rank-bm .table-container {
  background-color: #3d3189;
  border-radius: 3px;
  color: #c0bae6;
}
input:disabled ~ .bevel-rank-bm,
.bevel-rank-bm[disabled] {
  color: #ffffff;
  background-color: #787493;
  border-top: 3px solid #b0aebf;
  border-left: 3px solid #9491a9;
  border-bottom: 3px solid #605d77;
  border-right: 3px solid #6a6683;
  cursor: not-allowed;
}
input:disabled ~ .bevel-rank-bm small,
.bevel-rank-bm[disabled] small {
  color: #e5e4ef;
}
input:disabled ~ .bevel-rank-bm svg,
.bevel-rank-bm[disabled] svg {
  fill: #e5e4ef;
}
[type=radio]:checked:disabled ~ .bevel-rank-bm {
  color: #ffffff;
  background-color: #787493;
  border-bottom: 3px solid #b0aebf;
  border-right: 3px solid #9491a9;
  border-top: 3px solid #605d77;
  border-left: 3px solid #6a6683;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-rank-bm small {
  color: #e5e4ef;
}
label.bevel-rank-bm:active,
.bevel-rank-bm-pressed,
[type=radio]:checked ~ .bevel-rank-bm,
[type=checkbox]:checked ~ .bevel-rank-bm {
  color: #ffffff;
  background-color: #46389c;
  border-top: 3px solid #241d51;
  border-left: 3px solid #352a77;
  border-bottom: 3px solid #5949BE;
  border-right: 3px solid #46389c;
}
label.bevel-rank-bm:active .badge::after,
.bevel-rank-bm-pressed .badge::after,
[type=radio]:checked ~ .bevel-rank-bm .badge::after,
[type=checkbox]:checked ~ .bevel-rank-bm .badge::after {
  color: #46389c;
}
.bevel-rank-bm.inverted {
  border-bottom: 3px solid #9e94d9;
  border-right: 3px solid #7b6fcb;
  border-top: 3px solid #46389c;
  border-left: 3px solid #4c3dab;
}
.bevel-rank-bm-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #7b6fcb;
}
.bevel-rank-bm.inverted::placeholder {
  color: #8c81d2;
}
.bevel-rank-bm-pressed::placeholder {
  color: #7b6fcb;
}
.background-rank-bm {
  color: #d1cded;
  background-color: #4c3dab;
}
.bevel-rank-b {
  color: #ffffff;
  background-color: #4357B5;
  border-top: 3px solid #8a97d4;
  border-left: 3px solid #6576c6;
  border-bottom: 3px solid #354590;
  border-right: 3px solid #3b4c9f;
  border-radius: 3px;
}
.bevel-rank-b small {
  color: #ccd4f8;
}
.bevel-rank-b svg {
  fill: #ffffff;
}
.bevel-rank-b .rank {
  background-color: #0e1f6a;
}
.bevel-rank-b .tr {
  color: #f8faff;
  text-shadow: 0 0.07em #394a9b, 0 0 8px #d5d9ef;
}
.bevel-rank-b .glow {
  text-shadow: 0 0.07em #394a9b, 0 0 8px #d5d9ef;
}
.bevel-rank-b .option-group {
  background-color: #374794;
  color: #7887cd;
}
.bevel-rank-b .faq-body .option-group {
  color: #e7eaf6;
}
.bevel-rank-b .badge::after {
  color: #4357B5;
}
.stats.bevel-rank-b .table-container {
  background-color: #2e3c7d;
  border-radius: 3px;
  color: #afb8e2;
}
input:disabled ~ .bevel-rank-b,
.bevel-rank-b[disabled] {
  color: #ffffff;
  background-color: #6e738a;
  border-top: 3px solid #a6a9b8;
  border-left: 3px solid #8a8ea1;
  border-bottom: 3px solid #585b6d;
  border-right: 3px solid #616579;
  cursor: not-allowed;
}
input:disabled ~ .bevel-rank-b small,
.bevel-rank-b[disabled] small {
  color: #daddea;
}
input:disabled ~ .bevel-rank-b svg,
.bevel-rank-b[disabled] svg {
  fill: #daddea;
}
[type=radio]:checked:disabled ~ .bevel-rank-b {
  color: #ffffff;
  background-color: #6e738a;
  border-bottom: 3px solid #a6a9b8;
  border-right: 3px solid #8a8ea1;
  border-top: 3px solid #585b6d;
  border-left: 3px solid #616579;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-rank-b small {
  color: #daddea;
}
label.bevel-rank-b:active,
.bevel-rank-b-pressed,
[type=radio]:checked ~ .bevel-rank-b,
[type=checkbox]:checked ~ .bevel-rank-b {
  color: #ffffff;
  background-color: #354590;
  border-top: 3px solid #1a2145;
  border-left: 3px solid #27336b;
  border-bottom: 3px solid #4357B5;
  border-right: 3px solid #354590;
}
label.bevel-rank-b:active .badge::after,
.bevel-rank-b-pressed .badge::after,
[type=radio]:checked ~ .bevel-rank-b .badge::after,
[type=checkbox]:checked ~ .bevel-rank-b .badge::after {
  color: #354590;
}
.bevel-rank-b.inverted {
  border-bottom: 3px solid #8a97d4;
  border-right: 3px solid #6576c6;
  border-top: 3px solid #354590;
  border-left: 3px solid #3b4c9f;
}
.bevel-rank-b-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #6576c6;
}
.bevel-rank-b.inverted::placeholder {
  color: #7887cd;
}
.bevel-rank-b-pressed::placeholder {
  color: #6576c6;
}
.background-rank-b {
  color: #c2c9e8;
  background-color: #3b4c9f;
}
.bevel-rank-bp {
  color: #ffffff;
  background-color: #4880B2;
  border-top: 3px solid #8fb2d1;
  border-left: 3px solid #6a99c3;
  border-bottom: 3px solid #39668e;
  border-right: 3px solid #3f709c;
  border-radius: 3px;
}
.bevel-rank-bp small {
  color: #cfe4f7;
}
.bevel-rank-bp svg {
  fill: #ffffff;
}
.bevel-rank-bp .rank {
  background-color: #11406a;
}
.bevel-rank-bp .tr {
  color: #fafdff;
  text-shadow: 0 0.07em #3e6e99, 0 0 8px #d7e4ef;
}
.bevel-rank-bp .glow {
  text-shadow: 0 0.07em #3e6e99, 0 0 8px #d7e4ef;
}
.bevel-rank-bp .option-group {
  background-color: #3b6891;
  color: #7ca5ca;
}
.bevel-rank-bp .faq-body .option-group {
  color: #e9f0f6;
}
.bevel-rank-bp .badge::after {
  color: #4880B2;
}
.stats.bevel-rank-bp .table-container {
  background-color: #32597c;
  border-radius: 3px;
  color: #b3cbe0;
}
input:disabled ~ .bevel-rank-bp,
.bevel-rank-bp[disabled] {
  color: #ffffff;
  background-color: #747e86;
  border-top: 3px solid #aab0b6;
  border-left: 3px solid #8f979e;
  border-bottom: 3px solid #5c646b;
  border-right: 3px solid #666e76;
  cursor: not-allowed;
}
input:disabled ~ .bevel-rank-bp small,
.bevel-rank-bp[disabled] small {
  color: #dde3e9;
}
input:disabled ~ .bevel-rank-bp svg,
.bevel-rank-bp[disabled] svg {
  fill: #dde3e9;
}
[type=radio]:checked:disabled ~ .bevel-rank-bp {
  color: #ffffff;
  background-color: #747e86;
  border-bottom: 3px solid #aab0b6;
  border-right: 3px solid #8f979e;
  border-top: 3px solid #5c646b;
  border-left: 3px solid #666e76;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-rank-bp small {
  color: #dde3e9;
}
label.bevel-rank-bp:active,
.bevel-rank-bp-pressed,
[type=radio]:checked ~ .bevel-rank-bp,
[type=checkbox]:checked ~ .bevel-rank-bp {
  color: #ffffff;
  background-color: #39668e;
  border-top: 3px solid #1c3245;
  border-left: 3px solid #2b4c69;
  border-bottom: 3px solid #4880B2;
  border-right: 3px solid #39668e;
}
label.bevel-rank-bp:active .badge::after,
.bevel-rank-bp-pressed .badge::after,
[type=radio]:checked ~ .bevel-rank-bp .badge::after,
[type=checkbox]:checked ~ .bevel-rank-bp .badge::after {
  color: #39668e;
}
.bevel-rank-bp.inverted {
  border-bottom: 3px solid #8fb2d1;
  border-right: 3px solid #6a99c3;
  border-top: 3px solid #39668e;
  border-left: 3px solid #3f709c;
}
.bevel-rank-bp-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #6a99c3;
}
.bevel-rank-bp.inverted::placeholder {
  color: #7ca5ca;
}
.bevel-rank-bp-pressed::placeholder {
  color: #6a99c3;
}
.background-rank-bp {
  color: #c5d7e8;
  background-color: #3f709c;
}
.bevel-rank-am {
  color: #ffffff;
  background-color: #35AA8C;
  border-top: 3px solid #72d3ba;
  border-left: 3px solid #4bc7a7;
  border-bottom: 3px solid #29836c;
  border-right: 3px solid #2e9379;
  border-radius: 3px;
}
.bevel-rank-am small {
  color: #b3f8e6;
}
.bevel-rank-am svg {
  fill: #ffffff;
}
.bevel-rank-am .rank {
  background-color: #085743;
}
.bevel-rank-am .tr {
  color: #e0fef6;
  text-shadow: 0 0.07em #2d8f76, 0 0 8px #c0ebe0;
}
.bevel-rank-am .glow {
  text-shadow: 0 0.07em #2d8f76, 0 0 8px #c0ebe0;
}
.bevel-rank-am .option-group {
  background-color: #2a876f;
  color: #5fcdb1;
}
.bevel-rank-am .faq-body .option-group {
  color: #d3f1ea;
}
.bevel-rank-am .badge::after {
  color: #35AA8C;
}
.stats.bevel-rank-am .table-container {
  background-color: #23705c;
  border-radius: 3px;
  color: #99dfcd;
}
input:disabled ~ .bevel-rank-am,
.bevel-rank-am[disabled] {
  color: #ffffff;
  background-color: #5c8379;
  border-top: 3px solid #92b3aa;
  border-left: 3px solid #749e93;
  border-bottom: 3px solid #47655d;
  border-right: 3px solid #4f7168;
  cursor: not-allowed;
}
input:disabled ~ .bevel-rank-am small,
.bevel-rank-am[disabled] small {
  color: #c8e3dc;
}
input:disabled ~ .bevel-rank-am svg,
.bevel-rank-am[disabled] svg {
  fill: #c8e3dc;
}
[type=radio]:checked:disabled ~ .bevel-rank-am {
  color: #ffffff;
  background-color: #5c8379;
  border-bottom: 3px solid #92b3aa;
  border-right: 3px solid #749e93;
  border-top: 3px solid #47655d;
  border-left: 3px solid #4f7168;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-rank-am small {
  color: #c8e3dc;
}
label.bevel-rank-am:active,
.bevel-rank-am-pressed,
[type=radio]:checked ~ .bevel-rank-am,
[type=checkbox]:checked ~ .bevel-rank-am {
  color: #ffffff;
  background-color: #29836c;
  border-top: 3px solid #11352c;
  border-left: 3px solid #1d5c4c;
  border-bottom: 3px solid #35AA8C;
  border-right: 3px solid #29836c;
}
label.bevel-rank-am:active .badge::after,
.bevel-rank-am-pressed .badge::after,
[type=radio]:checked ~ .bevel-rank-am .badge::after,
[type=checkbox]:checked ~ .bevel-rank-am .badge::after {
  color: #29836c;
}
.bevel-rank-am.inverted {
  border-bottom: 3px solid #72d3ba;
  border-right: 3px solid #4bc7a7;
  border-top: 3px solid #29836c;
  border-left: 3px solid #2e9379;
}
.bevel-rank-am-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #4bc7a7;
}
.bevel-rank-am.inverted::placeholder {
  color: #5fcdb1;
}
.bevel-rank-am-pressed::placeholder {
  color: #4bc7a7;
}
.background-rank-am {
  color: #ace5d7;
  background-color: #2e9379;
}
.bevel-rank-a {
  color: #ffffff;
  background-color: #3EA750;
  border-top: 3px solid #7ccf8b;
  border-left: 3px solid #57c169;
  border-bottom: 3px solid #30823e;
  border-right: 3px solid #369145;
  border-radius: 3px;
}
.bevel-rank-a small {
  color: #bbf6c5;
}
.bevel-rank-a svg {
  fill: #ffffff;
}
.bevel-rank-a .rank {
  background-color: #0c5919;
}
.bevel-rank-a .tr {
  color: #e7fdeb;
  text-shadow: 0 0.07em #348d44, 0 0 8px #c7eacd;
}
.bevel-rank-a .glow {
  text-shadow: 0 0.07em #348d44, 0 0 8px #c7eacd;
}
.bevel-rank-a .option-group {
  background-color: #328640;
  color: #6ac87a;
}
.bevel-rank-a .faq-body .option-group {
  color: #d9f1dd;
}
.bevel-rank-a .badge::after {
  color: #3EA750;
}
.stats.bevel-rank-a .table-container {
  background-color: #296f35;
  border-radius: 3px;
  color: #a2dcac;
}
input:disabled ~ .bevel-rank-a,
.bevel-rank-a[disabled] {
  color: #ffffff;
  background-color: #667f6a;
  border-top: 3px solid #9caf9f;
  border-left: 3px solid #809884;
  border-bottom: 3px solid #4f6353;
  border-right: 3px solid #586e5c;
  cursor: not-allowed;
}
input:disabled ~ .bevel-rank-a small,
.bevel-rank-a[disabled] small {
  color: #cfe2d2;
}
input:disabled ~ .bevel-rank-a svg,
.bevel-rank-a[disabled] svg {
  fill: #cfe2d2;
}
[type=radio]:checked:disabled ~ .bevel-rank-a {
  color: #ffffff;
  background-color: #667f6a;
  border-bottom: 3px solid #9caf9f;
  border-right: 3px solid #809884;
  border-top: 3px solid #4f6353;
  border-left: 3px solid #586e5c;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-rank-a small {
  color: #cfe2d2;
}
label.bevel-rank-a:active,
.bevel-rank-a-pressed,
[type=radio]:checked ~ .bevel-rank-a,
[type=checkbox]:checked ~ .bevel-rank-a {
  color: #ffffff;
  background-color: #30823e;
  border-top: 3px solid #15371b;
  border-left: 3px solid #225d2c;
  border-bottom: 3px solid #3EA750;
  border-right: 3px solid #30823e;
}
label.bevel-rank-a:active .badge::after,
.bevel-rank-a-pressed .badge::after,
[type=radio]:checked ~ .bevel-rank-a .badge::after,
[type=checkbox]:checked ~ .bevel-rank-a .badge::after {
  color: #30823e;
}
.bevel-rank-a.inverted {
  border-bottom: 3px solid #7ccf8b;
  border-right: 3px solid #57c169;
  border-top: 3px solid #30823e;
  border-left: 3px solid #369145;
}
.bevel-rank-a-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #57c169;
}
.bevel-rank-a.inverted::placeholder {
  color: #6ac87a;
}
.bevel-rank-a-pressed::placeholder {
  color: #57c169;
}
.background-rank-a {
  color: #b4e3bc;
  background-color: #369145;
}
.bevel-rank-ap {
  color: #ffffff;
  background-color: #43b536;
  border-top: 3px solid #83d77a;
  border-left: 3px solid #5fcc52;
  border-bottom: 3px solid #348e2a;
  border-right: 3px solid #3a9d2f;
  border-radius: 3px;
}
.bevel-rank-ap small {
  color: #c4f9be;
}
.bevel-rank-ap svg {
  fill: #ffffff;
}
.bevel-rank-ap .rank {
  background-color: #126309;
}
.bevel-rank-ap .tr {
  color: #eefeec;
  text-shadow: 0 0.07em #399a2e, 0 0 8px #ccefc8;
}
.bevel-rank-ap .glow {
  text-shadow: 0 0.07em #399a2e, 0 0 8px #ccefc8;
}
.bevel-rank-ap .option-group {
  background-color: #36922b;
  color: #71d166;
}
.bevel-rank-ap .faq-body .option-group {
  color: #def5dc;
}
.bevel-rank-ap .badge::after {
  color: #43b536;
}
.stats.bevel-rank-ap .table-container {
  background-color: #2d7a24;
  border-radius: 3px;
  color: #a8e3a1;
}
input:disabled ~ .bevel-rank-ap,
.bevel-rank-ap[disabled] {
  color: #ffffff;
  background-color: #648c5f;
  border-top: 3px solid #9bb998;
  border-left: 3px solid #7ea47a;
  border-bottom: 3px solid #4e6e4a;
  border-right: 3px solid #577a53;
  cursor: not-allowed;
}
input:disabled ~ .bevel-rank-ap small,
.bevel-rank-ap[disabled] small {
  color: #d2e8cf;
}
input:disabled ~ .bevel-rank-ap svg,
.bevel-rank-ap[disabled] svg {
  fill: #d2e8cf;
}
[type=radio]:checked:disabled ~ .bevel-rank-ap {
  color: #ffffff;
  background-color: #648c5f;
  border-bottom: 3px solid #9bb998;
  border-right: 3px solid #7ea47a;
  border-top: 3px solid #4e6e4a;
  border-left: 3px solid #577a53;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-rank-ap small {
  color: #d2e8cf;
}
label.bevel-rank-ap:active,
.bevel-rank-ap-pressed,
[type=radio]:checked ~ .bevel-rank-ap,
[type=checkbox]:checked ~ .bevel-rank-ap {
  color: #ffffff;
  background-color: #348e2a;
  border-top: 3px solid #173f13;
  border-left: 3px solid #26661f;
  border-bottom: 3px solid #43b536;
  border-right: 3px solid #348e2a;
}
label.bevel-rank-ap:active .badge::after,
.bevel-rank-ap-pressed .badge::after,
[type=radio]:checked ~ .bevel-rank-ap .badge::after,
[type=checkbox]:checked ~ .bevel-rank-ap .badge::after {
  color: #348e2a;
}
.bevel-rank-ap.inverted {
  border-bottom: 3px solid #83d77a;
  border-right: 3px solid #5fcc52;
  border-top: 3px solid #348e2a;
  border-left: 3px solid #3a9d2f;
}
.bevel-rank-ap-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #5fcc52;
}
.bevel-rank-ap.inverted::placeholder {
  color: #71d166;
}
.bevel-rank-ap-pressed::placeholder {
  color: #5fcc52;
}
.background-rank-ap {
  color: #bae9b5;
  background-color: #3a9d2f;
}
.bevel-rank-sm {
  color: #ffffff;
  background-color: #B79E2B;
  border-top: 3px solid #dcc86c;
  border-left: 3px solid #d3b942;
  border-bottom: 3px solid #8e7a21;
  border-right: 3px solid #9e8925;
  border-radius: 3px;
}
.bevel-rank-sm small {
  color: #fcefb2;
}
.bevel-rank-sm svg {
  fill: #ffffff;
}
.bevel-rank-sm .rank {
  background-color: #5f4e04;
}
.bevel-rank-sm .tr {
  color: #fffae2;
  text-shadow: 0 0.07em #9a8524, 0 0 8px #f0e7be;
}
.bevel-rank-sm .glow {
  text-shadow: 0 0.07em #9a8524, 0 0 8px #f0e7be;
}
.bevel-rank-sm .option-group {
  background-color: #927e22;
  color: #d8c157;
}
.bevel-rank-sm .faq-body .option-group {
  color: #f5efd3;
}
.bevel-rank-sm .badge::after {
  color: #B79E2B;
}
.stats.bevel-rank-sm .table-container {
  background-color: #79691c;
  border-radius: 3px;
  color: #e6d895;
}
input:disabled ~ .bevel-rank-sm,
.bevel-rank-sm[disabled] {
  color: #ffffff;
  background-color: #8f8553;
  border-top: 3px solid #bdb48b;
  border-left: 3px solid #aa9f6b;
  border-bottom: 3px solid #6f6740;
  border-right: 3px solid #7c7347;
  cursor: not-allowed;
}
input:disabled ~ .bevel-rank-sm small,
.bevel-rank-sm[disabled] small {
  color: #e8e2c6;
}
input:disabled ~ .bevel-rank-sm svg,
.bevel-rank-sm[disabled] svg {
  fill: #e8e2c6;
}
[type=radio]:checked:disabled ~ .bevel-rank-sm {
  color: #ffffff;
  background-color: #8f8553;
  border-bottom: 3px solid #bdb48b;
  border-right: 3px solid #aa9f6b;
  border-top: 3px solid #6f6740;
  border-left: 3px solid #7c7347;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-rank-sm small {
  color: #e8e2c6;
}
label.bevel-rank-sm:active,
.bevel-rank-sm-pressed,
[type=radio]:checked ~ .bevel-rank-sm,
[type=checkbox]:checked ~ .bevel-rank-sm {
  color: #ffffff;
  background-color: #8e7a21;
  border-top: 3px solid #3b330e;
  border-left: 3px solid #645718;
  border-bottom: 3px solid #B79E2B;
  border-right: 3px solid #8e7a21;
}
label.bevel-rank-sm:active .badge::after,
.bevel-rank-sm-pressed .badge::after,
[type=radio]:checked ~ .bevel-rank-sm .badge::after,
[type=checkbox]:checked ~ .bevel-rank-sm .badge::after {
  color: #8e7a21;
}
.bevel-rank-sm.inverted {
  border-bottom: 3px solid #dcc86c;
  border-right: 3px solid #d3b942;
  border-top: 3px solid #8e7a21;
  border-left: 3px solid #9e8925;
}
.bevel-rank-sm-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #d3b942;
}
.bevel-rank-sm.inverted::placeholder {
  color: #d8c157;
}
.bevel-rank-sm-pressed::placeholder {
  color: #d3b942;
}
.background-rank-sm {
  color: #ebdfaa;
  background-color: #9e8925;
}
.bevel-rank-s {
  color: #ffffff;
  background-color: #d19e26;
  border-top: 3px solid #e6c577;
  border-left: 3px solid #deb34c;
  border-bottom: 3px solid #a67d1e;
  border-right: 3px solid #b78a21;
  border-radius: 3px;
}
.bevel-rank-s small {
  color: #ffedc4;
}
.bevel-rank-s svg {
  fill: #ffffff;
}
.bevel-rank-s .rank {
  background-color: #775400;
}
.bevel-rank-s .tr {
  color: #fffdf7;
  text-shadow: 0 0.07em #b38721, 0 0 8px #f6eacd;
}
.bevel-rank-s .glow {
  text-shadow: 0 0.07em #b38721, 0 0 8px #f6eacd;
}
.bevel-rank-s .option-group {
  background-color: #aa811f;
  color: #e2bc61;
}
.bevel-rank-s .faq-body .option-group {
  color: #faf3e3;
}
.bevel-rank-s .badge::after {
  color: #d19e26;
}
.stats.bevel-rank-s .table-container {
  background-color: #906d1a;
  border-radius: 3px;
  color: #eed7a2;
}
input:disabled ~ .bevel-rank-s,
.bevel-rank-s[disabled] {
  color: #ffffff;
  background-color: #a68d51;
  border-top: 3px solid #caba93;
  border-left: 3px solid #b9a471;
  border-bottom: 3px solid #847040;
  border-right: 3px solid #917b47;
  cursor: not-allowed;
}
input:disabled ~ .bevel-rank-s small,
.bevel-rank-s[disabled] small {
  color: #f0e7d3;
}
input:disabled ~ .bevel-rank-s svg,
.bevel-rank-s[disabled] svg {
  fill: #f0e7d3;
}
[type=radio]:checked:disabled ~ .bevel-rank-s {
  color: #ffffff;
  background-color: #a68d51;
  border-bottom: 3px solid #caba93;
  border-right: 3px solid #b9a471;
  border-top: 3px solid #847040;
  border-left: 3px solid #917b47;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-rank-s small {
  color: #f0e7d3;
}
label.bevel-rank-s:active,
.bevel-rank-s-pressed,
[type=radio]:checked ~ .bevel-rank-s,
[type=checkbox]:checked ~ .bevel-rank-s {
  color: #ffffff;
  background-color: #a67d1e;
  border-top: 3px solid #503c0e;
  border-left: 3px solid #7b5d16;
  border-bottom: 3px solid #d19e26;
  border-right: 3px solid #a67d1e;
}
label.bevel-rank-s:active .badge::after,
.bevel-rank-s-pressed .badge::after,
[type=radio]:checked ~ .bevel-rank-s .badge::after,
[type=checkbox]:checked ~ .bevel-rank-s .badge::after {
  color: #a67d1e;
}
.bevel-rank-s.inverted {
  border-bottom: 3px solid #e6c577;
  border-right: 3px solid #deb34c;
  border-top: 3px solid #a67d1e;
  border-left: 3px solid #b78a21;
}
.bevel-rank-s-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #deb34c;
}
.bevel-rank-s.inverted::placeholder {
  color: #e2bc61;
}
.bevel-rank-s-pressed::placeholder {
  color: #deb34c;
}
.background-rank-s {
  color: #f2e1b7;
  background-color: #b78a21;
}
.bevel-rank-sp {
  color: #ffffff;
  background-color: #dbaf37;
  border-top: 3px solid #ebd28d;
  border-left: 3px solid #e3c062;
  border-bottom: 3px solid #bd9322;
  border-right: 3px solid #cea125;
  border-radius: 3px;
}
.bevel-rank-sp small {
  color: #fff6df;
}
.bevel-rank-sp svg {
  fill: #ffffff;
}
.bevel-rank-sp .rank {
  background-color: #926b00;
}
.bevel-rank-sp .tr {
  color: #ffffff;
  text-shadow: 0 0.07em #ca9e24, 0 0 8px #faf4e4;
}
.bevel-rank-sp .glow {
  text-shadow: 0 0.07em #ca9e24, 0 0 8px #faf4e4;
}
.bevel-rank-sp .option-group {
  background-color: #c19723;
  color: #e7c978;
}
.bevel-rank-sp .faq-body .option-group {
  color: #fefdf9;
}
.bevel-rank-sp .badge::after {
  color: #dbaf37;
}
.stats.bevel-rank-sp .table-container {
  background-color: #a7831e;
  border-radius: 3px;
  color: #f2e3b9;
}
input:disabled ~ .bevel-rank-sp,
.bevel-rank-sp[disabled] {
  color: #ffffff;
  background-color: #b29c60;
  border-top: 3px solid #d3c7a5;
  border-left: 3px solid #c2b183;
  border-bottom: 3px solid #968149;
  border-right: 3px solid #a48d50;
  cursor: not-allowed;
}
input:disabled ~ .bevel-rank-sp small,
.bevel-rank-sp[disabled] small {
  color: #f7f3e7;
}
input:disabled ~ .bevel-rank-sp svg,
.bevel-rank-sp[disabled] svg {
  fill: #f7f3e7;
}
[type=radio]:checked:disabled ~ .bevel-rank-sp {
  color: #ffffff;
  background-color: #b29c60;
  border-bottom: 3px solid #d3c7a5;
  border-right: 3px solid #c2b183;
  border-top: 3px solid #968149;
  border-left: 3px solid #a48d50;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-rank-sp small {
  color: #f7f3e7;
}
label.bevel-rank-sp:active,
.bevel-rank-sp-pressed,
[type=radio]:checked ~ .bevel-rank-sp,
[type=checkbox]:checked ~ .bevel-rank-sp {
  color: #ffffff;
  background-color: #bd9322;
  border-top: 3px solid #675012;
  border-left: 3px solid #92721a;
  border-bottom: 3px solid #dbaf37;
  border-right: 3px solid #bd9322;
}
label.bevel-rank-sp:active .badge::after,
.bevel-rank-sp-pressed .badge::after,
[type=radio]:checked ~ .bevel-rank-sp .badge::after,
[type=checkbox]:checked ~ .bevel-rank-sp .badge::after {
  color: #bd9322;
}
.bevel-rank-sp.inverted {
  border-bottom: 3px solid #ebd28d;
  border-right: 3px solid #e3c062;
  border-top: 3px solid #bd9322;
  border-left: 3px solid #cea125;
}
.bevel-rank-sp-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #e3c062;
}
.bevel-rank-sp.inverted::placeholder {
  color: #e7c978;
}
.bevel-rank-sp-pressed::placeholder {
  color: #e3c062;
}
.background-rank-sp {
  color: #f6ecce;
  background-color: #cea125;
}
.bevel-rank-ss {
  color: #ffffff;
  background-color: #e39d3b;
  border-top: 3px solid #f0ca94;
  border-left: 3px solid #e9b368;
  border-bottom: 3px solid #ce841d;
  border-right: 3px solid #df9020;
  border-radius: 3px;
}
.bevel-rank-ss small {
  color: #fff7eb;
}
.bevel-rank-ss svg {
  fill: #ffffff;
}
.bevel-rank-ss .rank {
  background-color: #9f5c00;
}
.bevel-rank-ss .tr {
  color: #ffffff;
  text-shadow: 0 0.07em #db8d1f, 0 0 8px #fdf6ee;
}
.bevel-rank-ss .glow {
  text-shadow: 0 0.07em #db8d1f, 0 0 8px #fdf6ee;
}
.bevel-rank-ss .option-group {
  background-color: #d2871e;
  color: #edbe7e;
}
.bevel-rank-ss .faq-body .option-group {
  color: #ffffff;
}
.bevel-rank-ss .badge::after {
  color: #e39d3b;
}
.stats.bevel-rank-ss .table-container {
  background-color: #b7761a;
  border-radius: 3px;
  color: #f6e0c1;
}
input:disabled ~ .bevel-rank-ss,
.bevel-rank-ss[disabled] {
  color: #ffffff;
  background-color: #bc9662;
  border-top: 3px solid #dac6aa;
  border-left: 3px solid #cbae86;
  border-bottom: 3px solid #a57d47;
  border-right: 3px solid #b3884d;
  cursor: not-allowed;
}
input:disabled ~ .bevel-rank-ss small,
.bevel-rank-ss[disabled] small {
  color: #fbf6ef;
}
input:disabled ~ .bevel-rank-ss svg,
.bevel-rank-ss[disabled] svg {
  fill: #fbf6ef;
}
[type=radio]:checked:disabled ~ .bevel-rank-ss {
  color: #ffffff;
  background-color: #bc9662;
  border-bottom: 3px solid #dac6aa;
  border-right: 3px solid #cbae86;
  border-top: 3px solid #a57d47;
  border-left: 3px solid #b3884d;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-rank-ss small {
  color: #fbf6ef;
}
label.bevel-rank-ss:active,
.bevel-rank-ss-pressed,
[type=radio]:checked ~ .bevel-rank-ss,
[type=checkbox]:checked ~ .bevel-rank-ss {
  color: #ffffff;
  background-color: #ce841d;
  border-top: 3px solid #744b11;
  border-left: 3px solid #a16817;
  border-bottom: 3px solid #e39d3b;
  border-right: 3px solid #ce841d;
}
label.bevel-rank-ss:active .badge::after,
.bevel-rank-ss-pressed .badge::after,
[type=radio]:checked ~ .bevel-rank-ss .badge::after,
[type=checkbox]:checked ~ .bevel-rank-ss .badge::after {
  color: #ce841d;
}
.bevel-rank-ss.inverted {
  border-bottom: 3px solid #f0ca94;
  border-right: 3px solid #e9b368;
  border-top: 3px solid #ce841d;
  border-left: 3px solid #df9020;
}
.bevel-rank-ss-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #e9b368;
}
.bevel-rank-ss.inverted::placeholder {
  color: #edbe7e;
}
.bevel-rank-ss-pressed::placeholder {
  color: #e9b368;
}
.background-rank-ss {
  color: #f9ebd7;
  background-color: #df9020;
}
.bevel-rank-u {
  color: #ffffff;
  background-color: #c75c2e;
  border-top: 3px solid #e0997b;
  border-left: 3px solid #d77951;
  border-bottom: 3px solid #9e4924;
  border-right: 3px solid #ae5128;
  border-radius: 3px;
}
.bevel-rank-u small {
  color: #fdd5c4;
}
.bevel-rank-u svg {
  fill: #ffffff;
}
.bevel-rank-u .rank {
  background-color: #712504;
}
.bevel-rank-u .tr {
  color: #fff8f5;
  text-shadow: 0 0.07em #aa4f27, 0 0 8px #f4d9cd;
}
.bevel-rank-u .glow {
  text-shadow: 0 0.07em #aa4f27, 0 0 8px #f4d9cd;
}
.bevel-rank-u .option-group {
  background-color: #a24b25;
  color: #dc8966;
}
.bevel-rank-u .faq-body .option-group {
  color: #f8e9e2;
}
.bevel-rank-u .badge::after {
  color: #c75c2e;
}
.stats.bevel-rank-u .table-container {
  background-color: #893f20;
  border-radius: 3px;
  color: #eab9a4;
}
input:disabled ~ .bevel-rank-u,
.bevel-rank-u[disabled] {
  color: #ffffff;
  background-color: #9c6d59;
  border-top: 3px solid #c4a597;
  border-left: 3px solid #b18877;
  border-bottom: 3px solid #7c5646;
  border-right: 3px solid #895f4e;
  cursor: not-allowed;
}
input:disabled ~ .bevel-rank-u small,
.bevel-rank-u[disabled] small {
  color: #eddbd4;
}
input:disabled ~ .bevel-rank-u svg,
.bevel-rank-u[disabled] svg {
  fill: #eddbd4;
}
[type=radio]:checked:disabled ~ .bevel-rank-u {
  color: #ffffff;
  background-color: #9c6d59;
  border-bottom: 3px solid #c4a597;
  border-right: 3px solid #b18877;
  border-top: 3px solid #7c5646;
  border-left: 3px solid #895f4e;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-rank-u small {
  color: #eddbd4;
}
label.bevel-rank-u:active,
.bevel-rank-u-pressed,
[type=radio]:checked ~ .bevel-rank-u,
[type=checkbox]:checked ~ .bevel-rank-u {
  color: #ffffff;
  background-color: #9e4924;
  border-top: 3px solid #4b2311;
  border-left: 3px solid #74361b;
  border-bottom: 3px solid #c75c2e;
  border-right: 3px solid #9e4924;
}
label.bevel-rank-u:active .badge::after,
.bevel-rank-u-pressed .badge::after,
[type=radio]:checked ~ .bevel-rank-u .badge::after,
[type=checkbox]:checked ~ .bevel-rank-u .badge::after {
  color: #9e4924;
}
.bevel-rank-u.inverted {
  border-bottom: 3px solid #e0997b;
  border-right: 3px solid #d77951;
  border-top: 3px solid #9e4924;
  border-left: 3px solid #ae5128;
}
.bevel-rank-u-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #d77951;
}
.bevel-rank-u.inverted::placeholder {
  color: #dc8966;
}
.bevel-rank-u-pressed::placeholder {
  color: #d77951;
}
.background-rank-u {
  color: #efc9b9;
  background-color: #ae5128;
}
.bevel-rank-x {
  color: #ffffff;
  background-color: #b852bf;
  border-top: 3px solid #d79cdb;
  border-left: 3px solid #c777cd;
  border-bottom: 3px solid #9b3ca2;
  border-right: 3px solid #aa41b1;
  border-radius: 3px;
}
.bevel-rank-x small {
  color: #f9e2fb;
}
.bevel-rank-x svg {
  fill: #ffffff;
}
.bevel-rank-x .rank {
  background-color: #791180;
}
.bevel-rank-x .tr {
  color: #ffffff;
  text-shadow: 0 0.07em #a640ad, 0 0 8px #f5e7f6;
}
.bevel-rank-x .glow {
  text-shadow: 0 0.07em #a640ad, 0 0 8px #f5e7f6;
}
.bevel-rank-x .option-group {
  background-color: #9f3da6;
  color: #cf8ad4;
}
.bevel-rank-x .faq-body .option-group {
  color: #fdfafd;
}
.bevel-rank-x .badge::after {
  color: #b852bf;
}
.stats.bevel-rank-x .table-container {
  background-color: #8a358f;
  border-radius: 3px;
  color: #e6c2e8;
}
input:disabled ~ .bevel-rank-x,
.bevel-rank-x[disabled] {
  color: #ffffff;
  background-color: #947b96;
  border-top: 3px solid #c2b4c3;
  border-left: 3px solid #ab98ac;
  border-bottom: 3px solid #7a637b;
  border-right: 3px solid #856c87;
  cursor: not-allowed;
}
input:disabled ~ .bevel-rank-x small,
.bevel-rank-x[disabled] small {
  color: #f2eaf3;
}
input:disabled ~ .bevel-rank-x svg,
.bevel-rank-x[disabled] svg {
  fill: #f2eaf3;
}
[type=radio]:checked:disabled ~ .bevel-rank-x {
  color: #ffffff;
  background-color: #947b96;
  border-bottom: 3px solid #c2b4c3;
  border-right: 3px solid #ab98ac;
  border-top: 3px solid #7a637b;
  border-left: 3px solid #856c87;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-rank-x small {
  color: #f2eaf3;
}
label.bevel-rank-x:active,
.bevel-rank-x-pressed,
[type=radio]:checked ~ .bevel-rank-x,
[type=checkbox]:checked ~ .bevel-rank-x {
  color: #ffffff;
  background-color: #9b3ca2;
  border-top: 3px solid #542058;
  border-left: 3px solid #782e7d;
  border-bottom: 3px solid #b852bf;
  border-right: 3px solid #9b3ca2;
}
label.bevel-rank-x:active .badge::after,
.bevel-rank-x-pressed .badge::after,
[type=radio]:checked ~ .bevel-rank-x .badge::after,
[type=checkbox]:checked ~ .bevel-rank-x .badge::after {
  color: #9b3ca2;
}
.bevel-rank-x.inverted {
  border-bottom: 3px solid #d79cdb;
  border-right: 3px solid #c777cd;
  border-top: 3px solid #9b3ca2;
  border-left: 3px solid #aa41b1;
}
.bevel-rank-x-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #c777cd;
}
.bevel-rank-x.inverted::placeholder {
  color: #cf8ad4;
}
.bevel-rank-x-pressed::placeholder {
  color: #c777cd;
}
.background-rank-x {
  color: #edd4ef;
  background-color: #aa41b1;
}
.bevel-rank-z {
  color: #ffffff;
  background-color: #828282;
  border-top: 3px solid #b5b5b5;
  border-left: 3px solid #9b9b9b;
  border-bottom: 3px solid #696969;
  border-right: 3px solid #737373;
  border-radius: 3px;
}
.bevel-rank-z small {
  color: #efe1e1;
}
.bevel-rank-z svg {
  fill: #ffffff;
}
.bevel-rank-z .rank {
  background-color: #562e2e;
}
.bevel-rank-z .tr {
  color: #ffffff;
  text-shadow: 0 0.07em #707070, 0 0 8px #e8e8e8;
}
.bevel-rank-z .glow {
  text-shadow: 0 0.07em #707070, 0 0 8px #e8e8e8;
}
.bevel-rank-z .option-group {
  background-color: #6b6b6b;
  color: #a8a8a8;
}
.bevel-rank-z .faq-body .option-group {
  color: #f5f5f5;
}
.bevel-rank-z .badge::after {
  color: #828282;
}
.stats.bevel-rank-z .table-container {
  background-color: #5c5c5c;
  border-radius: 3px;
  color: #cfcfcf;
}
input:disabled ~ .bevel-rank-z,
.bevel-rank-z[disabled] {
  color: #ffffff;
  background-color: #828282;
  border-top: 3px solid #b5b5b5;
  border-left: 3px solid #9b9b9b;
  border-bottom: 3px solid #696969;
  border-right: 3px solid #737373;
  cursor: not-allowed;
}
input:disabled ~ .bevel-rank-z small,
.bevel-rank-z[disabled] small {
  color: #e8e8e8;
}
input:disabled ~ .bevel-rank-z svg,
.bevel-rank-z[disabled] svg {
  fill: #e8e8e8;
}
[type=radio]:checked:disabled ~ .bevel-rank-z {
  color: #ffffff;
  background-color: #828282;
  border-bottom: 3px solid #b5b5b5;
  border-right: 3px solid #9b9b9b;
  border-top: 3px solid #696969;
  border-left: 3px solid #737373;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-rank-z small {
  color: #e8e8e8;
}
label.bevel-rank-z:active,
.bevel-rank-z-pressed,
[type=radio]:checked ~ .bevel-rank-z,
[type=checkbox]:checked ~ .bevel-rank-z {
  color: #ffffff;
  background-color: #696969;
  border-top: 3px solid #353535;
  border-left: 3px solid #4f4f4f;
  border-bottom: 3px solid #828282;
  border-right: 3px solid #696969;
}
label.bevel-rank-z:active .badge::after,
.bevel-rank-z-pressed .badge::after,
[type=radio]:checked ~ .bevel-rank-z .badge::after,
[type=checkbox]:checked ~ .bevel-rank-z .badge::after {
  color: #696969;
}
.bevel-rank-z.inverted {
  border-bottom: 3px solid #b5b5b5;
  border-right: 3px solid #9b9b9b;
  border-top: 3px solid #696969;
  border-left: 3px solid #737373;
}
.bevel-rank-z-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #9b9b9b;
}
.bevel-rank-z.inverted::placeholder {
  color: #a8a8a8;
}
.bevel-rank-z-pressed::placeholder {
  color: #9b9b9b;
}
.background-rank-z {
  color: #dbdbdb;
  background-color: #737373;
}
.bevel-menu-1 {
  color: #ec9bd1;
  background-color: #32232D;
  border-top: 3px solid #6e4d63;
  border-left: 3px solid #503848;
  border-bottom: 3px solid #140e12;
  border-right: 3px solid #20161d;
  border-radius: 3px;
}
.bevel-menu-1 small {
  color: #c55ca2;
}
.bevel-menu-1 svg {
  fill: #ec9bd1;
}
.bevel-menu-1 .rank {
  background-color: #000000;
}
.bevel-menu-1 .tr {
  color: #db79ba;
  text-shadow: 0 0.07em #1d141a, 0 0 8px #a47d97;
}
.bevel-menu-1 .glow {
  text-shadow: 0 0.07em #1d141a, 0 0 8px #a47d97;
}
.bevel-menu-1 .option-group {
  background-color: #171015;
  color: #5f4355;
}
.bevel-menu-1 .faq-body .option-group {
  color: #af8ca3;
}
.bevel-menu-1 .badge::after {
  color: #32232D;
}
.stats.bevel-menu-1 .table-container {
  background-color: #050405;
  border-radius: 3px;
  color: #8c627e;
}
input:disabled ~ .bevel-menu-1,
.bevel-menu-1[disabled] {
  color: #ceb9c7;
  background-color: #2b2b2b;
  border-top: 3px solid #5e5e5e;
  border-left: 3px solid #444444;
  border-bottom: 3px solid #111111;
  border-right: 3px solid #1b1b1b;
  cursor: not-allowed;
}
input:disabled ~ .bevel-menu-1 small,
.bevel-menu-1[disabled] small {
  color: #919191;
}
input:disabled ~ .bevel-menu-1 svg,
.bevel-menu-1[disabled] svg {
  fill: #919191;
}
[type=radio]:checked:disabled ~ .bevel-menu-1 {
  color: #ceb9c7;
  background-color: #2b2b2b;
  border-bottom: 3px solid #5e5e5e;
  border-right: 3px solid #444444;
  border-top: 3px solid #111111;
  border-left: 3px solid #1b1b1b;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-menu-1 small {
  color: #919191;
}
label.bevel-menu-1:active,
.bevel-menu-1-pressed,
[type=radio]:checked ~ .bevel-menu-1,
[type=checkbox]:checked ~ .bevel-menu-1 {
  color: #f4c6e5;
  background-color: #140e12;
  border-top: 3px solid #000000;
  border-left: 3px solid #000000;
  border-bottom: 3px solid #32232D;
  border-right: 3px solid #140e12;
}
label.bevel-menu-1:active .badge::after,
.bevel-menu-1-pressed .badge::after,
[type=radio]:checked ~ .bevel-menu-1 .badge::after,
[type=checkbox]:checked ~ .bevel-menu-1 .badge::after {
  color: #140e12;
}
.bevel-menu-1.inverted {
  border-bottom: 3px solid #6e4d63;
  border-right: 3px solid #503848;
  border-top: 3px solid #140e12;
  border-left: 3px solid #20161d;
}
.bevel-menu-1-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #503848;
}
.bevel-menu-1.inverted::placeholder {
  color: #5f4355;
}
.bevel-menu-1-pressed::placeholder {
  color: #503848;
}
.background-menu-1 {
  color: #996e8b;
  background-color: #20161d;
}
.bevel-menu-2 {
  color: #958fec;
  background-color: #1E1D2C;
  border-top: 3px solid #484669;
  border-left: 3px solid #33314b;
  border-bottom: 3px solid #09090d;
  border-right: 3px solid #11111a;
  border-radius: 3px;
}
.bevel-menu-2 small {
  color: #5750c5;
}
.bevel-menu-2 svg {
  fill: #958fec;
}
.bevel-menu-2 .rank {
  background-color: #000000;
}
.bevel-menu-2 .tr {
  color: #746ddb;
  text-shadow: 0 0.07em #0f0f16, 0 0 8px #7673a2;
}
.bevel-menu-2 .glow {
  text-shadow: 0 0.07em #0f0f16, 0 0 8px #7673a2;
}
.bevel-menu-2 .option-group {
  background-color: #0b0b10;
  color: #3d3b5a;
}
.bevel-menu-2 .faq-body .option-group {
  color: #8582ad;
}
.bevel-menu-2 .badge::after {
  color: #1E1D2C;
}
.stats.bevel-menu-2 .table-container {
  background-color: #000000;
  border-radius: 3px;
  color: #5d5a88;
}
input:disabled ~ .bevel-menu-2,
.bevel-menu-2[disabled] {
  color: #b2b0cb;
  background-color: #252525;
  border-top: 3px solid #585858;
  border-left: 3px solid #3e3e3e;
  border-bottom: 3px solid #0b0b0b;
  border-right: 3px solid #151515;
  cursor: not-allowed;
}
input:disabled ~ .bevel-menu-2 small,
.bevel-menu-2[disabled] small {
  color: #8a8a8b;
}
input:disabled ~ .bevel-menu-2 svg,
.bevel-menu-2[disabled] svg {
  fill: #8a8a8b;
}
[type=radio]:checked:disabled ~ .bevel-menu-2 {
  color: #b2b0cb;
  background-color: #252525;
  border-bottom: 3px solid #585858;
  border-right: 3px solid #3e3e3e;
  border-top: 3px solid #0b0b0b;
  border-left: 3px solid #151515;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-menu-2 small {
  color: #8a8a8b;
}
label.bevel-menu-2:active,
.bevel-menu-2-pressed,
[type=radio]:checked ~ .bevel-menu-2,
[type=checkbox]:checked ~ .bevel-menu-2 {
  color: #bfbbf3;
  background-color: #09090d;
  border-top: 3px solid #000000;
  border-left: 3px solid #000000;
  border-bottom: 3px solid #1E1D2C;
  border-right: 3px solid #09090d;
}
label.bevel-menu-2:active .badge::after,
.bevel-menu-2-pressed .badge::after,
[type=radio]:checked ~ .bevel-menu-2 .badge::after,
[type=checkbox]:checked ~ .bevel-menu-2 .badge::after {
  color: #09090d;
}
.bevel-menu-2.inverted {
  border-bottom: 3px solid #484669;
  border-right: 3px solid #33314b;
  border-top: 3px solid #09090d;
  border-left: 3px solid #11111a;
}
.bevel-menu-2-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #33314b;
}
.bevel-menu-2.inverted::placeholder {
  color: #3d3b5a;
}
.bevel-menu-2-pressed::placeholder {
  color: #33314b;
}
.background-menu-2 {
  color: #676498;
  background-color: #11111a;
}
.bevel-menu-3 {
  color: #93f1b1;
  background-color: #1E3425;
  border-top: 3px solid #437553;
  border-left: 3px solid #31543c;
  border-bottom: 3px solid #0b140e;
  border-right: 3px solid #132117;
  border-radius: 3px;
}
.bevel-menu-3 small {
  color: #4fcf78;
}
.bevel-menu-3 svg {
  fill: #93f1b1;
}
.bevel-menu-3 .rank {
  background-color: #000000;
}
.bevel-menu-3 .tr {
  color: #6fe293;
  text-shadow: 0 0.07em #111d15, 0 0 8px #71ad84;
}
.bevel-menu-3 .glow {
  text-shadow: 0 0.07em #111d15, 0 0 8px #71ad84;
}
.bevel-menu-3 .option-group {
  background-color: #0d1710;
  color: #3a6548;
}
.bevel-menu-3 .faq-body .option-group {
  color: #81b692;
}
.bevel-menu-3 .badge::after {
  color: #1E3425;
}
.stats.bevel-menu-3 .table-container {
  background-color: #020302;
  border-radius: 3px;
  color: #56956a;
}
input:disabled ~ .bevel-menu-3,
.bevel-menu-3[disabled] {
  color: #b2d2bc;
  background-color: #292929;
  border-top: 3px solid #5c5c5c;
  border-left: 3px solid #424242;
  border-bottom: 3px solid #0f0f0f;
  border-right: 3px solid #1a1a1a;
  cursor: not-allowed;
}
input:disabled ~ .bevel-menu-3 small,
.bevel-menu-3[disabled] small {
  color: #87978c;
}
input:disabled ~ .bevel-menu-3 svg,
.bevel-menu-3[disabled] svg {
  fill: #87978c;
}
[type=radio]:checked:disabled ~ .bevel-menu-3 {
  color: #b2d2bc;
  background-color: #292929;
  border-bottom: 3px solid #5c5c5c;
  border-right: 3px solid #424242;
  border-top: 3px solid #0f0f0f;
  border-left: 3px solid #1a1a1a;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-menu-3 small {
  color: #87978c;
}
label.bevel-menu-3:active,
.bevel-menu-3-pressed,
[type=radio]:checked ~ .bevel-menu-3,
[type=checkbox]:checked ~ .bevel-menu-3 {
  color: #c0f7d2;
  background-color: #0b140e;
  border-top: 3px solid #000000;
  border-left: 3px solid #000000;
  border-bottom: 3px solid #1E3425;
  border-right: 3px solid #0b140e;
}
label.bevel-menu-3:active .badge::after,
.bevel-menu-3-pressed .badge::after,
[type=radio]:checked ~ .bevel-menu-3 .badge::after,
[type=checkbox]:checked ~ .bevel-menu-3 .badge::after {
  color: #0b140e;
}
.bevel-menu-3.inverted {
  border-bottom: 3px solid #437553;
  border-right: 3px solid #31543c;
  border-top: 3px solid #0b140e;
  border-left: 3px solid #132117;
}
.bevel-menu-3-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #31543c;
}
.bevel-menu-3.inverted::placeholder {
  color: #3a6548;
}
.bevel-menu-3-pressed::placeholder {
  color: #31543c;
}
.background-menu-3 {
  color: #61a476;
  background-color: #132117;
}
.bevel-menu-4 {
  color: #95b1f6;
  background-color: #1D263C;
  border-top: 3px solid #3e5281;
  border-left: 3px solid #2e3c5e;
  border-bottom: 3px solid #0c101a;
  border-right: 3px solid #131927;
  border-radius: 3px;
}
.bevel-menu-4 small {
  color: #4c75d9;
}
.bevel-menu-4 svg {
  fill: #95b1f6;
}
.bevel-menu-4 .rank {
  background-color: #000000;
}
.bevel-menu-4 .tr {
  color: #6e92ea;
  text-shadow: 0 0.07em #111724, 0 0 8px #6d83b8;
}
.bevel-menu-4 .glow {
  text-shadow: 0 0.07em #111724, 0 0 8px #6d83b8;
}
.bevel-menu-4 .option-group {
  background-color: #0e121d;
  color: #364770;
}
.bevel-menu-4 .faq-body .option-group {
  color: #7e91c1;
}
.bevel-menu-4 .badge::after {
  color: #1D263C;
}
.stats.bevel-menu-4 .table-container {
  background-color: #040508;
  border-radius: 3px;
  color: #4f67a3;
}
input:disabled ~ .bevel-menu-4,
.bevel-menu-4[disabled] {
  color: #b1bdda;
  background-color: #2d2d2d;
  border-top: 3px solid #606060;
  border-left: 3px solid #464646;
  border-bottom: 3px solid #131313;
  border-right: 3px solid #1d1d1d;
  cursor: not-allowed;
}
input:disabled ~ .bevel-menu-4 small,
.bevel-menu-4[disabled] small {
  color: #828ca3;
}
input:disabled ~ .bevel-menu-4 svg,
.bevel-menu-4[disabled] svg {
  fill: #828ca3;
}
[type=radio]:checked:disabled ~ .bevel-menu-4 {
  color: #b1bdda;
  background-color: #2d2d2d;
  border-bottom: 3px solid #606060;
  border-right: 3px solid #464646;
  border-top: 3px solid #131313;
  border-left: 3px solid #1d1d1d;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-menu-4 small {
  color: #828ca3;
}
label.bevel-menu-4:active,
.bevel-menu-4-pressed,
[type=radio]:checked ~ .bevel-menu-4,
[type=checkbox]:checked ~ .bevel-menu-4 {
  color: #c4d4fa;
  background-color: #0c101a;
  border-top: 3px solid #000000;
  border-left: 3px solid #000000;
  border-bottom: 3px solid #1D263C;
  border-right: 3px solid #0c101a;
}
label.bevel-menu-4:active .badge::after,
.bevel-menu-4-pressed .badge::after,
[type=radio]:checked ~ .bevel-menu-4 .badge::after,
[type=checkbox]:checked ~ .bevel-menu-4 .badge::after {
  color: #0c101a;
}
.bevel-menu-4.inverted {
  border-bottom: 3px solid #3e5281;
  border-right: 3px solid #2e3c5e;
  border-top: 3px solid #0c101a;
  border-left: 3px solid #131927;
}
.bevel-menu-4-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #2e3c5e;
}
.bevel-menu-4.inverted::placeholder {
  color: #364770;
}
.bevel-menu-4-pressed::placeholder {
  color: #2e3c5e;
}
.background-menu-4 {
  color: #5c74b0;
  background-color: #131927;
}
.bevel-menu-5 {
  color: #fe9c98;
  background-color: #4A1C1A;
  border-top: 3px solid #953935;
  border-left: 3px solid #702a27;
  border-bottom: 3px solid #240e0d;
  border-right: 3px solid #331312;
  border-radius: 3px;
}
.bevel-menu-5 small {
  color: #e84e48;
}
.bevel-menu-5 svg {
  fill: #fe9c98;
}
.bevel-menu-5 .rank {
  background-color: #000000;
}
.bevel-menu-5 .tr {
  color: #f6736d;
  text-shadow: 0 0.07em #301211, 0 0 8px #c96b67;
}
.bevel-menu-5 .glow {
  text-shadow: 0 0.07em #301211, 0 0 8px #c96b67;
}
.bevel-menu-5 .option-group {
  background-color: #280f0e;
  color: #83312e;
}
.bevel-menu-5 .faq-body .option-group {
  color: #d07d79;
}
.bevel-menu-5 .badge::after {
  color: #4A1C1A;
}
.stats.bevel-menu-5 .table-container {
  background-color: #110706;
  border-radius: 3px;
  color: #bb4742;
}
input:disabled ~ .bevel-menu-5,
.bevel-menu-5[disabled] {
  color: #e4b4b2;
  background-color: #392c2c;
  border-top: 3px solid #725958;
  border-left: 3px solid #554342;
  border-bottom: 3px solid #1c1615;
  border-right: 3px solid #271f1e;
  cursor: not-allowed;
}
input:disabled ~ .bevel-menu-5 small,
.bevel-menu-5[disabled] small {
  color: #b57e7b;
}
input:disabled ~ .bevel-menu-5 svg,
.bevel-menu-5[disabled] svg {
  fill: #b57e7b;
}
[type=radio]:checked:disabled ~ .bevel-menu-5 {
  color: #e4b4b2;
  background-color: #392c2c;
  border-bottom: 3px solid #725958;
  border-right: 3px solid #554342;
  border-top: 3px solid #1c1615;
  border-left: 3px solid #271f1e;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-menu-5 small {
  color: #b57e7b;
}
label.bevel-menu-5:active,
.bevel-menu-5-pressed,
[type=radio]:checked ~ .bevel-menu-5,
[type=checkbox]:checked ~ .bevel-menu-5 {
  color: #fecdcb;
  background-color: #240e0d;
  border-top: 3px solid #000000;
  border-left: 3px solid #000000;
  border-bottom: 3px solid #4A1C1A;
  border-right: 3px solid #240e0d;
}
label.bevel-menu-5:active .badge::after,
.bevel-menu-5-pressed .badge::after,
[type=radio]:checked ~ .bevel-menu-5 .badge::after,
[type=checkbox]:checked ~ .bevel-menu-5 .badge::after {
  color: #240e0d;
}
.bevel-menu-5.inverted {
  border-bottom: 3px solid #953935;
  border-right: 3px solid #702a27;
  border-top: 3px solid #240e0d;
  border-left: 3px solid #331312;
}
.bevel-menu-5-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #702a27;
}
.bevel-menu-5.inverted::placeholder {
  color: #83312e;
}
.bevel-menu-5-pressed::placeholder {
  color: #702a27;
}
.background-menu-5 {
  color: #c35854;
  background-color: #331312;
}
.bevel-menu-6 {
  color: #eab18d;
  background-color: #29211C;
  border-top: 3px solid #665245;
  border-left: 3px solid #473931;
  border-bottom: 3px solid #0b0907;
  border-right: 3px solid #171210;
  border-radius: 3px;
}
.bevel-menu-6 small {
  color: #c27b4f;
}
.bevel-menu-6 svg {
  fill: #eab18d;
}
.bevel-menu-6 .rank {
  background-color: #000000;
}
.bevel-menu-6 .tr {
  color: #d9956b;
  text-shadow: 0 0.07em #14100e, 0 0 8px #9f8372;
}
.bevel-menu-6 .glow {
  text-shadow: 0 0.07em #14100e, 0 0 8px #9f8372;
}
.bevel-menu-6 .option-group {
  background-color: #0e0b09;
  color: #56463b;
}
.bevel-menu-6 .faq-body .option-group {
  color: #a99181;
}
.bevel-menu-6 .badge::after {
  color: #29211C;
}
.stats.bevel-menu-6 .table-container {
  background-color: #000000;
  border-radius: 3px;
  color: #846a5a;
}
input:disabled ~ .bevel-menu-6,
.bevel-menu-6[disabled] {
  color: #c8b9af;
  background-color: #232323;
  border-top: 3px solid #565656;
  border-left: 3px solid #3c3c3c;
  border-bottom: 3px solid #090909;
  border-right: 3px solid #131313;
  cursor: not-allowed;
}
input:disabled ~ .bevel-menu-6 small,
.bevel-menu-6[disabled] small {
  color: #898989;
}
input:disabled ~ .bevel-menu-6 svg,
.bevel-menu-6[disabled] svg {
  fill: #898989;
}
[type=radio]:checked:disabled ~ .bevel-menu-6 {
  color: #c8b9af;
  background-color: #232323;
  border-bottom: 3px solid #565656;
  border-right: 3px solid #3c3c3c;
  border-top: 3px solid #090909;
  border-left: 3px solid #131313;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-menu-6 small {
  color: #898989;
}
label.bevel-menu-6:active,
.bevel-menu-6-pressed,
[type=radio]:checked ~ .bevel-menu-6,
[type=checkbox]:checked ~ .bevel-menu-6 {
  color: #f2ceb8;
  background-color: #0b0907;
  border-top: 3px solid #000000;
  border-left: 3px solid #000000;
  border-bottom: 3px solid #29211C;
  border-right: 3px solid #0b0907;
}
label.bevel-menu-6:active .badge::after,
.bevel-menu-6-pressed .badge::after,
[type=radio]:checked ~ .bevel-menu-6 .badge::after,
[type=checkbox]:checked ~ .bevel-menu-6 .badge::after {
  color: #0b0907;
}
.bevel-menu-6.inverted {
  border-bottom: 3px solid #665245;
  border-right: 3px solid #473931;
  border-top: 3px solid #0b0907;
  border-left: 3px solid #171210;
}
.bevel-menu-6-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #473931;
}
.bevel-menu-6.inverted::placeholder {
  color: #56463b;
}
.bevel-menu-6-pressed::placeholder {
  color: #473931;
}
.background-menu-6 {
  color: #937664;
  background-color: #171210;
}
.bevel-menu-7 {
  color: #e98df2;
  background-color: #301B32;
  border-top: 3px solid #703f74;
  border-left: 3px solid #502d53;
  border-bottom: 3px solid #100911;
  border-right: 3px solid #1d101e;
  border-radius: 3px;
}
.bevel-menu-7 small {
  color: #c548d1;
}
.bevel-menu-7 svg {
  fill: #e98df2;
}
.bevel-menu-7 .rank {
  background-color: #000000;
}
.bevel-menu-7 .tr {
  color: #d968e4;
  text-shadow: 0 0.07em #1a0e1b, 0 0 8px #a96aaf;
}
.bevel-menu-7 .glow {
  text-shadow: 0 0.07em #1a0e1b, 0 0 8px #a96aaf;
}
.bevel-menu-7 .option-group {
  background-color: #130b14;
  color: #603664;
}
.bevel-menu-7 .faq-body .option-group {
  color: #b27bb8;
}
.bevel-menu-7 .badge::after {
  color: #301B32;
}
.stats.bevel-menu-7 .table-container {
  background-color: #000000;
  border-radius: 3px;
  color: #8f5195;
}
input:disabled ~ .bevel-menu-7,
.bevel-menu-7[disabled] {
  color: #cfadd2;
  background-color: #272727;
  border-top: 3px solid #5a5a5a;
  border-left: 3px solid #404040;
  border-bottom: 3px solid #0d0d0d;
  border-right: 3px solid #171717;
  cursor: not-allowed;
}
input:disabled ~ .bevel-menu-7 small,
.bevel-menu-7[disabled] small {
  color: #968198;
}
input:disabled ~ .bevel-menu-7 svg,
.bevel-menu-7[disabled] svg {
  fill: #968198;
}
[type=radio]:checked:disabled ~ .bevel-menu-7 {
  color: #cfadd2;
  background-color: #272727;
  border-bottom: 3px solid #5a5a5a;
  border-right: 3px solid #404040;
  border-top: 3px solid #0d0d0d;
  border-left: 3px solid #171717;
  cursor: not-allowed;
}
[type=radio]:checked:disabled ~ .bevel-menu-7 small {
  color: #968198;
}
label.bevel-menu-7:active,
.bevel-menu-7-pressed,
[type=radio]:checked ~ .bevel-menu-7,
[type=checkbox]:checked ~ .bevel-menu-7 {
  color: #f2bbf7;
  background-color: #100911;
  border-top: 3px solid #000000;
  border-left: 3px solid #000000;
  border-bottom: 3px solid #301B32;
  border-right: 3px solid #100911;
}
label.bevel-menu-7:active .badge::after,
.bevel-menu-7-pressed .badge::after,
[type=radio]:checked ~ .bevel-menu-7 .badge::after,
[type=checkbox]:checked ~ .bevel-menu-7 .badge::after {
  color: #100911;
}
.bevel-menu-7.inverted {
  border-bottom: 3px solid #703f74;
  border-right: 3px solid #502d53;
  border-top: 3px solid #100911;
  border-left: 3px solid #1d101e;
}
.bevel-menu-7-pressed[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #502d53;
}
.bevel-menu-7.inverted::placeholder {
  color: #603664;
}
.bevel-menu-7-pressed::placeholder {
  color: #502d53;
}
.background-menu-7 {
  color: #9f5aa6;
  background-color: #1d101e;
}
.z-piece:hover {
  color: #ffffff;
  background-color: #A83F40;
  border-top: 3px solid #cf7e7f;
  border-left: 3px solid #c1595a;
  border-bottom: 3px solid #833132;
  border-right: 3px solid #923738;
}
[type=radio]:checked ~ .z-piece {
  color: #ffffff !important;
  background-color: #833132 !important;
  border-top: 3px solid #391516 !important;
  border-left: 3px solid #5e2324 !important;
  border-bottom: 3px solid #A83F40 !important;
  border-right: 3px solid #833132 !important;
}
.l-piece:hover {
  color: #ffffff;
  background-color: #A9663C;
  border-top: 3px solid #d09c7b;
  border-left: 3px solid #c37f55;
  border-bottom: 3px solid #834f2f;
  border-right: 3px solid #925834;
}
[type=radio]:checked ~ .l-piece {
  color: #ffffff !important;
  background-color: #834f2f !important;
  border-top: 3px solid #382214 !important;
  border-left: 3px solid #5e3921 !important;
  border-bottom: 3px solid #A9663C !important;
  border-right: 3px solid #834f2f !important;
}
.o-piece:hover {
  color: #ffffff;
  background-color: #B19A46;
  border-top: 3px solid #d1c28c;
  border-left: 3px solid #c3af67;
  border-bottom: 3px solid #8c7a38;
  border-right: 3px solid #9b873d;
}
[type=radio]:checked ~ .o-piece {
  color: #ffffff !important;
  background-color: #8c7a38 !important;
  border-top: 3px solid #433b1b !important;
  border-left: 3px solid #685a29 !important;
  border-bottom: 3px solid #B19A46 !important;
  border-right: 3px solid #8c7a38 !important;
}
.s-piece:hover {
  color: #ffffff;
  background-color: #8CAF47;
  border-top: 3px solid #b9d08c;
  border-left: 3px solid #a3c267;
  border-bottom: 3px solid #6f8b38;
  border-right: 3px solid #7b993e;
}
[type=radio]:checked ~ .s-piece {
  color: #ffffff !important;
  background-color: #6f8b38 !important;
  border-top: 3px solid #35421b !important;
  border-left: 3px solid #52662a !important;
  border-bottom: 3px solid #8CAF47 !important;
  border-right: 3px solid #6f8b38 !important;
}
.i-piece:hover {
  color: #ffffff;
  background-color: #58AF85;
  border-top: 3px solid #9dd0b7;
  border-left: 3px solid #7ac09e;
  border-bottom: 3px solid #458f6b;
  border-right: 3px solid #4b9d76;
}
[type=radio]:checked ~ .i-piece {
  color: #ffffff !important;
  background-color: #458f6b !important;
  border-top: 3px solid #244a38 !important;
  border-left: 3px solid #346d51 !important;
  border-bottom: 3px solid #58AF85 !important;
  border-right: 3px solid #458f6b !important;
}
.j-piece:hover {
  color: #ffffff;
  background-color: #4B429F;
  border-top: 3px solid #857ec9;
  border-left: 3px solid #635aba;
  border-bottom: 3px solid #3a337b;
  border-right: 3px solid #413989;
}
[type=radio]:checked ~ .j-piece {
  color: #ffffff !important;
  background-color: #3a337b !important;
  border-top: 3px solid #181533 !important;
  border-left: 3px solid #292457 !important;
  border-bottom: 3px solid #4B429F !important;
  border-right: 3px solid #3a337b !important;
}
.t-piece:hover {
  color: #ffffff;
  background-color: #9A4897;
  border-top: 3px solid #c583c3;
  border-left: 3px solid #b560b2;
  border-bottom: 3px solid #773875;
  border-right: 3px solid #853e83;
}
[type=radio]:checked ~ .t-piece {
  color: #ffffff !important;
  background-color: #773875 !important;
  border-top: 3px solid #321731 !important;
  border-left: 3px solid #542853 !important;
  border-bottom: 3px solid #9A4897 !important;
  border-right: 3px solid #773875 !important;
}
/* https://css-tricks.com/functional-css-tabs-revisited/ */
.tabs {
  position: relative;
  min-height: calc(100vh - 1em);
  clear: both;
  margin: 0;
}
.footer {
  position: fixed;
  right: 10px;
  top: 10px;
  z-index: 3;
  font-size: 60%;
  text-align: right;
  color: white;
  display: flex;
}
.footer > .footer-left > .tenchi {
  margin-top: 0.1em;
}
.footer > .footer-left > img.logo {
  height: 30px;
  margin-right: -2px;
}
.footer > .footer-left > .osk img {
  height: 1em;
}
.footer > .tenchi-logo {
  margin-left: 8px;
  height: 5.3em;
}
.tab {
  float: left;
}
.tab > label {
  display: block;
  position: relative;
  font-size: 1.5em;
  margin-right: 0.25em;
  padding: 0.5em 0.5em;
  padding-bottom: 0.3em;
}
.tab > label > small {
  display: block;
  font-size: 60%;
}
.badge::after {
  display: inline-block;
  margin-left: 0.5em;
  font-size: 0.5em;
  padding-top: 0.25em;
  padding-left: 0.2em;
  padding-right: 0.2em;
  font-weight: bold;
  border-radius: 3px;
  font-family: HUN;
  vertical-align: 50%;
}
.new::after {
  background: red;
  content: 'NEW';
}
.hot::after {
  background: orange;
  content: 'HOT';
}
.beta::after {
  background: transparent;
  border: 1px solid lightgray;
  color: lightgray !important;
  content: 'BETA';
}
.full-badge::after {
  font-size: 0.75em;
  vertical-align: 0%;
}
.badge[data-badge]::after {
  content: attr(data-badge);
  padding-top: 0.3em;
  padding-left: 0.25em;
  padding-right: 0.3em;
  padding-bottom: 0.1em;
}
.pixelated {
  image-rendering: crisp-edges;
  image-rendering: pixelated;
}
.coffee {
  float: left;
  position: relative;
  font-size: 1.35em;
  padding: 0.45em;
  padding-bottom: 0.14em;
  color: rgba(255, 255, 255, 0.5);
  border: 3px solid rgba(255, 255, 255, 0.5);
}
.coffee .lines:before {
  content: "";
  position: absolute;
  background: url("/images/ko-fi.png");
  background-size: auto 1.75em;
  background-repeat: no-repeat;
  height: 1.75em;
  width: 2.741em;
  margin-left: -2.741em;
  opacity: 0.5;
}
.coffee .lines {
  display: inline-block;
  padding-left: 2.741em;
  height: 1.75em;
  overflow: hidden;
  white-space: nowrap;
  width: 0;
  transition: width 0.5s ease;
}
.coffee .coffee-top {
  letter-spacing: 0.4px;
}
.coffee .coffee-top,
.coffee .coffee-bottom {
  margin-left: 0.3em;
}
.coffee:hover {
  color: #ffffff;
  border-color: #ffffff;
}
.coffee:hover .lines:before {
  opacity: 1;
}
.coffee:hover .lines {
  width: 4.05em;
}
[type=radio],
[type=checkbox] {
  display: none;
}
.content {
  position: absolute;
  top: 4.4em;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  padding-right: 20px;
  background-color: #15191c;
  color: white;
  max-height: calc(100vh - 1em);
  overflow-y: auto;
  display: flex;
  justify-content: center;
}
[type=radio]:checked ~ .tab > label {
  z-index: 2;
}
[type=radio]:checked ~ label ~ .content {
  z-index: 1;
}
.ranks {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.rank-row {
  display: block;
  font-size: 2em;
  min-width: 90vw;
  max-width: 90vw;
  margin-bottom: 0.4em;
}
@media screen and (min-width: 850px) {
  .rank-row {
    min-width: 70vw;
    max-width: 70vw;
  }
}
@media screen and (min-width: 1200px) {
  .rank-row {
    min-width: 50vw;
    max-width: 50vw;
  }
}
.rank {
  display: inline-block;
  padding: 0.5em;
  padding-bottom: 0.3em;
}
.rank img {
  height: 50px;
}
.players {
  position: absolute;
  display: inline-block;
  padding: 0.5em;
  padding-bottom: 0;
}
.tr {
  font-weight: 900;
}
.tr:after {
  content: "TR";
  font-size: 0.8em;
}
.required-tr {
  display: inline-block;
  float: right;
  padding-top: 0.35em;
  padding-right: 0.5em;
  font-size: 1.7em;
}
.description {
  padding: 0.5em;
  padding-bottom: 0.3em;
}
.description > a {
  text-decoration: none;
  color: inherit;
}
.graph-bottom div > small,
.right div > small,
.description small {
  font-size: 60%;
}
a {
  color: white;
}
table {
  color: white;
}
table th {
  font-weight: 700;
}
.stats table {
  width: 100%;
  padding: 0.5em;
}
.stats table td,
.stats table th {
  text-align: right;
}
.stats table td:nth-child(1),
.stats table th:nth-child(1) {
  text-align: left;
}
.last-updated {
  display: block;
  opacity: 0.5;
  margin-top: 0.5em;
}
.graph-container {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.graph-container .left {
  min-width: calc(100vh - 5.4em - 40px);
  display: flex;
  flex-direction: column;
  padding-right: 0.3em;
}
.graph-container .left > .row {
  flex-grow: 1;
  display: flex;
}
.graph-container .left > .row > .y-axis {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  width: 3em;
}
.graph-container .left > .row > .y-axis .axis-button {
  padding-right: 0.3em;
}
.graph-container .left > .row > .graph {
  border-width: 1px;
  border-color: gray;
  border-style: dashed;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.graph-container .left > .x-axis {
  margin-left: 3em;
  align-items: center;
  height: 3em;
  display: flex;
}
.graph-container .left > .x-axis .axis-button {
  padding-bottom: 0.3em;
}
.graph-container .graph-bottom > .option-group,
.graph-container > .right > .option-group,
.graph-container .graph-bottom > .intro,
.graph-container > .right > .intro,
.graph-container .graph-bottom > .checkbox > label,
.graph-container > .right > .checkbox > label,
.graph-container .graph-bottom > .player-search,
.graph-container > .right > .player-search,
.graph-container .graph-bottom > input,
.graph-container > .right > input,
.graph-container .graph-bottom .leaderboard-entry,
.graph-container > .right .leaderboard-entry {
  display: block;
  padding: 16px;
  padding-bottom: 9px;
  margin-bottom: 10px;
}
.graph-container .graph-bottom > .intro > .intro-header,
.graph-container > .right > .intro > .intro-header,
.graph-container .graph-bottom > .checkbox,
.graph-container > .right > .checkbox {
  font-size: 2em;
}
.graph-container > .right {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  max-width: calc(100vw - 100vh + 40px);
}
.graph-container > .right .player-search {
  overflow-x: hidden;
  white-space: nowrap;
}
.graph-container > .right > input,
.graph-container > .right > .player-search,
.graph-container > .right > .intro input {
  padding: 0.5em;
  padding-bottom: 0.3em;
  font-size: 1.2em;
  font-family: PFW;
  min-height: 1em;
}
.graph-container > .right .checkbox {
  text-align: center;
}
.graph-container > .right > .bottom {
  display: flex;
  flex-grow: 1;
  max-height: 25.7em;
}
.graph-container > .right > .bottom > .stats {
  flex-grow: 0.1;
  padding: 1em;
  margin-right: 10px;
  display: flex;
  flex-direction: column;
  max-height: 23.5em;
}
.graph-container > .right > .bottom > .stats > .stats-top {
  white-space: nowrap;
}
.graph-container > .right > .bottom > .stats > .stats-top > .stats-rank {
  float: right;
  width: 4.5em;
  filter: drop-shadow(0 0 0.4rem rgba(0, 0, 0, 0.5));
}
.graph-container > .right > .bottom > .stats > .stats-top > .percentile-rank {
  height: 1em;
  margin-bottom: -0.2em;
  filter: drop-shadow(0 0 0.2rem rgba(0, 0, 0, 0.7));
}
.graph-container > .right > .bottom > .stats > .stats-top > .username {
  font-weight: 700;
  font-size: 1.5em;
  margin-bottom: 0.2em;
}
.graph-container > .right > .bottom > .stats > .stats-top > .tr {
  font-size: 2.5em;
}
.graph-container > .right > .bottom > .stats > .table-container {
  flex-grow: 1;
  position: relative;
  margin-top: 0.5em;
  overflow-y: scroll;
}
.graph-container > .right > .bottom > .stats > .table-container > table {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.graph-container > .right > .bottom > .radar {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.graph-container > .right > .bottom > .radar > #player-radar {
  flex-grow: 1;
  display: flex;
  min-width: 200px;
  max-width: 35vmin;
  align-items: center;
  justify-content: center;
}
.graph-container .graph-bottom > .intro {
  margin-bottom: 0;
  margin-top: 10px;
}
.graph-container .leaderboard-entry {
  text-decoration: none;
  display: flex !important;
}
.graph-container .leaderboard-entry > .top .number,
.graph-container .leaderboard-entry > .stat .number,
.graph-container .leaderboard-entry > .bottom .number {
  font-size: 2.5em;
  flex-grow: 1;
  font-weight: 900;
}
.graph-container .leaderboard-entry > .top .name,
.graph-container .leaderboard-entry > .stat .name,
.graph-container .leaderboard-entry > .bottom .name {
  font-size: 1em;
  text-transform: uppercase;
}
.graph-container .leaderboard-entry > .stat {
  min-width: 20%;
  max-width: 20%;
  font-weight: 900;
  text-align: center;
  font-size: 2.5em;
}
.graph-container .leaderboard-entry > .top {
  min-width: 40%;
  max-width: 40%;
  display: flex;
  text-align: left;
}
.graph-container .leaderboard-entry > .top .name:before {
  content: 'top player';
  font-size: 0.7em;
  margin-bottom: 0.8em;
  opacity: 0.5;
  display: block;
}
.graph-container .leaderboard-entry > .top .number {
  text-align: right;
}
.graph-container .leaderboard-entry > .bottom {
  min-width: 40%;
  max-width: 40%;
  display: flex;
  text-align: right;
}
.graph-container .leaderboard-entry > .bottom .name:before {
  content: 'bottom player';
  font-size: 0.7em;
  margin-bottom: 0.8em;
  opacity: 0.5;
  display: block;
}
.graph-container .leaderboard-entry > .bottom .number {
  text-align: left;
}
.graph-container .axis-button-container {
  flex: 1 1 0;
  margin: 0.1em;
  display: flex;
}
.graph-container .x-axis .axis-button-container {
  flex-direction: column;
}
.graph-container .axis-button {
  padding: 0.5em;
  text-align: center;
}
.graph-container .y-axis .axis-button {
  writing-mode: vertical-lr;
  text-orientation: sideways;
}
.graph-container .y-axis .axis-button .axis-button-text {
  transform: rotate(180deg);
}
.padding-x-5p {
  padding-right: calc(5% - 20px);
  padding-left: 5%;
}
.padding-l-20 {
  padding-left: 20px;
}
#tetra-league,
#player-radar,
#player-stats,
#player-count,
#editor-container {
  border: none;
}
[contenteditable],
input[type=text] {
  outline: none;
}
body.kagari,
.content.kagari {
  background-color: #c1901d;
}
body.windows,
.content.windows {
  background-color: #347E7F;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
}
::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-corner {
  background-color: rgba(0, 0, 0, 0.3);
}
* {
  scrollbar-width: 6px;
  scrollbar-color: #111 #333;
}
.option-group {
  border-radius: 3px;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding: 0.7em;
}
.option-group > .header {
  font-weight: 700;
  user-select: none;
}
.option-group > input {
  width: calc(100% - 1.4em);
  margin-bottom: 0.4em;
}
.option-group > *:not(:first-child) {
  margin-top: 0.2em;
}
.option-group > .options:not(:last-child) {
  margin-bottom: 0.4em;
}
.option-group > .options {
  user-select: none;
  display: flex;
  justify-content: space-between;
}
.option-group > .options > .option {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
}
.option-group > .options > .option > label,
.option-group > .options > .option .keyboard-shortcut {
  margin-right: 0.5em;
  padding: 0.5em;
  padding-bottom: 0.3em;
  text-align: center;
  flex-grow: 1;
}
.option-group > .options > .option > label[for^="editor-selected-block"] {
  width: 1em;
  margin-right: 0.8em;
  flex-grow: 0;
}
.option-group > .options > .option:last-child > label,
.option-group > .options > .option:last-child > .keyboard-shortcut {
  margin-right: 0;
}
.option-group > .options > .mino-options {
  font-size: 0.75em;
  display: grid;
  grid-template-rows: 2em 2em;
  grid-template-columns: 2em 2em 2em 2em;
  grid-gap: 0.5em;
  margin-right: 0.5em;
}
.option-group > .options > .mino-options:last-child {
  margin-right: 0;
}
.option-group > .options > .mino-options > .option .keyboard-shortcut {
  display: none;
}
.option-group > .options > .mino-options > .option > label {
  display: block;
  width: 1.5em;
  height: 1.2em;
  text-align: center;
  padding-top: 0.3em;
}
.option-group:not(:first-child) {
  margin-top: 1em;
}
.faq,
.skins {
  width: 100%;
}
.faq-container,
.skins-container {
  margin: auto;
  max-width: 50em;
}
.faq-item,
.skin-item {
  max-width: 50em;
  margin-bottom: 1em;
  display: flex;
  padding: 1em;
}
.skin-item {
  min-width: 47em;
  min-height: 35em;
}
.faq-body {
  margin-left: 1em;
}
.faq-body,
.skin-body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.faq-body a,
.skin-body a {
  color: unset;
  text-decoration: none;
}
.faq-body > .option-group,
.skin-body > .option-group {
  flex-grow: 1;
  margin: 0;
  margin-top: 0.5em;
  font-family: C;
}
.faq-body > .option-group dl,
.skin-body > .option-group dl {
  margin: 0;
}
.faq-body > .option-group dl dt,
.skin-body > .option-group dl dt {
  font-weight: 700;
  font-family: HUN;
}
.faq-body > .option-group dl dd,
.skin-body > .option-group dl dd {
  margin-top: 0.5em;
  margin-bottom: 1em;
}
.faq-body > .option-group dl dd:last-child,
.skin-body > .option-group dl dd:last-child {
  margin-bottom: 0;
}
.faq-body > .option-group p:first-child,
.skin-body > .option-group p:first-child {
  margin-top: 0;
}
.faq-body > .option-group > p:last-child,
.skin-body > .option-group > p:last-child,
.faq-body > .option-group ul:last-child,
.skin-body > .option-group ul:last-child {
  margin-bottom: 0;
}
.faq-body > .option-group a,
.skin-body > .option-group a {
  color: white;
  font-weight: 700;
}
.faq-body > .option-group ul:last-child > li:last-child > *:last-child,
.skin-body > .option-group ul:last-child > li:last-child > *:last-child {
  margin-bottom: 0;
}
.faq-category {
  display: block;
  height: 145px;
  width: 40px;
}
.faq-question,
.skin-title {
  font-size: 2em;
  font-weight: 700;
  text-transform: uppercase;
}
.faq-question img,
.skin-title img {
  height: 1em;
  margin-bottom: -0.1em;
}
.skin-nav-button {
  margin-top: -0.2em;
  margin-bottom: 0.2em;
  cursor: pointer;
  max-height: 1.5em;
}
.skin-previous,
.skin-next {
  font-size: 1.5em;
  width: 1em;
  text-align: center;
  font-weight: 700;
  user-select: none;
}
.skin-previous {
  transform: rotate(180deg);
  margin-bottom: 0.1em;
  margin-top: -0.1em;
}
.skin-next {
  margin-bottom: -0.15em;
  margin-top: 0.15em;
}
.skin-header {
  display: flex;
}
.skin-header .skin-title {
  flex-grow: 1;
  text-align: center;
}
.faq-list,
.skins-list {
  font-family: C;
}
.faq-list > li,
.skins-list > li {
  margin-bottom: 0.2em;
}
.faq-list > li a,
.skins-list > li a {
  text-decoration: none;
}
.faq-list > li img,
.skins-list > li img {
  height: 1em;
  margin-bottom: -0.1em;
}
.faq-category-tetrio {
  display: block;
  height: 40px;
  width: 145px;
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(-90deg) translate(-50%, 50%);
  background: url('../images/logo.png') 0 0;
}
.faq-category-stats {
  height: 40px;
  width: 110px;
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(-90deg) translate(-50%, 50%);
  background: url('../images/logo.png') -145px 0;
}
.skin {
  display: flex;
}
.skin .skin-description {
  max-width: 17em;
  min-height: 26.75em;
  padding-right: 0.6em;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.skin .skin-description > p {
  margin-top: 0;
  color: #9db5f2;
  flex-grow: 1;
}
.button {
  font-size: 1.5em;
  padding: 0.5em;
  color: #9db5f2 !important;
  padding-bottom: 0.3em;
  font-weight: normal;
  font-family: HUN;
  text-align: center;
  flex: 1 1 0;
}
.button:not(:first-child) {
  margin-left: 0.4em;
  flex: 1 1 0;
}
.button:first-child {
  width: 1em;
  flex: none;
  cursor: pointer;
}
.download-buttons {
  display: flex;
  user-select: none;
}
.hun {
  font-family: HUN;
}
.pfw {
  font-family: PFW;
}
img.line-height {
  height: 1em;
}
img.full-width {
  width: 100%;
}
.skin-height {
  height: 3.8em;
}
.skin-preview {
  width: 28em;
  min-width: 28em;
  object-fit: contain;
  object-position: top;
}
.ml-40px {
  margin-left: 40px;
}
#rank-graph {
  padding: 0.5em;
  padding-top: 0;
}
.c {
  font-family: C;
}
.page-header {
  border-radius: 5px;
  padding: 1em;
  margin-bottom: 1em;
}
.page-header a {
  text-decoration: none;
}
.page-header > p {
  margin-top: 0;
}
.page-header > *:last-child {
  margin-bottom: 0;
}
.level-tag {
  font-weight: 500;
  font-family: HUN;
  position: relative;
  display: inline-block;
  font-size: 2em;
  padding-top: 0.2em;
  padding-left: 0.3em;
  padding-bottom: 0;
  padding-right: 1em;
  line-height: 1em;
  color: #000D;
  font-weight: 900;
  text-shadow: 0 0 2px #0006;
  z-index: 0;
}
.level-tag::before {
  content: '';
  padding-top: 0.2em;
  padding-left: 0.3em;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: red;
  z-index: -1;
}
.level-tag::after {
  content: '';
  position: absolute;
  left: calc(100% - 0.5em);
  top: 0;
  bottom: 0;
  width: 1.5em;
  background-color: red;
}
.level-tag.level-tag-shape-0::before {
  clip-path: polygon(0.2em 0, 100% 0, calc(100% - 0.7em) 100%, 0.2em 100%, 0 calc(100% - 0.2em), 0 0.2em);
}
.level-tag.level-tag-shape-0::after {
  clip-path: polygon(0.7em 0, 1em 0, 0.3em 100%, 0 100%);
}
.level-tag.level-tag-shape-1::before {
  clip-path: polygon(0.2em 0, 100% 0, calc(100% - 0.7em) 100%, 0.2em 100%, 0 calc(100% - 0.2em), 0 0.2em);
}
.level-tag.level-tag-shape-1::after {
  clip-path: polygon(0.7em 0, 1.4em 100%, 0 100%);
}
.level-tag.level-tag-shape-2::before {
  clip-path: polygon(0.2em 0, 100% 0, calc(100% - 0.6em) 50%, 100% 100%, 0.2em 100%, 0 calc(100% - 0.2em), 0 0.2em);
}
.level-tag.level-tag-shape-2::after {
  clip-path: polygon(0.7em 0, 0.1em 50%, 0.7em 100%, 1.3em 50%);
}
.level-tag.level-tag-shape-3::before {
  clip-path: polygon(0.2em 0, 100% 0, calc(100% - 0.5em) 50%, 100% 100%, 0.2em 100%, 0 calc(100% - 0.2em), 0 0.2em);
}
.level-tag.level-tag-shape-3::after {
  clip-path: polygon(0.7em 0, 0.2em 50%, 0.7em 100%, 1.2em 75%, 1.2em 25%);
}
.level-tag.level-tag-shape-4::before {
  clip-path: polygon(0.2em 0, 100% 0, calc(100% - 0.4em) 30%, calc(100% - 0.4em) 70%, 100% 100%, 0.2em 100%, 0 calc(100% - 0.2em), 0 0.2em);
}
.level-tag.level-tag-shape-4::after {
  clip-path: polygon(0.75em 0, 0.25em 30%, 0.25em 70%, 0.75em 100%, 1.25em 70%, 1.25em 30%);
}
.level-tag-color-0 {
  color: #000D;
  text-shadow: 0 0 2px #0006;
}
.level-tag.level-tag-color-0::before {
  background: linear-gradient(to bottom, #a9a9a9 0, #c9c9c9 50%, #e4e4e4 50%, #c3c3c3 100%);
}
.level-tag.level-tag-shape-color-0::after {
  background: linear-gradient(to bottom, #c9c9c9 0, #e4e4e4 50%, #c9c9c9 100%);
}
.level-tag-color-1 {
  color: #fffD;
  text-shadow: 0 0 2px #0006;
}
.level-tag.level-tag-color-1::before {
  background: linear-gradient(to bottom, #bc3535 0, #fd3535 50%, #ff6d6d 50%, #f02d2d 100%);
}
.level-tag.level-tag-shape-color-1::after {
  background: linear-gradient(to bottom, #fd3535 0, #ff6d6d 50%, #fd3535 100%);
}
.level-tag-color-2 {
  color: #000D;
  text-shadow: 0 0 2px #0006;
}
.level-tag.level-tag-color-2::before {
  background: linear-gradient(to bottom, #bb6a34 0, #f56200 50%, #ffa162 50%, #ef7320 100%);
}
.level-tag.level-tag-shape-color-2::after {
  background: linear-gradient(to bottom, #f56200 0, #ffa162 50%, #f56200 100%);
}
.level-tag-color-3 {
  color: #000D;
  text-shadow: 0 0 2px #0006;
}
.level-tag.level-tag-color-3::before {
  background: linear-gradient(to bottom, #c6b734 0, #e9d41e 50%, #edde5f 50%, #e9d41e 100%);
}
.level-tag.level-tag-shape-color-3::after {
  background: linear-gradient(to bottom, #e9d41e 0, #edde5f 50%, #e9d41e 100%);
}
.level-tag-color-4 {
  color: #000D;
  text-shadow: 0 0 2px #0006;
}
.level-tag.level-tag-color-4::before {
  background: linear-gradient(to bottom, #82b933 0, #90dd21 50%, #b5f856 50%, #90dd21 100%);
}
.level-tag.level-tag-shape-color-4::after {
  background: linear-gradient(to bottom, #90dd21 0, #b5f856 50%, #90dd21 100%);
}
.level-tag-color-5 {
  color: #000D;
  text-shadow: 0 0 2px #0006;
}
.level-tag.level-tag-color-5::before {
  background: linear-gradient(to bottom, #31b951 0, #23ee53 50%, #7df89a 50%, #23ee53 100%);
}
.level-tag.level-tag-shape-color-5::after {
  background: linear-gradient(to bottom, #23ee53 0, #7df89a 50%, #23ee53 100%);
}
.level-tag-color-6 {
  color: #000D;
  text-shadow: 0 0 2px #0006;
}
.level-tag.level-tag-color-6::before {
  background: linear-gradient(to bottom, #31a89b 0, #22f0da 50%, #8afdf1 50%, #22f0da 100%);
}
.level-tag.level-tag-shape-color-6::after {
  background: linear-gradient(to bottom, #22f0da 0, #8afdf1 50%, #22f0da 100%);
}
.level-tag-color-7 {
  color: #fffD;
  text-shadow: 0 0 2px #0006;
}
.level-tag.level-tag-color-7::before {
  background: linear-gradient(to bottom, #31599b 0, #1f6cec 50%, #84b2fe 50%, #1f6cec 100%);
}
.level-tag.level-tag-shape-color-7::after {
  background: linear-gradient(to bottom, #1f6cec 0, #84b2fe 50%, #1f6cec 100%);
}
.level-tag-color-8 {
  color: #fffD;
  text-shadow: 0 0 2px #0006;
}
.level-tag.level-tag-color-8::before {
  background: linear-gradient(to bottom, #673aba 0, #8644ff 50%, #bb96ff 50%, #8644ff 100%);
}
.level-tag.level-tag-shape-color-8::after {
  background: linear-gradient(to bottom, #8644ff 0, #bb96ff 50%, #8644ff 100%);
}
.level-tag-color-9 {
  color: #fffD;
  text-shadow: 0 0 2px #0006;
}
.level-tag.level-tag-color-9::before {
  background: linear-gradient(to bottom, #aa35ab 0, #e81bea 50%, #fea4ff 50%, #e81bea 100%);
}
.level-tag.level-tag-shape-color-9::after {
  background: linear-gradient(to bottom, #e81bea 0, #fea4ff 50%, #e81bea 100%);
}
.level-tag.level-tag-golden::before {
  clip-path: polygon(0.2em 0, calc(100% - 0.7em) 0, calc(100% - 0.35em) 50%, calc(100% - 0.7em) 100%, 0.2em 100%, 0 calc(100% - 0.2em), 0 0.2em);
}
.level-tag.level-tag-golden::before {
  background: linear-gradient(to bottom, #ffb400 0, #ffd800 50%, #f7e167 50%, #ffd800 100%);
}
.level-tag.level-tag-golden {
  color: #000D;
  text-shadow: 0 0 2px #0006;
}
.level-tag.level-tag-golden::after {
  left: 0;
  top: 0;
  right: 0.5em;
  bottom: 0;
  background: linear-gradient(to bottom, #ffb400 0, #ffd800 50%, #f7e167 50%, #ffd800 100%);
  filter: blur(8px);
  z-index: -2;
  pointer-events: none;
  opacity: 0.5;
  will-change: transform;
  width: unset;
}
a[disabled] {
  cursor: not-allowed;
}
.center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.thanks-container {
  width: 100%;
  display: flex;
  justify-content: center;
}
#thanks {
  color: white;
  font-weight: bold;
  text-align: center;
  font-size: 1.5em;
  max-width: 50%;
}
.mino-grid {
  width: 100px;
  height: 100px;
}
.mino-grid .mino {
  transform: scale(0, 0);
  width: 25%;
  height: 25%;
  background-color: #ccc;
  float: left;
}
.mino-grid .mino11 {
  animation: mino11-zoom 7s infinite ease-in-out;
}
.mino-grid .mino12 {
  animation: mino12-zoom 7s infinite ease-in-out;
}
.mino-grid .mino13 {
  animation: mino13-zoom 7s infinite ease-in-out;
}
.mino-grid .mino21 {
  animation: mino21-zoom 7s infinite ease-in-out;
}
.mino-grid .mino22 {
  animation: mino22-zoom 7s infinite ease-in-out;
}
.mino-grid .mino23 {
  animation: mino23-zoom 7s infinite ease-in-out;
}
.mino-grid .mino24 {
  animation: mino24-zoom 7s infinite ease-in-out;
}
.mino-grid .mino11,
.mino-grid .mino21 {
  animation-delay: 0s;
}
.mino-grid .mino12,
.mino-grid .mino22 {
  animation-delay: 0.05s;
}
.mino-grid .mino13,
.mino-grid .mino23 {
  animation-delay: 0.1s;
}
.mino-grid .mino24 {
  animation-delay: 0.15s;
}
@keyframes mino11-zoom {
  0.00%,
  24.29%,
  28.57%,
  28.57%,
  95.71%,
  100.00% {
    transform: scale(1, 1);
  }
  5.00%,
  14.29%,
  14.29%,
  19.29%,
  33.57%,
  42.86%,
  42.86%,
  57.14%,
  57.14%,
  71.43%,
  71.43%,
  85.71%,
  85.71%,
  90.71% {
    transform: scale(0, 0);
  }
}
@keyframes mino12-zoom {
  0.00%,
  52.86%,
  57.14%,
  57.14%,
  67.14%,
  71.43%,
  71.43%,
  81.43%,
  85.71%,
  85.71%,
  95.71%,
  100.00% {
    transform: scale(1, 1);
  }
  5.00%,
  14.29%,
  14.29%,
  28.57%,
  28.57%,
  42.86%,
  42.86%,
  47.86%,
  62.14%,
  76.43%,
  90.71% {
    transform: scale(0, 0);
  }
}
@keyframes mino13-zoom {
  38.57%,
  42.86%,
  42.86%,
  52.86%,
  57.14%,
  57.14%,
  67.14%,
  71.43%,
  71.43% {
    transform: scale(1, 1);
  }
  0.00%,
  14.29%,
  14.29%,
  28.57%,
  28.57%,
  33.57%,
  47.86%,
  62.14%,
  76.43%,
  85.71%,
  85.71%,
  100.00% {
    transform: scale(0, 0);
  }
}
@keyframes mino21-zoom {
  10.00%,
  14.29%,
  14.29%,
  24.29%,
  28.57%,
  28.57%,
  38.57%,
  42.86%,
  42.86%,
  67.14%,
  71.43%,
  71.43%,
  81.43%,
  85.71%,
  85.71% {
    transform: scale(1, 1);
  }
  0.00%,
  5.00%,
  19.29%,
  33.57%,
  47.86%,
  57.14%,
  57.14%,
  62.14%,
  76.43%,
  90.71%,
  100.00% {
    transform: scale(0, 0);
  }
}
@keyframes mino22-zoom {
  0.00%,
  10.00%,
  14.29%,
  14.29%,
  24.29%,
  28.57%,
  28.57%,
  38.57%,
  42.86%,
  42.86%,
  52.86%,
  57.14%,
  57.14%,
  67.14%,
  71.43%,
  71.43%,
  81.43%,
  85.71%,
  85.71%,
  95.71%,
  100.00% {
    transform: scale(1, 1);
  }
  5.00%,
  19.29%,
  33.57%,
  47.86%,
  62.14%,
  76.43%,
  90.71% {
    transform: scale(0, 0);
  }
}
@keyframes mino23-zoom {
  0.00%,
  10.00%,
  14.29%,
  14.29%,
  24.29%,
  28.57%,
  28.57%,
  38.57%,
  42.86%,
  42.86%,
  52.86%,
  57.14%,
  57.14%,
  81.43%,
  85.71%,
  85.71%,
  95.71%,
  100.00% {
    transform: scale(1, 1);
  }
  5.00%,
  19.29%,
  33.57%,
  47.86%,
  62.14%,
  71.43%,
  71.43%,
  76.43%,
  90.71% {
    transform: scale(0, 0);
  }
}
@keyframes mino24-zoom {
  10.00%,
  14.29%,
  14.29% {
    transform: scale(1, 1);
  }
  0.00%,
  5.00%,
  19.29%,
  28.57%,
  28.57%,
  42.86%,
  42.86%,
  57.14%,
  57.14%,
  71.43%,
  71.43%,
  85.71%,
  85.71%,
  100.00% {
    transform: scale(0, 0);
  }
}
.snapshot-button {
  width: 30px;
  height: 30px;
  background-image: url("../images/camera.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  opacity: 0.5;
  top: 0;
  right: 0;
  cursor: pointer;
}
.snapshot-button:hover {
  opacity: 1;
}
.snapshot-badge {
  position: absolute;
  top: 8px;
  right: 35px;
}
#player-card.in-snapshot {
  width: 50em;
  padding-bottom: 3px;
}
#player-card.in-snapshot #stats-box {
  height: 23.5em;
}
#player-card.in-snapshot .table-container::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
#player-card.in-snapshot #player-radar {
  max-width: 24em;
}
#player-card.in-snapshot .snapshot-button,
#player-card.in-snapshot .snapshot-badge {
  display: none;
}
#player-card.in-snapshot .stats-rank,
#player-card.in-snapshot .percentile-rank {
  /* html2canvas doesn't support % breakpoints */
  background: radial-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}
.display-none {
  display: none;
}
#editor-preview {
  flex-grow: 1;
  cursor: crosshair !important;
}
#editor-container {
  position: relative;
}
#editor-container svg {
  fill: white;
  cursor: pointer;
  opacity: 0.5;
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  bottom: 0;
}
#editor-container #editor-full-screen {
  left: 0;
}
#editor-container #editor-full-screen:hover {
  opacity: 1;
}
#editor-container #editor-undo {
  right: 2.5em;
}
#editor-container #editor-redo {
  right: 0;
}
#editor-container svg[disabled] {
  opacity: 0.15;
  cursor: not-allowed;
}
#editor-box {
  margin: auto;
}
blockquote {
  font-style: italic;
}
.intro-header {
  position: relative;
}
.keyboard-help {
  height: 0.8em;
  position: absolute;
  right: 0;
  top: 0;
  fill: white !important;
  cursor: pointer;
  user-select: none;
}
@supports (-moz-appearance:none) {
  label b,
  .intro-header b,
  .badge::after,
  .tr,
  table th,
  .graph-container > .right > .bottom > .stats > .stats-top > .username,
  .top .number,
  .stat .number,
  .bottom .number,
  .graph-container .leaderboard-entry > .stat,
  .option-group > .header,
  .faq-body > .option-group dl dt,
  .faq-question,
  .skin-title,
  .skin-previous,
  .skin-next,
  .button,
  .level-tag,
  .skp .caption-content {
    -webkit-text-stroke: 0.02em;
    letter-spacing: -0.02em;
  }
}