@media (max-width: 1023px) {
  .classic * {
    -webkit-tap-highlight-color: transparent;
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
:active,
:focus {
  outline: none;
}
button {
  background-color: transparent;
  border-width: 0;
}
:root {
  --noise-dark: url(../img/noise-dark.png);
  --noise-light: url(../img/noise-light.png);
  --eye-on-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111 111'%3E%3Cdefs%3E%3Cstyle%3E.a,.c%7Bfill:none;%7D.b%7Bfill:%23beafa2;%7D.c%7Bstroke:%23beafa2;stroke-miterlimit:10;stroke-width:7px;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='111' height='111'/%3E%3Cpath class='b' d='M55.61,93A57.36,57.36,0,0,1,2,56.45l-.5-1.28L2,53.88A57.36,57.36,0,0,1,55.61,17.37h0a57.36,57.36,0,0,1,53.65,36.51l.49,1.27-.48,1.27C101,77.94,79,93,55.61,93ZM9,55.17A50.39,50.39,0,0,0,55.61,86c20.06,0,39-12.6,46.61-30.8A50.37,50.37,0,0,0,55.61,24.37h0A50.37,50.37,0,0,0,9,55.17Z' transform='translate(-0.11)'/%3E%3Cpath class='b' d='M55.61,80.17a25,25,0,1,1,25-25A25,25,0,0,1,55.61,80.17Zm0-41.55A16.55,16.55,0,1,0,72.16,55.17,16.57,16.57,0,0,0,55.61,38.62Z' transform='translate(-0.11)'/%3E%3Cpath class='c' d='M103.77,88.28' transform='translate(-0.11)'/%3E%3Cpath class='c' d='M19.55,7.34' transform='translate(-0.11)'/%3E%3C/svg%3E");
  --eye-off-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111 111'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;%7D.b%7Bstroke:%23beafa2;stroke-miterlimit:10;stroke-width:7px;%7D.c%7Bfill:%23beafa2;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='111' height='111'/%3E%3Cpath class='b' d='M103.77,88.28' transform='translate(-0.11)'/%3E%3Cpath class='b' d='M19.55,7.34' transform='translate(-0.11)'/%3E%3Cpath class='c' d='M78.12,66A25,25,0,0,0,44.75,32.66l6.55,6.55A16.49,16.49,0,0,1,71.57,59.48Z' transform='translate(-0.11)'/%3E%3Cpath class='c' d='M109.26,53.88A57.36,57.36,0,0,0,55.61,17.37h0a58.11,58.11,0,0,0-21.89,4.26l5.44,5.44a51.16,51.16,0,0,1,16.45-2.7,50.37,50.37,0,0,1,46.61,30.81A49.46,49.46,0,0,1,87,74.93l5,5a56.18,56.18,0,0,0,17.29-23.47l.48-1.27Z' transform='translate(-0.11)'/%3E%3Cpath class='c' d='M86.21,84l-5.08-5.08h0l-7-7-6-6L44.83,42.64l-6-6L32.22,30h0l-5.16-5.17h0L12.17,10,7.22,14.93,21.07,28.78A57.62,57.62,0,0,0,2,53.88l-.5,1.29L2,56.45A57.36,57.36,0,0,0,55.61,93,57,57,0,0,0,79.79,87.5L97,104.67l5-5L86.2,84ZM62.5,70.21a16.37,16.37,0,0,1-6.89,1.51A16.56,16.56,0,0,1,39.06,55.17a16.3,16.3,0,0,1,1.52-6.88ZM55.61,86A50.39,50.39,0,0,1,9,55.17,50.55,50.55,0,0,1,26.09,33.8l8.26,8.26a24.73,24.73,0,0,0-3.74,13.11A25,25,0,0,0,68.73,76.44l5.76,5.76A49.74,49.74,0,0,1,55.61,86Z' transform='translate(-0.11)'/%3E%3C/svg%3E");
  --eye-on-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111 111'%3E%3Cdefs%3E%3Cstyle%3E.a,.c%7Bfill:none;%7D.b%7Bfill:%239b8b84;%7D.c%7Bstroke:%239b8b84;stroke-miterlimit:10;stroke-width:7px;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='111' height='111'/%3E%3Cpath class='b' d='M55.61,93A57.36,57.36,0,0,1,2,56.45l-.5-1.28L2,53.88A57.36,57.36,0,0,1,55.61,17.37h0a57.36,57.36,0,0,1,53.65,36.51l.49,1.27-.48,1.27C101,77.94,79,93,55.61,93ZM9,55.17A50.39,50.39,0,0,0,55.61,86c20.06,0,39-12.6,46.61-30.8A50.37,50.37,0,0,0,55.61,24.37h0A50.37,50.37,0,0,0,9,55.17Z' transform='translate(-0.11)'/%3E%3Cpath class='b' d='M55.61,80.17a25,25,0,1,1,25-25A25,25,0,0,1,55.61,80.17Zm0-41.55A16.55,16.55,0,1,0,72.16,55.17,16.57,16.57,0,0,0,55.61,38.62Z' transform='translate(-0.11)'/%3E%3Cpath class='c' d='M103.77,88.28' transform='translate(-0.11)'/%3E%3Cpath class='c' d='M19.55,7.34' transform='translate(-0.11)'/%3E%3C/svg%3E");
  --eye-off-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111 111'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;%7D.b%7Bstroke:%239b8b84;stroke-miterlimit:10;stroke-width:7px;%7D.c%7Bfill:%239b8b84;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='111' height='111'/%3E%3Cpath class='b' d='M103.77,88.28' transform='translate(-0.11)'/%3E%3Cpath class='b' d='M19.55,7.34' transform='translate(-0.11)'/%3E%3Cpath class='c' d='M78.12,66A25,25,0,0,0,44.75,32.66l6.55,6.55A16.49,16.49,0,0,1,71.57,59.48Z' transform='translate(-0.11)'/%3E%3Cpath class='c' d='M109.26,53.88A57.36,57.36,0,0,0,55.61,17.37h0a58.11,58.11,0,0,0-21.89,4.26l5.44,5.44a51.16,51.16,0,0,1,16.45-2.7,50.37,50.37,0,0,1,46.61,30.81A49.46,49.46,0,0,1,87,74.93l5,5a56.18,56.18,0,0,0,17.29-23.47l.48-1.27Z' transform='translate(-0.11)'/%3E%3Cpath class='c' d='M86.21,84l-5.08-5.08h0l-7-7-6-6L44.83,42.64l-6-6L32.22,30h0l-5.16-5.17h0L12.17,10,7.22,14.93,21.07,28.78A57.62,57.62,0,0,0,2,53.88l-.5,1.29L2,56.45A57.36,57.36,0,0,0,55.61,93,57,57,0,0,0,79.79,87.5L97,104.67l5-5L86.2,84ZM62.5,70.21a16.37,16.37,0,0,1-6.89,1.51A16.56,16.56,0,0,1,39.06,55.17a16.3,16.3,0,0,1,1.52-6.88ZM55.61,86A50.39,50.39,0,0,1,9,55.17,50.55,50.55,0,0,1,26.09,33.8l8.26,8.26a24.73,24.73,0,0,0-3.74,13.11A25,25,0,0,0,68.73,76.44l5.76,5.76A49.74,49.74,0,0,1,55.61,86Z' transform='translate(-0.11)'/%3E%3C/svg%3E");
  --select-icon-dark: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23888888' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  --select-icon-light: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23b9a097' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  --check-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
  --search-icon-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 489.68 489.68'%3E%3Cdefs%3E%3Cstyle%3E.a-search%7Bfill:%23d09074;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a-search' d='M0,196.4C0,304.9,88,392.83,196.5,392.8A196.53,196.53,0,0,0,320.1,349l135,135A20.44,20.44,0,0,0,484,455.1l-135-135c68.29-84.31,55.3-208-29-276.3A196.42,196.42,0,0,0,196.4,0C88,0,0,87.9,0,196.4Zm40.8,0A155.6,155.6,0,1,1,196.4,352h0A155.66,155.66,0,0,1,40.8,196.4Z'/%3E%3C/svg%3E");
  --search-icon-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 489.68 489.68'%3E%3Cdefs%3E%3Cstyle%3E.a-search%7Bfill:%239b8b84;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a-search' d='M0,196.4C0,304.9,88,392.83,196.5,392.8A196.53,196.53,0,0,0,320.1,349l135,135A20.44,20.44,0,0,0,484,455.1l-135-135c68.29-84.31,55.3-208-29-276.3A196.42,196.42,0,0,0,196.4,0C88,0,0,87.9,0,196.4Zm40.8,0A155.6,155.6,0,1,1,196.4,352h0A155.66,155.66,0,0,1,40.8,196.4Z'/%3E%3C/svg%3E");
  --icon-cross-dark: url("data:image/svg+xml,%0A%3Csvg version='1.1' viewBox='0 0 37.819 37.819' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.a-clear%7Bfill:none;stroke-linecap:round;stroke-width:5;stroke:%23d09074%7D%3C/style%3E%3Cg transform='translate(-32.072 -86.124)'%3E%3Cpath class='a-clear' d='m32.34 86.392 37.284 37.284'/%3E%3Cpath class='a-clear' d='m69.624 86.392-37.284 37.284'/%3E%3C/g%3E%3C/svg%3E");
  --icon-cross-light: url("data:image/svg+xml,%0A%3Csvg version='1.1' viewBox='0 0 37.819 37.819' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.a-clear%7Bfill:none;stroke-linecap:round;stroke-width:5;stroke:%239b8b84%7D%3C/style%3E%3Cg transform='translate(-32.072 -86.124)'%3E%3Cpath class='a-clear' d='m32.34 86.392 37.284 37.284'/%3E%3Cpath class='a-clear' d='m69.624 86.392-37.284 37.284'/%3E%3C/g%3E%3C/svg%3E");
  --icon-trash-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 35'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;%7D.a%7Bstroke:%239b8b84;stroke-miterlimit:10;stroke-width:1.7px;%7D%3C/style%3E%3C/defs%3E%3Cline class='a' x1='9.63' y1='12.04' x2='25.38' y2='12.04'/%3E%3Cline class='a' x1='15.14' y1='8.75' x2='19.86' y2='8.75'/%3E%3Cpath class='a' d='M23.87,14.77v8.84a2.68,2.68,0,0,1-2.68,2.64H13.82a2.68,2.68,0,0,1-2.64-2.64V14.77'/%3E%3Cline class='a' x1='15.33' y1='15.89' x2='15.33' y2='21.96'/%3E%3Cline class='a' x1='19.69' y1='15.89' x2='19.69' y2='21.96'/%3E%3Crect class='b' width='35' height='35'/%3E%3C/svg%3E");
  --icon-trash-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 35'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;%7D.a%7Bstroke:%239b8b84;stroke-miterlimit:10;stroke-width:1.7px;%7D%3C/style%3E%3C/defs%3E%3Cline class='a' x1='9.63' y1='12.04' x2='25.38' y2='12.04'/%3E%3Cline class='a' x1='15.14' y1='8.75' x2='19.86' y2='8.75'/%3E%3Cpath class='a' d='M23.87,14.77v8.84a2.68,2.68,0,0,1-2.68,2.64H13.82a2.68,2.68,0,0,1-2.64-2.64V14.77'/%3E%3Cline class='a' x1='15.33' y1='15.89' x2='15.33' y2='21.96'/%3E%3Cline class='a' x1='19.69' y1='15.89' x2='19.69' y2='21.96'/%3E%3Crect class='b' width='35' height='35'/%3E%3C/svg%3E");
  --translit-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36.86 18.94'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%23d09074;stroke-linecap:round;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M22.06,10.83H27.7a8,8,0,0,1,8,8h0a8,8,0,0,1-8,8H22.06' transform='translate(-0.3 -9.33)'/%3E%3Cpath class='a' d='M15.41,26.78H9.77a8,8,0,0,1-8-8h0a8,8,0,0,1,8-8h5.64' transform='translate(-0.3 -9.33)'/%3E%3Cline class='a' x1='8.31' y1='9.47' x2='28.56' y2='9.47'/%3E%3C/svg%3E");
  --translit-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36.86 18.94'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%239b8b84;stroke-linecap:round;stroke-width:3px;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M22.06,10.83H27.7a8,8,0,0,1,8,8h0a8,8,0,0,1-8,8H22.06' transform='translate(-0.3 -9.33)'/%3E%3Cpath class='a' d='M15.41,26.78H9.77a8,8,0,0,1-8-8h0a8,8,0,0,1,8-8h5.64' transform='translate(-0.3 -9.33)'/%3E%3Cline class='a' x1='8.31' y1='9.47' x2='28.56' y2='9.47'/%3E%3C/svg%3E");
  --icon-save-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 769.83 769.83'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%23d09074;stroke-miterlimit:10;stroke-width:55px;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='a' cx='384.91' cy='384.91' r='102.48'/%3E%3Cpath class='a' d='M750.91,258.62V687.83a63.08,63.08,0,0,1-63.08,63.08H89.17a63.08,63.08,0,0,1-63.08-63.08h0V89.17A63.08,63.08,0,0,1,89.17,26.09H518.38A98.74,98.74,0,0,1,588.17,55L722,188.83A98.74,98.74,0,0,1,750.91,258.62Z' transform='translate(-3.59 -3.59)'/%3E%3Cpath class='a' d='M464.15,26.09V129.44A46.11,46.11,0,0,1,418,175.55H187.48a46.11,46.11,0,0,1-46.11-46.11V26.09' transform='translate(-3.59 -3.59)'/%3E%3C/svg%3E");
  --icon-save-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 769.83 769.83'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%239b8b84;stroke-miterlimit:10;stroke-width:55px;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='a' cx='384.91' cy='384.91' r='102.48'/%3E%3Cpath class='a' d='M750.91,258.62V687.83a63.08,63.08,0,0,1-63.08,63.08H89.17a63.08,63.08,0,0,1-63.08-63.08h0V89.17A63.08,63.08,0,0,1,89.17,26.09H518.38A98.74,98.74,0,0,1,588.17,55L722,188.83A98.74,98.74,0,0,1,750.91,258.62Z' transform='translate(-3.59 -3.59)'/%3E%3Cpath class='a' d='M464.15,26.09V129.44A46.11,46.11,0,0,1,418,175.55H187.48a46.11,46.11,0,0,1-46.11-46.11V26.09' transform='translate(-3.59 -3.59)'/%3E%3C/svg%3E");
  --icon-settings: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;%7D.b%7Bstroke:%239b8b84%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='20' height='20'/%3E%3Cpath class='b' d='M12,14.41,12.8,14a.73.73,0,0,0,.33-.82l-.26-.89a.73.73,0,0,1,.53-.9l.89-.21a.73.73,0,0,0,.55-.7V9.56a.73.73,0,0,0-.55-.7l-.89-.22a.72.72,0,0,1-.52-.9l.26-.88A.71.71,0,0,0,12.81,6L12,5.59a.73.73,0,0,0-.88.13l-.64.66a.73.73,0,0,1-1,0l-.63-.67A.71.71,0,0,0,8,5.59L7.2,6a.73.73,0,0,0-.33.82l.26.89a.73.73,0,0,1-.53.9l-.89.21a.73.73,0,0,0-.55.7v.89a.73.73,0,0,0,.55.7l.89.22a.72.72,0,0,1,.52.9l-.26.88a.71.71,0,0,0,.33.82l.77.45a.73.73,0,0,0,.88-.13l.64-.66a.73.73,0,0,1,1,0l.63.67A.71.71,0,0,0,12,14.41Z'/%3E%3Ccircle class='b' cx='10' cy='10' r='1.4'/%3E%3C/svg%3E");
}
html {
  height: 100%;
  overflow: hidden;
}
html.dark {
  color-scheme: dark;
  background-color: #000;
}
html.light {
  color-scheme: light;
  background-color: #000;
}
body {
  max-width: 120rem;
  margin: auto;
  display: grid;
  height: 100%;
  font-family: var(--sans-serif);
  font-size: var(--sans-serif-size);
}
body:is(.dark *) {
  background-color: #1e1d1d;
  background-image: var(--noise-dark);
}
body:is(.light *) {
  background-color: #e9e0dd;
  background-image: var(--noise-light);
}
@media (max-width: 1023px) {
  body {
    grid-template-rows: 48px 1fr;
    grid-template-areas: "header" "main";
  }
}
@media (min-width: 1024px) {
  body {
    grid-template-rows: auto 1fr;
  }
}
@media (min-width: 1024px) {
  body.login {
    grid-template-areas: "header" "main";
  }
}
@media (min-width: 1024px) {
  body.logged {
    grid-template-columns: auto 1fr;
    grid-template-areas: "header header" "aside main";
    position: relative;
  }
}
body > .log {
  display: grid;
  row-gap: 1rem;
  align-content: start;
  border-width: 2px;
  border-style: solid;
  padding: 1rem;
  position: absolute;
  z-index: -1;
  width: calc(100% - 4rem);
  top: 2rem;
  left: 2rem;
  max-height: calc(100vh - 4rem);
  grid-template-rows: 1fr 2rem;
}
body > .log:is(.dark *) {
  color: #a08c81;
  background-color: #2e2b2b;
  border-color: #3c3939;
  background-image: url(../img/noise-dark.png);
}
body > .log:is(.light *) {
  color: #c76a4c;
  background-color: #f7efee;
  border-color: #d6d2d1;
  background-image: url(../img/noise-dark.png);
}
body > .log:is(.modern *) {
  border-radius: 0.3rem;
}
body > .log:is(.classic *) {
  border-color: #393737;
}
body > .log:is(body.log *) {
  z-index: 20;
}
body > .log:is(.classic *) {
  box-shadow: 4px 5px 0px 0 #00000077;
}
body > .log .hist {
  display: grid;
  overflow-y: auto;
  row-gap: 0.5rem;
}
body > .log .hist a {
  text-decoration: none;
}
body > .log .hist a:is(.dark *) {
  color: #d09074;
}
body > .log .hist a:is(.dark *):hover {
  color: #ffcab3;
}
body > .log .hist a:is(.light *) {
  color: #764646;
}
body > .log .hist a:is(.light *):hover {
  color: #bb381a;
}
body > .log .hist > div {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  column-gap: 0.5rem;
}
body > .log .hist > div .marker {
  margin-top: 3px;
  height: 1rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
body > .log .hist > div .marker:is(.result *) {
  background-color: #71b300;
}
body > .log .hist > div .marker:is(.error *) {
  background-color: #e30000;
}
body > .log .hist > div .marker:is(.warning *) {
  background-color: #f5e624;
}
body > .log .hist > div .marker:is(.note *) {
  background-color: #d204ff;
}
body > .log .hist > div .date {
  margin-top: 3px;
  font-size: 0.8rem;
}
body > .log .hist > div .date:is(.dark *) {
  color: #b3aaa3;
}
body > .log .hist > div .del_file {
  line-height: 1.5rem;
}
body > .log .footer {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: auto 1fr;
  column-gap: 1rem;
}
body > .log .footer .button {
  display: grid;
  position: relative;
  overflow: hidden;
  min-width: max-content;
  cursor: pointer;
  padding: 0.25rem 1rem;
}
@media (width < 24rem) {
  body > .log .footer .button {
    padding: 0.25rem 0.25rem;
  }
}
body > .log .footer .button.upload {
  padding: 0;
}
body > .log .footer .button > span {
  user-select: none;
  font-family: var(--sans-serif);
  font-size: var(--sans-serif-size);
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  align-content: center;
  height: 100%;
  width: 100%;
  position: relative;
}
body > .log .footer .button > span:is(.upload > *) {
  padding: 0.25rem 1rem;
}
body > .log .footer .button:is(.classic *):is(.dark *) {
  color: #d5bfae;
  background: url(../img/button-top-left.png) top left no-repeat, url(../img/button-top-right.png) top right no-repeat, url(../img/button-bottom-left.png) bottom left no-repeat, url(../img/button-bottom-right.png) bottom right no-repeat, url(../img/button-top.png) top repeat-x, url(../img/button-bottom.png) bottom repeat-x, url(../img/button-left.png) left repeat-y, url(../img/button-right.png) right repeat-y, url(../img/button-center.png) center / cover no-repeat;
}
body > .log .footer .button:is(.classic *):is(.dark *):active:is(.classic.dark *) {
  color: #e4845a;
  background: url(../img/pressed-top-left.png) top left no-repeat, url(../img/pressed-top-right.png) top right no-repeat, url(../img/pressed-bottom-left.png) bottom left no-repeat, url(../img/pressed-bottom-right.png) bottom right no-repeat, url(../img/pressed-top.png) top repeat-x, url(../img/pressed-bottom.png) bottom repeat-x, url(../img/pressed-left.png) left repeat-y, url(../img/pressed-right.png) right repeat-y, url(../img/pressed-center.png) center / cover no-repeat;
}
body > .log .footer .button:is(.classic *):is(.dark *):active:is(.classic.dark *) > span {
  transform: translate(0, 1px);
}
body > .log .footer .button:is(.modern *) {
  border-style: solid;
  border-width: 2px;
  border-radius: 0.25rem;
}
body > .log .footer .button:is(.modern *):is(.dark *) {
  border-color: #383433;
  color: #d5bfae;
}
body > .log .footer .button:is(.modern *):is(.dark *):hover {
  color: #e9c3a6;
}
body > .log .footer .button:is(.modern *):is(.light *) {
  border-color: #c9bfbc;
  color: #604c44;
}
body > .log .footer .button:is(.modern *):is(.light *):hover {
  color: #93614e;
}
body > .log .footer .button.icon {
  padding: 0;
  aspect-ratio: 1/1;
  height: 100%;
}
body > .log .footer .button.icon span {
  background-repeat: no-repeat;
  background-position: center;
}
body > .log .footer .button.trash.icon span {
  background-size: 30px;
}
body > .log .footer .button.trash.icon span:is(.dark *) {
  background-image: var(--icon-trash-dark);
}
body > .log .footer .button.trash.icon span:is(.light *) {
  background-image: var(--icon-trash-light);
}
body > .log .footer .button.close.icon span {
  background-size: 40%;
}
body > .log .footer .button.close.icon span:is(.dark *) {
  background-image: var(--icon-cross-dark);
}
body > .log .footer .button.close.icon span:is(.light *) {
  background-image: var(--icon-cross-light);
}
body > .log .footer .button.minimize.icon .dash {
  width: 14px;
  height: 1px;
  border-radius: 1px;
  background-color: #d09074;
  margin-top: 10px;
}
body > .log .footer .button.minimize.icon .dash:is(.dark *) {
  background-color: #d09074;
}
body > .log .footer .button.minimize.icon .dash:is(.light *) {
  background-color: #9b8b84;
}
body > .log .footer .button.settings.icon span {
  background-image: var(--icon-settings);
}
body > .log .footer .button.settings.icon span svg {
  width: var(--height);
}
body > .log .footer .button.settings.icon span svg .b {
  stroke: #9b8b84;
  stroke-miterlimit: 10;
}
body > .log .footer .button.save.icon span {
  background-size: 16px;
}
body > .log .footer .button.save.icon span:is(.dark *) {
  background-image: var(--icon-save-dark);
}
body > .log .footer .button.save.icon span:is(.light *) {
  background-image: var(--icon-save-light);
}
body > .log .footer input {
  width: 100%;
  font-family: var(--sans-serif);
  font-size: var(--sans-serif-size);
}
body > .log .footer input:is([type=text], [type=search], [type=password], [type=date], [type=time], textarea) {
  padding: 0 0.5rem;
}
body > .log .footer input:is(.dark *) {
  color: #cccccc;
}
body > .log .footer input:is(.light *) {
  color: #333333;
}
body > .log .footer input:is(.classic *) {
  border-width: 0.0625rem;
  border-style: solid;
}
body > .log .footer input:is(.classic *)[type="text"],
body > .log .footer input:is(.classic *)[type="date"],
body > .log .footer input:is(.classic *)[type="time"],
body > .log .footer input:is(.classic *)[type="search"],
body > .log .footer input:is(.classic *)[type="password"] {
  height: 2.25rem;
}
body > .log .footer input:is(.classic *):is(.dark *) {
  border-bottom-color: #413e3e;
  border-right-color: #413e3e;
  border-top-color: #0c0c0c;
  border-left-color: #0c0c0c;
  background-color: #1e1d1d;
}
body > .log .footer input:is(.modern *) {
  border-radius: 0.25rem;
  border-width: 2px;
  border-style: solid;
}
body > .log .footer input:is(.modern *)[type="text"],
body > .log .footer input:is(.modern *)[type="date"],
body > .log .footer input:is(.modern *)[type="time"],
body > .log .footer input:is(.modern *)[type="search"],
body > .log .footer input:is(.modern *)[type="password"] {
  height: 2.25rem;
}
body > .log .footer input:is(.modern *):is(.dark *) {
  background-color: #1e1d1d;
  border-color: #383433;
}
body > .log .footer input:is(.modern *):is(.light *) {
  background-color: #fffbfb;
  border-color: #c9bfbc;
}
body > .log .footer input[type=file] {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  position: absolute;
  z-index: 7;
  cursor: pointer;
}
body > .log .footer input[type=file]::-webkit-file-upload-button {
  cursor: pointer;
}
body > .log .footer input[type=radio] {
  appearance: none;
  cursor: pointer;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
}
body > .log .footer input[type=radio]:is(.modern *):is(.dark *):checked {
  background-color: #ff4e00;
  border-color: #802600;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
}
body > .log .footer input[type=radio]:is(.modern *):is(.light *):checked {
  background-color: #ff4e00;
  border-color: #ff9466;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
}
body > .log .footer input[type=radio]:is(.classic *):is(.dark *):checked {
  background-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  border-top-color: #330f00;
  border-left-color: #330f00;
  border-bottom-color: #802600;
  border-right-color: #802600;
  border-width: 1.4px;
}
body > .log .footer input[type=checkbox] {
  appearance: none;
  cursor: pointer;
  aspect-ratio: 1 / 1;
}
body > .log .footer input[type=checkbox]:is(.modern *) {
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 2px;
}
body > .log .footer input[type=checkbox]:is(.modern *):is(.dark *) {
  background-color: #1e1d1d;
  border-color: #383433;
}
body > .log .footer input[type=checkbox]:is(.modern *):is(.dark *):checked {
  background-color: #ff4e00;
  border-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
}
body > .log .footer input[type=checkbox]:is(.modern *):is(.light *) {
  background-color: #fffbfb;
  border-color: #c9bfbc;
}
body > .log .footer input[type=checkbox]:is(.modern *):is(.light *):checked {
  background-color: #ff4e00;
  border-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
}
body > .log .footer input[type=checkbox]:is(.classic *):checked {
  background-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
  border-bottom: 2px solid #bd3900;
  border-right: 2px solid #bd3900;
  border-top: 2px solid #762300;
  border-left: 2px solid #762300;
}
body > header {
  grid-area: header;
  display: grid;
  padding: 0.5rem 1rem;
}
@media (min-width: 1024px) {
  body > header:is(.logged *) {
    grid-template-columns: 1fr auto;
    column-gap: 1rem;
  }
}
@media (max-width: 1023px) {
  body > header:is(.logged *) {
    grid-template-columns: 1fr 48px;
    column-gap: 5px;
  }
}
body > header .button {
  display: grid;
  position: relative;
  overflow: hidden;
  min-width: max-content;
  cursor: pointer;
  padding: 0.25rem 1rem;
}
@media (width < 24rem) {
  body > header .button {
    padding: 0.25rem 0.25rem;
  }
}
body > header .button.upload {
  padding: 0;
}
body > header .button > span {
  user-select: none;
  font-family: var(--sans-serif);
  font-size: var(--sans-serif-size);
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  align-content: center;
  height: 100%;
  width: 100%;
  position: relative;
}
body > header .button > span:is(.upload > *) {
  padding: 0.25rem 1rem;
}
body > header .button:is(.classic *):is(.dark *) {
  color: #d5bfae;
  background: url(../img/button-top-left.png) top left no-repeat, url(../img/button-top-right.png) top right no-repeat, url(../img/button-bottom-left.png) bottom left no-repeat, url(../img/button-bottom-right.png) bottom right no-repeat, url(../img/button-top.png) top repeat-x, url(../img/button-bottom.png) bottom repeat-x, url(../img/button-left.png) left repeat-y, url(../img/button-right.png) right repeat-y, url(../img/button-center.png) center / cover no-repeat;
}
body > header .button:is(.classic *):is(.dark *):active:is(.classic.dark *) {
  color: #e4845a;
  background: url(../img/pressed-top-left.png) top left no-repeat, url(../img/pressed-top-right.png) top right no-repeat, url(../img/pressed-bottom-left.png) bottom left no-repeat, url(../img/pressed-bottom-right.png) bottom right no-repeat, url(../img/pressed-top.png) top repeat-x, url(../img/pressed-bottom.png) bottom repeat-x, url(../img/pressed-left.png) left repeat-y, url(../img/pressed-right.png) right repeat-y, url(../img/pressed-center.png) center / cover no-repeat;
}
body > header .button:is(.classic *):is(.dark *):active:is(.classic.dark *) > span {
  transform: translate(0, 1px);
}
body > header .button:is(.modern *) {
  border-style: solid;
  border-width: 2px;
  border-radius: 0.25rem;
}
body > header .button:is(.modern *):is(.dark *) {
  border-color: #383433;
  color: #d5bfae;
}
body > header .button:is(.modern *):is(.dark *):hover {
  color: #e9c3a6;
}
body > header .button:is(.modern *):is(.light *) {
  border-color: #c9bfbc;
  color: #604c44;
}
body > header .button:is(.modern *):is(.light *):hover {
  color: #93614e;
}
body > header .button.icon {
  padding: 0;
  aspect-ratio: 1/1;
  height: 100%;
}
body > header .button.icon span {
  background-repeat: no-repeat;
  background-position: center;
}
body > header .button.trash.icon span {
  background-size: 30px;
}
body > header .button.trash.icon span:is(.dark *) {
  background-image: var(--icon-trash-dark);
}
body > header .button.trash.icon span:is(.light *) {
  background-image: var(--icon-trash-light);
}
body > header .button.close.icon span {
  background-size: 40%;
}
body > header .button.close.icon span:is(.dark *) {
  background-image: var(--icon-cross-dark);
}
body > header .button.close.icon span:is(.light *) {
  background-image: var(--icon-cross-light);
}
body > header .button.minimize.icon .dash {
  width: 14px;
  height: 1px;
  border-radius: 1px;
  background-color: #d09074;
  margin-top: 10px;
}
body > header .button.minimize.icon .dash:is(.dark *) {
  background-color: #d09074;
}
body > header .button.minimize.icon .dash:is(.light *) {
  background-color: #9b8b84;
}
body > header .button.settings.icon span {
  background-image: var(--icon-settings);
}
body > header .button.settings.icon span svg {
  width: var(--height);
}
body > header .button.settings.icon span svg .b {
  stroke: #9b8b84;
  stroke-miterlimit: 10;
}
body > header .button.save.icon span {
  background-size: 16px;
}
body > header .button.save.icon span:is(.dark *) {
  background-image: var(--icon-save-dark);
}
body > header .button.save.icon span:is(.light *) {
  background-image: var(--icon-save-light);
}
body > header .button.active:is(.classic.dark *) {
  color: #e4845a;
  background: url(../img/pressed-top-left.png) top left no-repeat, url(../img/pressed-top-right.png) top right no-repeat, url(../img/pressed-bottom-left.png) bottom left no-repeat, url(../img/pressed-bottom-right.png) bottom right no-repeat, url(../img/pressed-top.png) top repeat-x, url(../img/pressed-bottom.png) bottom repeat-x, url(../img/pressed-left.png) left repeat-y, url(../img/pressed-right.png) right repeat-y, url(../img/pressed-center.png) center / cover no-repeat;
}
body > header .button.active:is(.classic.dark *) > span {
  transform: translate(0, 1px);
}
body > header .tabs {
  display: grid;
  grid-auto-flow: column;
  justify-content: left;
  column-gap: 0.5rem;
  overflow-y: auto;
  scrollbar-width: none;
}
@media (max-width: 1023px) {
  body > header .tabs {
    display: none;
  }
}
body > header .tabs [data-changed="true"] span {
  color: var(--color);
}
body > header .tabs [data-changed="true"] span:is(.dark *) {
  --color: #00ffff;
}
body > header .tabs [data-changed="true"] span:is(.light *) {
  --color: #ea8000;
}
body > header .menu {
  display: grid;
  grid-auto-flow: column;
  column-gap: 24px;
  align-items: center;
  position: relative;
}
@media (width < 24rem) {
  body > header .menu {
    column-gap: 1rem;
  }
}
body > header .menu:is(body.logged *) {
  justify-self: start;
}
body > header .menu:is(body.login *) {
  justify-self: end;
}
body > header .menu .button.preload {
  padding: 0;
  border: 0;
  position: absolute;
}
body > header .menu .button.result {
  color: #00e300 !important;
}
body > header .menu .button.error {
  color: #e30000 !important;
}
body > header .menu .button.warning {
  color: #f5e624 !important;
}
body > header .menu > *:not(.button) {
  cursor: pointer;
  user-select: none;
}
body > header .menu > *:not(.button):is(.dark *) {
  color: #d09074;
}
body > header .menu > *:not(.button):is(.dark *):hover {
  color: #f0743f;
}
body > header .menu > *:not(.button):is(.light *) {
  color: #764646;
}
body > header .menu > *:not(.button):is(.light *):hover {
  color: #9b2e00;
}
body > header .menu a {
  text-decoration: none;
}
body > header .burger {
  display: none;
}
@media (max-width: 1023px) {
  body > header .burger {
    display: grid;
    justify-content: center;
    align-items: center;
  }
  body > header .burger .icon {
    width: 28px;
    height: 12px;
    position: relative;
  }
  body > header .burger .icon span {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
  }
  body > header .burger .icon span:is(.dark *) {
    background-color: #d09074;
  }
  body > header .burger .icon span:is(.light *) {
    background-color: #c33b00;
  }
  body > header .burger .icon span.line-1 {
    top: 0;
  }
  body > header .burger .icon span.line-1:is(body.menu *) {
    top: 5px;
    transform: rotate(45deg);
  }
  body > header .burger .icon span.line-2 {
    bottom: 0;
  }
  body > header .burger .icon span.line-2:is(body.menu *) {
    top: 5px;
    transform: rotate(-45deg);
  }
}
body > aside {
  overflow-y: auto;
  scrollbar-width: none;
}
@media (min-width: 1024px) {
  body > aside {
    grid-area: aside;
  }
}
@media (max-width: 1023px) {
  body > aside {
    position: fixed;
    width: 230px;
    left: 0;
    top: 0;
    bottom: 0;
    transform: translateX(-100%);
    z-index: 10;
  }
  body > aside:is(.dark *) {
    background-color: #1e1d1d;
    background-image: var(--noise-dark);
  }
  body > aside:is(.light *) {
    background-color: #ede9e8;
    background-image: var(--noise-light);
  }
  body > aside:is(body.menu *) {
    transform: translateX(0);
  }
}
body > aside section {
  padding: 9px 0 10px 0;
}
body > aside section .title {
  padding: 5px 5px 5px 20px;
}
body > aside section .title:is(.dark *) {
  color: #8f786f;
}
body > aside section .title:is(.light *) {
  color: #8f786f;
}
body > aside section a {
  display: block;
  text-decoration: none;
  border-color: transparent;
  border-style: solid;
  border-width: 2px 2px 2px 0;
}
body > aside section a:is(.dark *) {
  color: #eabca9;
}
body > aside section a:is(.light *) {
  color: #382218;
}
@media (max-width: 1023px) {
  body > aside section a {
    padding: 5px 10px 5px 36px;
  }
}
@media (min-width: 1024px) {
  body > aside section a {
    padding: 3px 10px 3px 36px;
  }
}
@media (min-width: 1024px) {
  body > aside section a:is(.modern *) {
    border-radius: 0 5px 5px 0;
  }
}
body > aside section a:hover:is(.dark.classic *) {
  background-color: #38343340;
  border-color: #393737;
}
body > aside section a:hover:is(.dark.modern *) {
  background-color: #38343340;
  border-color: #38343340;
}
body > aside section a:hover:is(.light *) {
  background-color: #fffbfb4d;
  border-color: #fffbfb4d;
}
body > aside section a.active:is(.dark.classic *) {
  background-color: #111111;
  border-color: #393737;
}
body > aside section a.active:is(.dark.modern *) {
  background-color: #38343373;
  border-color: #38343373;
}
body > aside section a.active:is(.light *) {
  background-color: #ffffff;
  border-color: #ffffff;
}
body > aside section a.red:is(.dark.classic *) {
  background-color: #9f2624;
  border-color: #ff0000;
}
body > aside section a.red:is(.dark.modern *) {
  background-color: #9f2624;
  border-color: #9f2624;
}
body > aside section a.red:is(.light *) {
  background-color: #ff8585;
  border-color: #ff8585;
}
body > main {
  grid-area: main;
  overflow: hidden;
}
body > main:is(.login *) {
  display: grid;
  grid-template-areas: ". center .";
  grid-template-columns: 1fr minmax(auto, 300px) 1fr;
  overflow-y: auto;
}
body > main:is(.login *) .panel {
  display: grid;
  row-gap: 1rem;
  align-content: start;
  border-width: 2px;
  border-style: solid;
  padding: 1rem;
}
body > main:is(.login *) .panel:is(.dark *) {
  color: #a08c81;
  background-color: #2e2b2b;
  border-color: #3c3939;
  background-image: url(../img/noise-dark.png);
}
body > main:is(.login *) .panel:is(.light *) {
  color: #c76a4c;
  background-color: #f7efee;
  border-color: #d6d2d1;
  background-image: url(../img/noise-dark.png);
}
body > main:is(.login *) .panel:is(.modern *) {
  border-radius: 0.3rem;
}
body > main:is(.login *) .panel:is(.classic *) {
  border-color: #393737;
}
body > main:is(.login *) .select.widget {
  position: relative;
}
body > main:is(.login *) .select.widget:is(.classic *) {
  height: 2.25rem;
}
body > main:is(.login *) .select.widget:is(.modern *) {
  height: 2.25rem;
}
body > main:is(.login *) .select.widget .selected {
  width: 100%;
  font-family: var(--sans-serif);
  font-size: var(--sans-serif-size);
  padding: 0;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.1875rem;
  height: 100%;
  cursor: pointer;
  user-select: none;
}
body > main:is(.login *) .select.widget .selected:is([type=text], [type=search], [type=password], [type=date], [type=time], textarea) {
  padding: 0 0.5rem;
}
body > main:is(.login *) .select.widget .selected:is(.dark *) {
  color: #cccccc;
}
body > main:is(.login *) .select.widget .selected:is(.light *) {
  color: #333333;
}
body > main:is(.login *) .select.widget .selected:is(.classic *) {
  border-width: 0.0625rem;
  border-style: solid;
}
body > main:is(.login *) .select.widget .selected:is(.classic *)[type="text"],
body > main:is(.login *) .select.widget .selected:is(.classic *)[type="date"],
body > main:is(.login *) .select.widget .selected:is(.classic *)[type="time"],
body > main:is(.login *) .select.widget .selected:is(.classic *)[type="search"],
body > main:is(.login *) .select.widget .selected:is(.classic *)[type="password"] {
  height: 2.25rem;
}
body > main:is(.login *) .select.widget .selected:is(.classic *):is(.dark *) {
  border-bottom-color: #413e3e;
  border-right-color: #413e3e;
  border-top-color: #0c0c0c;
  border-left-color: #0c0c0c;
  background-color: #1e1d1d;
}
body > main:is(.login *) .select.widget .selected:is(.modern *) {
  border-radius: 0.25rem;
  border-width: 2px;
  border-style: solid;
}
body > main:is(.login *) .select.widget .selected:is(.modern *)[type="text"],
body > main:is(.login *) .select.widget .selected:is(.modern *)[type="date"],
body > main:is(.login *) .select.widget .selected:is(.modern *)[type="time"],
body > main:is(.login *) .select.widget .selected:is(.modern *)[type="search"],
body > main:is(.login *) .select.widget .selected:is(.modern *)[type="password"] {
  height: 2.25rem;
}
body > main:is(.login *) .select.widget .selected:is(.modern *):is(.dark *) {
  background-color: #1e1d1d;
  border-color: #383433;
}
body > main:is(.login *) .select.widget .selected:is(.modern *):is(.light *) {
  background-color: #fffbfb;
  border-color: #c9bfbc;
}
body > main:is(.login *) .select.widget .selected[type=file] {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  position: absolute;
  z-index: 7;
  cursor: pointer;
}
body > main:is(.login *) .select.widget .selected[type=file]::-webkit-file-upload-button {
  cursor: pointer;
}
body > main:is(.login *) .select.widget .selected[type=radio] {
  appearance: none;
  cursor: pointer;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
}
body > main:is(.login *) .select.widget .selected[type=radio]:is(.modern *):is(.dark *):checked {
  background-color: #ff4e00;
  border-color: #802600;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
}
body > main:is(.login *) .select.widget .selected[type=radio]:is(.modern *):is(.light *):checked {
  background-color: #ff4e00;
  border-color: #ff9466;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
}
body > main:is(.login *) .select.widget .selected[type=radio]:is(.classic *):is(.dark *):checked {
  background-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  border-top-color: #330f00;
  border-left-color: #330f00;
  border-bottom-color: #802600;
  border-right-color: #802600;
  border-width: 1.4px;
}
body > main:is(.login *) .select.widget .selected[type=checkbox] {
  appearance: none;
  cursor: pointer;
  aspect-ratio: 1 / 1;
}
body > main:is(.login *) .select.widget .selected[type=checkbox]:is(.modern *) {
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 2px;
}
body > main:is(.login *) .select.widget .selected[type=checkbox]:is(.modern *):is(.dark *) {
  background-color: #1e1d1d;
  border-color: #383433;
}
body > main:is(.login *) .select.widget .selected[type=checkbox]:is(.modern *):is(.dark *):checked {
  background-color: #ff4e00;
  border-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
}
body > main:is(.login *) .select.widget .selected[type=checkbox]:is(.modern *):is(.light *) {
  background-color: #fffbfb;
  border-color: #c9bfbc;
}
body > main:is(.login *) .select.widget .selected[type=checkbox]:is(.modern *):is(.light *):checked {
  background-color: #ff4e00;
  border-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
}
body > main:is(.login *) .select.widget .selected[type=checkbox]:is(.classic *):checked {
  background-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
  border-bottom: 2px solid #bd3900;
  border-right: 2px solid #bd3900;
  border-top: 2px solid #762300;
  border-left: 2px solid #762300;
}
body > main:is(.login *) .select.widget .selected .value {
  padding: 0 0 0 0.4375rem;
  white-space: nowrap;
  overflow: hidden;
  align-content: center;
}
body > main:is(.login *) .select.widget .selected .button {
  display: grid;
  position: relative;
  overflow: hidden;
  min-width: max-content;
  cursor: pointer;
  padding: 0.25rem 1rem;
  padding: 0;
}
@media (width < 24rem) {
  body > main:is(.login *) .select.widget .selected .button {
    padding: 0.25rem 0.25rem;
  }
}
body > main:is(.login *) .select.widget .selected .button.upload {
  padding: 0;
}
body > main:is(.login *) .select.widget .selected .button > span {
  user-select: none;
  font-family: var(--sans-serif);
  font-size: var(--sans-serif-size);
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  align-content: center;
  height: 100%;
  width: 100%;
  position: relative;
}
body > main:is(.login *) .select.widget .selected .button > span:is(.upload > *) {
  padding: 0.25rem 1rem;
}
body > main:is(.login *) .select.widget .selected .button:is(.classic *):is(.dark *) {
  color: #d5bfae;
  background: url(../img/button-top-left.png) top left no-repeat, url(../img/button-top-right.png) top right no-repeat, url(../img/button-bottom-left.png) bottom left no-repeat, url(../img/button-bottom-right.png) bottom right no-repeat, url(../img/button-top.png) top repeat-x, url(../img/button-bottom.png) bottom repeat-x, url(../img/button-left.png) left repeat-y, url(../img/button-right.png) right repeat-y, url(../img/button-center.png) center / cover no-repeat;
}
body > main:is(.login *) .select.widget .selected .button:is(.classic *):is(.dark *):active:is(.classic.dark *) {
  color: #e4845a;
  background: url(../img/pressed-top-left.png) top left no-repeat, url(../img/pressed-top-right.png) top right no-repeat, url(../img/pressed-bottom-left.png) bottom left no-repeat, url(../img/pressed-bottom-right.png) bottom right no-repeat, url(../img/pressed-top.png) top repeat-x, url(../img/pressed-bottom.png) bottom repeat-x, url(../img/pressed-left.png) left repeat-y, url(../img/pressed-right.png) right repeat-y, url(../img/pressed-center.png) center / cover no-repeat;
}
body > main:is(.login *) .select.widget .selected .button:is(.classic *):is(.dark *):active:is(.classic.dark *) > span {
  transform: translate(0, 1px);
}
body > main:is(.login *) .select.widget .selected .button:is(.modern *) {
  border-style: solid;
  border-width: 2px;
  border-radius: 0.25rem;
}
body > main:is(.login *) .select.widget .selected .button:is(.modern *):is(.dark *) {
  border-color: #383433;
  color: #d5bfae;
}
body > main:is(.login *) .select.widget .selected .button:is(.modern *):is(.dark *):hover {
  color: #e9c3a6;
}
body > main:is(.login *) .select.widget .selected .button:is(.modern *):is(.light *) {
  border-color: #c9bfbc;
  color: #604c44;
}
body > main:is(.login *) .select.widget .selected .button:is(.modern *):is(.light *):hover {
  color: #93614e;
}
body > main:is(.login *) .select.widget .selected .button.icon {
  padding: 0;
  aspect-ratio: 1/1;
  height: 100%;
}
body > main:is(.login *) .select.widget .selected .button.icon span {
  background-repeat: no-repeat;
  background-position: center;
}
body > main:is(.login *) .select.widget .selected .button.trash.icon span {
  background-size: 30px;
}
body > main:is(.login *) .select.widget .selected .button.trash.icon span:is(.dark *) {
  background-image: var(--icon-trash-dark);
}
body > main:is(.login *) .select.widget .selected .button.trash.icon span:is(.light *) {
  background-image: var(--icon-trash-light);
}
body > main:is(.login *) .select.widget .selected .button.close.icon span {
  background-size: 40%;
}
body > main:is(.login *) .select.widget .selected .button.close.icon span:is(.dark *) {
  background-image: var(--icon-cross-dark);
}
body > main:is(.login *) .select.widget .selected .button.close.icon span:is(.light *) {
  background-image: var(--icon-cross-light);
}
body > main:is(.login *) .select.widget .selected .button.minimize.icon .dash {
  width: 14px;
  height: 1px;
  border-radius: 1px;
  background-color: #d09074;
  margin-top: 10px;
}
body > main:is(.login *) .select.widget .selected .button.minimize.icon .dash:is(.dark *) {
  background-color: #d09074;
}
body > main:is(.login *) .select.widget .selected .button.minimize.icon .dash:is(.light *) {
  background-color: #9b8b84;
}
body > main:is(.login *) .select.widget .selected .button.settings.icon span {
  background-image: var(--icon-settings);
}
body > main:is(.login *) .select.widget .selected .button.settings.icon span svg {
  width: var(--height);
}
body > main:is(.login *) .select.widget .selected .button.settings.icon span svg .b {
  stroke: #9b8b84;
  stroke-miterlimit: 10;
}
body > main:is(.login *) .select.widget .selected .button.save.icon span {
  background-size: 16px;
}
body > main:is(.login *) .select.widget .selected .button.save.icon span:is(.dark *) {
  background-image: var(--icon-save-dark);
}
body > main:is(.login *) .select.widget .selected .button.save.icon span:is(.light *) {
  background-image: var(--icon-save-light);
}
body > main:is(.login *) .select.widget .selected .button:is(.modern.dark *, .modern.light *) {
  border-color: transparent;
}
body > main:is(.login *) .select.widget .selected .icon.down {
  margin: 0.125rem;
  height: 87%;
}
body > main:is(.login *) .select.widget .selected .icon.down:is(.select.open *):is(.classic.dark *) {
  color: #e4845a;
  background: url(../img/pressed-top-left.png) top left no-repeat, url(../img/pressed-top-right.png) top right no-repeat, url(../img/pressed-bottom-left.png) bottom left no-repeat, url(../img/pressed-bottom-right.png) bottom right no-repeat, url(../img/pressed-top.png) top repeat-x, url(../img/pressed-bottom.png) bottom repeat-x, url(../img/pressed-left.png) left repeat-y, url(../img/pressed-right.png) right repeat-y, url(../img/pressed-center.png) center / cover no-repeat;
}
body > main:is(.login *) .select.widget .selected .icon.down:is(.select.open *):is(.classic.dark *) > span {
  transform: translate(0, 1px);
}
body > main:is(.login *) .select.widget .selected .icon.down span {
  background-size: 65%;
}
body > main:is(.login *) .select.widget .selected .icon.down span:is(.dark *) {
  background-image: var(--select-icon-dark);
}
body > main:is(.login *) .select.widget .selected .icon.down span:is(.light *) {
  background-image: var(--select-icon-light);
}
body > main:is(.login *) .select.widget .options {
  display: none;
  position: absolute;
  max-height: 16rem;
  margin-top: 0.125rem;
  width: 100%;
  z-index: 3;
  overflow: auto;
}
body > main:is(.login *) .select.widget .options:has(.scrollable) {
  overflow-y: hidden;
  grid-template-rows: auto 1fr;
}
body > main:is(.login *) .select.widget .options:is(.select.open *) {
  display: grid;
  z-index: 3;
}
body > main:is(.login *) .select.widget .options:is(.modern *) {
  border-radius: 0.25rem;
  border-width: 2px;
  border-style: solid;
}
body > main:is(.login *) .select.widget .options:is(.modern *):is(.dark *) {
  background-color: #1e1d1d;
}
body > main:is(.login *) .select.widget .options:is(.modern *):is(.light *) {
  background-color: #ede9e8;
}
body > main:is(.login *) .select.widget .options:is(.modern *):is(.dark *) {
  border-color: #383433;
}
body > main:is(.login *) .select.widget .options:is(.modern *):is(.light *) {
  border-color: #c9bfbc;
}
body > main:is(.login *) .select.widget .options:is(.classic *) {
  background-color: #272525;
  border: 2px solid #5b5756;
}
body > main:is(.login *) .select.widget .options .search {
  padding: 0.25rem 0.4375rem;
}
body > main:is(.login *) .select.widget .options .search input {
  width: 100%;
  height: 1.875rem;
  padding: 0 0.375rem;
}
body > main:is(.login *) .select.widget .options .scrollable {
  overflow-y: auto;
}
body > main:is(.login *) .select.widget .options .option {
  padding: 0.375rem 0.4375rem;
  cursor: pointer;
  user-select: none;
}
body > main:is(.login *) .select.widget .options .option:hover:is(.dark *) {
  background-color: #111111;
}
body > main:is(.login *) .select.widget .options .option:hover:is(.light *) {
  background-color: #f8f2f2;
}
body > main:is(.login *) .select.widget .options .option.hidden {
  display: none;
}
body > main:is(.login *) .password.widget {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 0.3125rem;
}
body > main:is(.login *) .password.widget:is(.classic *) {
  height: 2.25rem;
}
body > main:is(.login *) .password.widget:is(.modern *) {
  height: 2.25rem;
}
body > main:is(.login *) .password.widget:is(.modern *) {
  border-radius: 0.25rem;
  border-width: 2px;
  border-style: solid;
}
body > main:is(.login *) .password.widget:is(.modern *):is(.dark *) {
  background-color: #1e1d1d;
  border-color: #383433;
}
body > main:is(.login *) .password.widget:is(.modern *):is(.light *) {
  background-color: #fffbfb;
  border-color: #c9bfbc;
}
body > main:is(.login *) .password.widget input {
  width: 100%;
  font-family: var(--sans-serif);
  font-size: var(--sans-serif-size);
  font-family: var(--monospace);
  font-size: var(--monospace-size);
}
body > main:is(.login *) .password.widget input:is([type=text], [type=search], [type=password], [type=date], [type=time], textarea) {
  padding: 0 0.5rem;
}
body > main:is(.login *) .password.widget input:is(.dark *) {
  color: #cccccc;
}
body > main:is(.login *) .password.widget input:is(.light *) {
  color: #333333;
}
body > main:is(.login *) .password.widget input:is(.classic *) {
  border-width: 0.0625rem;
  border-style: solid;
}
body > main:is(.login *) .password.widget input:is(.classic *)[type="text"],
body > main:is(.login *) .password.widget input:is(.classic *)[type="date"],
body > main:is(.login *) .password.widget input:is(.classic *)[type="time"],
body > main:is(.login *) .password.widget input:is(.classic *)[type="search"],
body > main:is(.login *) .password.widget input:is(.classic *)[type="password"] {
  height: 2.25rem;
}
body > main:is(.login *) .password.widget input:is(.classic *):is(.dark *) {
  border-bottom-color: #413e3e;
  border-right-color: #413e3e;
  border-top-color: #0c0c0c;
  border-left-color: #0c0c0c;
  background-color: #1e1d1d;
}
body > main:is(.login *) .password.widget input:is(.modern *) {
  border-radius: 0.25rem;
  border-width: 2px;
  border-style: solid;
}
body > main:is(.login *) .password.widget input:is(.modern *)[type="text"],
body > main:is(.login *) .password.widget input:is(.modern *)[type="date"],
body > main:is(.login *) .password.widget input:is(.modern *)[type="time"],
body > main:is(.login *) .password.widget input:is(.modern *)[type="search"],
body > main:is(.login *) .password.widget input:is(.modern *)[type="password"] {
  height: 2.25rem;
}
body > main:is(.login *) .password.widget input:is(.modern *):is(.dark *) {
  background-color: #1e1d1d;
  border-color: #383433;
}
body > main:is(.login *) .password.widget input:is(.modern *):is(.light *) {
  background-color: #fffbfb;
  border-color: #c9bfbc;
}
body > main:is(.login *) .password.widget input[type=file] {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  position: absolute;
  z-index: 7;
  cursor: pointer;
}
body > main:is(.login *) .password.widget input[type=file]::-webkit-file-upload-button {
  cursor: pointer;
}
body > main:is(.login *) .password.widget input[type=radio] {
  appearance: none;
  cursor: pointer;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
}
body > main:is(.login *) .password.widget input[type=radio]:is(.modern *):is(.dark *):checked {
  background-color: #ff4e00;
  border-color: #802600;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
}
body > main:is(.login *) .password.widget input[type=radio]:is(.modern *):is(.light *):checked {
  background-color: #ff4e00;
  border-color: #ff9466;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
}
body > main:is(.login *) .password.widget input[type=radio]:is(.classic *):is(.dark *):checked {
  background-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  border-top-color: #330f00;
  border-left-color: #330f00;
  border-bottom-color: #802600;
  border-right-color: #802600;
  border-width: 1.4px;
}
body > main:is(.login *) .password.widget input[type=checkbox] {
  appearance: none;
  cursor: pointer;
  aspect-ratio: 1 / 1;
}
body > main:is(.login *) .password.widget input[type=checkbox]:is(.modern *) {
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 2px;
}
body > main:is(.login *) .password.widget input[type=checkbox]:is(.modern *):is(.dark *) {
  background-color: #1e1d1d;
  border-color: #383433;
}
body > main:is(.login *) .password.widget input[type=checkbox]:is(.modern *):is(.dark *):checked {
  background-color: #ff4e00;
  border-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
}
body > main:is(.login *) .password.widget input[type=checkbox]:is(.modern *):is(.light *) {
  background-color: #fffbfb;
  border-color: #c9bfbc;
}
body > main:is(.login *) .password.widget input[type=checkbox]:is(.modern *):is(.light *):checked {
  background-color: #ff4e00;
  border-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
}
body > main:is(.login *) .password.widget input[type=checkbox]:is(.classic *):checked {
  background-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
  border-bottom: 2px solid #bd3900;
  border-right: 2px solid #bd3900;
  border-top: 2px solid #762300;
  border-left: 2px solid #762300;
}
body > main:is(.login *) .password.widget input:is(.modern.dark *, .modern.light *) {
  border-color: transparent;
  background-color: transparent;
}
body > main:is(.login *) .password.widget .button {
  display: grid;
  position: relative;
  overflow: hidden;
  min-width: max-content;
  cursor: pointer;
  padding: 0.25rem 1rem;
  padding: 0;
  aspect-ratio: 1 / 1;
}
@media (width < 24rem) {
  body > main:is(.login *) .password.widget .button {
    padding: 0.25rem 0.25rem;
  }
}
body > main:is(.login *) .password.widget .button.upload {
  padding: 0;
}
body > main:is(.login *) .password.widget .button > span {
  user-select: none;
  font-family: var(--sans-serif);
  font-size: var(--sans-serif-size);
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  align-content: center;
  height: 100%;
  width: 100%;
  position: relative;
}
body > main:is(.login *) .password.widget .button > span:is(.upload > *) {
  padding: 0.25rem 1rem;
}
body > main:is(.login *) .password.widget .button:is(.classic *):is(.dark *) {
  color: #d5bfae;
  background: url(../img/button-top-left.png) top left no-repeat, url(../img/button-top-right.png) top right no-repeat, url(../img/button-bottom-left.png) bottom left no-repeat, url(../img/button-bottom-right.png) bottom right no-repeat, url(../img/button-top.png) top repeat-x, url(../img/button-bottom.png) bottom repeat-x, url(../img/button-left.png) left repeat-y, url(../img/button-right.png) right repeat-y, url(../img/button-center.png) center / cover no-repeat;
}
body > main:is(.login *) .password.widget .button:is(.classic *):is(.dark *):active:is(.classic.dark *) {
  color: #e4845a;
  background: url(../img/pressed-top-left.png) top left no-repeat, url(../img/pressed-top-right.png) top right no-repeat, url(../img/pressed-bottom-left.png) bottom left no-repeat, url(../img/pressed-bottom-right.png) bottom right no-repeat, url(../img/pressed-top.png) top repeat-x, url(../img/pressed-bottom.png) bottom repeat-x, url(../img/pressed-left.png) left repeat-y, url(../img/pressed-right.png) right repeat-y, url(../img/pressed-center.png) center / cover no-repeat;
}
body > main:is(.login *) .password.widget .button:is(.classic *):is(.dark *):active:is(.classic.dark *) > span {
  transform: translate(0, 1px);
}
body > main:is(.login *) .password.widget .button:is(.modern *) {
  border-style: solid;
  border-width: 2px;
  border-radius: 0.25rem;
}
body > main:is(.login *) .password.widget .button:is(.modern *):is(.dark *) {
  border-color: #383433;
  color: #d5bfae;
}
body > main:is(.login *) .password.widget .button:is(.modern *):is(.dark *):hover {
  color: #e9c3a6;
}
body > main:is(.login *) .password.widget .button:is(.modern *):is(.light *) {
  border-color: #c9bfbc;
  color: #604c44;
}
body > main:is(.login *) .password.widget .button:is(.modern *):is(.light *):hover {
  color: #93614e;
}
body > main:is(.login *) .password.widget .button.icon {
  padding: 0;
  aspect-ratio: 1/1;
  height: 100%;
}
body > main:is(.login *) .password.widget .button.icon span {
  background-repeat: no-repeat;
  background-position: center;
}
body > main:is(.login *) .password.widget .button.trash.icon span {
  background-size: 30px;
}
body > main:is(.login *) .password.widget .button.trash.icon span:is(.dark *) {
  background-image: var(--icon-trash-dark);
}
body > main:is(.login *) .password.widget .button.trash.icon span:is(.light *) {
  background-image: var(--icon-trash-light);
}
body > main:is(.login *) .password.widget .button.close.icon span {
  background-size: 40%;
}
body > main:is(.login *) .password.widget .button.close.icon span:is(.dark *) {
  background-image: var(--icon-cross-dark);
}
body > main:is(.login *) .password.widget .button.close.icon span:is(.light *) {
  background-image: var(--icon-cross-light);
}
body > main:is(.login *) .password.widget .button.minimize.icon .dash {
  width: 14px;
  height: 1px;
  border-radius: 1px;
  background-color: #d09074;
  margin-top: 10px;
}
body > main:is(.login *) .password.widget .button.minimize.icon .dash:is(.dark *) {
  background-color: #d09074;
}
body > main:is(.login *) .password.widget .button.minimize.icon .dash:is(.light *) {
  background-color: #9b8b84;
}
body > main:is(.login *) .password.widget .button.settings.icon span {
  background-image: var(--icon-settings);
}
body > main:is(.login *) .password.widget .button.settings.icon span svg {
  width: var(--height);
}
body > main:is(.login *) .password.widget .button.settings.icon span svg .b {
  stroke: #9b8b84;
  stroke-miterlimit: 10;
}
body > main:is(.login *) .password.widget .button.save.icon span {
  background-size: 16px;
}
body > main:is(.login *) .password.widget .button.save.icon span:is(.dark *) {
  background-image: var(--icon-save-dark);
}
body > main:is(.login *) .password.widget .button.save.icon span:is(.light *) {
  background-image: var(--icon-save-light);
}
body > main:is(.login *) .password.widget .button:is(.modern *):is(.dark *, .light *) {
  border-color: transparent;
}
body > main:is(.login *) .password.widget .button span {
  background-repeat: no-repeat;
  background-size: 55%;
  background-position: center;
  background-image: var(--eye-off);
}
body > main:is(.login *) .password.widget .button span:is(.dark *) {
  --eye-off: var(--eye-off-dark);
  --eye-on: var(--eye-on-dark);
}
body > main:is(.login *) .password.widget .button span:is(.light *) {
  --eye-off: var(--eye-off-light);
  --eye-on: var(--eye-on-light);
}
body > main:is(.login *) .password.widget .button span:is(.showed *) {
  background-image: var(--eye-on);
}
body > main:is(.login *) input {
  width: 100%;
  font-family: var(--sans-serif);
  font-size: var(--sans-serif-size);
  font-family: var(--monospace);
  font-size: var(--monospace-size);
}
body > main:is(.login *) input:is([type=text], [type=search], [type=password], [type=date], [type=time], textarea) {
  padding: 0 0.5rem;
}
body > main:is(.login *) input:is(.dark *) {
  color: #cccccc;
}
body > main:is(.login *) input:is(.light *) {
  color: #333333;
}
body > main:is(.login *) input:is(.classic *) {
  border-width: 0.0625rem;
  border-style: solid;
}
body > main:is(.login *) input:is(.classic *)[type="text"],
body > main:is(.login *) input:is(.classic *)[type="date"],
body > main:is(.login *) input:is(.classic *)[type="time"],
body > main:is(.login *) input:is(.classic *)[type="search"],
body > main:is(.login *) input:is(.classic *)[type="password"] {
  height: 2.25rem;
}
body > main:is(.login *) input:is(.classic *):is(.dark *) {
  border-bottom-color: #413e3e;
  border-right-color: #413e3e;
  border-top-color: #0c0c0c;
  border-left-color: #0c0c0c;
  background-color: #1e1d1d;
}
body > main:is(.login *) input:is(.modern *) {
  border-radius: 0.25rem;
  border-width: 2px;
  border-style: solid;
}
body > main:is(.login *) input:is(.modern *)[type="text"],
body > main:is(.login *) input:is(.modern *)[type="date"],
body > main:is(.login *) input:is(.modern *)[type="time"],
body > main:is(.login *) input:is(.modern *)[type="search"],
body > main:is(.login *) input:is(.modern *)[type="password"] {
  height: 2.25rem;
}
body > main:is(.login *) input:is(.modern *):is(.dark *) {
  background-color: #1e1d1d;
  border-color: #383433;
}
body > main:is(.login *) input:is(.modern *):is(.light *) {
  background-color: #fffbfb;
  border-color: #c9bfbc;
}
body > main:is(.login *) input[type=file] {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  position: absolute;
  z-index: 7;
  cursor: pointer;
}
body > main:is(.login *) input[type=file]::-webkit-file-upload-button {
  cursor: pointer;
}
body > main:is(.login *) input[type=radio] {
  appearance: none;
  cursor: pointer;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
}
body > main:is(.login *) input[type=radio]:is(.modern *):is(.dark *):checked {
  background-color: #ff4e00;
  border-color: #802600;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
}
body > main:is(.login *) input[type=radio]:is(.modern *):is(.light *):checked {
  background-color: #ff4e00;
  border-color: #ff9466;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
}
body > main:is(.login *) input[type=radio]:is(.classic *):is(.dark *):checked {
  background-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  border-top-color: #330f00;
  border-left-color: #330f00;
  border-bottom-color: #802600;
  border-right-color: #802600;
  border-width: 1.4px;
}
body > main:is(.login *) input[type=checkbox] {
  appearance: none;
  cursor: pointer;
  aspect-ratio: 1 / 1;
}
body > main:is(.login *) input[type=checkbox]:is(.modern *) {
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 2px;
}
body > main:is(.login *) input[type=checkbox]:is(.modern *):is(.dark *) {
  background-color: #1e1d1d;
  border-color: #383433;
}
body > main:is(.login *) input[type=checkbox]:is(.modern *):is(.dark *):checked {
  background-color: #ff4e00;
  border-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
}
body > main:is(.login *) input[type=checkbox]:is(.modern *):is(.light *) {
  background-color: #fffbfb;
  border-color: #c9bfbc;
}
body > main:is(.login *) input[type=checkbox]:is(.modern *):is(.light *):checked {
  background-color: #ff4e00;
  border-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
}
body > main:is(.login *) input[type=checkbox]:is(.classic *):checked {
  background-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
  border-bottom: 2px solid #bd3900;
  border-right: 2px solid #bd3900;
  border-top: 2px solid #762300;
  border-left: 2px solid #762300;
}
body > main:is(.login *) .button {
  display: grid;
  position: relative;
  overflow: hidden;
  min-width: max-content;
  cursor: pointer;
  padding: 0.25rem 1rem;
}
@media (width < 24rem) {
  body > main:is(.login *) .button {
    padding: 0.25rem 0.25rem;
  }
}
body > main:is(.login *) .button.upload {
  padding: 0;
}
body > main:is(.login *) .button > span {
  user-select: none;
  font-family: var(--sans-serif);
  font-size: var(--sans-serif-size);
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  align-content: center;
  height: 100%;
  width: 100%;
  position: relative;
}
body > main:is(.login *) .button > span:is(.upload > *) {
  padding: 0.25rem 1rem;
}
body > main:is(.login *) .button:is(.classic *):is(.dark *) {
  color: #d5bfae;
  background: url(../img/button-top-left.png) top left no-repeat, url(../img/button-top-right.png) top right no-repeat, url(../img/button-bottom-left.png) bottom left no-repeat, url(../img/button-bottom-right.png) bottom right no-repeat, url(../img/button-top.png) top repeat-x, url(../img/button-bottom.png) bottom repeat-x, url(../img/button-left.png) left repeat-y, url(../img/button-right.png) right repeat-y, url(../img/button-center.png) center / cover no-repeat;
}
body > main:is(.login *) .button:is(.classic *):is(.dark *):active:is(.classic.dark *) {
  color: #e4845a;
  background: url(../img/pressed-top-left.png) top left no-repeat, url(../img/pressed-top-right.png) top right no-repeat, url(../img/pressed-bottom-left.png) bottom left no-repeat, url(../img/pressed-bottom-right.png) bottom right no-repeat, url(../img/pressed-top.png) top repeat-x, url(../img/pressed-bottom.png) bottom repeat-x, url(../img/pressed-left.png) left repeat-y, url(../img/pressed-right.png) right repeat-y, url(../img/pressed-center.png) center / cover no-repeat;
}
body > main:is(.login *) .button:is(.classic *):is(.dark *):active:is(.classic.dark *) > span {
  transform: translate(0, 1px);
}
body > main:is(.login *) .button:is(.modern *) {
  border-style: solid;
  border-width: 2px;
  border-radius: 0.25rem;
}
body > main:is(.login *) .button:is(.modern *):is(.dark *) {
  border-color: #383433;
  color: #d5bfae;
}
body > main:is(.login *) .button:is(.modern *):is(.dark *):hover {
  color: #e9c3a6;
}
body > main:is(.login *) .button:is(.modern *):is(.light *) {
  border-color: #c9bfbc;
  color: #604c44;
}
body > main:is(.login *) .button:is(.modern *):is(.light *):hover {
  color: #93614e;
}
body > main:is(.login *) .button.icon {
  padding: 0;
  aspect-ratio: 1/1;
  height: 100%;
}
body > main:is(.login *) .button.icon span {
  background-repeat: no-repeat;
  background-position: center;
}
body > main:is(.login *) .button.trash.icon span {
  background-size: 30px;
}
body > main:is(.login *) .button.trash.icon span:is(.dark *) {
  background-image: var(--icon-trash-dark);
}
body > main:is(.login *) .button.trash.icon span:is(.light *) {
  background-image: var(--icon-trash-light);
}
body > main:is(.login *) .button.close.icon span {
  background-size: 40%;
}
body > main:is(.login *) .button.close.icon span:is(.dark *) {
  background-image: var(--icon-cross-dark);
}
body > main:is(.login *) .button.close.icon span:is(.light *) {
  background-image: var(--icon-cross-light);
}
body > main:is(.login *) .button.minimize.icon .dash {
  width: 14px;
  height: 1px;
  border-radius: 1px;
  background-color: #d09074;
  margin-top: 10px;
}
body > main:is(.login *) .button.minimize.icon .dash:is(.dark *) {
  background-color: #d09074;
}
body > main:is(.login *) .button.minimize.icon .dash:is(.light *) {
  background-color: #9b8b84;
}
body > main:is(.login *) .button.settings.icon span {
  background-image: var(--icon-settings);
}
body > main:is(.login *) .button.settings.icon span svg {
  width: var(--height);
}
body > main:is(.login *) .button.settings.icon span svg .b {
  stroke: #9b8b84;
  stroke-miterlimit: 10;
}
body > main:is(.login *) .button.save.icon span {
  background-size: 16px;
}
body > main:is(.login *) .button.save.icon span:is(.dark *) {
  background-image: var(--icon-save-dark);
}
body > main:is(.login *) .button.save.icon span:is(.light *) {
  background-image: var(--icon-save-light);
}
body > main:is(.login *) .button:is(form > .button) {
  min-height: 36px;
  width: max-content;
  padding: 0 16px;
  justify-self: center;
}
body > main:is(.login *) .center {
  display: grid;
  grid-template-rows: auto auto auto auto 1fr auto;
  grid-area: center;
  row-gap: 16px;
}
body > main:is(.login *) .center .error {
  display: grid;
  align-items: center;
  text-align: center;
  min-height: 64px;
  color: red;
}
body > main:is(.login *) .center .setup {
  display: grid;
  align-content: center;
  justify-content: center;
  min-height: 32px;
}
body > main:is(.login *) .center .support {
  display: grid;
  justify-content: center;
  padding-bottom: 32px;
}
body > main:is(.login *) .center .support a {
  text-decoration: none;
  padding: 8px 16px;
}
body > main:is(.login *) .center .support a:is(.dark *) {
  color: #d09074;
}
body > main:is(.login *) .center .support a:is(.dark *):hover {
  color: #ffcab3;
}
body > main:is(.login *) .center .support a:is(.light *) {
  color: #764646;
}
body > main:is(.login *) .center .support a:is(.light *):hover {
  color: #bb381a;
}
body > main > section:not(:target) {
  display: none !important;
}
@media (max-width: 1023px) {
  body > .milk:is(body.menu *) {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.7;
    z-index: 5;
  }
  body > .milk:is(body.menu *):is(.dark *) {
    background-color: #181010;
  }
  body > .milk:is(body.menu *):is(.light *) {
    background-color: #18101071;
  }
}
body > .notify {
  position: absolute;
  z-index: 800;
  display: inline-grid;
  pointer-events: none;
}
@media (max-width: 1023px) {
  body > .notify {
    top: 48px;
    right: 5px;
  }
}
@media (min-width: 1024px) {
  body > .notify {
    top: 38px;
    right: 94px;
  }
}
body > .notify .info {
  padding: 15px;
  margin-bottom: 10px;
  justify-self: right;
  border-width: 2px;
  border-style: solid;
  max-height: 200px;
  overflow-y: auto;
}
body > .notify .info:is(.modern *) {
  border-radius: 5px;
}
body > .notify .info:is(.classic *) {
  box-shadow: 4px 5px 0px 0 #00000077;
}
body > .notify .info.result:is(.dark.classic *),
body > .notify .info.notify:is(.dark.classic *) {
  background-color: #292827ed;
  border-color: #999999;
  color: #ffffff;
}
body > .notify .info.result:is(.dark.modern *),
body > .notify .info.notify:is(.dark.modern *) {
  background-color: #e9e0ddcc;
  border-color: #e9e0ddcc;
  color: #000000;
}
body > .notify .info.result:is(.light *),
body > .notify .info.notify:is(.light *) {
  background-color: #4c3a36bf;
  border-color: #4c3a36bf;
  color: #ffffff;
}
body > .notify .info.warning:is(.dark.classic *) {
  background-color: #292827ed;
  border-color: #f5e624;
  color: #ffffff;
}
body > .notify .info.warning:is(.dark.modern *) {
  background-color: #e9e0ddcc;
  border-color: #f5e624;
  color: #000000;
}
body > .notify .info.warning:is(.light *) {
  background-color: #4c3a36bf;
  border-color: #f5e624;
  color: #ffffff;
}
body > .notify .info.error:is(.dark.classic *) {
  background-color: #940002c4;
  border-color: #999999;
  color: #ffffff;
}
body > .notify .info.error:is(.dark.modern *) {
  background-color: #940002c4;
  border-color: #940002c4;
  color: #ffffff;
}
body > .notify .info.error:is(.light *) {
  background-color: #940002c4;
  border-color: #940002c4;
  color: #ffffff;
}
body > .notify .info.timeout {
  overflow: hidden;
  height: 0 !important;
  transition: height 0.5s, opacity 0.2s, padding 0.5s, margin 0.5s;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  border-width: 0;
}
body > .notify .info a {
  text-decoration: none;
}
body > .notify .info a:is(.dark *) {
  color: #d09074;
}
body > .notify .info a:is(.dark *):hover {
  color: #ffcab3;
}
body > .notify .info a:is(.light *) {
  color: #764646;
}
body > .notify .info a:is(.light *):hover {
  color: #bb381a;
}
#start {
  overflow-y: auto;
  scrollbar-width: none;
  max-height: 100%;
}
@media (max-width: 1023px) {
  #start {
    padding: 16px 6px;
  }
}
@media (min-width: 1024px) {
  #start {
    padding: 16px;
  }
}
#start .panel {
  display: grid;
  row-gap: 1rem;
  align-content: start;
  border-width: 2px;
  border-style: solid;
  padding: 1rem;
}
#start .panel:is(.dark *) {
  color: #a08c81;
  background-color: #2e2b2b;
  border-color: #3c3939;
  background-image: url(../img/noise-dark.png);
}
#start .panel:is(.light *) {
  color: #c76a4c;
  background-color: #f7efee;
  border-color: #d6d2d1;
  background-image: url(../img/noise-dark.png);
}
#start .panel:is(.modern *) {
  border-radius: 0.3rem;
}
#start .panel:is(.classic *) {
  border-color: #393737;
}
#start .panel a {
  text-decoration: none;
}
#start .panel a:is(.dark *) {
  color: #d09074;
}
#start .panel a:is(.dark *):hover {
  color: #ffcab3;
}
#start .panel a:is(.light *) {
  color: #764646;
}
#start .panel a:is(.light *):hover {
  color: #bb381a;
}
#auth {
  display: grid;
  padding: 0 1rem 1rem 1rem;
  max-height: 100%;
  overflow-y: auto;
  scrollbar-width: none;
  row-gap: 1rem;
}
#auth .title {
  user-select: none;
  align-self: center;
  font-weight: 600;
}
#auth .title:is(.dark *) {
  color: #d5bfae;
}
#auth .title:is(.light *) {
  color: #604c44;
}
#auth input {
  width: 100%;
  font-family: var(--sans-serif);
  font-size: var(--sans-serif-size);
  font-family: var(--monospace);
  font-size: var(--monospace-size);
}
#auth input:is([type=text], [type=search], [type=password], [type=date], [type=time], textarea) {
  padding: 0 0.5rem;
}
#auth input:is(.dark *) {
  color: #cccccc;
}
#auth input:is(.light *) {
  color: #333333;
}
#auth input:is(.classic *) {
  border-width: 0.0625rem;
  border-style: solid;
}
#auth input:is(.classic *)[type="text"],
#auth input:is(.classic *)[type="date"],
#auth input:is(.classic *)[type="time"],
#auth input:is(.classic *)[type="search"],
#auth input:is(.classic *)[type="password"] {
  height: 2.25rem;
}
#auth input:is(.classic *):is(.dark *) {
  border-bottom-color: #413e3e;
  border-right-color: #413e3e;
  border-top-color: #0c0c0c;
  border-left-color: #0c0c0c;
  background-color: #1e1d1d;
}
#auth input:is(.modern *) {
  border-radius: 0.25rem;
  border-width: 2px;
  border-style: solid;
}
#auth input:is(.modern *)[type="text"],
#auth input:is(.modern *)[type="date"],
#auth input:is(.modern *)[type="time"],
#auth input:is(.modern *)[type="search"],
#auth input:is(.modern *)[type="password"] {
  height: 2.25rem;
}
#auth input:is(.modern *):is(.dark *) {
  background-color: #1e1d1d;
  border-color: #383433;
}
#auth input:is(.modern *):is(.light *) {
  background-color: #fffbfb;
  border-color: #c9bfbc;
}
#auth input[type=file] {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  position: absolute;
  z-index: 7;
  cursor: pointer;
}
#auth input[type=file]::-webkit-file-upload-button {
  cursor: pointer;
}
#auth input[type=radio] {
  appearance: none;
  cursor: pointer;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
}
#auth input[type=radio]:is(.modern *):is(.dark *):checked {
  background-color: #ff4e00;
  border-color: #802600;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
}
#auth input[type=radio]:is(.modern *):is(.light *):checked {
  background-color: #ff4e00;
  border-color: #ff9466;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
}
#auth input[type=radio]:is(.classic *):is(.dark *):checked {
  background-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  border-top-color: #330f00;
  border-left-color: #330f00;
  border-bottom-color: #802600;
  border-right-color: #802600;
  border-width: 1.4px;
}
#auth input[type=checkbox] {
  appearance: none;
  cursor: pointer;
  aspect-ratio: 1 / 1;
}
#auth input[type=checkbox]:is(.modern *) {
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 2px;
}
#auth input[type=checkbox]:is(.modern *):is(.dark *) {
  background-color: #1e1d1d;
  border-color: #383433;
}
#auth input[type=checkbox]:is(.modern *):is(.dark *):checked {
  background-color: #ff4e00;
  border-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
}
#auth input[type=checkbox]:is(.modern *):is(.light *) {
  background-color: #fffbfb;
  border-color: #c9bfbc;
}
#auth input[type=checkbox]:is(.modern *):is(.light *):checked {
  background-color: #ff4e00;
  border-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
}
#auth input[type=checkbox]:is(.classic *):checked {
  background-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
  border-bottom: 2px solid #bd3900;
  border-right: 2px solid #bd3900;
  border-top: 2px solid #762300;
  border-left: 2px solid #762300;
}
#auth .password.widget {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 0.3125rem;
}
#auth .password.widget:is(.classic *) {
  height: 2.25rem;
}
#auth .password.widget:is(.modern *) {
  height: 2.25rem;
}
#auth .password.widget:is(.modern *) {
  border-radius: 0.25rem;
  border-width: 2px;
  border-style: solid;
}
#auth .password.widget:is(.modern *):is(.dark *) {
  background-color: #1e1d1d;
  border-color: #383433;
}
#auth .password.widget:is(.modern *):is(.light *) {
  background-color: #fffbfb;
  border-color: #c9bfbc;
}
#auth .password.widget input {
  width: 100%;
  font-family: var(--sans-serif);
  font-size: var(--sans-serif-size);
  font-family: var(--monospace);
  font-size: var(--monospace-size);
}
#auth .password.widget input:is([type=text], [type=search], [type=password], [type=date], [type=time], textarea) {
  padding: 0 0.5rem;
}
#auth .password.widget input:is(.dark *) {
  color: #cccccc;
}
#auth .password.widget input:is(.light *) {
  color: #333333;
}
#auth .password.widget input:is(.classic *) {
  border-width: 0.0625rem;
  border-style: solid;
}
#auth .password.widget input:is(.classic *)[type="text"],
#auth .password.widget input:is(.classic *)[type="date"],
#auth .password.widget input:is(.classic *)[type="time"],
#auth .password.widget input:is(.classic *)[type="search"],
#auth .password.widget input:is(.classic *)[type="password"] {
  height: 2.25rem;
}
#auth .password.widget input:is(.classic *):is(.dark *) {
  border-bottom-color: #413e3e;
  border-right-color: #413e3e;
  border-top-color: #0c0c0c;
  border-left-color: #0c0c0c;
  background-color: #1e1d1d;
}
#auth .password.widget input:is(.modern *) {
  border-radius: 0.25rem;
  border-width: 2px;
  border-style: solid;
}
#auth .password.widget input:is(.modern *)[type="text"],
#auth .password.widget input:is(.modern *)[type="date"],
#auth .password.widget input:is(.modern *)[type="time"],
#auth .password.widget input:is(.modern *)[type="search"],
#auth .password.widget input:is(.modern *)[type="password"] {
  height: 2.25rem;
}
#auth .password.widget input:is(.modern *):is(.dark *) {
  background-color: #1e1d1d;
  border-color: #383433;
}
#auth .password.widget input:is(.modern *):is(.light *) {
  background-color: #fffbfb;
  border-color: #c9bfbc;
}
#auth .password.widget input[type=file] {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  position: absolute;
  z-index: 7;
  cursor: pointer;
}
#auth .password.widget input[type=file]::-webkit-file-upload-button {
  cursor: pointer;
}
#auth .password.widget input[type=radio] {
  appearance: none;
  cursor: pointer;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
}
#auth .password.widget input[type=radio]:is(.modern *):is(.dark *):checked {
  background-color: #ff4e00;
  border-color: #802600;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
}
#auth .password.widget input[type=radio]:is(.modern *):is(.light *):checked {
  background-color: #ff4e00;
  border-color: #ff9466;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
}
#auth .password.widget input[type=radio]:is(.classic *):is(.dark *):checked {
  background-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  border-top-color: #330f00;
  border-left-color: #330f00;
  border-bottom-color: #802600;
  border-right-color: #802600;
  border-width: 1.4px;
}
#auth .password.widget input[type=checkbox] {
  appearance: none;
  cursor: pointer;
  aspect-ratio: 1 / 1;
}
#auth .password.widget input[type=checkbox]:is(.modern *) {
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 2px;
}
#auth .password.widget input[type=checkbox]:is(.modern *):is(.dark *) {
  background-color: #1e1d1d;
  border-color: #383433;
}
#auth .password.widget input[type=checkbox]:is(.modern *):is(.dark *):checked {
  background-color: #ff4e00;
  border-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
}
#auth .password.widget input[type=checkbox]:is(.modern *):is(.light *) {
  background-color: #fffbfb;
  border-color: #c9bfbc;
}
#auth .password.widget input[type=checkbox]:is(.modern *):is(.light *):checked {
  background-color: #ff4e00;
  border-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
}
#auth .password.widget input[type=checkbox]:is(.classic *):checked {
  background-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
  border-bottom: 2px solid #bd3900;
  border-right: 2px solid #bd3900;
  border-top: 2px solid #762300;
  border-left: 2px solid #762300;
}
#auth .password.widget input:is(.modern.dark *, .modern.light *) {
  border-color: transparent;
  background-color: transparent;
}
#auth .password.widget .button {
  display: grid;
  position: relative;
  overflow: hidden;
  min-width: max-content;
  cursor: pointer;
  padding: 0.25rem 1rem;
  padding: 0;
  aspect-ratio: 1 / 1;
}
@media (width < 24rem) {
  #auth .password.widget .button {
    padding: 0.25rem 0.25rem;
  }
}
#auth .password.widget .button.upload {
  padding: 0;
}
#auth .password.widget .button > span {
  user-select: none;
  font-family: var(--sans-serif);
  font-size: var(--sans-serif-size);
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  align-content: center;
  height: 100%;
  width: 100%;
  position: relative;
}
#auth .password.widget .button > span:is(.upload > *) {
  padding: 0.25rem 1rem;
}
#auth .password.widget .button:is(.classic *):is(.dark *) {
  color: #d5bfae;
  background: url(../img/button-top-left.png) top left no-repeat, url(../img/button-top-right.png) top right no-repeat, url(../img/button-bottom-left.png) bottom left no-repeat, url(../img/button-bottom-right.png) bottom right no-repeat, url(../img/button-top.png) top repeat-x, url(../img/button-bottom.png) bottom repeat-x, url(../img/button-left.png) left repeat-y, url(../img/button-right.png) right repeat-y, url(../img/button-center.png) center / cover no-repeat;
}
#auth .password.widget .button:is(.classic *):is(.dark *):active:is(.classic.dark *) {
  color: #e4845a;
  background: url(../img/pressed-top-left.png) top left no-repeat, url(../img/pressed-top-right.png) top right no-repeat, url(../img/pressed-bottom-left.png) bottom left no-repeat, url(../img/pressed-bottom-right.png) bottom right no-repeat, url(../img/pressed-top.png) top repeat-x, url(../img/pressed-bottom.png) bottom repeat-x, url(../img/pressed-left.png) left repeat-y, url(../img/pressed-right.png) right repeat-y, url(../img/pressed-center.png) center / cover no-repeat;
}
#auth .password.widget .button:is(.classic *):is(.dark *):active:is(.classic.dark *) > span {
  transform: translate(0, 1px);
}
#auth .password.widget .button:is(.modern *) {
  border-style: solid;
  border-width: 2px;
  border-radius: 0.25rem;
}
#auth .password.widget .button:is(.modern *):is(.dark *) {
  border-color: #383433;
  color: #d5bfae;
}
#auth .password.widget .button:is(.modern *):is(.dark *):hover {
  color: #e9c3a6;
}
#auth .password.widget .button:is(.modern *):is(.light *) {
  border-color: #c9bfbc;
  color: #604c44;
}
#auth .password.widget .button:is(.modern *):is(.light *):hover {
  color: #93614e;
}
#auth .password.widget .button.icon {
  padding: 0;
  aspect-ratio: 1/1;
  height: 100%;
}
#auth .password.widget .button.icon span {
  background-repeat: no-repeat;
  background-position: center;
}
#auth .password.widget .button.trash.icon span {
  background-size: 30px;
}
#auth .password.widget .button.trash.icon span:is(.dark *) {
  background-image: var(--icon-trash-dark);
}
#auth .password.widget .button.trash.icon span:is(.light *) {
  background-image: var(--icon-trash-light);
}
#auth .password.widget .button.close.icon span {
  background-size: 40%;
}
#auth .password.widget .button.close.icon span:is(.dark *) {
  background-image: var(--icon-cross-dark);
}
#auth .password.widget .button.close.icon span:is(.light *) {
  background-image: var(--icon-cross-light);
}
#auth .password.widget .button.minimize.icon .dash {
  width: 14px;
  height: 1px;
  border-radius: 1px;
  background-color: #d09074;
  margin-top: 10px;
}
#auth .password.widget .button.minimize.icon .dash:is(.dark *) {
  background-color: #d09074;
}
#auth .password.widget .button.minimize.icon .dash:is(.light *) {
  background-color: #9b8b84;
}
#auth .password.widget .button.settings.icon span {
  background-image: var(--icon-settings);
}
#auth .password.widget .button.settings.icon span svg {
  width: var(--height);
}
#auth .password.widget .button.settings.icon span svg .b {
  stroke: #9b8b84;
  stroke-miterlimit: 10;
}
#auth .password.widget .button.save.icon span {
  background-size: 16px;
}
#auth .password.widget .button.save.icon span:is(.dark *) {
  background-image: var(--icon-save-dark);
}
#auth .password.widget .button.save.icon span:is(.light *) {
  background-image: var(--icon-save-light);
}
#auth .password.widget .button:is(.modern *):is(.dark *, .light *) {
  border-color: transparent;
}
#auth .password.widget .button span {
  background-repeat: no-repeat;
  background-size: 55%;
  background-position: center;
  background-image: var(--eye-off);
}
#auth .password.widget .button span:is(.dark *) {
  --eye-off: var(--eye-off-dark);
  --eye-on: var(--eye-on-dark);
}
#auth .password.widget .button span:is(.light *) {
  --eye-off: var(--eye-off-light);
  --eye-on: var(--eye-on-light);
}
#auth .password.widget .button span:is(.showed *) {
  background-image: var(--eye-on);
}
#auth .button {
  display: grid;
  position: relative;
  overflow: hidden;
  min-width: max-content;
  cursor: pointer;
  padding: 0.25rem 1rem;
}
@media (width < 24rem) {
  #auth .button {
    padding: 0.25rem 0.25rem;
  }
}
#auth .button.upload {
  padding: 0;
}
#auth .button > span {
  user-select: none;
  font-family: var(--sans-serif);
  font-size: var(--sans-serif-size);
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  align-content: center;
  height: 100%;
  width: 100%;
  position: relative;
}
#auth .button > span:is(.upload > *) {
  padding: 0.25rem 1rem;
}
#auth .button:is(.classic *):is(.dark *) {
  color: #d5bfae;
  background: url(../img/button-top-left.png) top left no-repeat, url(../img/button-top-right.png) top right no-repeat, url(../img/button-bottom-left.png) bottom left no-repeat, url(../img/button-bottom-right.png) bottom right no-repeat, url(../img/button-top.png) top repeat-x, url(../img/button-bottom.png) bottom repeat-x, url(../img/button-left.png) left repeat-y, url(../img/button-right.png) right repeat-y, url(../img/button-center.png) center / cover no-repeat;
}
#auth .button:is(.classic *):is(.dark *):active:is(.classic.dark *) {
  color: #e4845a;
  background: url(../img/pressed-top-left.png) top left no-repeat, url(../img/pressed-top-right.png) top right no-repeat, url(../img/pressed-bottom-left.png) bottom left no-repeat, url(../img/pressed-bottom-right.png) bottom right no-repeat, url(../img/pressed-top.png) top repeat-x, url(../img/pressed-bottom.png) bottom repeat-x, url(../img/pressed-left.png) left repeat-y, url(../img/pressed-right.png) right repeat-y, url(../img/pressed-center.png) center / cover no-repeat;
}
#auth .button:is(.classic *):is(.dark *):active:is(.classic.dark *) > span {
  transform: translate(0, 1px);
}
#auth .button:is(.modern *) {
  border-style: solid;
  border-width: 2px;
  border-radius: 0.25rem;
}
#auth .button:is(.modern *):is(.dark *) {
  border-color: #383433;
  color: #d5bfae;
}
#auth .button:is(.modern *):is(.dark *):hover {
  color: #e9c3a6;
}
#auth .button:is(.modern *):is(.light *) {
  border-color: #c9bfbc;
  color: #604c44;
}
#auth .button:is(.modern *):is(.light *):hover {
  color: #93614e;
}
#auth .button.icon {
  padding: 0;
  aspect-ratio: 1/1;
  height: 100%;
}
#auth .button.icon span {
  background-repeat: no-repeat;
  background-position: center;
}
#auth .button.trash.icon span {
  background-size: 30px;
}
#auth .button.trash.icon span:is(.dark *) {
  background-image: var(--icon-trash-dark);
}
#auth .button.trash.icon span:is(.light *) {
  background-image: var(--icon-trash-light);
}
#auth .button.close.icon span {
  background-size: 40%;
}
#auth .button.close.icon span:is(.dark *) {
  background-image: var(--icon-cross-dark);
}
#auth .button.close.icon span:is(.light *) {
  background-image: var(--icon-cross-light);
}
#auth .button.minimize.icon .dash {
  width: 14px;
  height: 1px;
  border-radius: 1px;
  background-color: #d09074;
  margin-top: 10px;
}
#auth .button.minimize.icon .dash:is(.dark *) {
  background-color: #d09074;
}
#auth .button.minimize.icon .dash:is(.light *) {
  background-color: #9b8b84;
}
#auth .button.settings.icon span {
  background-image: var(--icon-settings);
}
#auth .button.settings.icon span svg {
  width: var(--height);
}
#auth .button.settings.icon span svg .b {
  stroke: #9b8b84;
  stroke-miterlimit: 10;
}
#auth .button.save.icon span {
  background-size: 16px;
}
#auth .button.save.icon span:is(.dark *) {
  background-image: var(--icon-save-dark);
}
#auth .button.save.icon span:is(.light *) {
  background-image: var(--icon-save-light);
}
#auth .button.save {
  max-width: max-content;
  justify-self: center;
}
#auth .panel {
  display: grid;
  row-gap: 1rem;
  align-content: start;
  border-width: 2px;
  border-style: solid;
  padding: 1rem;
}
#auth .panel:is(.dark *) {
  color: #a08c81;
  background-color: #2e2b2b;
  border-color: #3c3939;
  background-image: url(../img/noise-dark.png);
}
#auth .panel:is(.light *) {
  color: #c76a4c;
  background-color: #f7efee;
  border-color: #d6d2d1;
  background-image: url(../img/noise-dark.png);
}
#auth .panel:is(.modern *) {
  border-radius: 0.3rem;
}
#auth .panel:is(.classic *) {
  border-color: #393737;
}
@media (max-width: 1370px) {
  #auth form {
    width: max-content;
    row-gap: 16px;
    padding: 16px 12px;
  }
}
@media (min-width: 1371px) {
  #auth form {
    grid-auto-flow: column;
    column-gap: 16px;
    justify-content: left;
    padding: 16px;
  }
}
#auth form label {
  display: grid;
}
@media (max-width: 1370px) {
  #auth form label {
    gap: 3px;
  }
}
@media (min-width: 1371px) {
  #auth form label {
    grid-template-columns: auto auto;
    gap: 12px;
  }
}
#auth .active,
#auth .history {
  display: grid;
  row-gap: 8px;
}
@media (min-width: 1024px) {
  #auth .active .sessions,
  #auth .history .sessions {
    grid-template-columns: auto auto auto 1fr;
  }
}
@media (max-width: 1023px) {
  #auth .active .sessions,
  #auth .history .sessions {
    row-gap: 16px;
    grid-template-columns: auto auto 1fr min-content;
  }
}
#auth .active .sessions .row,
#auth .history .sessions .row {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1 / -1;
  column-gap: 8px;
  font-size: 14px;
}
@media (max-width: 1023px) {
  #auth .active .sessions .row,
  #auth .history .sessions .row {
    grid-template-areas: "date ip . del" "agent agent agent .";
  }
}
#auth .active .sessions .row:is(.dark *),
#auth .history .sessions .row:is(.dark *) {
  color: #b3aaa3;
}
#auth .active .sessions .row:is(.light *),
#auth .history .sessions .row:is(.light *) {
  color: #52473d;
}
#auth .active .sessions .row.current:is(.dark *),
#auth .history .sessions .row.current:is(.dark *) {
  color: #78ca78;
}
#auth .active .sessions .row.current:is(.light *),
#auth .history .sessions .row.current:is(.light *) {
  color: #008917;
}
#auth .active .sessions .row .close,
#auth .history .sessions .row .close {
  height: 24px;
}
#auth .active .sessions .row .date,
#auth .history .sessions .row .date,
#auth .active .sessions .row .ip,
#auth .history .sessions .row .ip {
  display: grid;
  align-content: center;
  padding: 0 0.3125rem;
  justify-content: center;
}
#auth .active .sessions .row .date:is(.classic *):is(.dark *),
#auth .history .sessions .row .date:is(.classic *):is(.dark *),
#auth .active .sessions .row .ip:is(.classic *):is(.dark *),
#auth .history .sessions .row .ip:is(.classic *):is(.dark *) {
  border-bottom: 1px solid #413e3e;
  border-right: 1px solid #413e3e;
  border-top: 1px solid #111;
  border-left: 1px solid #111;
  background-color: #292727;
}
#auth .active .sessions .row .date:is(.modern *),
#auth .history .sessions .row .date:is(.modern *),
#auth .active .sessions .row .ip:is(.modern *),
#auth .history .sessions .row .ip:is(.modern *) {
  padding: 0;
}
#auth .active .sessions .row .agent,
#auth .history .sessions .row .agent {
  align-content: center;
}
@media (max-width: 1023px) {
  #auth .active .sessions .row .agent,
  #auth .history .sessions .row .agent {
    grid-area: agent;
  }
}
#phpinfo {
  font-family: var(--sans-serif);
  overflow-y: scroll;
  scrollbar-width: none;
  height: 100%;
  padding: 0 1rem 1rem 1rem;
}
#phpinfo:is(.dark *) {
  color: #a38173;
}
#phpinfo:is(.light *) {
  color: #563939;
}
@media (max-width: 1023px) {
  #phpinfo {
    padding: 0 6px 6px 6px;
  }
  #phpinfo .e {
    word-break: break-word;
    min-width: 100px;
    max-width: 33%;
  }
  #phpinfo .h {
    word-break: break-word;
  }
  #phpinfo .v {
    word-break: break-word;
  }
}
@media (min-width: 1024px) {
  #phpinfo .e {
    min-width: 200px;
    width: 33%;
  }
  #phpinfo .v {
    word-break: break-word;
  }
}
#phpinfo td a img {
  display: none;
}
#phpinfo pre {
  margin: 0;
  font-family: var(--monospace);
}
#phpinfo table {
  border-collapse: collapse;
  border: 0;
  width: 100%;
}
#phpinfo .center {
  text-align: center;
}
@media (min-width: 1024px) {
  #phpinfo .center table:first-child {
    margin-top: 0;
  }
}
#phpinfo .center table {
  margin: 16px auto;
  text-align: left;
}
#phpinfo td,
#phpinfo th {
  border-width: 1px;
  border-style: solid;
  font-size: 75%;
  vertical-align: baseline;
  padding: 4px 5px;
}
#phpinfo td:is(.dark *),
#phpinfo th:is(.dark *) {
  border-color: #383433;
}
#phpinfo td:is(.light *),
#phpinfo th:is(.light *) {
  border-color: #fffbfb;
}
#phpinfo th {
  position: sticky;
  top: 0;
  background-color: inherit;
}
#phpinfo h1 {
  font-size: 150%;
}
#phpinfo h2 {
  font-size: 125%;
}
#phpinfo .p {
  text-align: left;
  margin: 0;
}
#phpinfo .e {
  font-weight: bold;
}
#phpinfo .e:is(.dark *) {
  background-color: #1e1d1d;
}
#phpinfo .e:is(.light *) {
  background-color: #ede9e8;
}
#phpinfo .h {
  font-weight: bold;
}
#phpinfo .h:is(.dark *) {
  background-color: #373434;
}
#phpinfo .h:is(.light *) {
  background-color: #d7cac7;
}
#phpinfo .v {
  overflow-x: auto;
}
#phpinfo .v:is(.dark *) {
  background-color: #1e1d1d;
}
#phpinfo .v:is(.light *) {
  background-color: #ede9e8;
}
#phpinfo .v i {
  color: #b39393;
}
#phpinfo img {
  float: right;
  border: 0;
}
#phpinfo hr {
  width: 100%;
  background-color: #615858;
  border: 0;
  height: 1px;
}
#phpinfo th {
  border-color: transparent;
}
#phpinfo tr:hover td:is(.dark *) {
  background-color: #111111;
}
#phpinfo tr:hover td:is(.light *) {
  background-color: #f8f2f2;
}
#fonts {
  display: grid;
  padding: 0 1rem 1rem 1rem;
  gap: 1rem;
  overflow-y: auto;
  scrollbar-width: none;
  max-height: 100%;
}
@media (max-width: 1023px) {
  #fonts {
    grid-template-areas: "settings" "help";
  }
}
@media (min-width: 1024px) {
  #fonts {
    grid-template-columns: auto 1fr;
    grid-template-areas: "settings help";
  }
}
#fonts .button {
  display: grid;
  position: relative;
  overflow: hidden;
  min-width: max-content;
  cursor: pointer;
  padding: 0.25rem 1rem;
  min-height: 36px;
  max-width: max-content;
  padding: 0 16px;
  justify-self: center;
}
@media (width < 24rem) {
  #fonts .button {
    padding: 0.25rem 0.25rem;
  }
}
#fonts .button.upload {
  padding: 0;
}
#fonts .button > span {
  user-select: none;
  font-family: var(--sans-serif);
  font-size: var(--sans-serif-size);
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  align-content: center;
  height: 100%;
  width: 100%;
  position: relative;
}
#fonts .button > span:is(.upload > *) {
  padding: 0.25rem 1rem;
}
#fonts .button:is(.classic *):is(.dark *) {
  color: #d5bfae;
  background: url(../img/button-top-left.png) top left no-repeat, url(../img/button-top-right.png) top right no-repeat, url(../img/button-bottom-left.png) bottom left no-repeat, url(../img/button-bottom-right.png) bottom right no-repeat, url(../img/button-top.png) top repeat-x, url(../img/button-bottom.png) bottom repeat-x, url(../img/button-left.png) left repeat-y, url(../img/button-right.png) right repeat-y, url(../img/button-center.png) center / cover no-repeat;
}
#fonts .button:is(.classic *):is(.dark *):active:is(.classic.dark *) {
  color: #e4845a;
  background: url(../img/pressed-top-left.png) top left no-repeat, url(../img/pressed-top-right.png) top right no-repeat, url(../img/pressed-bottom-left.png) bottom left no-repeat, url(../img/pressed-bottom-right.png) bottom right no-repeat, url(../img/pressed-top.png) top repeat-x, url(../img/pressed-bottom.png) bottom repeat-x, url(../img/pressed-left.png) left repeat-y, url(../img/pressed-right.png) right repeat-y, url(../img/pressed-center.png) center / cover no-repeat;
}
#fonts .button:is(.classic *):is(.dark *):active:is(.classic.dark *) > span {
  transform: translate(0, 1px);
}
#fonts .button:is(.modern *) {
  border-style: solid;
  border-width: 2px;
  border-radius: 0.25rem;
}
#fonts .button:is(.modern *):is(.dark *) {
  border-color: #383433;
  color: #d5bfae;
}
#fonts .button:is(.modern *):is(.dark *):hover {
  color: #e9c3a6;
}
#fonts .button:is(.modern *):is(.light *) {
  border-color: #c9bfbc;
  color: #604c44;
}
#fonts .button:is(.modern *):is(.light *):hover {
  color: #93614e;
}
#fonts .button.icon {
  padding: 0;
  aspect-ratio: 1/1;
  height: 100%;
}
#fonts .button.icon span {
  background-repeat: no-repeat;
  background-position: center;
}
#fonts .button.trash.icon span {
  background-size: 30px;
}
#fonts .button.trash.icon span:is(.dark *) {
  background-image: var(--icon-trash-dark);
}
#fonts .button.trash.icon span:is(.light *) {
  background-image: var(--icon-trash-light);
}
#fonts .button.close.icon span {
  background-size: 40%;
}
#fonts .button.close.icon span:is(.dark *) {
  background-image: var(--icon-cross-dark);
}
#fonts .button.close.icon span:is(.light *) {
  background-image: var(--icon-cross-light);
}
#fonts .button.minimize.icon .dash {
  width: 14px;
  height: 1px;
  border-radius: 1px;
  background-color: #d09074;
  margin-top: 10px;
}
#fonts .button.minimize.icon .dash:is(.dark *) {
  background-color: #d09074;
}
#fonts .button.minimize.icon .dash:is(.light *) {
  background-color: #9b8b84;
}
#fonts .button.settings.icon span {
  background-image: var(--icon-settings);
}
#fonts .button.settings.icon span svg {
  width: var(--height);
}
#fonts .button.settings.icon span svg .b {
  stroke: #9b8b84;
  stroke-miterlimit: 10;
}
#fonts .button.save.icon span {
  background-size: 16px;
}
#fonts .button.save.icon span:is(.dark *) {
  background-image: var(--icon-save-dark);
}
#fonts .button.save.icon span:is(.light *) {
  background-image: var(--icon-save-light);
}
#fonts input,
#fonts textarea {
  width: 100%;
  font-family: var(--sans-serif);
  font-size: var(--sans-serif-size);
}
#fonts input:is([type=text], [type=search], [type=password], [type=date], [type=time], textarea),
#fonts textarea:is([type=text], [type=search], [type=password], [type=date], [type=time], textarea) {
  padding: 0 0.5rem;
}
#fonts input:is(.dark *),
#fonts textarea:is(.dark *) {
  color: #cccccc;
}
#fonts input:is(.light *),
#fonts textarea:is(.light *) {
  color: #333333;
}
#fonts input:is(.classic *),
#fonts textarea:is(.classic *) {
  border-width: 0.0625rem;
  border-style: solid;
}
#fonts input:is(.classic *)[type="text"],
#fonts textarea:is(.classic *)[type="text"],
#fonts input:is(.classic *)[type="date"],
#fonts textarea:is(.classic *)[type="date"],
#fonts input:is(.classic *)[type="time"],
#fonts textarea:is(.classic *)[type="time"],
#fonts input:is(.classic *)[type="search"],
#fonts textarea:is(.classic *)[type="search"],
#fonts input:is(.classic *)[type="password"],
#fonts textarea:is(.classic *)[type="password"] {
  height: 2.25rem;
}
#fonts input:is(.classic *):is(.dark *),
#fonts textarea:is(.classic *):is(.dark *) {
  border-bottom-color: #413e3e;
  border-right-color: #413e3e;
  border-top-color: #0c0c0c;
  border-left-color: #0c0c0c;
  background-color: #1e1d1d;
}
#fonts input:is(.modern *),
#fonts textarea:is(.modern *) {
  border-radius: 0.25rem;
  border-width: 2px;
  border-style: solid;
}
#fonts input:is(.modern *)[type="text"],
#fonts textarea:is(.modern *)[type="text"],
#fonts input:is(.modern *)[type="date"],
#fonts textarea:is(.modern *)[type="date"],
#fonts input:is(.modern *)[type="time"],
#fonts textarea:is(.modern *)[type="time"],
#fonts input:is(.modern *)[type="search"],
#fonts textarea:is(.modern *)[type="search"],
#fonts input:is(.modern *)[type="password"],
#fonts textarea:is(.modern *)[type="password"] {
  height: 2.25rem;
}
#fonts input:is(.modern *):is(.dark *),
#fonts textarea:is(.modern *):is(.dark *) {
  background-color: #1e1d1d;
  border-color: #383433;
}
#fonts input:is(.modern *):is(.light *),
#fonts textarea:is(.modern *):is(.light *) {
  background-color: #fffbfb;
  border-color: #c9bfbc;
}
#fonts input[type=file],
#fonts textarea[type=file] {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  position: absolute;
  z-index: 7;
  cursor: pointer;
}
#fonts input[type=file]::-webkit-file-upload-button,
#fonts textarea[type=file]::-webkit-file-upload-button {
  cursor: pointer;
}
#fonts input[type=radio],
#fonts textarea[type=radio] {
  appearance: none;
  cursor: pointer;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
}
#fonts input[type=radio]:is(.modern *):is(.dark *):checked,
#fonts textarea[type=radio]:is(.modern *):is(.dark *):checked {
  background-color: #ff4e00;
  border-color: #802600;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
}
#fonts input[type=radio]:is(.modern *):is(.light *):checked,
#fonts textarea[type=radio]:is(.modern *):is(.light *):checked {
  background-color: #ff4e00;
  border-color: #ff9466;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
}
#fonts input[type=radio]:is(.classic *):is(.dark *):checked,
#fonts textarea[type=radio]:is(.classic *):is(.dark *):checked {
  background-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  border-top-color: #330f00;
  border-left-color: #330f00;
  border-bottom-color: #802600;
  border-right-color: #802600;
  border-width: 1.4px;
}
#fonts input[type=checkbox],
#fonts textarea[type=checkbox] {
  appearance: none;
  cursor: pointer;
  aspect-ratio: 1 / 1;
}
#fonts input[type=checkbox]:is(.modern *),
#fonts textarea[type=checkbox]:is(.modern *) {
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 2px;
}
#fonts input[type=checkbox]:is(.modern *):is(.dark *),
#fonts textarea[type=checkbox]:is(.modern *):is(.dark *) {
  background-color: #1e1d1d;
  border-color: #383433;
}
#fonts input[type=checkbox]:is(.modern *):is(.dark *):checked,
#fonts textarea[type=checkbox]:is(.modern *):is(.dark *):checked {
  background-color: #ff4e00;
  border-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
}
#fonts input[type=checkbox]:is(.modern *):is(.light *),
#fonts textarea[type=checkbox]:is(.modern *):is(.light *) {
  background-color: #fffbfb;
  border-color: #c9bfbc;
}
#fonts input[type=checkbox]:is(.modern *):is(.light *):checked,
#fonts textarea[type=checkbox]:is(.modern *):is(.light *):checked {
  background-color: #ff4e00;
  border-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
}
#fonts input[type=checkbox]:is(.classic *):checked,
#fonts textarea[type=checkbox]:is(.classic *):checked {
  background-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
  border-bottom: 2px solid #bd3900;
  border-right: 2px solid #bd3900;
  border-top: 2px solid #762300;
  border-left: 2px solid #762300;
}
#fonts .title {
  user-select: none;
  align-self: center;
  font-weight: 600;
}
#fonts .title:is(.dark *) {
  color: #d5bfae;
}
#fonts .title:is(.light *) {
  color: #604c44;
}
#fonts .panel {
  display: grid;
  row-gap: 1rem;
  align-content: start;
  border-width: 2px;
  border-style: solid;
  padding: 1rem;
}
#fonts .panel:is(.dark *) {
  color: #a08c81;
  background-color: #2e2b2b;
  border-color: #3c3939;
  background-image: url(../img/noise-dark.png);
}
#fonts .panel:is(.light *) {
  color: #c76a4c;
  background-color: #f7efee;
  border-color: #d6d2d1;
  background-image: url(../img/noise-dark.png);
}
#fonts .panel:is(.modern *) {
  border-radius: 0.3rem;
}
#fonts .panel:is(.classic *) {
  border-color: #393737;
}
@media (max-width: 1023px) {
  #fonts .settings {
    padding: 16px 12px 16px 12px;
  }
}
@media (min-width: 1024px) {
  #fonts .settings {
    padding: 16px;
  }
}
#fonts .settings .variative,
#fonts .settings .monotype {
  display: grid;
  gap: 3px;
}
#fonts .settings .variative .title,
#fonts .settings .monotype .title {
  margin-bottom: 7px;
}
#fonts .settings .variative input,
#fonts .settings .monotype input {
  font-size: 14px;
  font-family: var(--monospace);
  padding: 0 8px 0 8px;
}
@media (max-width: 1023px) {
  #fonts .help {
    padding: 16px 12px 16px 12px;
  }
}
@media (min-width: 1024px) {
  #fonts .help {
    padding: 16px;
  }
}
#modules {
  display: grid;
  padding: 0 1rem 1rem 1rem;
  height: 100%;
  overflow-y: auto;
  scrollbar-width: none;
  grid-auto-rows: max-content;
  row-gap: 1rem;
}
#modules input {
  width: 100%;
  font-family: var(--sans-serif);
  font-size: var(--sans-serif-size);
}
#modules input:is([type=text], [type=search], [type=password], [type=date], [type=time], textarea) {
  padding: 0 0.5rem;
}
#modules input:is(.dark *) {
  color: #cccccc;
}
#modules input:is(.light *) {
  color: #333333;
}
#modules input:is(.classic *) {
  border-width: 0.0625rem;
  border-style: solid;
}
#modules input:is(.classic *)[type="text"],
#modules input:is(.classic *)[type="date"],
#modules input:is(.classic *)[type="time"],
#modules input:is(.classic *)[type="search"],
#modules input:is(.classic *)[type="password"] {
  height: 2.25rem;
}
#modules input:is(.classic *):is(.dark *) {
  border-bottom-color: #413e3e;
  border-right-color: #413e3e;
  border-top-color: #0c0c0c;
  border-left-color: #0c0c0c;
  background-color: #1e1d1d;
}
#modules input:is(.modern *) {
  border-radius: 0.25rem;
  border-width: 2px;
  border-style: solid;
}
#modules input:is(.modern *)[type="text"],
#modules input:is(.modern *)[type="date"],
#modules input:is(.modern *)[type="time"],
#modules input:is(.modern *)[type="search"],
#modules input:is(.modern *)[type="password"] {
  height: 2.25rem;
}
#modules input:is(.modern *):is(.dark *) {
  background-color: #1e1d1d;
  border-color: #383433;
}
#modules input:is(.modern *):is(.light *) {
  background-color: #fffbfb;
  border-color: #c9bfbc;
}
#modules input[type=file] {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  position: absolute;
  z-index: 7;
  cursor: pointer;
}
#modules input[type=file]::-webkit-file-upload-button {
  cursor: pointer;
}
#modules input[type=radio] {
  appearance: none;
  cursor: pointer;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
}
#modules input[type=radio]:is(.modern *):is(.dark *):checked {
  background-color: #ff4e00;
  border-color: #802600;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
}
#modules input[type=radio]:is(.modern *):is(.light *):checked {
  background-color: #ff4e00;
  border-color: #ff9466;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
}
#modules input[type=radio]:is(.classic *):is(.dark *):checked {
  background-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  border-top-color: #330f00;
  border-left-color: #330f00;
  border-bottom-color: #802600;
  border-right-color: #802600;
  border-width: 1.4px;
}
#modules input[type=checkbox] {
  appearance: none;
  cursor: pointer;
  aspect-ratio: 1 / 1;
}
#modules input[type=checkbox]:is(.modern *) {
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 2px;
}
#modules input[type=checkbox]:is(.modern *):is(.dark *) {
  background-color: #1e1d1d;
  border-color: #383433;
}
#modules input[type=checkbox]:is(.modern *):is(.dark *):checked {
  background-color: #ff4e00;
  border-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
}
#modules input[type=checkbox]:is(.modern *):is(.light *) {
  background-color: #fffbfb;
  border-color: #c9bfbc;
}
#modules input[type=checkbox]:is(.modern *):is(.light *):checked {
  background-color: #ff4e00;
  border-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
}
#modules input[type=checkbox]:is(.classic *):checked {
  background-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
  border-bottom: 2px solid #bd3900;
  border-right: 2px solid #bd3900;
  border-top: 2px solid #762300;
  border-left: 2px solid #762300;
}
#modules .button {
  display: grid;
  position: relative;
  overflow: hidden;
  min-width: max-content;
  cursor: pointer;
  padding: 0.25rem 1rem;
  padding: 0 10px;
  min-height: 36px;
  max-width: max-content;
  justify-self: center;
}
@media (width < 24rem) {
  #modules .button {
    padding: 0.25rem 0.25rem;
  }
}
#modules .button.upload {
  padding: 0;
}
#modules .button > span {
  user-select: none;
  font-family: var(--sans-serif);
  font-size: var(--sans-serif-size);
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  align-content: center;
  height: 100%;
  width: 100%;
  position: relative;
}
#modules .button > span:is(.upload > *) {
  padding: 0.25rem 1rem;
}
#modules .button:is(.classic *):is(.dark *) {
  color: #d5bfae;
  background: url(../img/button-top-left.png) top left no-repeat, url(../img/button-top-right.png) top right no-repeat, url(../img/button-bottom-left.png) bottom left no-repeat, url(../img/button-bottom-right.png) bottom right no-repeat, url(../img/button-top.png) top repeat-x, url(../img/button-bottom.png) bottom repeat-x, url(../img/button-left.png) left repeat-y, url(../img/button-right.png) right repeat-y, url(../img/button-center.png) center / cover no-repeat;
}
#modules .button:is(.classic *):is(.dark *):active:is(.classic.dark *) {
  color: #e4845a;
  background: url(../img/pressed-top-left.png) top left no-repeat, url(../img/pressed-top-right.png) top right no-repeat, url(../img/pressed-bottom-left.png) bottom left no-repeat, url(../img/pressed-bottom-right.png) bottom right no-repeat, url(../img/pressed-top.png) top repeat-x, url(../img/pressed-bottom.png) bottom repeat-x, url(../img/pressed-left.png) left repeat-y, url(../img/pressed-right.png) right repeat-y, url(../img/pressed-center.png) center / cover no-repeat;
}
#modules .button:is(.classic *):is(.dark *):active:is(.classic.dark *) > span {
  transform: translate(0, 1px);
}
#modules .button:is(.modern *) {
  border-style: solid;
  border-width: 2px;
  border-radius: 0.25rem;
}
#modules .button:is(.modern *):is(.dark *) {
  border-color: #383433;
  color: #d5bfae;
}
#modules .button:is(.modern *):is(.dark *):hover {
  color: #e9c3a6;
}
#modules .button:is(.modern *):is(.light *) {
  border-color: #c9bfbc;
  color: #604c44;
}
#modules .button:is(.modern *):is(.light *):hover {
  color: #93614e;
}
#modules .button.icon {
  padding: 0;
  aspect-ratio: 1/1;
  height: 100%;
}
#modules .button.icon span {
  background-repeat: no-repeat;
  background-position: center;
}
#modules .button.trash.icon span {
  background-size: 30px;
}
#modules .button.trash.icon span:is(.dark *) {
  background-image: var(--icon-trash-dark);
}
#modules .button.trash.icon span:is(.light *) {
  background-image: var(--icon-trash-light);
}
#modules .button.close.icon span {
  background-size: 40%;
}
#modules .button.close.icon span:is(.dark *) {
  background-image: var(--icon-cross-dark);
}
#modules .button.close.icon span:is(.light *) {
  background-image: var(--icon-cross-light);
}
#modules .button.minimize.icon .dash {
  width: 14px;
  height: 1px;
  border-radius: 1px;
  background-color: #d09074;
  margin-top: 10px;
}
#modules .button.minimize.icon .dash:is(.dark *) {
  background-color: #d09074;
}
#modules .button.minimize.icon .dash:is(.light *) {
  background-color: #9b8b84;
}
#modules .button.settings.icon span {
  background-image: var(--icon-settings);
}
#modules .button.settings.icon span svg {
  width: var(--height);
}
#modules .button.settings.icon span svg .b {
  stroke: #9b8b84;
  stroke-miterlimit: 10;
}
#modules .button.save.icon span {
  background-size: 16px;
}
#modules .button.save.icon span:is(.dark *) {
  background-image: var(--icon-save-dark);
}
#modules .button.save.icon span:is(.light *) {
  background-image: var(--icon-save-light);
}
#modules .title {
  user-select: none;
  align-self: center;
  font-weight: 600;
}
#modules .title:is(.dark *) {
  color: #d5bfae;
}
#modules .title:is(.light *) {
  color: #604c44;
}
#modules .panel {
  display: grid;
  row-gap: 1rem;
  align-content: start;
  border-width: 2px;
  border-style: solid;
  padding: 1rem;
}
#modules .panel:is(.dark *) {
  color: #a08c81;
  background-color: #2e2b2b;
  border-color: #3c3939;
  background-image: url(../img/noise-dark.png);
}
#modules .panel:is(.light *) {
  color: #c76a4c;
  background-color: #f7efee;
  border-color: #d6d2d1;
  background-image: url(../img/noise-dark.png);
}
#modules .panel:is(.modern *) {
  border-radius: 0.3rem;
}
#modules .panel:is(.classic *) {
  border-color: #393737;
}
#modules a {
  text-decoration: none;
}
#modules a:is(.dark *) {
  color: #d09074;
}
#modules a:is(.dark *):hover {
  color: #ffcab3;
}
#modules a:is(.light *) {
  color: #764646;
}
#modules a:is(.light *):hover {
  color: #bb381a;
}
#modules .header {
  display: grid;
  row-gap: 8px;
}
#modules .header .panel.update .info {
  display: grid;
  row-gap: 8px;
}
#modules .header .panel.update .buttons {
  display: grid;
  gap: 16px;
}
@media (min-width: 768px) {
  #modules .header .panel.update .buttons {
    display: grid;
    grid-template-columns: auto auto auto 1fr [dev] auto;
  }
  #modules .header .panel.update .buttons .button.dev {
    grid-column-start: dev;
  }
}
#modules .header .panel.dev.hidden {
  display: none;
}
#modules .header .panel.dev .buttons {
  display: grid;
  gap: 16px;
}
@media (min-width: 768px) {
  #modules .header .panel.dev .buttons {
    grid-auto-flow: column;
    justify-content: left;
  }
}
#modules .header .panel.files:is(.empty, .hidden) {
  display: none;
}
#modules .header .panel.files div {
  word-break: break-all;
  font-family: var(--monospace);
  font-size: 14px;
}
#modules .modules {
  display: grid;
  row-gap: 8px;
}
#modules .modules .module {
  display: grid;
  grid-template-areas: "name version" "desc desc" "switch del";
  grid-template-columns: 1fr auto;
  padding: 12px;
  column-gap: 12px;
  row-gap: 5px;
}
#modules .modules .module.disabled {
  border-color: #931818;
}
#modules .modules .module .name {
  grid-area: name;
}
#modules .modules .module .version {
  grid-area: version;
  display: grid;
  align-content: center;
  padding: 0 0.3125rem;
  text-align: center;
}
#modules .modules .module .version:is(.classic *):is(.dark *) {
  border-bottom: 1px solid #413e3e;
  border-right: 1px solid #413e3e;
  border-top: 1px solid #111;
  border-left: 1px solid #111;
  background-color: #292727;
}
#modules .modules .module .description {
  grid-area: desc;
}
#modules .modules .module .description:is(.dark *) {
  color: #a08c81;
}
#modules .modules .module .description:is(.light *) {
  color: #c76a4c;
}
#modules .modules .module .switch {
  grid-area: switch;
  justify-self: left;
}
#modules .modules .module .del {
  grid-area: del;
}
#admin_menu {
  display: grid;
  height: 100%;
  overflow-y: auto;
  scrollbar-width: none;
  grid-auto-rows: max-content;
}
#admin_menu input {
  width: 100%;
  font-family: var(--sans-serif);
  font-size: var(--sans-serif-size);
}
#admin_menu input:is([type=text], [type=search], [type=password], [type=date], [type=time], textarea) {
  padding: 0 0.5rem;
}
#admin_menu input:is(.dark *) {
  color: #cccccc;
}
#admin_menu input:is(.light *) {
  color: #333333;
}
#admin_menu input:is(.classic *) {
  border-width: 0.0625rem;
  border-style: solid;
}
#admin_menu input:is(.classic *)[type="text"],
#admin_menu input:is(.classic *)[type="date"],
#admin_menu input:is(.classic *)[type="time"],
#admin_menu input:is(.classic *)[type="search"],
#admin_menu input:is(.classic *)[type="password"] {
  height: 2.25rem;
}
#admin_menu input:is(.classic *):is(.dark *) {
  border-bottom-color: #413e3e;
  border-right-color: #413e3e;
  border-top-color: #0c0c0c;
  border-left-color: #0c0c0c;
  background-color: #1e1d1d;
}
#admin_menu input:is(.modern *) {
  border-radius: 0.25rem;
  border-width: 2px;
  border-style: solid;
}
#admin_menu input:is(.modern *)[type="text"],
#admin_menu input:is(.modern *)[type="date"],
#admin_menu input:is(.modern *)[type="time"],
#admin_menu input:is(.modern *)[type="search"],
#admin_menu input:is(.modern *)[type="password"] {
  height: 2.25rem;
}
#admin_menu input:is(.modern *):is(.dark *) {
  background-color: #1e1d1d;
  border-color: #383433;
}
#admin_menu input:is(.modern *):is(.light *) {
  background-color: #fffbfb;
  border-color: #c9bfbc;
}
#admin_menu input[type=file] {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  position: absolute;
  z-index: 7;
  cursor: pointer;
}
#admin_menu input[type=file]::-webkit-file-upload-button {
  cursor: pointer;
}
#admin_menu input[type=radio] {
  appearance: none;
  cursor: pointer;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
}
#admin_menu input[type=radio]:is(.modern *):is(.dark *):checked {
  background-color: #ff4e00;
  border-color: #802600;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
}
#admin_menu input[type=radio]:is(.modern *):is(.light *):checked {
  background-color: #ff4e00;
  border-color: #ff9466;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
}
#admin_menu input[type=radio]:is(.classic *):is(.dark *):checked {
  background-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  border-top-color: #330f00;
  border-left-color: #330f00;
  border-bottom-color: #802600;
  border-right-color: #802600;
  border-width: 1.4px;
}
#admin_menu input[type=checkbox] {
  appearance: none;
  cursor: pointer;
  aspect-ratio: 1 / 1;
}
#admin_menu input[type=checkbox]:is(.modern *) {
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 2px;
}
#admin_menu input[type=checkbox]:is(.modern *):is(.dark *) {
  background-color: #1e1d1d;
  border-color: #383433;
}
#admin_menu input[type=checkbox]:is(.modern *):is(.dark *):checked {
  background-color: #ff4e00;
  border-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
}
#admin_menu input[type=checkbox]:is(.modern *):is(.light *) {
  background-color: #fffbfb;
  border-color: #c9bfbc;
}
#admin_menu input[type=checkbox]:is(.modern *):is(.light *):checked {
  background-color: #ff4e00;
  border-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
}
#admin_menu input[type=checkbox]:is(.classic *):checked {
  background-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
  border-bottom: 2px solid #bd3900;
  border-right: 2px solid #bd3900;
  border-top: 2px solid #762300;
  border-left: 2px solid #762300;
}
#admin_menu .button {
  display: grid;
  position: relative;
  overflow: hidden;
  min-width: max-content;
  cursor: pointer;
  padding: 0.25rem 1rem;
}
@media (width < 24rem) {
  #admin_menu .button {
    padding: 0.25rem 0.25rem;
  }
}
#admin_menu .button.upload {
  padding: 0;
}
#admin_menu .button > span {
  user-select: none;
  font-family: var(--sans-serif);
  font-size: var(--sans-serif-size);
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  align-content: center;
  height: 100%;
  width: 100%;
  position: relative;
}
#admin_menu .button > span:is(.upload > *) {
  padding: 0.25rem 1rem;
}
#admin_menu .button:is(.classic *):is(.dark *) {
  color: #d5bfae;
  background: url(../img/button-top-left.png) top left no-repeat, url(../img/button-top-right.png) top right no-repeat, url(../img/button-bottom-left.png) bottom left no-repeat, url(../img/button-bottom-right.png) bottom right no-repeat, url(../img/button-top.png) top repeat-x, url(../img/button-bottom.png) bottom repeat-x, url(../img/button-left.png) left repeat-y, url(../img/button-right.png) right repeat-y, url(../img/button-center.png) center / cover no-repeat;
}
#admin_menu .button:is(.classic *):is(.dark *):active:is(.classic.dark *) {
  color: #e4845a;
  background: url(../img/pressed-top-left.png) top left no-repeat, url(../img/pressed-top-right.png) top right no-repeat, url(../img/pressed-bottom-left.png) bottom left no-repeat, url(../img/pressed-bottom-right.png) bottom right no-repeat, url(../img/pressed-top.png) top repeat-x, url(../img/pressed-bottom.png) bottom repeat-x, url(../img/pressed-left.png) left repeat-y, url(../img/pressed-right.png) right repeat-y, url(../img/pressed-center.png) center / cover no-repeat;
}
#admin_menu .button:is(.classic *):is(.dark *):active:is(.classic.dark *) > span {
  transform: translate(0, 1px);
}
#admin_menu .button:is(.modern *) {
  border-style: solid;
  border-width: 2px;
  border-radius: 0.25rem;
}
#admin_menu .button:is(.modern *):is(.dark *) {
  border-color: #383433;
  color: #d5bfae;
}
#admin_menu .button:is(.modern *):is(.dark *):hover {
  color: #e9c3a6;
}
#admin_menu .button:is(.modern *):is(.light *) {
  border-color: #c9bfbc;
  color: #604c44;
}
#admin_menu .button:is(.modern *):is(.light *):hover {
  color: #93614e;
}
#admin_menu .button.icon {
  padding: 0;
  aspect-ratio: 1/1;
  height: 100%;
}
#admin_menu .button.icon span {
  background-repeat: no-repeat;
  background-position: center;
}
#admin_menu .button.trash.icon span {
  background-size: 30px;
}
#admin_menu .button.trash.icon span:is(.dark *) {
  background-image: var(--icon-trash-dark);
}
#admin_menu .button.trash.icon span:is(.light *) {
  background-image: var(--icon-trash-light);
}
#admin_menu .button.close.icon span {
  background-size: 40%;
}
#admin_menu .button.close.icon span:is(.dark *) {
  background-image: var(--icon-cross-dark);
}
#admin_menu .button.close.icon span:is(.light *) {
  background-image: var(--icon-cross-light);
}
#admin_menu .button.minimize.icon .dash {
  width: 14px;
  height: 1px;
  border-radius: 1px;
  background-color: #d09074;
  margin-top: 10px;
}
#admin_menu .button.minimize.icon .dash:is(.dark *) {
  background-color: #d09074;
}
#admin_menu .button.minimize.icon .dash:is(.light *) {
  background-color: #9b8b84;
}
#admin_menu .button.settings.icon span {
  background-image: var(--icon-settings);
}
#admin_menu .button.settings.icon span svg {
  width: var(--height);
}
#admin_menu .button.settings.icon span svg .b {
  stroke: #9b8b84;
  stroke-miterlimit: 10;
}
#admin_menu .button.save.icon span {
  background-size: 16px;
}
#admin_menu .button.save.icon span:is(.dark *) {
  background-image: var(--icon-save-dark);
}
#admin_menu .button.save.icon span:is(.light *) {
  background-image: var(--icon-save-light);
}
#admin_menu .button:not(.select *) {
  min-height: 30px;
  padding: 0 16px;
}
#admin_menu .button:is(.footer *) {
  padding: 0 16px;
  min-height: 36px;
}
#admin_menu .select.widget {
  position: relative;
}
#admin_menu .select.widget:is(.classic *) {
  height: 2.25rem;
}
#admin_menu .select.widget:is(.modern *) {
  height: 2.25rem;
}
#admin_menu .select.widget .selected {
  width: 100%;
  font-family: var(--sans-serif);
  font-size: var(--sans-serif-size);
  padding: 0;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.1875rem;
  height: 100%;
  cursor: pointer;
  user-select: none;
}
#admin_menu .select.widget .selected:is([type=text], [type=search], [type=password], [type=date], [type=time], textarea) {
  padding: 0 0.5rem;
}
#admin_menu .select.widget .selected:is(.dark *) {
  color: #cccccc;
}
#admin_menu .select.widget .selected:is(.light *) {
  color: #333333;
}
#admin_menu .select.widget .selected:is(.classic *) {
  border-width: 0.0625rem;
  border-style: solid;
}
#admin_menu .select.widget .selected:is(.classic *)[type="text"],
#admin_menu .select.widget .selected:is(.classic *)[type="date"],
#admin_menu .select.widget .selected:is(.classic *)[type="time"],
#admin_menu .select.widget .selected:is(.classic *)[type="search"],
#admin_menu .select.widget .selected:is(.classic *)[type="password"] {
  height: 2.25rem;
}
#admin_menu .select.widget .selected:is(.classic *):is(.dark *) {
  border-bottom-color: #413e3e;
  border-right-color: #413e3e;
  border-top-color: #0c0c0c;
  border-left-color: #0c0c0c;
  background-color: #1e1d1d;
}
#admin_menu .select.widget .selected:is(.modern *) {
  border-radius: 0.25rem;
  border-width: 2px;
  border-style: solid;
}
#admin_menu .select.widget .selected:is(.modern *)[type="text"],
#admin_menu .select.widget .selected:is(.modern *)[type="date"],
#admin_menu .select.widget .selected:is(.modern *)[type="time"],
#admin_menu .select.widget .selected:is(.modern *)[type="search"],
#admin_menu .select.widget .selected:is(.modern *)[type="password"] {
  height: 2.25rem;
}
#admin_menu .select.widget .selected:is(.modern *):is(.dark *) {
  background-color: #1e1d1d;
  border-color: #383433;
}
#admin_menu .select.widget .selected:is(.modern *):is(.light *) {
  background-color: #fffbfb;
  border-color: #c9bfbc;
}
#admin_menu .select.widget .selected[type=file] {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  position: absolute;
  z-index: 7;
  cursor: pointer;
}
#admin_menu .select.widget .selected[type=file]::-webkit-file-upload-button {
  cursor: pointer;
}
#admin_menu .select.widget .selected[type=radio] {
  appearance: none;
  cursor: pointer;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
}
#admin_menu .select.widget .selected[type=radio]:is(.modern *):is(.dark *):checked {
  background-color: #ff4e00;
  border-color: #802600;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
}
#admin_menu .select.widget .selected[type=radio]:is(.modern *):is(.light *):checked {
  background-color: #ff4e00;
  border-color: #ff9466;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
}
#admin_menu .select.widget .selected[type=radio]:is(.classic *):is(.dark *):checked {
  background-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  border-top-color: #330f00;
  border-left-color: #330f00;
  border-bottom-color: #802600;
  border-right-color: #802600;
  border-width: 1.4px;
}
#admin_menu .select.widget .selected[type=checkbox] {
  appearance: none;
  cursor: pointer;
  aspect-ratio: 1 / 1;
}
#admin_menu .select.widget .selected[type=checkbox]:is(.modern *) {
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 2px;
}
#admin_menu .select.widget .selected[type=checkbox]:is(.modern *):is(.dark *) {
  background-color: #1e1d1d;
  border-color: #383433;
}
#admin_menu .select.widget .selected[type=checkbox]:is(.modern *):is(.dark *):checked {
  background-color: #ff4e00;
  border-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
}
#admin_menu .select.widget .selected[type=checkbox]:is(.modern *):is(.light *) {
  background-color: #fffbfb;
  border-color: #c9bfbc;
}
#admin_menu .select.widget .selected[type=checkbox]:is(.modern *):is(.light *):checked {
  background-color: #ff4e00;
  border-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
}
#admin_menu .select.widget .selected[type=checkbox]:is(.classic *):checked {
  background-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
  border-bottom: 2px solid #bd3900;
  border-right: 2px solid #bd3900;
  border-top: 2px solid #762300;
  border-left: 2px solid #762300;
}
#admin_menu .select.widget .selected .value {
  padding: 0 0 0 0.4375rem;
  white-space: nowrap;
  overflow: hidden;
  align-content: center;
}
#admin_menu .select.widget .selected .button {
  display: grid;
  position: relative;
  overflow: hidden;
  min-width: max-content;
  cursor: pointer;
  padding: 0.25rem 1rem;
  padding: 0;
}
@media (width < 24rem) {
  #admin_menu .select.widget .selected .button {
    padding: 0.25rem 0.25rem;
  }
}
#admin_menu .select.widget .selected .button.upload {
  padding: 0;
}
#admin_menu .select.widget .selected .button > span {
  user-select: none;
  font-family: var(--sans-serif);
  font-size: var(--sans-serif-size);
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  align-content: center;
  height: 100%;
  width: 100%;
  position: relative;
}
#admin_menu .select.widget .selected .button > span:is(.upload > *) {
  padding: 0.25rem 1rem;
}
#admin_menu .select.widget .selected .button:is(.classic *):is(.dark *) {
  color: #d5bfae;
  background: url(../img/button-top-left.png) top left no-repeat, url(../img/button-top-right.png) top right no-repeat, url(../img/button-bottom-left.png) bottom left no-repeat, url(../img/button-bottom-right.png) bottom right no-repeat, url(../img/button-top.png) top repeat-x, url(../img/button-bottom.png) bottom repeat-x, url(../img/button-left.png) left repeat-y, url(../img/button-right.png) right repeat-y, url(../img/button-center.png) center / cover no-repeat;
}
#admin_menu .select.widget .selected .button:is(.classic *):is(.dark *):active:is(.classic.dark *) {
  color: #e4845a;
  background: url(../img/pressed-top-left.png) top left no-repeat, url(../img/pressed-top-right.png) top right no-repeat, url(../img/pressed-bottom-left.png) bottom left no-repeat, url(../img/pressed-bottom-right.png) bottom right no-repeat, url(../img/pressed-top.png) top repeat-x, url(../img/pressed-bottom.png) bottom repeat-x, url(../img/pressed-left.png) left repeat-y, url(../img/pressed-right.png) right repeat-y, url(../img/pressed-center.png) center / cover no-repeat;
}
#admin_menu .select.widget .selected .button:is(.classic *):is(.dark *):active:is(.classic.dark *) > span {
  transform: translate(0, 1px);
}
#admin_menu .select.widget .selected .button:is(.modern *) {
  border-style: solid;
  border-width: 2px;
  border-radius: 0.25rem;
}
#admin_menu .select.widget .selected .button:is(.modern *):is(.dark *) {
  border-color: #383433;
  color: #d5bfae;
}
#admin_menu .select.widget .selected .button:is(.modern *):is(.dark *):hover {
  color: #e9c3a6;
}
#admin_menu .select.widget .selected .button:is(.modern *):is(.light *) {
  border-color: #c9bfbc;
  color: #604c44;
}
#admin_menu .select.widget .selected .button:is(.modern *):is(.light *):hover {
  color: #93614e;
}
#admin_menu .select.widget .selected .button.icon {
  padding: 0;
  aspect-ratio: 1/1;
  height: 100%;
}
#admin_menu .select.widget .selected .button.icon span {
  background-repeat: no-repeat;
  background-position: center;
}
#admin_menu .select.widget .selected .button.trash.icon span {
  background-size: 30px;
}
#admin_menu .select.widget .selected .button.trash.icon span:is(.dark *) {
  background-image: var(--icon-trash-dark);
}
#admin_menu .select.widget .selected .button.trash.icon span:is(.light *) {
  background-image: var(--icon-trash-light);
}
#admin_menu .select.widget .selected .button.close.icon span {
  background-size: 40%;
}
#admin_menu .select.widget .selected .button.close.icon span:is(.dark *) {
  background-image: var(--icon-cross-dark);
}
#admin_menu .select.widget .selected .button.close.icon span:is(.light *) {
  background-image: var(--icon-cross-light);
}
#admin_menu .select.widget .selected .button.minimize.icon .dash {
  width: 14px;
  height: 1px;
  border-radius: 1px;
  background-color: #d09074;
  margin-top: 10px;
}
#admin_menu .select.widget .selected .button.minimize.icon .dash:is(.dark *) {
  background-color: #d09074;
}
#admin_menu .select.widget .selected .button.minimize.icon .dash:is(.light *) {
  background-color: #9b8b84;
}
#admin_menu .select.widget .selected .button.settings.icon span {
  background-image: var(--icon-settings);
}
#admin_menu .select.widget .selected .button.settings.icon span svg {
  width: var(--height);
}
#admin_menu .select.widget .selected .button.settings.icon span svg .b {
  stroke: #9b8b84;
  stroke-miterlimit: 10;
}
#admin_menu .select.widget .selected .button.save.icon span {
  background-size: 16px;
}
#admin_menu .select.widget .selected .button.save.icon span:is(.dark *) {
  background-image: var(--icon-save-dark);
}
#admin_menu .select.widget .selected .button.save.icon span:is(.light *) {
  background-image: var(--icon-save-light);
}
#admin_menu .select.widget .selected .button:is(.modern.dark *, .modern.light *) {
  border-color: transparent;
}
#admin_menu .select.widget .selected .icon.down {
  margin: 0.125rem;
  height: 87%;
}
#admin_menu .select.widget .selected .icon.down:is(.select.open *):is(.classic.dark *) {
  color: #e4845a;
  background: url(../img/pressed-top-left.png) top left no-repeat, url(../img/pressed-top-right.png) top right no-repeat, url(../img/pressed-bottom-left.png) bottom left no-repeat, url(../img/pressed-bottom-right.png) bottom right no-repeat, url(../img/pressed-top.png) top repeat-x, url(../img/pressed-bottom.png) bottom repeat-x, url(../img/pressed-left.png) left repeat-y, url(../img/pressed-right.png) right repeat-y, url(../img/pressed-center.png) center / cover no-repeat;
}
#admin_menu .select.widget .selected .icon.down:is(.select.open *):is(.classic.dark *) > span {
  transform: translate(0, 1px);
}
#admin_menu .select.widget .selected .icon.down span {
  background-size: 65%;
}
#admin_menu .select.widget .selected .icon.down span:is(.dark *) {
  background-image: var(--select-icon-dark);
}
#admin_menu .select.widget .selected .icon.down span:is(.light *) {
  background-image: var(--select-icon-light);
}
#admin_menu .select.widget .options {
  display: none;
  position: absolute;
  max-height: 16rem;
  margin-top: 0.125rem;
  width: 100%;
  z-index: 3;
  overflow: auto;
}
#admin_menu .select.widget .options:has(.scrollable) {
  overflow-y: hidden;
  grid-template-rows: auto 1fr;
}
#admin_menu .select.widget .options:is(.select.open *) {
  display: grid;
  z-index: 3;
}
#admin_menu .select.widget .options:is(.modern *) {
  border-radius: 0.25rem;
  border-width: 2px;
  border-style: solid;
}
#admin_menu .select.widget .options:is(.modern *):is(.dark *) {
  background-color: #1e1d1d;
}
#admin_menu .select.widget .options:is(.modern *):is(.light *) {
  background-color: #ede9e8;
}
#admin_menu .select.widget .options:is(.modern *):is(.dark *) {
  border-color: #383433;
}
#admin_menu .select.widget .options:is(.modern *):is(.light *) {
  border-color: #c9bfbc;
}
#admin_menu .select.widget .options:is(.classic *) {
  background-color: #272525;
  border: 2px solid #5b5756;
}
#admin_menu .select.widget .options .search {
  padding: 0.25rem 0.4375rem;
}
#admin_menu .select.widget .options .search input {
  width: 100%;
  height: 1.875rem;
  padding: 0 0.375rem;
}
#admin_menu .select.widget .options .scrollable {
  overflow-y: auto;
}
#admin_menu .select.widget .options .option {
  padding: 0.375rem 0.4375rem;
  cursor: pointer;
  user-select: none;
}
#admin_menu .select.widget .options .option:hover:is(.dark *) {
  background-color: #111111;
}
#admin_menu .select.widget .options .option:hover:is(.light *) {
  background-color: #f8f2f2;
}
#admin_menu .select.widget .options .option.hidden {
  display: none;
}
#admin_menu .title {
  user-select: none;
  align-self: center;
  font-weight: 600;
}
#admin_menu .title:is(.dark *) {
  color: #d5bfae;
}
#admin_menu .title:is(.light *) {
  color: #604c44;
}
#admin_menu .sections {
  display: grid;
  gap: 32px;
  width: fit-content;
}
@media (max-width: 1023px) {
  #admin_menu .sections {
    padding: 0 10px;
  }
}
@media (min-width: 1024px) {
  #admin_menu .sections {
    padding: 0 16px;
  }
}
#admin_menu .sections .section {
  display: grid;
  row-gap: 1rem;
  align-content: start;
  border-width: 2px;
  border-style: solid;
  padding: 1rem;
}
#admin_menu .sections .section:is(.dark *) {
  color: #a08c81;
  background-color: #2e2b2b;
  border-color: #3c3939;
  background-image: url(../img/noise-dark.png);
}
#admin_menu .sections .section:is(.light *) {
  color: #c76a4c;
  background-color: #f7efee;
  border-color: #d6d2d1;
  background-image: url(../img/noise-dark.png);
}
#admin_menu .sections .section:is(.modern *) {
  border-radius: 0.3rem;
}
#admin_menu .sections .section:is(.classic *) {
  border-color: #393737;
}
#admin_menu .sections .section:has(> .hidden):is(.dark *) {
  border-color: #931818;
}
#admin_menu .sections .section:has(> .hidden):is(.light *) {
  border-color: #ff0000;
}
#admin_menu .sections .section [data-am-type="section"] {
  display: grid;
  grid-template-areas: "title sort" "buttons buttons";
  grid-template-columns: 1fr auto;
  column-gap: 16px;
  row-gap: 10px;
  position: relative;
}
#admin_menu .sections .section [data-am-type="section"] input[name=title] {
  grid-area: title;
}
#admin_menu .sections .section [data-am-type="section"] input[name=sort] {
  grid-area: sort;
  text-align: right;
}
#admin_menu .sections .section [data-am-type="section"] .buttons {
  grid-area: buttons;
  display: grid;
  grid-auto-flow: column;
  justify-content: left;
  column-gap: 16px;
}
#admin_menu .sections .section .items {
  display: grid;
  row-gap: 5px;
}
#admin_menu .sections .section .items .item {
  display: grid;
  row-gap: 1rem;
  align-content: start;
  border-width: 2px;
  border-style: solid;
  padding: 1rem;
  padding-top: 8px;
  grid-template-areas: "name name" "select sort" "buttons buttons";
  grid-template-columns: 1fr auto;
  column-gap: 16px;
  row-gap: 10px;
}
#admin_menu .sections .section .items .item:is(.dark *) {
  color: #a08c81;
  background-color: #2e2b2b;
  border-color: #3c3939;
  background-image: url(../img/noise-dark.png);
}
#admin_menu .sections .section .items .item:is(.light *) {
  color: #c76a4c;
  background-color: #f7efee;
  border-color: #d6d2d1;
  background-image: url(../img/noise-dark.png);
}
#admin_menu .sections .section .items .item:is(.modern *) {
  border-radius: 0.3rem;
}
#admin_menu .sections .section .items .item:is(.classic *) {
  border-color: #393737;
}
#admin_menu .sections .section .items .item.hidden:is(.dark *) {
  border-color: #931818;
}
#admin_menu .sections .section .items .item.hidden:is(.light *) {
  border-color: #ff0000;
}
#admin_menu .sections .section .items .item .name {
  grid-area: name;
}
#admin_menu .sections .section .items .item .orders.select.widget {
  grid-area: select;
}
#admin_menu .sections .section .items .item input[name=sort] {
  grid-area: sort;
  text-align: right;
}
#admin_menu .sections .section .items .item .buttons {
  grid-area: buttons;
  display: grid;
  grid-auto-flow: column;
  justify-content: left;
}
#admin_menu .sections .section .items .item .buttons:is(.classic *) {
  column-gap: 10px;
}
#admin_menu .sections .section .items .item .buttons:is(.modern *) {
  column-gap: 16px;
}
#admin_menu .footer {
  display: grid;
  grid-auto-flow: column;
  column-gap: 16px;
  justify-content: left;
}
@media (max-width: 1023px) {
  #admin_menu .footer {
    padding: 16px 12px 16px 12px;
  }
}
@media (min-width: 1024px) {
  #admin_menu .footer {
    padding: 16px;
  }
}
.CodeMirror {
  min-height: 100%;
  max-height: 100%;
  height: 0;
  line-height: 1.3;
  font-family: var(--monospace);
  font-size: var(--monospace-size);
}
.CodeMirror:is(.dark *).cm-s-default {
  background-color: #1e1d1d;
}
.CodeMirror:is(.dark *).cm-s-default {
  color: #d5d0cc;
}
.CodeMirror:is(.dark *) .CodeMirror-gutters {
  background-color: #1e1d1d;
}
.CodeMirror:is(.dark *) .CodeMirror-gutters {
  color: #897067;
}
.CodeMirror:is(.dark *) .CodeMirror-activeline-background {
  background-color: #111;
}
.CodeMirror:is(.dark *) .cm-keyword {
  color: #C792EA;
}
.CodeMirror:is(.dark *) .cm-operator {
  color: #89DDFF;
}
.CodeMirror:is(.dark *) .cm-variable-2 {
  color: #EEFFFF;
}
.CodeMirror:is(.dark *) .cm-variable-3,
.CodeMirror:is(.dark *) .cm-type {
  color: #DECB6B;
}
.CodeMirror:is(.dark *) .cm-builtin {
  color: #FFCB6B;
}
.CodeMirror:is(.dark *) .cm-atom {
  color: #F78C6C;
}
.CodeMirror:is(.dark *) .cm-number {
  color: #FF5370;
}
.CodeMirror:is(.dark *) .cm-def {
  color: #82AAFF;
}
.CodeMirror:is(.dark *) .cm-string {
  color: #94af6e;
}
.CodeMirror:is(.dark *) .cm-string-2 {
  color: #f07178;
}
.CodeMirror:is(.dark *) .cm-comment {
  color: #546E7A;
}
.CodeMirror:is(.dark *) .cm-variable {
  color: #f07178;
}
.CodeMirror:is(.dark *) .cm-tag {
  color: #FF5370;
}
.CodeMirror:is(.dark *) .cm-meta {
  color: #FFCB6B;
}
.CodeMirror:is(.dark *) .cm-attribute {
  color: #C792EA;
}
.CodeMirror:is(.dark *) .cm-property {
  color: #C792EA;
}
.CodeMirror:is(.dark *) .cm-qualifier {
  color: #DECB6B;
}
.CodeMirror:is(.dark *) .cm-error {
  color: #ffffff;
  background-color: #FF5370;
}
.CodeMirror:is(.light *).cm-s-default {
  background-color: #ffffff;
}
.CodeMirror:is(.light *).cm-s-default {
  color: #454545;
}
.CodeMirror:is(.light *) .CodeMirror-gutters {
  background-color: #ffffff;
}
.CodeMirror:is(.light *) .CodeMirror-gutters {
  color: #897067;
}
.CodeMirror:is(.light *) .CodeMirror-activeline-background {
  background-color: #f5f1efb5;
}
.CodeMirror:is(.light *) .cm-keyword {
  color: #C792EA;
}
.CodeMirror:is(.light *) .cm-operator {
  color: #00a5e8;
}
.CodeMirror:is(.light *) .cm-variable-2 {
  color: #373737;
}
.CodeMirror:is(.light *) .cm-variable-3,
.CodeMirror:is(.light *) .cm-type {
  color: #f71d1d;
}
.CodeMirror:is(.light *) .cm-builtin {
  color: #ffa706;
}
.CodeMirror:is(.light *) .cm-atom {
  color: #F78C6C;
}
.CodeMirror:is(.light *) .cm-number {
  color: #FF5370;
}
.CodeMirror:is(.light *) .cm-def {
  color: #03A9F4;
}
.CodeMirror:is(.light *) .cm-string {
  color: #71b199;
}
.CodeMirror:is(.light *) .cm-string-2 {
  color: #f07178;
}
.CodeMirror:is(.light *) .cm-comment {
  color: #546E7A;
}
.CodeMirror:is(.light *) .cm-variable {
  color: #f07178;
}
.CodeMirror:is(.light *) .cm-tag {
  color: #b6745c;
}
.CodeMirror:is(.light *) .cm-meta {
  color: #ff7600;
}
.CodeMirror:is(.light *) .cm-attribute {
  color: #C792EA;
}
.CodeMirror:is(.light *) .cm-property {
  color: #373737;
}
.CodeMirror:is(.light *) .cm-qualifier {
  color: #c868e9;
}
.CodeMirror:is(.light *) .cm-error {
  color: #ffffff;
  background-color: #FF5370;
}
.CodeMirror input {
  width: 100%;
  font-family: var(--sans-serif);
  font-size: var(--sans-serif-size);
}
.CodeMirror input:is([type=text], [type=search], [type=password], [type=date], [type=time], textarea) {
  padding: 0 0.5rem;
}
.CodeMirror input:is(.dark *) {
  color: #cccccc;
}
.CodeMirror input:is(.light *) {
  color: #333333;
}
.CodeMirror input:is(.classic *) {
  border-width: 0.0625rem;
  border-style: solid;
}
.CodeMirror input:is(.classic *)[type="text"],
.CodeMirror input:is(.classic *)[type="date"],
.CodeMirror input:is(.classic *)[type="time"],
.CodeMirror input:is(.classic *)[type="search"],
.CodeMirror input:is(.classic *)[type="password"] {
  height: 2.25rem;
}
.CodeMirror input:is(.classic *):is(.dark *) {
  border-bottom-color: #413e3e;
  border-right-color: #413e3e;
  border-top-color: #0c0c0c;
  border-left-color: #0c0c0c;
  background-color: #1e1d1d;
}
.CodeMirror input:is(.modern *) {
  border-radius: 0.25rem;
  border-width: 2px;
  border-style: solid;
}
.CodeMirror input:is(.modern *)[type="text"],
.CodeMirror input:is(.modern *)[type="date"],
.CodeMirror input:is(.modern *)[type="time"],
.CodeMirror input:is(.modern *)[type="search"],
.CodeMirror input:is(.modern *)[type="password"] {
  height: 2.25rem;
}
.CodeMirror input:is(.modern *):is(.dark *) {
  background-color: #1e1d1d;
  border-color: #383433;
}
.CodeMirror input:is(.modern *):is(.light *) {
  background-color: #fffbfb;
  border-color: #c9bfbc;
}
.CodeMirror input[type=file] {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  position: absolute;
  z-index: 7;
  cursor: pointer;
}
.CodeMirror input[type=file]::-webkit-file-upload-button {
  cursor: pointer;
}
.CodeMirror input[type=radio] {
  appearance: none;
  cursor: pointer;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
}
.CodeMirror input[type=radio]:is(.modern *):is(.dark *):checked {
  background-color: #ff4e00;
  border-color: #802600;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
}
.CodeMirror input[type=radio]:is(.modern *):is(.light *):checked {
  background-color: #ff4e00;
  border-color: #ff9466;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
}
.CodeMirror input[type=radio]:is(.classic *):is(.dark *):checked {
  background-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  border-top-color: #330f00;
  border-left-color: #330f00;
  border-bottom-color: #802600;
  border-right-color: #802600;
  border-width: 1.4px;
}
.CodeMirror input[type=checkbox] {
  appearance: none;
  cursor: pointer;
  aspect-ratio: 1 / 1;
}
.CodeMirror input[type=checkbox]:is(.modern *) {
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 2px;
}
.CodeMirror input[type=checkbox]:is(.modern *):is(.dark *) {
  background-color: #1e1d1d;
  border-color: #383433;
}
.CodeMirror input[type=checkbox]:is(.modern *):is(.dark *):checked {
  background-color: #ff4e00;
  border-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
}
.CodeMirror input[type=checkbox]:is(.modern *):is(.light *) {
  background-color: #fffbfb;
  border-color: #c9bfbc;
}
.CodeMirror input[type=checkbox]:is(.modern *):is(.light *):checked {
  background-color: #ff4e00;
  border-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
}
.CodeMirror input[type=checkbox]:is(.classic *):checked {
  background-color: #ff4e00;
  box-shadow: 0 0 3rem 1rem #ff4d0021;
  background-image: var(--check-icon);
  border-bottom: 2px solid #bd3900;
  border-right: 2px solid #bd3900;
  border-top: 2px solid #762300;
  border-left: 2px solid #762300;
}
.CodeMirror button {
  display: grid;
  position: relative;
  overflow: hidden;
  min-width: max-content;
  cursor: pointer;
  padding: 0.25rem 1rem;
  font-size: 13px;
  padding: 0 8px;
  align-content: center;
}
@media (width < 24rem) {
  .CodeMirror button {
    padding: 0.25rem 0.25rem;
  }
}
.CodeMirror button.upload {
  padding: 0;
}
.CodeMirror button > span {
  user-select: none;
  font-family: var(--sans-serif);
  font-size: var(--sans-serif-size);
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  align-content: center;
  height: 100%;
  width: 100%;
  position: relative;
}
.CodeMirror button > span:is(.upload > *) {
  padding: 0.25rem 1rem;
}
.CodeMirror button:is(.classic *):is(.dark *) {
  color: #d5bfae;
  background: url(../img/button-top-left.png) top left no-repeat, url(../img/button-top-right.png) top right no-repeat, url(../img/button-bottom-left.png) bottom left no-repeat, url(../img/button-bottom-right.png) bottom right no-repeat, url(../img/button-top.png) top repeat-x, url(../img/button-bottom.png) bottom repeat-x, url(../img/button-left.png) left repeat-y, url(../img/button-right.png) right repeat-y, url(../img/button-center.png) center / cover no-repeat;
}
.CodeMirror button:is(.classic *):is(.dark *):active:is(.classic.dark *) {
  color: #e4845a;
  background: url(../img/pressed-top-left.png) top left no-repeat, url(../img/pressed-top-right.png) top right no-repeat, url(../img/pressed-bottom-left.png) bottom left no-repeat, url(../img/pressed-bottom-right.png) bottom right no-repeat, url(../img/pressed-top.png) top repeat-x, url(../img/pressed-bottom.png) bottom repeat-x, url(../img/pressed-left.png) left repeat-y, url(../img/pressed-right.png) right repeat-y, url(../img/pressed-center.png) center / cover no-repeat;
}
.CodeMirror button:is(.classic *):is(.dark *):active:is(.classic.dark *) > span {
  transform: translate(0, 1px);
}
.CodeMirror button:is(.modern *) {
  border-style: solid;
  border-width: 2px;
  border-radius: 0.25rem;
}
.CodeMirror button:is(.modern *):is(.dark *) {
  border-color: #383433;
  color: #d5bfae;
}
.CodeMirror button:is(.modern *):is(.dark *):hover {
  color: #e9c3a6;
}
.CodeMirror button:is(.modern *):is(.light *) {
  border-color: #c9bfbc;
  color: #604c44;
}
.CodeMirror button:is(.modern *):is(.light *):hover {
  color: #93614e;
}
.CodeMirror button.icon {
  padding: 0;
  aspect-ratio: 1/1;
  height: 100%;
}
.CodeMirror button.icon span {
  background-repeat: no-repeat;
  background-position: center;
}
.CodeMirror button.trash.icon span {
  background-size: 30px;
}
.CodeMirror button.trash.icon span:is(.dark *) {
  background-image: var(--icon-trash-dark);
}
.CodeMirror button.trash.icon span:is(.light *) {
  background-image: var(--icon-trash-light);
}
.CodeMirror button.close.icon span {
  background-size: 40%;
}
.CodeMirror button.close.icon span:is(.dark *) {
  background-image: var(--icon-cross-dark);
}
.CodeMirror button.close.icon span:is(.light *) {
  background-image: var(--icon-cross-light);
}
.CodeMirror button.minimize.icon .dash {
  width: 14px;
  height: 1px;
  border-radius: 1px;
  background-color: #d09074;
  margin-top: 10px;
}
.CodeMirror button.minimize.icon .dash:is(.dark *) {
  background-color: #d09074;
}
.CodeMirror button.minimize.icon .dash:is(.light *) {
  background-color: #9b8b84;
}
.CodeMirror button.settings.icon span {
  background-image: var(--icon-settings);
}
.CodeMirror button.settings.icon span svg {
  width: var(--height);
}
.CodeMirror button.settings.icon span svg .b {
  stroke: #9b8b84;
  stroke-miterlimit: 10;
}
.CodeMirror button.save.icon span {
  background-size: 16px;
}
.CodeMirror button.save.icon span:is(.dark *) {
  background-image: var(--icon-save-dark);
}
.CodeMirror button.save.icon span:is(.light *) {
  background-image: var(--icon-save-light);
}
.CodeMirror button:active {
  padding-top: 2px;
}
.CodeMirror .CodeMirror-gutters {
  border: none;
}
.CodeMirror .CodeMirror-dialog-top {
  display: grid;
  grid-auto-flow: column;
  justify-content: left;
  gap: 7px;
  padding: 4px 12px;
  border-bottom: 0;
}
.CodeMirror .CodeMirror-dialog-top:is(.dark *) {
  background-color: #2d2a2a;
}
.CodeMirror .CodeMirror-dialog-top:is(.light *) {
  background-color: #f7efee;
}
.CodeMirror .CodeMirror-dialog-top .CodeMirror-search-label,
.CodeMirror .CodeMirror-dialog-top .CodeMirror-search-hint {
  align-self: center;
}
.CodeMirror.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror.CodeMirror-wrap pre.CodeMirror-line-like {
  word-break: break-all;
  font-family: var(--monospace);
  font-size: var(--monospace-size);
}
.CodeMirror .CodeMirror-guttermarker:is(.dark *),
.CodeMirror .CodeMirror-guttermarker-subtle:is(.dark *),
.CodeMirror .CodeMirror-linenumber:is(.dark *) {
  color: #897067;
}
.CodeMirror .CodeMirror-guttermarker:is(.light *),
.CodeMirror .CodeMirror-guttermarker-subtle:is(.light *),
.CodeMirror .CodeMirror-linenumber:is(.light *) {
  color: #897067;
}
.CodeMirror .CodeMirror-selected:is(.dark *) {
  background-color: #0663d2;
}
.CodeMirror .CodeMirror-selected:is(.light *) {
  background-color: #65aaff;
}
.CodeMirror .CodeMirror-cursor {
  border-width: 0 0 0 2px;
  border-style: solid;
}
.CodeMirror .CodeMirror-cursor:is(.dark *) {
  border-color: #ffcc00;
}
.CodeMirror .CodeMirror-cursor:is(.light *) {
  border-color: #ff5100;
}
.CodeMirror input.CodeMirror-search-field {
  margin-left: 7px;
}
.CodeMirror .CodeMirror-matchingbracket {
  border-width: 1px;
  border-style: solid;
  border-color: #0663d2;
}
.CodeMirror .cm-searching {
  background-color: #7070644d;
}
.CodeMirror .CodeMirror-line::selection,
.CodeMirror .CodeMirror-line > span::selection,
.CodeMirror .CodeMirror-line > span > span::selection {
  background-color: #80cbc433;
}
.CodeMirror-hints.default {
  scrollbar-width: none;
}
.CodeMirror-hints.default:is(.dark *) {
  background-color: #302c2c;
}
.CodeMirror-hints.default:is(.light *) {
  background-color: #ffffff;
}
.CodeMirror-hints.default:is(.classic *) {
  border-radius: 0;
}
.CodeMirror-hints.default:is(.modern *) {
  border-radius: 4px;
}
.CodeMirror-hints.default li:is(.classic *) {
  border-radius: 0;
}
.CodeMirror-hints.default li:is(.dark *) {
  color: #ddd;
}
.CodeMirror-hints.default li:is(.light *) {
  color: #333;
}
