/* temp_stylePlugin:src/frontend/css/main.styl */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
@media screen {
  @font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("./roboto-cyrillic-ext-400-normal-SRSDFWJ5.woff2") format("woff2"), url("./roboto-cyrillic-ext-400-normal-DEVHEAF7.woff") format("woff");
    unicode-range:
      U+0460-052F,
      U+1C80-1C8A,
      U+20B4,
      U+2DE0-2DFF,
      U+A640-A69F,
      U+FE2E-FE2F;
  }
  @font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("./roboto-cyrillic-400-normal-QMHKB7XT.woff2") format("woff2"), url("./roboto-cyrillic-400-normal-VGV4HTWX.woff") format("woff");
    unicode-range:
      U+0301,
      U+0400-045F,
      U+0490-0491,
      U+04B0-04B1,
      U+2116;
  }
  @font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("./roboto-greek-ext-400-normal-267F52QO.woff2") format("woff2"), url("./roboto-greek-ext-400-normal-66EFCIRI.woff") format("woff");
    unicode-range: U+1F00-1FFF;
  }
  @font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("./roboto-greek-400-normal-RHHY76DH.woff2") format("woff2"), url("./roboto-greek-400-normal-GIOUNWMX.woff") format("woff");
    unicode-range:
      U+0370-0377,
      U+037A-037F,
      U+0384-038A,
      U+038C,
      U+038E-03A1,
      U+03A3-03FF;
  }
  @font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("./roboto-math-400-normal-GWJEOSTK.woff2") format("woff2"), url("./roboto-math-400-normal-27YK72QT.woff") format("woff");
    unicode-range:
      U+0302-0303,
      U+0305,
      U+0307-0308,
      U+0310,
      U+0312,
      U+0315,
      U+031A,
      U+0326-0327,
      U+032C,
      U+032F-0330,
      U+0332-0333,
      U+0338,
      U+033A,
      U+0346,
      U+034D,
      U+0391-03A1,
      U+03A3-03A9,
      U+03B1-03C9,
      U+03D1,
      U+03D5-03D6,
      U+03F0-03F1,
      U+03F4-03F5,
      U+2016-2017,
      U+2034-2038,
      U+203C,
      U+2040,
      U+2043,
      U+2047,
      U+2050,
      U+2057,
      U+205F,
      U+2070-2071,
      U+2074-208E,
      U+2090-209C,
      U+20D0-20DC,
      U+20E1,
      U+20E5-20EF,
      U+2100-2112,
      U+2114-2115,
      U+2117-2121,
      U+2123-214F,
      U+2190,
      U+2192,
      U+2194-21AE,
      U+21B0-21E5,
      U+21F1-21F2,
      U+21F4-2211,
      U+2213-2214,
      U+2216-22FF,
      U+2308-230B,
      U+2310,
      U+2319,
      U+231C-2321,
      U+2336-237A,
      U+237C,
      U+2395,
      U+239B-23B7,
      U+23D0,
      U+23DC-23E1,
      U+2474-2475,
      U+25AF,
      U+25B3,
      U+25B7,
      U+25BD,
      U+25C1,
      U+25CA,
      U+25CC,
      U+25FB,
      U+266D-266F,
      U+27C0-27FF,
      U+2900-2AFF,
      U+2B0E-2B11,
      U+2B30-2B4C,
      U+2BFE,
      U+3030,
      U+FF5B,
      U+FF5D,
      U+1D400-1D7FF,
      U+1EE00-1EEFF;
  }
  @font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("./roboto-symbols-400-normal-H3YTELSW.woff2") format("woff2"), url("./roboto-symbols-400-normal-MAYXCREW.woff") format("woff");
    unicode-range:
      U+0001-000C,
      U+000E-001F,
      U+007F-009F,
      U+20DD-20E0,
      U+20E2-20E4,
      U+2150-218F,
      U+2190,
      U+2192,
      U+2194-2199,
      U+21AF,
      U+21E6-21F0,
      U+21F3,
      U+2218-2219,
      U+2299,
      U+22C4-22C6,
      U+2300-243F,
      U+2440-244A,
      U+2460-24FF,
      U+25A0-27BF,
      U+2800-28FF,
      U+2921-2922,
      U+2981,
      U+29BF,
      U+29EB,
      U+2B00-2BFF,
      U+4DC0-4DFF,
      U+FFF9-FFFB,
      U+10140-1018E,
      U+10190-1019C,
      U+101A0,
      U+101D0-101FD,
      U+102E0-102FB,
      U+10E60-10E7E,
      U+1D2C0-1D2D3,
      U+1D2E0-1D37F,
      U+1F000-1F0FF,
      U+1F100-1F1AD,
      U+1F1E6-1F1FF,
      U+1F30D-1F30F,
      U+1F315,
      U+1F31C,
      U+1F31E,
      U+1F320-1F32C,
      U+1F336,
      U+1F378,
      U+1F37D,
      U+1F382,
      U+1F393-1F39F,
      U+1F3A7-1F3A8,
      U+1F3AC-1F3AF,
      U+1F3C2,
      U+1F3C4-1F3C6,
      U+1F3CA-1F3CE,
      U+1F3D4-1F3E0,
      U+1F3ED,
      U+1F3F1-1F3F3,
      U+1F3F5-1F3F7,
      U+1F408,
      U+1F415,
      U+1F41F,
      U+1F426,
      U+1F43F,
      U+1F441-1F442,
      U+1F444,
      U+1F446-1F449,
      U+1F44C-1F44E,
      U+1F453,
      U+1F46A,
      U+1F47D,
      U+1F4A3,
      U+1F4B0,
      U+1F4B3,
      U+1F4B9,
      U+1F4BB,
      U+1F4BF,
      U+1F4C8-1F4CB,
      U+1F4D6,
      U+1F4DA,
      U+1F4DF,
      U+1F4E3-1F4E6,
      U+1F4EA-1F4ED,
      U+1F4F7,
      U+1F4F9-1F4FB,
      U+1F4FD-1F4FE,
      U+1F503,
      U+1F507-1F50B,
      U+1F50D,
      U+1F512-1F513,
      U+1F53E-1F54A,
      U+1F54F-1F5FA,
      U+1F610,
      U+1F650-1F67F,
      U+1F687,
      U+1F68D,
      U+1F691,
      U+1F694,
      U+1F698,
      U+1F6AD,
      U+1F6B2,
      U+1F6B9-1F6BA,
      U+1F6BC,
      U+1F6C6-1F6CF,
      U+1F6D3-1F6D7,
      U+1F6E0-1F6EA,
      U+1F6F0-1F6F3,
      U+1F6F7-1F6FC,
      U+1F700-1F7FF,
      U+1F800-1F80B,
      U+1F810-1F847,
      U+1F850-1F859,
      U+1F860-1F887,
      U+1F890-1F8AD,
      U+1F8B0-1F8BB,
      U+1F8C0-1F8C1,
      U+1F900-1F90B,
      U+1F93B,
      U+1F946,
      U+1F984,
      U+1F996,
      U+1F9E9,
      U+1FA00-1FA6F,
      U+1FA70-1FA7C,
      U+1FA80-1FA89,
      U+1FA8F-1FAC6,
      U+1FACE-1FADC,
      U+1FADF-1FAE9,
      U+1FAF0-1FAF8,
      U+1FB00-1FBFF;
  }
  @font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("./roboto-vietnamese-400-normal-U5VVNGXF.woff2") format("woff2"), url("./roboto-vietnamese-400-normal-2S2JERKN.woff") format("woff");
    unicode-range:
      U+0102-0103,
      U+0110-0111,
      U+0128-0129,
      U+0168-0169,
      U+01A0-01A1,
      U+01AF-01B0,
      U+0300-0301,
      U+0303-0304,
      U+0308-0309,
      U+0323,
      U+0329,
      U+1EA0-1EF9,
      U+20AB;
  }
  @font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("./roboto-latin-ext-400-normal-WBUEMEI4.woff2") format("woff2"), url("./roboto-latin-ext-400-normal-FR5S76YF.woff") format("woff");
    unicode-range:
      U+0100-02BA,
      U+02BD-02C5,
      U+02C7-02CC,
      U+02CE-02D7,
      U+02DD-02FF,
      U+0304,
      U+0308,
      U+0329,
      U+1D00-1DBF,
      U+1E00-1E9F,
      U+1EF2-1EFF,
      U+2020,
      U+20A0-20AB,
      U+20AD-20C0,
      U+2113,
      U+2C60-2C7F,
      U+A720-A7FF;
  }
  @font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("./roboto-latin-400-normal-IBDOZG32.woff2") format("woff2"), url("./roboto-latin-400-normal-YXDTUQHF.woff") format("woff");
    unicode-range:
      U+0000-00FF,
      U+0131,
      U+0152-0153,
      U+02BB-02BC,
      U+02C6,
      U+02DA,
      U+02DC,
      U+0304,
      U+0308,
      U+0329,
      U+2000-206F,
      U+20AC,
      U+2122,
      U+2191,
      U+2193,
      U+2212,
      U+2215,
      U+FEFF,
      U+FFFD;
  }
  @font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 400;
    src: url("./roboto-cyrillic-ext-400-italic-JOQKUMDA.woff2") format("woff2"), url("./roboto-cyrillic-ext-400-italic-FAOJ3CPV.woff") format("woff");
    unicode-range:
      U+0460-052F,
      U+1C80-1C8A,
      U+20B4,
      U+2DE0-2DFF,
      U+A640-A69F,
      U+FE2E-FE2F;
  }
  @font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 400;
    src: url("./roboto-cyrillic-400-italic-7F7NRRUS.woff2") format("woff2"), url("./roboto-cyrillic-400-italic-G363WAJR.woff") format("woff");
    unicode-range:
      U+0301,
      U+0400-045F,
      U+0490-0491,
      U+04B0-04B1,
      U+2116;
  }
  @font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 400;
    src: url("./roboto-greek-ext-400-italic-VIBZISUD.woff2") format("woff2"), url("./roboto-greek-ext-400-italic-NY3CXKMC.woff") format("woff");
    unicode-range: U+1F00-1FFF;
  }
  @font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 400;
    src: url("./roboto-greek-400-italic-IP6JY25O.woff2") format("woff2"), url("./roboto-greek-400-italic-XGYTCASQ.woff") format("woff");
    unicode-range:
      U+0370-0377,
      U+037A-037F,
      U+0384-038A,
      U+038C,
      U+038E-03A1,
      U+03A3-03FF;
  }
  @font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 400;
    src: url("./roboto-math-400-italic-2NHRJ3AV.woff2") format("woff2"), url("./roboto-math-400-italic-J7OUOL6L.woff") format("woff");
    unicode-range:
      U+0302-0303,
      U+0305,
      U+0307-0308,
      U+0310,
      U+0312,
      U+0315,
      U+031A,
      U+0326-0327,
      U+032C,
      U+032F-0330,
      U+0332-0333,
      U+0338,
      U+033A,
      U+0346,
      U+034D,
      U+0391-03A1,
      U+03A3-03A9,
      U+03B1-03C9,
      U+03D1,
      U+03D5-03D6,
      U+03F0-03F1,
      U+03F4-03F5,
      U+2016-2017,
      U+2034-2038,
      U+203C,
      U+2040,
      U+2043,
      U+2047,
      U+2050,
      U+2057,
      U+205F,
      U+2070-2071,
      U+2074-208E,
      U+2090-209C,
      U+20D0-20DC,
      U+20E1,
      U+20E5-20EF,
      U+2100-2112,
      U+2114-2115,
      U+2117-2121,
      U+2123-214F,
      U+2190,
      U+2192,
      U+2194-21AE,
      U+21B0-21E5,
      U+21F1-21F2,
      U+21F4-2211,
      U+2213-2214,
      U+2216-22FF,
      U+2308-230B,
      U+2310,
      U+2319,
      U+231C-2321,
      U+2336-237A,
      U+237C,
      U+2395,
      U+239B-23B7,
      U+23D0,
      U+23DC-23E1,
      U+2474-2475,
      U+25AF,
      U+25B3,
      U+25B7,
      U+25BD,
      U+25C1,
      U+25CA,
      U+25CC,
      U+25FB,
      U+266D-266F,
      U+27C0-27FF,
      U+2900-2AFF,
      U+2B0E-2B11,
      U+2B30-2B4C,
      U+2BFE,
      U+3030,
      U+FF5B,
      U+FF5D,
      U+1D400-1D7FF,
      U+1EE00-1EEFF;
  }
  @font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 400;
    src: url("./roboto-symbols-400-italic-RS37KUFK.woff2") format("woff2"), url("./roboto-symbols-400-italic-MP4LEV7W.woff") format("woff");
    unicode-range:
      U+0001-000C,
      U+000E-001F,
      U+007F-009F,
      U+20DD-20E0,
      U+20E2-20E4,
      U+2150-218F,
      U+2190,
      U+2192,
      U+2194-2199,
      U+21AF,
      U+21E6-21F0,
      U+21F3,
      U+2218-2219,
      U+2299,
      U+22C4-22C6,
      U+2300-243F,
      U+2440-244A,
      U+2460-24FF,
      U+25A0-27BF,
      U+2800-28FF,
      U+2921-2922,
      U+2981,
      U+29BF,
      U+29EB,
      U+2B00-2BFF,
      U+4DC0-4DFF,
      U+FFF9-FFFB,
      U+10140-1018E,
      U+10190-1019C,
      U+101A0,
      U+101D0-101FD,
      U+102E0-102FB,
      U+10E60-10E7E,
      U+1D2C0-1D2D3,
      U+1D2E0-1D37F,
      U+1F000-1F0FF,
      U+1F100-1F1AD,
      U+1F1E6-1F1FF,
      U+1F30D-1F30F,
      U+1F315,
      U+1F31C,
      U+1F31E,
      U+1F320-1F32C,
      U+1F336,
      U+1F378,
      U+1F37D,
      U+1F382,
      U+1F393-1F39F,
      U+1F3A7-1F3A8,
      U+1F3AC-1F3AF,
      U+1F3C2,
      U+1F3C4-1F3C6,
      U+1F3CA-1F3CE,
      U+1F3D4-1F3E0,
      U+1F3ED,
      U+1F3F1-1F3F3,
      U+1F3F5-1F3F7,
      U+1F408,
      U+1F415,
      U+1F41F,
      U+1F426,
      U+1F43F,
      U+1F441-1F442,
      U+1F444,
      U+1F446-1F449,
      U+1F44C-1F44E,
      U+1F453,
      U+1F46A,
      U+1F47D,
      U+1F4A3,
      U+1F4B0,
      U+1F4B3,
      U+1F4B9,
      U+1F4BB,
      U+1F4BF,
      U+1F4C8-1F4CB,
      U+1F4D6,
      U+1F4DA,
      U+1F4DF,
      U+1F4E3-1F4E6,
      U+1F4EA-1F4ED,
      U+1F4F7,
      U+1F4F9-1F4FB,
      U+1F4FD-1F4FE,
      U+1F503,
      U+1F507-1F50B,
      U+1F50D,
      U+1F512-1F513,
      U+1F53E-1F54A,
      U+1F54F-1F5FA,
      U+1F610,
      U+1F650-1F67F,
      U+1F687,
      U+1F68D,
      U+1F691,
      U+1F694,
      U+1F698,
      U+1F6AD,
      U+1F6B2,
      U+1F6B9-1F6BA,
      U+1F6BC,
      U+1F6C6-1F6CF,
      U+1F6D3-1F6D7,
      U+1F6E0-1F6EA,
      U+1F6F0-1F6F3,
      U+1F6F7-1F6FC,
      U+1F700-1F7FF,
      U+1F800-1F80B,
      U+1F810-1F847,
      U+1F850-1F859,
      U+1F860-1F887,
      U+1F890-1F8AD,
      U+1F8B0-1F8BB,
      U+1F8C0-1F8C1,
      U+1F900-1F90B,
      U+1F93B,
      U+1F946,
      U+1F984,
      U+1F996,
      U+1F9E9,
      U+1FA00-1FA6F,
      U+1FA70-1FA7C,
      U+1FA80-1FA89,
      U+1FA8F-1FAC6,
      U+1FACE-1FADC,
      U+1FADF-1FAE9,
      U+1FAF0-1FAF8,
      U+1FB00-1FBFF;
  }
  @font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 400;
    src: url("./roboto-vietnamese-400-italic-QC7HW4I3.woff2") format("woff2"), url("./roboto-vietnamese-400-italic-FONIO4S2.woff") format("woff");
    unicode-range:
      U+0102-0103,
      U+0110-0111,
      U+0128-0129,
      U+0168-0169,
      U+01A0-01A1,
      U+01AF-01B0,
      U+0300-0301,
      U+0303-0304,
      U+0308-0309,
      U+0323,
      U+0329,
      U+1EA0-1EF9,
      U+20AB;
  }
  @font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 400;
    src: url("./roboto-latin-ext-400-italic-OERHMOEQ.woff2") format("woff2"), url("./roboto-latin-ext-400-italic-RYB7AQPJ.woff") format("woff");
    unicode-range:
      U+0100-02BA,
      U+02BD-02C5,
      U+02C7-02CC,
      U+02CE-02D7,
      U+02DD-02FF,
      U+0304,
      U+0308,
      U+0329,
      U+1D00-1DBF,
      U+1E00-1E9F,
      U+1EF2-1EFF,
      U+2020,
      U+20A0-20AB,
      U+20AD-20C0,
      U+2113,
      U+2C60-2C7F,
      U+A720-A7FF;
  }
  @font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 400;
    src: url("./roboto-latin-400-italic-M52ZBOVE.woff2") format("woff2"), url("./roboto-latin-400-italic-KFQNGJIC.woff") format("woff");
    unicode-range:
      U+0000-00FF,
      U+0131,
      U+0152-0153,
      U+02BB-02BC,
      U+02C6,
      U+02DA,
      U+02DC,
      U+0304,
      U+0308,
      U+0329,
      U+2000-206F,
      U+20AC,
      U+2122,
      U+2191,
      U+2193,
      U+2212,
      U+2215,
      U+FEFF,
      U+FFFD;
  }
  @font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url("./roboto-cyrillic-ext-700-normal-7Q4EPXM3.woff2") format("woff2"), url("./roboto-cyrillic-ext-700-normal-UFDZGWZY.woff") format("woff");
    unicode-range:
      U+0460-052F,
      U+1C80-1C8A,
      U+20B4,
      U+2DE0-2DFF,
      U+A640-A69F,
      U+FE2E-FE2F;
  }
  @font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url("./roboto-cyrillic-700-normal-LJ3LP5Y5.woff2") format("woff2"), url("./roboto-cyrillic-700-normal-3QDRAX5C.woff") format("woff");
    unicode-range:
      U+0301,
      U+0400-045F,
      U+0490-0491,
      U+04B0-04B1,
      U+2116;
  }
  @font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url("./roboto-greek-ext-700-normal-OQQIZQNZ.woff2") format("woff2"), url("./roboto-greek-ext-700-normal-K5ADXWT3.woff") format("woff");
    unicode-range: U+1F00-1FFF;
  }
  @font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url("./roboto-greek-700-normal-4YQUENYV.woff2") format("woff2"), url("./roboto-greek-700-normal-RQDFLFSP.woff") format("woff");
    unicode-range:
      U+0370-0377,
      U+037A-037F,
      U+0384-038A,
      U+038C,
      U+038E-03A1,
      U+03A3-03FF;
  }
  @font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url("./roboto-math-700-normal-OVMZG4UA.woff2") format("woff2"), url("./roboto-math-700-normal-ZLGCD66D.woff") format("woff");
    unicode-range:
      U+0302-0303,
      U+0305,
      U+0307-0308,
      U+0310,
      U+0312,
      U+0315,
      U+031A,
      U+0326-0327,
      U+032C,
      U+032F-0330,
      U+0332-0333,
      U+0338,
      U+033A,
      U+0346,
      U+034D,
      U+0391-03A1,
      U+03A3-03A9,
      U+03B1-03C9,
      U+03D1,
      U+03D5-03D6,
      U+03F0-03F1,
      U+03F4-03F5,
      U+2016-2017,
      U+2034-2038,
      U+203C,
      U+2040,
      U+2043,
      U+2047,
      U+2050,
      U+2057,
      U+205F,
      U+2070-2071,
      U+2074-208E,
      U+2090-209C,
      U+20D0-20DC,
      U+20E1,
      U+20E5-20EF,
      U+2100-2112,
      U+2114-2115,
      U+2117-2121,
      U+2123-214F,
      U+2190,
      U+2192,
      U+2194-21AE,
      U+21B0-21E5,
      U+21F1-21F2,
      U+21F4-2211,
      U+2213-2214,
      U+2216-22FF,
      U+2308-230B,
      U+2310,
      U+2319,
      U+231C-2321,
      U+2336-237A,
      U+237C,
      U+2395,
      U+239B-23B7,
      U+23D0,
      U+23DC-23E1,
      U+2474-2475,
      U+25AF,
      U+25B3,
      U+25B7,
      U+25BD,
      U+25C1,
      U+25CA,
      U+25CC,
      U+25FB,
      U+266D-266F,
      U+27C0-27FF,
      U+2900-2AFF,
      U+2B0E-2B11,
      U+2B30-2B4C,
      U+2BFE,
      U+3030,
      U+FF5B,
      U+FF5D,
      U+1D400-1D7FF,
      U+1EE00-1EEFF;
  }
  @font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url("./roboto-symbols-700-normal-34PZ33MC.woff2") format("woff2"), url("./roboto-symbols-700-normal-IZTFYCF2.woff") format("woff");
    unicode-range:
      U+0001-000C,
      U+000E-001F,
      U+007F-009F,
      U+20DD-20E0,
      U+20E2-20E4,
      U+2150-218F,
      U+2190,
      U+2192,
      U+2194-2199,
      U+21AF,
      U+21E6-21F0,
      U+21F3,
      U+2218-2219,
      U+2299,
      U+22C4-22C6,
      U+2300-243F,
      U+2440-244A,
      U+2460-24FF,
      U+25A0-27BF,
      U+2800-28FF,
      U+2921-2922,
      U+2981,
      U+29BF,
      U+29EB,
      U+2B00-2BFF,
      U+4DC0-4DFF,
      U+FFF9-FFFB,
      U+10140-1018E,
      U+10190-1019C,
      U+101A0,
      U+101D0-101FD,
      U+102E0-102FB,
      U+10E60-10E7E,
      U+1D2C0-1D2D3,
      U+1D2E0-1D37F,
      U+1F000-1F0FF,
      U+1F100-1F1AD,
      U+1F1E6-1F1FF,
      U+1F30D-1F30F,
      U+1F315,
      U+1F31C,
      U+1F31E,
      U+1F320-1F32C,
      U+1F336,
      U+1F378,
      U+1F37D,
      U+1F382,
      U+1F393-1F39F,
      U+1F3A7-1F3A8,
      U+1F3AC-1F3AF,
      U+1F3C2,
      U+1F3C4-1F3C6,
      U+1F3CA-1F3CE,
      U+1F3D4-1F3E0,
      U+1F3ED,
      U+1F3F1-1F3F3,
      U+1F3F5-1F3F7,
      U+1F408,
      U+1F415,
      U+1F41F,
      U+1F426,
      U+1F43F,
      U+1F441-1F442,
      U+1F444,
      U+1F446-1F449,
      U+1F44C-1F44E,
      U+1F453,
      U+1F46A,
      U+1F47D,
      U+1F4A3,
      U+1F4B0,
      U+1F4B3,
      U+1F4B9,
      U+1F4BB,
      U+1F4BF,
      U+1F4C8-1F4CB,
      U+1F4D6,
      U+1F4DA,
      U+1F4DF,
      U+1F4E3-1F4E6,
      U+1F4EA-1F4ED,
      U+1F4F7,
      U+1F4F9-1F4FB,
      U+1F4FD-1F4FE,
      U+1F503,
      U+1F507-1F50B,
      U+1F50D,
      U+1F512-1F513,
      U+1F53E-1F54A,
      U+1F54F-1F5FA,
      U+1F610,
      U+1F650-1F67F,
      U+1F687,
      U+1F68D,
      U+1F691,
      U+1F694,
      U+1F698,
      U+1F6AD,
      U+1F6B2,
      U+1F6B9-1F6BA,
      U+1F6BC,
      U+1F6C6-1F6CF,
      U+1F6D3-1F6D7,
      U+1F6E0-1F6EA,
      U+1F6F0-1F6F3,
      U+1F6F7-1F6FC,
      U+1F700-1F7FF,
      U+1F800-1F80B,
      U+1F810-1F847,
      U+1F850-1F859,
      U+1F860-1F887,
      U+1F890-1F8AD,
      U+1F8B0-1F8BB,
      U+1F8C0-1F8C1,
      U+1F900-1F90B,
      U+1F93B,
      U+1F946,
      U+1F984,
      U+1F996,
      U+1F9E9,
      U+1FA00-1FA6F,
      U+1FA70-1FA7C,
      U+1FA80-1FA89,
      U+1FA8F-1FAC6,
      U+1FACE-1FADC,
      U+1FADF-1FAE9,
      U+1FAF0-1FAF8,
      U+1FB00-1FBFF;
  }
  @font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url("./roboto-vietnamese-700-normal-VCMSWJV6.woff2") format("woff2"), url("./roboto-vietnamese-700-normal-5PCXWKVR.woff") format("woff");
    unicode-range:
      U+0102-0103,
      U+0110-0111,
      U+0128-0129,
      U+0168-0169,
      U+01A0-01A1,
      U+01AF-01B0,
      U+0300-0301,
      U+0303-0304,
      U+0308-0309,
      U+0323,
      U+0329,
      U+1EA0-1EF9,
      U+20AB;
  }
  @font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url("./roboto-latin-ext-700-normal-JU5BBSBP.woff2") format("woff2"), url("./roboto-latin-ext-700-normal-2SRSQZJH.woff") format("woff");
    unicode-range:
      U+0100-02BA,
      U+02BD-02C5,
      U+02C7-02CC,
      U+02CE-02D7,
      U+02DD-02FF,
      U+0304,
      U+0308,
      U+0329,
      U+1D00-1DBF,
      U+1E00-1E9F,
      U+1EF2-1EFF,
      U+2020,
      U+20A0-20AB,
      U+20AD-20C0,
      U+2113,
      U+2C60-2C7F,
      U+A720-A7FF;
  }
  @font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url("./roboto-latin-700-normal-33N2AXLU.woff2") format("woff2"), url("./roboto-latin-700-normal-3WNHDSNM.woff") format("woff");
    unicode-range:
      U+0000-00FF,
      U+0131,
      U+0152-0153,
      U+02BB-02BC,
      U+02C6,
      U+02DA,
      U+02DC,
      U+0304,
      U+0308,
      U+0329,
      U+2000-206F,
      U+20AC,
      U+2122,
      U+2191,
      U+2193,
      U+2212,
      U+2215,
      U+FEFF,
      U+FFFD;
  }
  @font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 700;
    src: url("./roboto-cyrillic-ext-700-italic-JY2Q4GAT.woff2") format("woff2"), url("./roboto-cyrillic-ext-700-italic-PP6GNRKB.woff") format("woff");
    unicode-range:
      U+0460-052F,
      U+1C80-1C8A,
      U+20B4,
      U+2DE0-2DFF,
      U+A640-A69F,
      U+FE2E-FE2F;
  }
  @font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 700;
    src: url("./roboto-cyrillic-700-italic-ZUMOFV67.woff2") format("woff2"), url("./roboto-cyrillic-700-italic-VQYBGCLC.woff") format("woff");
    unicode-range:
      U+0301,
      U+0400-045F,
      U+0490-0491,
      U+04B0-04B1,
      U+2116;
  }
  @font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 700;
    src: url("./roboto-greek-ext-700-italic-JA2PXJDK.woff2") format("woff2"), url("./roboto-greek-ext-700-italic-XGWF4RMX.woff") format("woff");
    unicode-range: U+1F00-1FFF;
  }
  @font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 700;
    src: url("./roboto-greek-700-italic-LECNRK5Q.woff2") format("woff2"), url("./roboto-greek-700-italic-7MVCTUZR.woff") format("woff");
    unicode-range:
      U+0370-0377,
      U+037A-037F,
      U+0384-038A,
      U+038C,
      U+038E-03A1,
      U+03A3-03FF;
  }
  @font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 700;
    src: url("./roboto-math-700-italic-33S32KGK.woff2") format("woff2"), url("./roboto-math-700-italic-UFO4M3GS.woff") format("woff");
    unicode-range:
      U+0302-0303,
      U+0305,
      U+0307-0308,
      U+0310,
      U+0312,
      U+0315,
      U+031A,
      U+0326-0327,
      U+032C,
      U+032F-0330,
      U+0332-0333,
      U+0338,
      U+033A,
      U+0346,
      U+034D,
      U+0391-03A1,
      U+03A3-03A9,
      U+03B1-03C9,
      U+03D1,
      U+03D5-03D6,
      U+03F0-03F1,
      U+03F4-03F5,
      U+2016-2017,
      U+2034-2038,
      U+203C,
      U+2040,
      U+2043,
      U+2047,
      U+2050,
      U+2057,
      U+205F,
      U+2070-2071,
      U+2074-208E,
      U+2090-209C,
      U+20D0-20DC,
      U+20E1,
      U+20E5-20EF,
      U+2100-2112,
      U+2114-2115,
      U+2117-2121,
      U+2123-214F,
      U+2190,
      U+2192,
      U+2194-21AE,
      U+21B0-21E5,
      U+21F1-21F2,
      U+21F4-2211,
      U+2213-2214,
      U+2216-22FF,
      U+2308-230B,
      U+2310,
      U+2319,
      U+231C-2321,
      U+2336-237A,
      U+237C,
      U+2395,
      U+239B-23B7,
      U+23D0,
      U+23DC-23E1,
      U+2474-2475,
      U+25AF,
      U+25B3,
      U+25B7,
      U+25BD,
      U+25C1,
      U+25CA,
      U+25CC,
      U+25FB,
      U+266D-266F,
      U+27C0-27FF,
      U+2900-2AFF,
      U+2B0E-2B11,
      U+2B30-2B4C,
      U+2BFE,
      U+3030,
      U+FF5B,
      U+FF5D,
      U+1D400-1D7FF,
      U+1EE00-1EEFF;
  }
  @font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 700;
    src: url("./roboto-symbols-700-italic-74GYQEVZ.woff2") format("woff2"), url("./roboto-symbols-700-italic-3RKEHPBZ.woff") format("woff");
    unicode-range:
      U+0001-000C,
      U+000E-001F,
      U+007F-009F,
      U+20DD-20E0,
      U+20E2-20E4,
      U+2150-218F,
      U+2190,
      U+2192,
      U+2194-2199,
      U+21AF,
      U+21E6-21F0,
      U+21F3,
      U+2218-2219,
      U+2299,
      U+22C4-22C6,
      U+2300-243F,
      U+2440-244A,
      U+2460-24FF,
      U+25A0-27BF,
      U+2800-28FF,
      U+2921-2922,
      U+2981,
      U+29BF,
      U+29EB,
      U+2B00-2BFF,
      U+4DC0-4DFF,
      U+FFF9-FFFB,
      U+10140-1018E,
      U+10190-1019C,
      U+101A0,
      U+101D0-101FD,
      U+102E0-102FB,
      U+10E60-10E7E,
      U+1D2C0-1D2D3,
      U+1D2E0-1D37F,
      U+1F000-1F0FF,
      U+1F100-1F1AD,
      U+1F1E6-1F1FF,
      U+1F30D-1F30F,
      U+1F315,
      U+1F31C,
      U+1F31E,
      U+1F320-1F32C,
      U+1F336,
      U+1F378,
      U+1F37D,
      U+1F382,
      U+1F393-1F39F,
      U+1F3A7-1F3A8,
      U+1F3AC-1F3AF,
      U+1F3C2,
      U+1F3C4-1F3C6,
      U+1F3CA-1F3CE,
      U+1F3D4-1F3E0,
      U+1F3ED,
      U+1F3F1-1F3F3,
      U+1F3F5-1F3F7,
      U+1F408,
      U+1F415,
      U+1F41F,
      U+1F426,
      U+1F43F,
      U+1F441-1F442,
      U+1F444,
      U+1F446-1F449,
      U+1F44C-1F44E,
      U+1F453,
      U+1F46A,
      U+1F47D,
      U+1F4A3,
      U+1F4B0,
      U+1F4B3,
      U+1F4B9,
      U+1F4BB,
      U+1F4BF,
      U+1F4C8-1F4CB,
      U+1F4D6,
      U+1F4DA,
      U+1F4DF,
      U+1F4E3-1F4E6,
      U+1F4EA-1F4ED,
      U+1F4F7,
      U+1F4F9-1F4FB,
      U+1F4FD-1F4FE,
      U+1F503,
      U+1F507-1F50B,
      U+1F50D,
      U+1F512-1F513,
      U+1F53E-1F54A,
      U+1F54F-1F5FA,
      U+1F610,
      U+1F650-1F67F,
      U+1F687,
      U+1F68D,
      U+1F691,
      U+1F694,
      U+1F698,
      U+1F6AD,
      U+1F6B2,
      U+1F6B9-1F6BA,
      U+1F6BC,
      U+1F6C6-1F6CF,
      U+1F6D3-1F6D7,
      U+1F6E0-1F6EA,
      U+1F6F0-1F6F3,
      U+1F6F7-1F6FC,
      U+1F700-1F7FF,
      U+1F800-1F80B,
      U+1F810-1F847,
      U+1F850-1F859,
      U+1F860-1F887,
      U+1F890-1F8AD,
      U+1F8B0-1F8BB,
      U+1F8C0-1F8C1,
      U+1F900-1F90B,
      U+1F93B,
      U+1F946,
      U+1F984,
      U+1F996,
      U+1F9E9,
      U+1FA00-1FA6F,
      U+1FA70-1FA7C,
      U+1FA80-1FA89,
      U+1FA8F-1FAC6,
      U+1FACE-1FADC,
      U+1FADF-1FAE9,
      U+1FAF0-1FAF8,
      U+1FB00-1FBFF;
  }
  @font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 700;
    src: url("./roboto-vietnamese-700-italic-E6YQIUTL.woff2") format("woff2"), url("./roboto-vietnamese-700-italic-ZQ3JJ3XI.woff") format("woff");
    unicode-range:
      U+0102-0103,
      U+0110-0111,
      U+0128-0129,
      U+0168-0169,
      U+01A0-01A1,
      U+01AF-01B0,
      U+0300-0301,
      U+0303-0304,
      U+0308-0309,
      U+0323,
      U+0329,
      U+1EA0-1EF9,
      U+20AB;
  }
  @font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 700;
    src: url("./roboto-latin-ext-700-italic-HVYN7NCH.woff2") format("woff2"), url("./roboto-latin-ext-700-italic-BUMOD3DV.woff") format("woff");
    unicode-range:
      U+0100-02BA,
      U+02BD-02C5,
      U+02C7-02CC,
      U+02CE-02D7,
      U+02DD-02FF,
      U+0304,
      U+0308,
      U+0329,
      U+1D00-1DBF,
      U+1E00-1E9F,
      U+1EF2-1EFF,
      U+2020,
      U+20A0-20AB,
      U+20AD-20C0,
      U+2113,
      U+2C60-2C7F,
      U+A720-A7FF;
  }
  @font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 700;
    src: url("./roboto-latin-700-italic-VLF7RG3D.woff2") format("woff2"), url("./roboto-latin-700-italic-QUYVFOWK.woff") format("woff");
    unicode-range:
      U+0000-00FF,
      U+0131,
      U+0152-0153,
      U+02BB-02BC,
      U+02C6,
      U+02DA,
      U+02DC,
      U+0304,
      U+0308,
      U+0329,
      U+2000-206F,
      U+20AC,
      U+2122,
      U+2191,
      U+2193,
      U+2212,
      U+2215,
      U+FEFF,
      U+FFFD;
  }
}
:root {
  --font-family: Roboto, sans-serif;
  --font-size: 15px;
  --element-spacing: 16px;
  --element-spacing-x: var(--element-spacing);
  --element-spacing-y: var(--element-spacing);
  --input-padding: 8px;
  --color-bg--light: #fff;
  --color-bg--dark: #222;
  --color-bg: var(--color-bg--light);
  --color-text--light: #000;
  --color-text--dark: #fff;
  --color-text: var(--color-text--light);
  --color-link-hover--light: var(--color-theme-d);
  --color-link-hover--dark: var(--color-theme-l);
  --color-link-hover: var(--color-link-hover--light);
  --color-input-bg: var(--color-bg);
  --color-input-negative-red: #f00;
  --color-input-validation-error: #f00;
  --color-imagedesc-bg--light: rgba(255,255,255,0.333);
  --color-imagedesc-bg--dark: rgba(102,102,102,0.333);
  --color-imagedesc-bg: var(--color-imagedesc-bg--light);
  --color-input-changed-indicator--light: #f00;
  --color-input-changed-indicator--dark: #f33;
  --color-input-changed-indicator: var(--color-input-changed-indicator--light);
  --color-box-shadow--light: #000;
  --color-box-shadow--dark: #aaa;
  --color-box-shadow: var(--color-box-shadow--light);
  --color-overlay-backdrop: rgba(85,85,85,0.867);
  --color-overlay-bg--light: #fff;
  --color-overlay-bg--dark: #333;
  --color-overlay-bg: var(--color-overlay-bg--light);
  --color-info-panel--light: #ffc;
  --color-info-panel--dark: #663;
  --color-info-panel: var(--color-info-panel--light);
  --color-note-panel--light: #ccf;
  --color-note-panel--dark: #336;
  --color-note-panel: var(--color-note-panel--light);
  --color-ok-panel--light: #cfc;
  --color-ok-panel--dark: #363;
  --color-ok-panel: var(--color-ok-panel--light);
  --color-warning-panel--light: #fcc;
  --color-warning-panel--dark: #633;
  --color-warning-panel: var(--color-warning-panel--light);
  --color-btn-delete: #f88;
  --color-label: var(--color-theme-l);
  --color-label-signed: #0c0;
  --color-label-checkout: #6a9ace;
  --color-label-done: #0c0;
  --color-label-email-sent: #7c0;
  --color-label-uploaded: #7c0;
  --color-label-auto-delete: #ff7b00;
  --color-label-priority-low: #555;
  --color-label-priority-medium: #ee0;
  --color-label-priority-high: #f00;
  --color-label-state: #77f;
  --color-priority-low--light: #ddd;
  --color-priority-low--dark: #444;
  --color-priority-low: var(--color-priority-low--light);
  --color-priority-medium--light: #ffd;
  --color-priority-medium--dark: #664;
  --color-priority-medium: var(--color-priority-medium--light);
  --color-priority-high--light: #fdd;
  --color-priority-high--dark: #644;
  --color-priority-high: var(--color-priority-high--light);
  --color-announcement: #539bf5;
  --color-announcement-warning: #c69026;
  --color-announcement-alert: #e5534b;
  --color-blockquote: #444c56;
  --color-input: var(--color-text);
  --color-input-border: color-mix(in srgb, var(--color-theme), transparent 50%);
  --color-theme: #007575;
  --color-theme-l: color-mix(in srgb, var(--color-theme), #fff 15%);
  --color-theme-d: color-mix(in srgb, var(--color-theme), #000 15%);
  --color-theme-text: #fff;
  --color-theme-l-text: var(--color-theme-text);
  --color-theme-d-text: var(--color-theme-text);
  --color-theme-50p: color-mix(in srgb, var(--color-theme) 50%, transparent);
  --color-theme-25p: color-mix(in srgb, var(--color-theme) 25%, transparent);
  --color-theme-10p: color-mix(in srgb, var(--color-theme) 10%, transparent);
  --color-theme-accent: color-mix(in srgb, var(--color-theme), #fff 30%);
  --color-scrollbar-handle--light: var(--color-theme-d);
  --color-scrollbar-handle--dark: var(--color-theme-l);
  --color-scrollbar-handle: var(--color-scrollbar-handle--light);
  --color-sortable-selected: #0f0;
  --color-image-editor-bg1--light: color-mix(in srgb, var(--color-bg--light) 95%, black);
  --color-image-editor-bg2--light: var(--color-bg--light);
  --color-image-editor-bg1--dark: var(--color-bg--dark);
  --color-image-editor-bg2--dark: color-mix(in srgb, var(--color-bg--dark) 95%, white);
  --color-image-editor-bg1: var(--color-image-editor-bg1--light);
  --color-image-editor-bg2: var(--color-image-editor-bg2--light);
  --formfield-button-width: 35px;
  --sidebar-width: 50px;
  --sidebar-width-expanded: 300px;
  --sidebar-transition-speed-w: 0.5s;
  --sidebar-transition-speed-h: 0.5s;
  --sidebar-title-width: 115px;
  --box-shadow: 0 2px 5px 0 color-mix(in srgb, var(--color-box-shadow) 16%, transparent), 0 2px 10px 0 color-mix(in srgb, var(--color-box-shadow) 12%, transparent);
  --box-shadow-theme: 0 2px 5px 0 color-mix(in srgb, var(--color-theme) 16%, transparent), 0 2px 10px 0 color-mix(in srgb, var(--color-theme) 12%, transparent);
  --action-shadow: 0 4px 10px 0 color-mix(in srgb, var(--color-box-shadow) 20%, transparent), 0 4px 20px 0 color-mix(in srgb, var(--color-box-shadow) 19%, transparent);
  --action-shadow-theme: 0 2px 5px 0 color-mix(in srgb, var(--color-theme) 20%, transparent), 0 2px 10px 0 color-mix(in srgb, var(--color-theme) 19%, transparent);
  --changed-indicator-shadow-outer: 0 0 10px 0 color-mix(in srgb, var(--color-input-changed-indicator) 30%, transparent);
  --changed-indicator-shadow-inner: inset 0 0 3px 0 color-mix(in srgb, var(--color-input-changed-indicator) 30%, transparent);
  --sortable-selected-shadow: 0 0 10px 0 color-mix(in srgb, var(--color-sortable-selected) 75%, transparent);
  --export-pdf-width: 800px;
  --export-pdf-width-landscape: calc(var(--export-pdf-width) * 1.4142);
  --export-scale: 0.8;
  --mix-blend-mode--light: lighten;
  --mix-blend-mode--dark: darken;
  --mix-blend-mode: var(--mix-blend-mode--light);
}
#draft-overlay,
#manipulation-overlay,
.formfield-group .formfield-group-header {
  -webkit-print-color-adjust: exact !important;
  color-adjust: exact !important;
  print-color-adjust: exact !important;
}
.material-symbols-flex,
.button,
.panel-grid > a,
#forms-filter-labels .label,
#forms-list .list > a.button .info .label,
#forms-list .list > a.button .labels .label,
.input-container .input-container2 .input-left-buttons button,
.input-container .input-container2 .input-right-buttons button,
.formfield-checkbox .input-row .input-container2 label,
.clr-picker .clr-close,
.clr-picker .clr-clear,
.formfield-date .formfield-dropdown .calendar .days button.day,
.formfield-date .formfield-dropdown .time-display .seg,
.formfield-radio .radio-opt label {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: calc(var(--element-spacing) / 2);
}
.material-symbols-flex .material-symbols-outlined,
.button .material-symbols-outlined,
.panel-grid > a .material-symbols-outlined,
#forms-filter-labels .label .material-symbols-outlined,
#forms-list .list > a.button .info .label .material-symbols-outlined,
#forms-list .list > a.button .labels .label .material-symbols-outlined,
.input-container .input-container2 .input-left-buttons button .material-symbols-outlined,
.input-container .input-container2 .input-right-buttons button .material-symbols-outlined,
.formfield-checkbox .input-row .input-container2 label .material-symbols-outlined,
.clr-picker .clr-close .material-symbols-outlined,
.clr-picker .clr-clear .material-symbols-outlined,
.formfield-date .formfield-dropdown .calendar .days button.day .material-symbols-outlined,
.formfield-date .formfield-dropdown .time-display .seg .material-symbols-outlined,
.formfield-radio .radio-opt label .material-symbols-outlined {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.button,
.panel-grid > a,
.input-container .input-container2 .input-left-buttons button,
.input-container .input-container2 .input-right-buttons button,
.clr-picker .clr-close,
.clr-picker .clr-clear,
.formfield-date .formfield-dropdown .calendar .days button.day,
.formfield-date .formfield-dropdown .time-display .seg {
  padding: 8px 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: none;
  overflow: hidden;
  text-decoration: none !important;
  color: inherit;
  background-color: inherit;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  line-height: 1.15;
}
.button:disabled,
.panel-grid > a:disabled,
.input-container .input-container2 .input-left-buttons button:disabled,
.input-container .input-container2 .input-right-buttons button:disabled,
.clr-picker .clr-close:disabled,
.clr-picker .clr-clear:disabled,
.formfield-date .formfield-dropdown .calendar .days button.day:disabled,
.formfield-date .formfield-dropdown .time-display .seg:disabled {
  cursor: not-allowed;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.button:hover,
.panel-grid > a:hover,
.input-container .input-container2 .input-left-buttons button:hover,
.input-container .input-container2 .input-right-buttons button:hover,
.clr-picker .clr-close:hover,
.clr-picker .clr-clear:hover,
.formfield-date .formfield-dropdown .calendar .days button.day:hover,
.formfield-date .formfield-dropdown .time-display .seg:hover {
  background-color: var(--color-theme-l);
  color: var(--color-theme-l-text);
}
.button .material-symbols-outlined,
.panel-grid > a .material-symbols-outlined,
.input-container .input-container2 .input-left-buttons button .material-symbols-outlined,
.input-container .input-container2 .input-right-buttons button .material-symbols-outlined,
.clr-picker .clr-close .material-symbols-outlined,
.clr-picker .clr-clear .material-symbols-outlined,
.formfield-date .formfield-dropdown .calendar .days button.day .material-symbols-outlined,
.formfield-date .formfield-dropdown .time-display .seg .material-symbols-outlined {
  line-height: 1em;
}
@media (pointer: coarse) {
  .formfield-date .formfield-dropdown .calendar .days button.day:hover {
    background-color: inherit;
    color: inherit;
  }
}
.button.colored,
.panel .button,
.info-panel .button,
.note-panel .button,
.ok-panel .button,
.error-panel .button,
.warning-panel .button,
#forms-filter-labels .label.active,
.clr-picker .clr-close,
.clr-picker .clr-clear,
.formfield-date .formfield-dropdown .calendar .days button.day.selected,
.formfield-select .formfield-dropdown .options .button.selected {
  background-color: var(--color-theme);
  color: var(--color-theme-text);
}
.button.colored:hover,
.panel .button:hover,
.info-panel .button:hover,
.note-panel .button:hover,
.ok-panel .button:hover,
.error-panel .button:hover,
.warning-panel .button:hover,
#forms-filter-labels .label.active:hover,
.clr-picker .clr-close:hover,
.clr-picker .clr-clear:hover,
.formfield-date .formfield-dropdown .calendar .days button.day.selected:hover,
.formfield-select .formfield-dropdown .options .button.selected:hover {
  background-color: var(--color-theme-l);
  color: var(--color-theme-l-text);
}
@media (pointer: coarse) {
}
.panel-grid > a,
#forms-list .list > a.button,
.formfield-color .color-indicator,
.clr-picker.clr-pill,
.formfield-date .formfield-dropdown,
.formfield-group,
.formfield-images .images-container .image-container .image-buttons-container .image-dropdown,
.formfield-select .formfield-dropdown,
.formfield-signatures .signature-active-container .wrapper,
#dialog .wrapper,
#loader .wrapper,
#qrcode-scanner .wrapper,
#upload-indicator > div,
#toast > div {
  -webkit-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow);
}
input:focus,
select:focus,
textarea:focus,
.formfield-checkbox .input-row .input-container2 input:focus + label,
.clr-picker input.clr-color:focus,
.formfield-date .show-dropdown input.formfield,
.formfield-radio .radio-opt input:focus + label,
.formfield-select .show-dropdown input.formfield,
.formfield-signatures .signature-active-container .sigpad-container canvas:focus,
#help img {
  -webkit-box-shadow: var(--box-shadow-theme);
  box-shadow: var(--box-shadow-theme);
}
#sidebar .entry:hover,
#image-editor-sidebar .entry:hover,
#image-editor-sidebar2 .entry:hover,
#sidebar .dropdown.active,
#image-editor-sidebar .dropdown.active,
#image-editor-sidebar2 .dropdown.active,
#sidebar .section.active,
#image-editor-sidebar .section.active,
#image-editor-sidebar2 .section.active,
.panel-grid > a:hover,
#image-editor-action-buttons > div {
  -webkit-box-shadow: var(--action-shadow);
  box-shadow: var(--action-shadow);
}
.button:focus,
input:hover,
select:hover,
textarea:hover,
.formfield-checkbox .input-row .input-container2 label:hover,
.clr-picker input.clr-color:hover,
.clr-picker .clr-close:focus,
.clr-picker .clr-clear:focus,
.formfield-radio .radio-opt label:hover,
.formfield-signatures .signature-active-container .sigpad-container canvas:hover,
.image-editor-history-entry:hover {
  -webkit-box-shadow: var(--action-shadow-theme);
  box-shadow: var(--action-shadow-theme);
}
.formfield-signatures .signature-active-container .wrapper,
#dialog .wrapper,
#loader .wrapper,
#qrcode-scanner .wrapper {
  margin: var(--element-spacing) auto;
  width: calc(100% - (var(--element-spacing) * 2));
  max-width: calc(800px + (var(--element-spacing) * 2));
  max-height: calc(100% - (var(--element-spacing) * 2));
  overflow: auto;
  background: var(--color-overlay-bg);
}
.input-container .input-container2 .input-left-buttons button,
.input-container .input-container2 .input-right-buttons button {
  height: 100%;
  max-height: var(--formfield-button-width);
  width: var(--formfield-button-width);
  overflow: hidden;
  padding: 0;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: var(--color-theme);
}
.formfield-images .images-container .image-container .image-description-container .multiline-indicator,
.formfield-text .multiline-indicator {
  position: absolute;
  right: 0;
  bottom: 1px;
  height: 0.75em;
  width: 0.75em;
  fill: none;
  stroke: var(--color-theme);
  stroke-linecap: round;
  stroke-width: 1;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  pointer-events: none;
}
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("./material-symbols-outlined-GG5KKBM3.woff2") format("woff2");
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
.material-symbols-outlined {
  --material-symbols-font-size: 1.2em;
  --material-symbols-fill: 0;
  --material-symbols-wght: 400;
  --material-symbols-grad: 0;
  --material-symbols-opsz: 24;
  font-variation-settings:
    "FILL" var(--material-symbols-fill),
    "wght" var(--material-symbols-wght),
    "GRAD" var(--material-symbols-grad),
    "opsz" var(--material-symbols-opsz);
  font-size: var(--material-symbols-font-size);
  line-height: inherit;
  vertical-align: middle;
  max-width: calc(var(--material-symbols-font-size) * 2);
  overflow: hidden;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.material-symbols-outlined.theme {
  color: var(--color-theme);
}
.material-symbols-outlined.mr {
  margin-right: var(--element-spacing-x);
}
.material-symbols-outlined.ml {
  margin-left: var(--element-spacing-x);
}
.material-symbols-bold {
  --material-symbols-wght: 700;
}
.material-symbols-slim {
  --material-symbols-wght: 100;
}
.material-symbols-filled {
  --material-symbols-fill: 1;
}
.material-symbols-filled-bold {
  --material-symbols-fill: 1;
  --material-symbols-wght: 700;
}
.material-symbols-filled-slim {
  --material-symbols-fill: 1;
  --material-symbols-wght: 100;
}
.material-symbols-rotate90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.material-symbols-rotate180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.material-symbols-rotate270 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.material-symbols-2xs {
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65);
  -o-transform: scale(0.65);
  -ms-transform: scale(0.65);
  transform: scale(0.65);
}
.material-symbols-xs {
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -o-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
}
.material-symbols-sm {
  -webkit-transform: scale(0.875);
  -moz-transform: scale(0.875);
  -o-transform: scale(0.875);
  -ms-transform: scale(0.875);
  transform: scale(0.875);
}
.material-symbols-lg {
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -o-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
}
.material-symbols-xl {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
.material-symbols-2xl {
  -webkit-transform: scale(1.75);
  -moz-transform: scale(1.75);
  -o-transform: scale(1.75);
  -ms-transform: scale(1.75);
  transform: scale(1.75);
}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  font-family: inherit;
}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: normal;
  line-height: 1.5;
  color: var(--color-text);
  background: var(--color-bg);
}
#main-container {
  position: relative;
  margin-left: var(--sidebar-width);
  -webkit-transition: margin-left 0.5s ease;
  -moz-transition: margin-left 0.5s ease;
  -o-transition: margin-left 0.5s ease;
  -ms-transition: margin-left 0.5s ease;
  transition: margin-left 0.5s ease;
}
#main-container2 {
  padding: var(--element-spacing);
}
#main {
  width: 100%;
  max-width: calc(var(--export-pdf-width) / var(--export-scale));
  margin: 0 auto;
}
#main.landscape {
  --export-pdf-width: var(--export-pdf-width-landscape);
}
#main a {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
#main header a {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  margin: 0 0 10px;
}
h1 {
  font-size: 1.4em;
}
h2 {
  font-size: 1.25em;
}
h3 {
  font-size: 1.2em;
}
h4 {
  font-size: 1.15em;
}
h5 {
  font-size: 1.1em;
}
hr {
  border: 0;
  border-top: 1px solid var(--color-theme-50p);
  margin: var(--element-spacing-y) 0;
}
a {
  color: var(--color-text);
  text-decoration: none;
}
a:hover {
  color: var(--color-link-hover);
}
textarea.autoheight {
  min-height: 1em;
  max-height: 380px;
  resize: none;
}
label {
  display: block;
}
.wrapper {
  max-width: 1000px;
  margin: 0 auto;
}
.button.delete:hover {
  color: var(--color-btn-delete);
}
button.link {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  color: var(--color-text);
}
button.link:hover {
  color: var(--color-theme-d);
}
button:disabled,
.disabled {
  cursor: not-allowed;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.print-only {
  display: none;
}
.hide {
  display: none !important;
}
.theme {
  background-color: var(--color-theme);
  color: var(--color-theme-text);
}
.text-theme {
  color: var(--color-theme);
}
.center,
.text-center {
  text-align: center;
}
.left,
.text-left {
  text-align: left;
}
.right,
.text-right {
  text-align: right;
}
.mb {
  margin-bottom: var(--element-spacing-y);
}
.mt {
  margin-top: var(--element-spacing-y);
}
.mtb {
  margin-bottom: var(--element-spacing-y);
  margin-top: var(--element-spacing-y);
}
.small {
  font-size: 0.8em;
}
.container {
  margin: var(--element-spacing);
}
.panel,
.info-panel,
.note-panel,
.ok-panel,
.error-panel,
.warning-panel {
  text-align: center;
  margin: var(--element-spacing-y) 0;
  padding: var(--element-spacing);
}
.panel p,
.info-panel p,
.note-panel p,
.ok-panel p,
.error-panel p,
.warning-panel p {
  margin: 0 0 var(--element-spacing-y);
  padding: 0;
}
.panel p:last-child,
.info-panel p:last-child,
.note-panel p:last-child,
.ok-panel p:last-child,
.error-panel p:last-child,
.warning-panel p:last-child {
  margin: 0;
}
.info-panel {
  background-color: var(--color-info-panel);
}
.note-panel {
  background-color: var(--color-note-panel);
}
.ok-panel {
  background-color: var(--color-ok-panel);
}
.error-panel,
.warning-panel {
  background-color: var(--color-warning-panel);
}
.label {
  display: inline-block;
  margin: 0;
  padding: 0 calc(var(--element-spacing-x) / 2);
  font-size: 0.8em;
  background-color: var(--color-label);
  background-color: color-mix(in srgb, var(--color-label) 25%, transparent);
  border: 1px solid var(--color-label);
}
.label .material-symbols-outlined {
  font-size: 1em;
}
input,
select,
textarea,
.clr-picker input.clr-color {
  display: block;
  padding: 8px;
  width: 100%;
  color: var(--color-input);
  border: none;
  border-bottom: 1px solid var(--color-input-border);
  background-color: var(--color-input-bg);
  outline: none;
  accent-color: var(--color-theme-accent);
}
input:disabled,
select:disabled,
textarea:disabled,
.clr-picker input.clr-color:disabled {
  cursor: not-allowed;
}
input:focus,
select:focus,
textarea:focus,
.clr-picker input.clr-color:focus {
  border: none;
  border-bottom: 1px solid var(--color-input-border);
}
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 4px;
  padding: 0;
  background: color-mix(in srgb, var(--color-text), transparent 75%);
  border: 0;
  border-radius: 0;
  outline: none;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 16px;
  width: 8px;
  background: var(--color-text);
  border-radius: 0;
  cursor: pointer;
}
input[type=range]::-moz-range-thumb {
  height: 16px;
  width: 8px;
  background: var(--color-text);
  border: none;
  border-radius: 0;
  cursor: pointer;
}
input[type=range]::-moz-range-track {
  height: 4px;
  background: color-mix(in srgb, var(--color-text), transparent 75%);
  border-radius: 0;
}
input[type=range]::-ms-thumb {
  height: 16px;
  width: 8px;
  background: var(--color-text);
  border: none;
  border-radius: 0;
  cursor: pointer;
}
input[type=range]::-ms-track {
  height: 4px;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: color-mix(in srgb, var(--color-text), transparent 75%);
  border-radius: 2px;
}
input[type=range]::-ms-fill-upper {
  background: color-mix(in srgb, var(--color-text), transparent 75%);
  border-radius: 2px;
}
.form-footer {
  font-size: 0.8em;
  margin-top: calc(var(--element-spacing-y) * 2);
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.sortable-ghost {
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  background-color: color-mix(in srgb, var(--color-theme-l), transparent 75%);
}
.sortable-selected {
  -webkit-box-shadow: var(--sortable-selected-shadow) !important;
  box-shadow: var(--sortable-selected-shadow) !important;
}
p {
  margin: var(--element-spacing-y) 0;
}
blockquote,
.markdown-alert {
  padding: 0 1em;
  margin: var(--element-spacing-y) 0;
  color: inherit;
  border-left: 0.25em solid var(--color-theme);
  background: var(--color-theme-10p);
}
blockquote p,
.markdown-alert p {
  margin: 3px 0;
}
blockquote svg,
.markdown-alert svg {
  fill: currentColor;
}
.footer-links {
  text-align: center;
  margin: calc(var(--element-spacing-y) * 2) 0;
}
.footer-links a {
  padding: 0 calc(var(--element-spacing-x) / 2);
}
#offline-info {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: grid;
  grid-template-columns: 2em auto 2em;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  background: color-mix(in srgb, var(--color-announcement-warning), var(--color-bg) 80%);
  border: 0;
  border-top: 1px solid var(--color-announcement-warning);
}
#offline-info .icon {
  height: 100%;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
  color: var(--color-announcement-warning);
}
#offline-info p {
  margin: 0;
}
#external-user-login input[type=password] {
  width: 200px;
  margin: 0 auto;
  text-align: center;
}
#external-user-login input[type=submit] {
  width: 200px;
  margin: 0 auto;
}
#print-warning {
  display: none;
  border: 5px dotted #f00;
}
.flex-sb {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -o-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  gap: 0 var(--element-spacing-x);
}
.flex-sb.responsive {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-sb.responsive > * {
  width: 100%;
}
@media (min-width: 600px) {
  .flex-sb.responsive.break-m {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .flex-sb.responsive.break-m > * {
    width: auto;
  }
}
@media (min-width: 750px) {
  .flex-sb.responsive.break-l {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .flex-sb.responsive.break-l > * {
    width: auto;
  }
}
.hide-on-web {
  display: none !important;
}
.hide-because-hideIf,
.hide-because-showIf {
  display: none !important;
}
.hide-because-filter {
  display: none !important;
}
form.editing .hide-editing,
form:not(.editing) .hide-no-editing {
  display: none !important;
}
#manipulation-warning {
  border: 5px dotted #f00;
}
#draft-overlay,
#manipulation-overlay {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99980;
  pointer-events: none;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  background-repeat: repeat-y;
  background-position-x: center;
  background-size: contain;
}
#draft-overlay {
  background-image: url("./draft-overlay-de-7HXSPZ2Q.svg");
}
#manipulation-overlay {
  background-image: url("./manipulation-overlay-de-G243TYA7.svg");
}
body:not(.manipulated) #manipulation-warning {
  display: none;
}
.spinner {
  -webkit-animation: rotation 1s infinite linear;
  -moz-animation: rotation 1s infinite linear;
  -o-animation: rotation 1s infinite linear;
  -ms-animation: rotation 1s infinite linear;
  animation: rotation 1s infinite linear;
}
.fade-in {
  -webkit-animation: fade-in 0.5s;
  -moz-animation: fade-in 0.5s;
  -o-animation: fade-in 0.5s;
  -ms-animation: fade-in 0.5s;
  animation: fade-in 0.5s;
}
.fade-out {
  -webkit-animation: fade-out 0.5s;
  -moz-animation: fade-out 0.5s;
  -o-animation: fade-out 0.5s;
  -ms-animation: fade-out 0.5s;
  animation: fade-out 0.5s;
}
@-moz-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-moz-keyframes fading {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes fading {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes fading {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes fading {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes fading50 {
  0% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
  }
}
@-webkit-keyframes fading50 {
  0% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
  }
}
@-o-keyframes fading50 {
  0% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
  }
}
@keyframes fading50 {
  0% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
  }
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-o-keyframes fade-in {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-moz-keyframes fade-out {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes fade-out {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
#announcements .announcement,
.announcement-preview .announcement {
  display: grid;
  grid-template-columns: 2em auto 2em;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  background: color-mix(in srgb, var(--color-announcement), var(--color-bg) 80%);
  border: 0;
  border-bottom: 1px solid var(--color-announcement);
  min-height: 1.5em;
}
#announcements .announcement.announcement-warning,
.announcement-preview .announcement.announcement-warning {
  --color-announcement: var(--color-announcement-warning);
}
#announcements .announcement.announcement-alert,
.announcement-preview .announcement.announcement-alert {
  --color-announcement: var(--color-announcement-alert);
}
#announcements .announcement .content,
.announcement-preview .announcement .content {
  padding: calc(var(--element-spacing) / 4);
}
#announcements .announcement .content h1,
.announcement-preview .announcement .content h1,
#announcements .announcement .content h2,
.announcement-preview .announcement .content h2,
#announcements .announcement .content h3,
.announcement-preview .announcement .content h3,
#announcements .announcement .content h4,
.announcement-preview .announcement .content h4,
#announcements .announcement .content h5,
.announcement-preview .announcement .content h5,
#announcements .announcement .content h6,
.announcement-preview .announcement .content h6,
#announcements .announcement .content p,
.announcement-preview .announcement .content p {
  margin: 0;
}
#announcements .announcement .content a,
.announcement-preview .announcement .content a {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
#announcements .announcement .icon,
.announcement-preview .announcement .icon,
#announcements .announcement .dismiss,
.announcement-preview .announcement .dismiss {
  height: 100%;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
  color: var(--color-announcement);
}
#announcements .announcement .dismiss .button,
.announcement-preview .announcement .dismiss .button {
  width: 100%;
  height: 100%;
  padding: 0;
}
#sidebar-container {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow-y: auto;
  z-index: 100;
  pointer-events: none;
}
#sidebar,
#image-editor-sidebar,
#image-editor-sidebar2 {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  width: var(--sidebar-width);
  -webkit-transition: width var(--sidebar-transition-speed-w) ease;
  -moz-transition: width var(--sidebar-transition-speed-w) ease;
  -o-transition: width var(--sidebar-transition-speed-w) ease;
  -ms-transition: width var(--sidebar-transition-speed-w) ease;
  transition: width var(--sidebar-transition-speed-w) ease;
  padding-bottom: calc(var(--sidebar-title-width) + 10px);
  background-color: var(--color-theme);
  color: var(--color-theme-text);
  pointer-events: auto;
}
#sidebar .title,
#image-editor-sidebar .title,
#image-editor-sidebar2 .title {
  position: absolute;
  width: var(--sidebar-title-width);
  right: calc(0px - var(--sidebar-title-width) + 10px);
  bottom: 10px;
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: -webkit-transform var(--sidebar-transition-speed-w) ease, right var(--sidebar-transition-speed-w) ease;
  -moz-transition: -moz-transform var(--sidebar-transition-speed-w) ease, right var(--sidebar-transition-speed-w) ease;
  -o-transition: -o-transform var(--sidebar-transition-speed-w) ease, right var(--sidebar-transition-speed-w) ease;
  -ms-transition: -ms-transform var(--sidebar-transition-speed-w) ease, right var(--sidebar-transition-speed-w) ease;
  transition: transform var(--sidebar-transition-speed-w) ease, right var(--sidebar-transition-speed-w) ease;
  font-size: 0.8em;
}
#sidebar .title .subtitle,
#image-editor-sidebar .title .subtitle,
#image-editor-sidebar2 .title .subtitle {
  font-size: 0.75em;
  min-height: 0.5em;
}
#sidebar .entry,
#image-editor-sidebar .entry,
#image-editor-sidebar2 .entry {
  background-color: var(--color-theme);
  overflow: hidden;
  display: block;
  text-align: left;
  position: relative;
  z-index: 10;
  white-space: nowrap;
  width: 100%;
  -webkit-transition: width var(--sidebar-transition-speed-w) ease;
  -moz-transition: width var(--sidebar-transition-speed-w) ease;
  -o-transition: width var(--sidebar-transition-speed-w) ease;
  -ms-transition: width var(--sidebar-transition-speed-w) ease;
  transition: width var(--sidebar-transition-speed-w) ease;
}
#sidebar .entry:hover,
#image-editor-sidebar .entry:hover,
#image-editor-sidebar2 .entry:hover {
  width: var(--sidebar-width-expanded);
}
#sidebar .entry .button,
#image-editor-sidebar .entry .button,
#image-editor-sidebar2 .entry .button {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  gap: 20px;
  width: 100%;
  text-align: left;
}
#sidebar .entry.flex .button,
#image-editor-sidebar .entry.flex .button,
#image-editor-sidebar2 .entry.flex .button {
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
}
#sidebar h1.entry,
#image-editor-sidebar h1.entry,
#image-editor-sidebar2 h1.entry,
#sidebar h2.entry,
#image-editor-sidebar h2.entry,
#image-editor-sidebar2 h2.entry,
#sidebar h3.entry,
#image-editor-sidebar h3.entry,
#image-editor-sidebar2 h3.entry,
#sidebar h1.header,
#image-editor-sidebar h1.header,
#image-editor-sidebar2 h1.header,
#sidebar h2.header,
#image-editor-sidebar h2.header,
#image-editor-sidebar2 h2.header,
#sidebar h3.header,
#image-editor-sidebar h3.header,
#image-editor-sidebar2 h3.header {
  font-size: 1em;
  text-align: center;
  padding: 8px 0;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#sidebar h1.entry:hover,
#image-editor-sidebar h1.entry:hover,
#image-editor-sidebar2 h1.entry:hover,
#sidebar h2.entry:hover,
#image-editor-sidebar h2.entry:hover,
#image-editor-sidebar2 h2.entry:hover,
#sidebar h3.entry:hover,
#image-editor-sidebar h3.entry:hover,
#image-editor-sidebar2 h3.entry:hover,
#sidebar h1.header:hover,
#image-editor-sidebar h1.header:hover,
#image-editor-sidebar2 h1.header:hover,
#sidebar h2.header:hover,
#image-editor-sidebar h2.header:hover,
#image-editor-sidebar2 h2.header:hover,
#sidebar h3.header:hover,
#image-editor-sidebar h3.header:hover,
#image-editor-sidebar2 h3.header:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#sidebar h1.entry,
#image-editor-sidebar h1.entry,
#image-editor-sidebar2 h1.entry,
#sidebar h1.header,
#image-editor-sidebar h1.header,
#image-editor-sidebar2 h1.header {
  font-weight: bold;
}
#sidebar .dropdown .dropdown-content,
#image-editor-sidebar .dropdown .dropdown-content,
#image-editor-sidebar2 .dropdown .dropdown-content,
#sidebar .section .dropdown-content,
#image-editor-sidebar .section .dropdown-content,
#image-editor-sidebar2 .section .dropdown-content,
#sidebar .dropdown .section-content,
#image-editor-sidebar .dropdown .section-content,
#image-editor-sidebar2 .dropdown .section-content,
#sidebar .section .section-content,
#image-editor-sidebar .section .section-content,
#image-editor-sidebar2 .section .section-content {
  width: var(--sidebar-width);
  max-height: 0px;
  -webkit-transition: width var(--sidebar-transition-speed-w) ease, max-height 0.1s ease 0s;
  -moz-transition: width var(--sidebar-transition-speed-w) ease, max-height 0.1s ease 0s;
  -o-transition: width var(--sidebar-transition-speed-w) ease, max-height 0.1s ease 0s;
  -ms-transition: width var(--sidebar-transition-speed-w) ease, max-height 0.1s ease 0s;
  transition: width var(--sidebar-transition-speed-w) ease, max-height 0.1s ease 0s;
  padding-left: 20px;
}
#sidebar .dropdown:hover .dropdown-content,
#image-editor-sidebar .dropdown:hover .dropdown-content,
#image-editor-sidebar2 .dropdown:hover .dropdown-content,
#sidebar .section:hover .dropdown-content,
#image-editor-sidebar .section:hover .dropdown-content,
#image-editor-sidebar2 .section:hover .dropdown-content,
#sidebar .dropdown.active .section-content,
#image-editor-sidebar .dropdown.active .section-content,
#image-editor-sidebar2 .dropdown.active .section-content,
#sidebar .section.active .section-content,
#image-editor-sidebar .section.active .section-content,
#image-editor-sidebar2 .section.active .section-content {
  width: var(--sidebar-width-expanded);
  -webkit-transition: width var(--sidebar-transition-speed-w) ease, max-height var(--sidebar-transition-speed-h) ease var(--sidebar-transition-speed-w);
  -moz-transition: width var(--sidebar-transition-speed-w) ease, max-height var(--sidebar-transition-speed-h) ease var(--sidebar-transition-speed-w);
  -o-transition: width var(--sidebar-transition-speed-w) ease, max-height var(--sidebar-transition-speed-h) ease var(--sidebar-transition-speed-w);
  -ms-transition: width var(--sidebar-transition-speed-w) ease, max-height var(--sidebar-transition-speed-h) ease var(--sidebar-transition-speed-w);
  transition: width var(--sidebar-transition-speed-w) ease, max-height var(--sidebar-transition-speed-h) ease var(--sidebar-transition-speed-w);
}
#sidebar .dropdown:hover .dropdown-content,
#image-editor-sidebar .dropdown:hover .dropdown-content,
#image-editor-sidebar2 .dropdown:hover .dropdown-content,
#sidebar .section:hover .dropdown-content,
#image-editor-sidebar .section:hover .dropdown-content,
#image-editor-sidebar2 .section:hover .dropdown-content {
  max-height: 170px;
  overflow-y: auto;
}
#sidebar .dropdown:hover .dropdown-content:has(> :last-child:nth-child(1)),
#image-editor-sidebar .dropdown:hover .dropdown-content:has(> :last-child:nth-child(1)),
#image-editor-sidebar2 .dropdown:hover .dropdown-content:has(> :last-child:nth-child(1)),
#sidebar .section:hover .dropdown-content:has(> :last-child:nth-child(1)),
#image-editor-sidebar .section:hover .dropdown-content:has(> :last-child:nth-child(1)),
#image-editor-sidebar2 .section:hover .dropdown-content:has(> :last-child:nth-child(1)) {
  max-height: 40px;
}
#sidebar .dropdown:hover .dropdown-content:has(> :last-child:nth-child(2)),
#image-editor-sidebar .dropdown:hover .dropdown-content:has(> :last-child:nth-child(2)),
#image-editor-sidebar2 .dropdown:hover .dropdown-content:has(> :last-child:nth-child(2)),
#sidebar .section:hover .dropdown-content:has(> :last-child:nth-child(2)),
#image-editor-sidebar .section:hover .dropdown-content:has(> :last-child:nth-child(2)),
#image-editor-sidebar2 .section:hover .dropdown-content:has(> :last-child:nth-child(2)) {
  max-height: 80px;
}
#sidebar .dropdown:hover .dropdown-content:has(> :last-child:nth-child(3)),
#image-editor-sidebar .dropdown:hover .dropdown-content:has(> :last-child:nth-child(3)),
#image-editor-sidebar2 .dropdown:hover .dropdown-content:has(> :last-child:nth-child(3)),
#sidebar .section:hover .dropdown-content:has(> :last-child:nth-child(3)),
#image-editor-sidebar .section:hover .dropdown-content:has(> :last-child:nth-child(3)),
#image-editor-sidebar2 .section:hover .dropdown-content:has(> :last-child:nth-child(3)) {
  max-height: 120px;
}
#sidebar .dropdown:hover .dropdown-content:has(> :last-child:nth-child(4)),
#image-editor-sidebar .dropdown:hover .dropdown-content:has(> :last-child:nth-child(4)),
#image-editor-sidebar2 .dropdown:hover .dropdown-content:has(> :last-child:nth-child(4)),
#sidebar .section:hover .dropdown-content:has(> :last-child:nth-child(4)),
#image-editor-sidebar .section:hover .dropdown-content:has(> :last-child:nth-child(4)),
#image-editor-sidebar2 .section:hover .dropdown-content:has(> :last-child:nth-child(4)) {
  max-height: 160px;
}
#sidebar .dropdown.active,
#image-editor-sidebar .dropdown.active,
#image-editor-sidebar2 .dropdown.active,
#sidebar .section.active,
#image-editor-sidebar .section.active,
#image-editor-sidebar2 .section.active {
  z-index: 11;
}
#sidebar .dropdown.active .section-content,
#image-editor-sidebar .dropdown.active .section-content,
#image-editor-sidebar2 .dropdown.active .section-content,
#sidebar .section.active .section-content,
#image-editor-sidebar .section.active .section-content,
#image-editor-sidebar2 .section.active .section-content {
  max-height: 810px;
  overflow-y: auto;
  overflow-x: hidden;
}
#sidebar .dropdown.active .section-content:has(> :last-child:nth-child(1)),
#image-editor-sidebar .dropdown.active .section-content:has(> :last-child:nth-child(1)),
#image-editor-sidebar2 .dropdown.active .section-content:has(> :last-child:nth-child(1)),
#sidebar .section.active .section-content:has(> :last-child:nth-child(1)),
#image-editor-sidebar .section.active .section-content:has(> :last-child:nth-child(1)),
#image-editor-sidebar2 .section.active .section-content:has(> :last-child:nth-child(1)) {
  max-height: 40px;
}
#sidebar .dropdown.active .section-content:has(> :last-child:nth-child(2)),
#image-editor-sidebar .dropdown.active .section-content:has(> :last-child:nth-child(2)),
#image-editor-sidebar2 .dropdown.active .section-content:has(> :last-child:nth-child(2)),
#sidebar .section.active .section-content:has(> :last-child:nth-child(2)),
#image-editor-sidebar .section.active .section-content:has(> :last-child:nth-child(2)),
#image-editor-sidebar2 .section.active .section-content:has(> :last-child:nth-child(2)) {
  max-height: 80px;
}
#sidebar .dropdown.active .section-content:has(> :last-child:nth-child(3)),
#image-editor-sidebar .dropdown.active .section-content:has(> :last-child:nth-child(3)),
#image-editor-sidebar2 .dropdown.active .section-content:has(> :last-child:nth-child(3)),
#sidebar .section.active .section-content:has(> :last-child:nth-child(3)),
#image-editor-sidebar .section.active .section-content:has(> :last-child:nth-child(3)),
#image-editor-sidebar2 .section.active .section-content:has(> :last-child:nth-child(3)) {
  max-height: 120px;
}
#sidebar .dropdown.active .section-content:has(> :last-child:nth-child(4)),
#image-editor-sidebar .dropdown.active .section-content:has(> :last-child:nth-child(4)),
#image-editor-sidebar2 .dropdown.active .section-content:has(> :last-child:nth-child(4)),
#sidebar .section.active .section-content:has(> :last-child:nth-child(4)),
#image-editor-sidebar .section.active .section-content:has(> :last-child:nth-child(4)),
#image-editor-sidebar2 .section.active .section-content:has(> :last-child:nth-child(4)) {
  max-height: 160px;
}
#sidebar .dropdown.active .section-content:has(> :last-child:nth-child(5)),
#image-editor-sidebar .dropdown.active .section-content:has(> :last-child:nth-child(5)),
#image-editor-sidebar2 .dropdown.active .section-content:has(> :last-child:nth-child(5)),
#sidebar .section.active .section-content:has(> :last-child:nth-child(5)),
#image-editor-sidebar .section.active .section-content:has(> :last-child:nth-child(5)),
#image-editor-sidebar2 .section.active .section-content:has(> :last-child:nth-child(5)) {
  max-height: 200px;
}
#sidebar .dropdown.active .section-content:has(> :last-child:nth-child(6)),
#image-editor-sidebar .dropdown.active .section-content:has(> :last-child:nth-child(6)),
#image-editor-sidebar2 .dropdown.active .section-content:has(> :last-child:nth-child(6)),
#sidebar .section.active .section-content:has(> :last-child:nth-child(6)),
#image-editor-sidebar .section.active .section-content:has(> :last-child:nth-child(6)),
#image-editor-sidebar2 .section.active .section-content:has(> :last-child:nth-child(6)) {
  max-height: 240px;
}
#sidebar .dropdown.active .section-content:has(> :last-child:nth-child(7)),
#image-editor-sidebar .dropdown.active .section-content:has(> :last-child:nth-child(7)),
#image-editor-sidebar2 .dropdown.active .section-content:has(> :last-child:nth-child(7)),
#sidebar .section.active .section-content:has(> :last-child:nth-child(7)),
#image-editor-sidebar .section.active .section-content:has(> :last-child:nth-child(7)),
#image-editor-sidebar2 .section.active .section-content:has(> :last-child:nth-child(7)) {
  max-height: 280px;
}
#sidebar .dropdown.active .section-content:has(> :last-child:nth-child(8)),
#image-editor-sidebar .dropdown.active .section-content:has(> :last-child:nth-child(8)),
#image-editor-sidebar2 .dropdown.active .section-content:has(> :last-child:nth-child(8)),
#sidebar .section.active .section-content:has(> :last-child:nth-child(8)),
#image-editor-sidebar .section.active .section-content:has(> :last-child:nth-child(8)),
#image-editor-sidebar2 .section.active .section-content:has(> :last-child:nth-child(8)) {
  max-height: 320px;
}
#sidebar .dropdown.active .section-content:has(> :last-child:nth-child(9)),
#image-editor-sidebar .dropdown.active .section-content:has(> :last-child:nth-child(9)),
#image-editor-sidebar2 .dropdown.active .section-content:has(> :last-child:nth-child(9)),
#sidebar .section.active .section-content:has(> :last-child:nth-child(9)),
#image-editor-sidebar .section.active .section-content:has(> :last-child:nth-child(9)),
#image-editor-sidebar2 .section.active .section-content:has(> :last-child:nth-child(9)) {
  max-height: 360px;
}
#sidebar .dropdown.active .section-content:has(> :last-child:nth-child(10)),
#image-editor-sidebar .dropdown.active .section-content:has(> :last-child:nth-child(10)),
#image-editor-sidebar2 .dropdown.active .section-content:has(> :last-child:nth-child(10)),
#sidebar .section.active .section-content:has(> :last-child:nth-child(10)),
#image-editor-sidebar .section.active .section-content:has(> :last-child:nth-child(10)),
#image-editor-sidebar2 .section.active .section-content:has(> :last-child:nth-child(10)) {
  max-height: 400px;
}
#sidebar .dropdown.active .section-content:has(> :last-child:nth-child(11)),
#image-editor-sidebar .dropdown.active .section-content:has(> :last-child:nth-child(11)),
#image-editor-sidebar2 .dropdown.active .section-content:has(> :last-child:nth-child(11)),
#sidebar .section.active .section-content:has(> :last-child:nth-child(11)),
#image-editor-sidebar .section.active .section-content:has(> :last-child:nth-child(11)),
#image-editor-sidebar2 .section.active .section-content:has(> :last-child:nth-child(11)) {
  max-height: 440px;
}
#sidebar .dropdown.active .section-content:has(> :last-child:nth-child(12)),
#image-editor-sidebar .dropdown.active .section-content:has(> :last-child:nth-child(12)),
#image-editor-sidebar2 .dropdown.active .section-content:has(> :last-child:nth-child(12)),
#sidebar .section.active .section-content:has(> :last-child:nth-child(12)),
#image-editor-sidebar .section.active .section-content:has(> :last-child:nth-child(12)),
#image-editor-sidebar2 .section.active .section-content:has(> :last-child:nth-child(12)) {
  max-height: 480px;
}
#sidebar .dropdown.active .section-content:has(> :last-child:nth-child(13)),
#image-editor-sidebar .dropdown.active .section-content:has(> :last-child:nth-child(13)),
#image-editor-sidebar2 .dropdown.active .section-content:has(> :last-child:nth-child(13)),
#sidebar .section.active .section-content:has(> :last-child:nth-child(13)),
#image-editor-sidebar .section.active .section-content:has(> :last-child:nth-child(13)),
#image-editor-sidebar2 .section.active .section-content:has(> :last-child:nth-child(13)) {
  max-height: 520px;
}
#sidebar .dropdown.active .section-content:has(> :last-child:nth-child(14)),
#image-editor-sidebar .dropdown.active .section-content:has(> :last-child:nth-child(14)),
#image-editor-sidebar2 .dropdown.active .section-content:has(> :last-child:nth-child(14)),
#sidebar .section.active .section-content:has(> :last-child:nth-child(14)),
#image-editor-sidebar .section.active .section-content:has(> :last-child:nth-child(14)),
#image-editor-sidebar2 .section.active .section-content:has(> :last-child:nth-child(14)) {
  max-height: 560px;
}
#sidebar .dropdown.active .section-content:has(> :last-child:nth-child(15)),
#image-editor-sidebar .dropdown.active .section-content:has(> :last-child:nth-child(15)),
#image-editor-sidebar2 .dropdown.active .section-content:has(> :last-child:nth-child(15)),
#sidebar .section.active .section-content:has(> :last-child:nth-child(15)),
#image-editor-sidebar .section.active .section-content:has(> :last-child:nth-child(15)),
#image-editor-sidebar2 .section.active .section-content:has(> :last-child:nth-child(15)) {
  max-height: 600px;
}
#sidebar .dropdown.active .section-content:has(> :last-child:nth-child(16)),
#image-editor-sidebar .dropdown.active .section-content:has(> :last-child:nth-child(16)),
#image-editor-sidebar2 .dropdown.active .section-content:has(> :last-child:nth-child(16)),
#sidebar .section.active .section-content:has(> :last-child:nth-child(16)),
#image-editor-sidebar .section.active .section-content:has(> :last-child:nth-child(16)),
#image-editor-sidebar2 .section.active .section-content:has(> :last-child:nth-child(16)) {
  max-height: 640px;
}
#sidebar .dropdown.active .section-content:has(> :last-child:nth-child(17)),
#image-editor-sidebar .dropdown.active .section-content:has(> :last-child:nth-child(17)),
#image-editor-sidebar2 .dropdown.active .section-content:has(> :last-child:nth-child(17)),
#sidebar .section.active .section-content:has(> :last-child:nth-child(17)),
#image-editor-sidebar .section.active .section-content:has(> :last-child:nth-child(17)),
#image-editor-sidebar2 .section.active .section-content:has(> :last-child:nth-child(17)) {
  max-height: 680px;
}
#sidebar .dropdown.active .section-content:has(> :last-child:nth-child(18)),
#image-editor-sidebar .dropdown.active .section-content:has(> :last-child:nth-child(18)),
#image-editor-sidebar2 .dropdown.active .section-content:has(> :last-child:nth-child(18)),
#sidebar .section.active .section-content:has(> :last-child:nth-child(18)),
#image-editor-sidebar .section.active .section-content:has(> :last-child:nth-child(18)),
#image-editor-sidebar2 .section.active .section-content:has(> :last-child:nth-child(18)) {
  max-height: 720px;
}
#sidebar .dropdown.active .section-content:has(> :last-child:nth-child(19)),
#image-editor-sidebar .dropdown.active .section-content:has(> :last-child:nth-child(19)),
#image-editor-sidebar2 .dropdown.active .section-content:has(> :last-child:nth-child(19)),
#sidebar .section.active .section-content:has(> :last-child:nth-child(19)),
#image-editor-sidebar .section.active .section-content:has(> :last-child:nth-child(19)),
#image-editor-sidebar2 .section.active .section-content:has(> :last-child:nth-child(19)) {
  max-height: 760px;
}
#sidebar .dropdown.active .section-content:has(> :last-child:nth-child(20)),
#image-editor-sidebar .dropdown.active .section-content:has(> :last-child:nth-child(20)),
#image-editor-sidebar2 .dropdown.active .section-content:has(> :last-child:nth-child(20)),
#sidebar .section.active .section-content:has(> :last-child:nth-child(20)),
#image-editor-sidebar .section.active .section-content:has(> :last-child:nth-child(20)),
#image-editor-sidebar2 .section.active .section-content:has(> :last-child:nth-child(20)) {
  max-height: 800px;
}
#sidebar hr,
#image-editor-sidebar hr,
#image-editor-sidebar2 hr {
  border-color: var(--color-theme-d);
  margin: 0 10px;
}
body.sidebar-expanded #main-container {
  margin-left: var(--sidebar-width-expanded);
}
body.sidebar-expanded #sidebar {
  width: var(--sidebar-width-expanded);
  padding-bottom: 4em;
}
body.sidebar-expanded #sidebar .title {
  right: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  width: 100%;
  padding: 0 16px;
}
.panel-grid {
  display: grid;
  gap: var(--element-spacing);
  grid-template-columns: 1fr;
}
.panel-grid > a {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 140px;
  text-decoration: none;
  text-align: center;
  white-space: unset;
  padding: 0 calc(var((--element-spacing-x / 2)));
}
.panel-grid > a:hover {
  background-color: var(--color-theme-l);
  color: var(--color-theme-l-text);
}
.panel-grid > a > div:first-child {
  font-size: 2em;
}
.panel-grid > a h2 {
  margin: 0;
  font-size: 1em;
  font-weight: bold;
}
.panel-grid > a .label {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
}
@media (min-width: 750px) {
  .panel-grid {
    grid-template-columns: 1fr 1fr;
  }
}
#forms-filter-container {
  position: relative;
  margin-bottom: var(--element-spacing);
}
#forms-filter-container input {
  width: 100%;
  padding-left: 25px;
  padding-right: 40px;
}
#forms-filter-label {
  display: inline;
  width: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3px;
  cursor: pointer;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
}
#forms-filter-clear-button {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  padding: 0;
}
#forms-filter-labels .label .material-symbols-outlined {
  --material-symbols-font-size: 1em;
  pointer-events: none;
}
.filter-hide {
  display: none !important;
}
#forms-list .list > a.button {
  display: block;
  margin: var(--element-spacing-y) 0;
  --color-list-entry-bg: transparent;
  background-color: var(--color-list-entry-bg);
  break-inside: avoid;
}
#forms-list .list > a.button:first-child {
  margin-top: 0;
}
#forms-list .list > a.button .info,
#forms-list .list > a.button .labels {
  text-align: left;
  white-space: wrap;
}
#forms-list .list > a.button .info .label .material-symbols-outlined,
#forms-list .list > a.button .labels .label .material-symbols-outlined {
  --material-symbols-font-size: 1em;
}
#forms-list .list > a.button .info {
  white-space: preserve-breaks;
}
#forms-list .list > a.button .users {
  text-align: right;
  font-size: 0.8em;
}
#forms-list .list > a.button.priority--1 {
  background-color: var(--color-list-entry-bg-override, var(--color-priority-low));
}
#forms-list .list > a.button.priority-1 {
  background-color: var(--color-list-entry-bg-override, var(--color-priority-medium));
}
#forms-list .list > a.button.priority-2 {
  background-color: var(--color-list-entry-bg-override, var(--color-priority-high));
}
#forms-list .list > a.button:hover {
  background-color: var(--color-theme-l);
}
#forms-list a.button.archive {
  font-size: 0.9em;
}
.input-container.changed .formfield,
.input-container .signature-container.changed .formfield,
.input-container .image-container.changed,
.formfield-checkbox .input-container.changed input + label,
.formfield-dynamic-display .input-container.changed .value,
.formfield-radio .input-container.changed .input-container2 {
  -webkit-box-shadow: var(--changed-indicator-shadow-outer), var(--changed-indicator-shadow-inner);
  box-shadow: var(--changed-indicator-shadow-outer), var(--changed-indicator-shadow-inner);
}
.input-container.changed .formfield:focus,
.input-container .signature-container.changed .formfield:focus,
.input-container .image-container.changed:focus,
.formfield-checkbox .input-container.changed input + label:focus,
.formfield-dynamic-display .input-container.changed .value:focus,
.formfield-radio .input-container.changed .input-container2:focus {
  -webkit-box-shadow:
    var(--box-shadow-theme),
    var(--changed-indicator-shadow-outer),
    var(--changed-indicator-shadow-inner);
  box-shadow:
    var(--box-shadow-theme),
    var(--changed-indicator-shadow-outer),
    var(--changed-indicator-shadow-inner);
}
.input-container.changed .formfield:hover,
.input-container .signature-container.changed .formfield:hover,
.input-container .image-container.changed:hover,
.formfield-checkbox .input-container.changed input + label:hover,
.formfield-dynamic-display .input-container.changed .value:hover,
.formfield-radio .input-container.changed .input-container2:hover {
  -webkit-box-shadow:
    var(--action-shadow-theme),
    var(--changed-indicator-shadow-outer),
    var(--changed-indicator-shadow-inner);
  box-shadow:
    var(--action-shadow-theme),
    var(--changed-indicator-shadow-outer),
    var(--changed-indicator-shadow-inner);
}
.formfield-date .formfield-dropdown,
.formfield-select .formfield-dropdown {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  min-width: min-content;
  z-index: 101;
  background: var(--color-input-bg);
}
.formfield-date .formfield-dropdown.right,
.formfield-select .formfield-dropdown.right {
  left: unset;
}
.formfield-date .formfield-dropdown.fullwidth,
.formfield-select .formfield-dropdown.fullwidth {
  margin: 0 var(--element-spacing-x);
}
.formfield-date .show-dropdown .formfield-dropdown,
.formfield-select .show-dropdown .formfield-dropdown {
  display: block;
}
input[type=checkbox],
input[type=radio] {
  accent-color: var(--color-text);
  accent-color: color-mix(in srgb, var(--color-theme-accent), #000 40%);
}
.input-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0 calc(var(--element-spacing-x) / 2);
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -o-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.input-row .formfield-label {
  color: var(--color-input-label, inherit);
}
@media (min-width: 600px) {
  .input-row {
    grid-template-columns: minmax(min-content, calc(100% - var(--input-width, 70%))) auto;
  }
}
@media (min-width: 750px) {
  .input-row {
    grid-template-columns: minmax(min-content, calc(100% - var(--input-width, 80%))) auto;
  }
}
@media (min-width: 600px) {
  .input-row.small-input {
    grid-template-columns: auto var(--input-width, 30%);
  }
}
@media (min-width: 750px) {
  .input-row.small-input {
    grid-template-columns: auto var(--input-width, 30%);
  }
}
@media (min-width: 600px) {
  .formfield-root.has-input-width .input-row {
    grid-template-columns: minmax(min-content, calc(100% - var(--input-width))) auto;
  }
}
@media (min-width: 600px) {
  .grid-cols2 .input-row,
  .grid-cols3 .input-row {
    grid-template-columns: minmax(min-content, calc(100% - var(--input-width, 50%))) auto;
  }
}
@media (min-width: 750px) {
  .grid-cols2 .input-row,
  .grid-cols3 .input-row {
    grid-template-columns: minmax(min-content, calc(100% - var(--input-width, 60%))) auto;
  }
}
@media (min-width: 600px) {
  .grid-cols2 .input-row.small-input,
  .grid-cols3 .input-row.small-input {
    grid-template-columns: auto var(--input-width, 50%);
  }
}
@media (min-width: 750px) {
  .grid-cols2 .input-row.small-input,
  .grid-cols3 .input-row.small-input {
    grid-template-columns: auto var(--input-width, 40%);
  }
}
.input-container {
  position: relative;
  margin: var(--element-spacing-y) 0;
}
@media (min-width: 600px) {
  .input-container {
    margin: calc(var(--element-spacing-y) / 2) 0;
  }
}
.input-container input.formfield.negative-red[value^="-"]:not([data-value]),
.input-container input.formfield.negative-red[value^="-"][data-value=""],
.input-container input.formfield.negative-red[data-value^="-"] {
  --color-input: var(--color-input-negative-red);
}
.input-container input.formfield.has-unit,
.input-container textarea.formfield.has-unit {
  padding-right: 55px;
}
.input-container .flex {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -o-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.input-container .flex label {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin-left: 8px;
}
.input-container .input-container2 {
  position: relative;
}
.input-container .input-container2 .input-unit {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50px;
  overflow: hidden;
  padding: 8px 0 8px 5px;
  pointer-events: none;
}
.input-container .input-container2 .input-left-buttons,
.input-container .input-container2 .input-right-buttons {
  display: none;
  position: absolute;
  top: 0;
  bottom: 1px;
}
.input-container .input-container2 .input-left-buttons {
  left: 0;
}
.input-container .input-container2 .input-right-buttons {
  right: 0;
}
.input-container .input-validation-error {
  display: none;
  color: var(--color-input-validation-error);
  font-size: 0.75em;
}
.input-container .formfield {
  -webkit-transition: border-color 0.5s ease;
  -moz-transition: border-color 0.5s ease;
  -o-transition: border-color 0.5s ease;
  -ms-transition: border-color 0.5s ease;
  transition: border-color 0.5s ease;
}
.input-container.validation-error .formfield {
  border-color: var(--color-input-validation-error);
}
.input-container.validation-error.validation-error-0 .input-validation-error-0 {
  display: block;
}
.input-container.validation-error.validation-error-1 .input-validation-error-1 {
  display: block;
}
.input-container.validation-error.validation-error-2 .input-validation-error-2 {
  display: block;
}
.input-container.validation-error.validation-error-3 .input-validation-error-3 {
  display: block;
}
.input-container.validation-error.validation-error-4 .input-validation-error-4 {
  display: block;
}
.input-container.validation-error.validation-error-5 .input-validation-error-5 {
  display: block;
}
.input-container.validation-error.validation-error-6 .input-validation-error-6 {
  display: block;
}
.input-container.validation-error.validation-error-7 .input-validation-error-7 {
  display: block;
}
.input-container.validation-error.validation-error-8 .input-validation-error-8 {
  display: block;
}
.input-container.validation-error.validation-error-9 .input-validation-error-9 {
  display: block;
}
.input-description {
  font-size: 0.9em;
  padding-left: 10px;
  white-space: pre-wrap;
}
.formfield-root.no-label > .input-container > .input-row {
  grid-template-columns: 1fr;
}
.formfield-root.no-label > .input-container > .input-row > .formfield-label {
  display: none;
}
.formfield-root.label-pos-top > .input-container > .input-row,
.formfield-root.label-pos-bottom > .input-container > .input-row {
  grid-template-columns: 1fr;
}
.formfield-root.label-pos-bottom > .input-container > .input-row > .formfield-label {
  -webkit-box-ordinal-group: 999;
  -moz-box-ordinal-group: 999;
  -o-box-ordinal-group: 999;
  -ms-flex-order: 999;
  -webkit-order: 999;
  order: 999;
}
.formfield-root.label-pos-right > .input-container > .input-row > .formfield-label {
  -webkit-box-ordinal-group: 999;
  -moz-box-ordinal-group: 999;
  -o-box-ordinal-group: 999;
  -ms-flex-order: 999;
  -webkit-order: 999;
  order: 999;
}
@media (min-width: 600px) {
  .formfield-root.label-pos-right > .input-container > .input-row {
    grid-template-columns: auto minmax(min-content, calc(100% - var(--input-width, 70%)));
  }
}
@media (min-width: 750px) {
  .formfield-root.label-pos-right > .input-container > .input-row {
    grid-template-columns: auto minmax(min-content, calc(100% - var(--input-width, 80%)));
  }
}
@media (min-width: 600px) {
  .formfield-root.label-pos-right > .input-container > .input-row.small-input {
    grid-template-columns: var(--input-width, 30%) auto;
  }
}
@media (min-width: 750px) {
  .formfield-root.label-pos-right > .input-container > .input-row.small-input {
    grid-template-columns: var(--input-width, 20%) auto;
  }
}
form.form.editing .input-container .input-container2 .input-left-buttons,
form.form.editing .input-container .input-container2 .input-right-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
form.form.editing .input-container .input-container2 input.formfield.has-left-buttons.has-left-buttons-0,
form.form.editing .input-container .input-container2 textarea.formfield.has-left-buttons.has-left-buttons-0 {
  padding-left: calc((var(--formfield-button-width) * 0) + var(--input-padding));
}
form.form.editing .input-container .input-container2 input.formfield.has-left-buttons.has-left-buttons-1,
form.form.editing .input-container .input-container2 textarea.formfield.has-left-buttons.has-left-buttons-1 {
  padding-left: calc((var(--formfield-button-width) * 1) + var(--input-padding));
}
form.form.editing .input-container .input-container2 input.formfield.has-left-buttons.has-left-buttons-2,
form.form.editing .input-container .input-container2 textarea.formfield.has-left-buttons.has-left-buttons-2 {
  padding-left: calc((var(--formfield-button-width) * 2) + var(--input-padding));
}
form.form.editing .input-container .input-container2 input.formfield.has-left-buttons.has-left-buttons-3,
form.form.editing .input-container .input-container2 textarea.formfield.has-left-buttons.has-left-buttons-3 {
  padding-left: calc((var(--formfield-button-width) * 3) + var(--input-padding));
}
form.form.editing .input-container .input-container2 input.formfield.has-left-buttons.has-left-buttons-4,
form.form.editing .input-container .input-container2 textarea.formfield.has-left-buttons.has-left-buttons-4 {
  padding-left: calc((var(--formfield-button-width) * 4) + var(--input-padding));
}
form.form.editing .input-container .input-container2 input.formfield.has-left-buttons.has-left-buttons-5,
form.form.editing .input-container .input-container2 textarea.formfield.has-left-buttons.has-left-buttons-5 {
  padding-left: calc((var(--formfield-button-width) * 5) + var(--input-padding));
}
form.form.editing .input-container .input-container2 input.formfield.has-left-buttons.has-left-buttons-6,
form.form.editing .input-container .input-container2 textarea.formfield.has-left-buttons.has-left-buttons-6 {
  padding-left: calc((var(--formfield-button-width) * 6) + var(--input-padding));
}
form.form.editing .input-container .input-container2 input.formfield.has-left-buttons.has-left-buttons-7,
form.form.editing .input-container .input-container2 textarea.formfield.has-left-buttons.has-left-buttons-7 {
  padding-left: calc((var(--formfield-button-width) * 7) + var(--input-padding));
}
form.form.editing .input-container .input-container2 input.formfield.has-left-buttons.has-left-buttons-8,
form.form.editing .input-container .input-container2 textarea.formfield.has-left-buttons.has-left-buttons-8 {
  padding-left: calc((var(--formfield-button-width) * 8) + var(--input-padding));
}
form.form.editing .input-container .input-container2 input.formfield.has-left-buttons.has-left-buttons-9,
form.form.editing .input-container .input-container2 textarea.formfield.has-left-buttons.has-left-buttons-9 {
  padding-left: calc((var(--formfield-button-width) * 9) + var(--input-padding));
}
form.form.editing .input-container .input-container2 input.formfield.has-right-buttons.has-right-buttons-0,
form.form.editing .input-container .input-container2 textarea.formfield.has-right-buttons.has-right-buttons-0 {
  padding-right: calc((var(--formfield-button-width) * 0) + var(--input-padding));
}
form.form.editing .input-container .input-container2 input.formfield.has-right-buttons.has-right-buttons-1,
form.form.editing .input-container .input-container2 textarea.formfield.has-right-buttons.has-right-buttons-1 {
  padding-right: calc((var(--formfield-button-width) * 1) + var(--input-padding));
}
form.form.editing .input-container .input-container2 input.formfield.has-right-buttons.has-right-buttons-2,
form.form.editing .input-container .input-container2 textarea.formfield.has-right-buttons.has-right-buttons-2 {
  padding-right: calc((var(--formfield-button-width) * 2) + var(--input-padding));
}
form.form.editing .input-container .input-container2 input.formfield.has-right-buttons.has-right-buttons-3,
form.form.editing .input-container .input-container2 textarea.formfield.has-right-buttons.has-right-buttons-3 {
  padding-right: calc((var(--formfield-button-width) * 3) + var(--input-padding));
}
form.form.editing .input-container .input-container2 input.formfield.has-right-buttons.has-right-buttons-4,
form.form.editing .input-container .input-container2 textarea.formfield.has-right-buttons.has-right-buttons-4 {
  padding-right: calc((var(--formfield-button-width) * 4) + var(--input-padding));
}
form.form.editing .input-container .input-container2 input.formfield.has-right-buttons.has-right-buttons-5,
form.form.editing .input-container .input-container2 textarea.formfield.has-right-buttons.has-right-buttons-5 {
  padding-right: calc((var(--formfield-button-width) * 5) + var(--input-padding));
}
form.form.editing .input-container .input-container2 input.formfield.has-right-buttons.has-right-buttons-6,
form.form.editing .input-container .input-container2 textarea.formfield.has-right-buttons.has-right-buttons-6 {
  padding-right: calc((var(--formfield-button-width) * 6) + var(--input-padding));
}
form.form.editing .input-container .input-container2 input.formfield.has-right-buttons.has-right-buttons-7,
form.form.editing .input-container .input-container2 textarea.formfield.has-right-buttons.has-right-buttons-7 {
  padding-right: calc((var(--formfield-button-width) * 7) + var(--input-padding));
}
form.form.editing .input-container .input-container2 input.formfield.has-right-buttons.has-right-buttons-8,
form.form.editing .input-container .input-container2 textarea.formfield.has-right-buttons.has-right-buttons-8 {
  padding-right: calc((var(--formfield-button-width) * 8) + var(--input-padding));
}
form.form.editing .input-container .input-container2 input.formfield.has-right-buttons.has-right-buttons-9,
form.form.editing .input-container .input-container2 textarea.formfield.has-right-buttons.has-right-buttons-9 {
  padding-right: calc((var(--formfield-button-width) * 9) + var(--input-padding));
}
.formfield-checkbox {
  --color-input: var(--color-theme);
}
.formfield-checkbox .input-row {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.formfield-checkbox .input-row .input-container2 {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.formfield-checkbox .input-row .input-container2 input {
  display: none;
}
.formfield-checkbox .input-row .input-container2 input:disabled + label {
  cursor: not-allowed;
}
.formfield-checkbox .input-row .input-container2 input + label .checked,
.formfield-checkbox .input-row .input-container2 input:checked + label .unchecked {
  display: none;
}
.formfield-checkbox .input-row .input-container2 input + label .unchecked,
.formfield-checkbox .input-row .input-container2 input:checked + label .checked {
  display: inline-block;
}
.formfield-checkbox .input-row .input-container2 label {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding: 4px 8px;
}
.formfield-checkbox .input-row .input-container2 label .checked,
.formfield-checkbox .input-row .input-container2 label .unchecked {
  font-size: 1.5em;
  color: var(--color-input);
}
.formfield-checkbox.checkbox-center .input-row .input-container2 label {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.formfield-checkbox.checkbox-right .input-row .input-container2 label {
  -webkit-box-pack: right;
  -moz-box-pack: right;
  -o-box-pack: right;
  -ms-flex-pack: right;
  -webkit-justify-content: right;
  justify-content: right;
}
.formfield-checkbox.checkbox-align-start .input-row .input-container2 label {
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: start;
  align-items: start;
}
.formfield-checkbox.checkbox-align-end .input-row .input-container2 label {
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: end;
  align-items: end;
}
.formfield-checkbox.checkbox-align-center .input-row .input-container2 label {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.formfield-checkboxes .input-row {
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: start;
  align-items: start;
}
.formfield-checkboxes .formfield-checkbox .input-row {
  grid-template-columns: auto;
}
.formfield-checkboxes .checkboxes-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: calc(var(--element-spacing-x) / 2) var(--element-spacing-y);
}
.formfield-checkboxes .checkboxes-container .formfield-checkbox .input-container {
  margin: 0;
}
@media (min-width: 600px) {
  .formfield-checkboxes.checkboxes-cols1 .checkboxes-container {
    grid-template-columns: repeat(1, 1fr);
  }
  .formfield-checkboxes.checkboxes-cols2 .checkboxes-container {
    grid-template-columns: repeat(1, 1fr);
  }
  .formfield-checkboxes.checkboxes-cols3 .checkboxes-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .formfield-checkboxes.checkboxes-cols4 .checkboxes-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .formfield-checkboxes.checkboxes-cols5 .checkboxes-container {
    grid-template-columns: repeat(3, 1fr);
  }
  .formfield-checkboxes.checkboxes-cols6 .checkboxes-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 750px) {
  .formfield-checkboxes.checkboxes-cols1 .checkboxes-container {
    grid-template-columns: repeat(1, 1fr);
  }
  .formfield-checkboxes.checkboxes-cols2 .checkboxes-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .formfield-checkboxes.checkboxes-cols3 .checkboxes-container {
    grid-template-columns: repeat(3, 1fr);
  }
  .formfield-checkboxes.checkboxes-cols4 .checkboxes-container {
    grid-template-columns: repeat(4, 1fr);
  }
  .formfield-checkboxes.checkboxes-cols5 .checkboxes-container {
    grid-template-columns: repeat(5, 1fr);
  }
  .formfield-checkboxes.checkboxes-cols6 .checkboxes-container {
    grid-template-columns: repeat(6, 1fr);
  }
}
.clr-picker {
  display: none;
  flex-wrap: wrap;
  position: absolute;
  width: 200px;
  z-index: 1000;
  border-radius: 10px;
  background-color: #fff;
  justify-content: flex-end;
  direction: ltr;
  box-shadow: 0 0 5px rgba(0, 0, 0, .05), 0 5px 20px rgba(0, 0, 0, .1);
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.clr-picker.clr-open,
.clr-picker[data-inline=true] {
  display: flex;
}
.clr-picker[data-inline=true] {
  position: relative;
}
.clr-gradient {
  position: relative;
  width: 100%;
  height: 100px;
  margin-bottom: 15px;
  border-radius: 3px 3px 0 0;
  background-image:
    linear-gradient(rgba(0, 0, 0, 0), #000),
    linear-gradient(
      90deg,
      #fff,
      currentColor);
  cursor: pointer;
}
.clr-marker {
  position: absolute;
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: currentColor;
  cursor: pointer;
}
.clr-picker input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 16px;
}
.clr-picker input[type=range]::-webkit-slider-thumb {
  width: 16px;
  height: 16px;
  -webkit-appearance: none;
}
.clr-picker input[type=range]::-moz-range-track {
  width: 100%;
  height: 16px;
  border: 0;
}
.clr-picker input[type=range]::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border: 0;
}
.clr-hue {
  background-image:
    linear-gradient(
      to right,
      #f00 0%,
      #ff0 16.66%,
      #0f0 33.33%,
      #0ff 50%,
      #00f 66.66%,
      #f0f 83.33%,
      #f00 100%);
}
.clr-hue,
.clr-alpha {
  position: relative;
  width: calc(100% - 40px);
  height: 8px;
  margin: 5px 20px;
  border-radius: 4px;
}
.clr-alpha span {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: inherit;
  background-image:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0),
      currentColor);
}
.clr-hue input[type=range],
.clr-alpha input[type=range] {
  position: absolute;
  width: calc(100% + 32px);
  height: 16px;
  left: -16px;
  top: -4px;
  margin: 0;
  background-color: transparent;
  opacity: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}
.clr-hue div,
.clr-alpha div {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 50%;
  margin-left: -8px;
  transform: translateY(-50%);
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: currentColor;
  box-shadow: 0 0 1px #888;
  pointer-events: none;
}
.clr-alpha div:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
  background-color: currentColor;
}
.clr-format {
  display: none;
  order: 1;
  width: calc(100% - 40px);
  margin: 0 20px 20px;
}
.clr-segmented {
  display: flex;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 1px solid #ddd;
  border-radius: 15px;
  box-sizing: border-box;
  color: #999;
  font-size: 12px;
}
.clr-segmented input,
.clr-segmented legend {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none;
}
.clr-segmented label {
  flex-grow: 1;
  margin: 0;
  padding: 4px 0;
  font-size: inherit;
  font-weight: normal;
  line-height: initial;
  text-align: center;
  cursor: pointer;
}
.clr-segmented label:first-of-type {
  border-radius: 10px 0 0 10px;
}
.clr-segmented label:last-of-type {
  border-radius: 0 10px 10px 0;
}
.clr-segmented input:checked + label {
  color: #fff;
  background-color: #666;
}
.clr-swatches {
  order: 2;
  width: calc(100% - 32px);
  margin: 0 16px;
}
.clr-swatches div {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 12px;
  justify-content: center;
}
.clr-swatches button {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 4px 6px 4px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: inherit;
  text-indent: -1000px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.clr-swatches button:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: inherit;
  background-color: currentColor;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
}
input.clr-color {
  order: 1;
  width: calc(100% - 80px);
  height: 32px;
  margin: 15px 20px 20px auto;
  padding: 0 10px;
  border: 1px solid #ddd;
  border-radius: 16px;
  color: #444;
  background-color: #fff;
  font-family: sans-serif;
  font-size: 14px;
  text-align: center;
  box-shadow: none;
}
input.clr-color:focus {
  outline: none;
  border: 1px solid #1e90ff;
}
.clr-close,
.clr-clear {
  display: none;
  order: 2;
  height: 24px;
  margin: 0 20px 20px;
  padding: 0 20px;
  border: 0;
  border-radius: 12px;
  color: #fff;
  background-color: #666;
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
}
.clr-close {
  display: block;
  margin: 0 20px 20px auto;
}
.clr-preview {
  position: relative;
  width: 32px;
  height: 32px;
  margin: 15px 0 20px 20px;
  border-radius: 50%;
  overflow: hidden;
}
.clr-preview:before,
.clr-preview:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  border: 1px solid #fff;
  border-radius: 50%;
}
.clr-preview:after {
  border: 0;
  background-color: currentColor;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
}
.clr-preview button {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  outline-offset: -2px;
  background-color: transparent;
  text-indent: -9999px;
  cursor: pointer;
  overflow: hidden;
}
.clr-marker,
.clr-hue div,
.clr-alpha div,
.clr-color {
  box-sizing: border-box;
}
.clr-field {
  display: inline-block;
  position: relative;
  color: transparent;
}
.clr-field input {
  margin: 0;
  direction: ltr;
}
.clr-field.clr-rtl input {
  text-align: right;
}
.clr-field button {
  position: absolute;
  width: 30px;
  height: 100%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  text-indent: -1000px;
  white-space: nowrap;
  overflow: hidden;
  pointer-events: none;
}
.clr-field.clr-rtl button {
  right: auto;
  left: 0;
}
.clr-field button:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: inherit;
  background-color: currentColor;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, .5);
}
.clr-alpha,
.clr-alpha div,
.clr-swatches button,
.clr-preview:before,
.clr-field button {
  background-image:
    repeating-linear-gradient(
      45deg,
      #aaa 25%,
      transparent 25%,
      transparent 75%,
      #aaa 75%,
      #aaa),
    repeating-linear-gradient(
      45deg,
      #aaa 25%,
      #fff 25%,
      #fff 75%,
      #aaa 75%,
      #aaa);
  background-position: 0 0, 4px 4px;
  background-size: 8px 8px;
}
.clr-marker:focus {
  outline: none;
}
.clr-keyboard-nav .clr-marker:focus,
.clr-keyboard-nav .clr-hue input:focus + div,
.clr-keyboard-nav .clr-alpha input:focus + div,
.clr-keyboard-nav .clr-segmented input:focus + label {
  outline: none;
  box-shadow: 0 0 0 2px #1e90ff, 0 0 2px 2px #fff;
}
.clr-picker[data-alpha=false] .clr-alpha {
  display: none;
}
.clr-picker[data-minimal=true] {
  padding-top: 16px;
}
.clr-picker[data-minimal=true] .clr-gradient,
.clr-picker[data-minimal=true] .clr-hue,
.clr-picker[data-minimal=true] .clr-alpha,
.clr-picker[data-minimal=true] .clr-color,
.clr-picker[data-minimal=true] .clr-preview {
  display: none;
}
.clr-dark {
  background-color: #444;
}
.clr-dark .clr-segmented {
  border-color: #777;
}
.clr-dark .clr-swatches button:after {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3);
}
.clr-dark input.clr-color {
  color: #fff;
  border-color: #777;
  background-color: #555;
}
.clr-dark input.clr-color:focus {
  border-color: #1e90ff;
}
.clr-dark .clr-preview:after {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
}
.clr-dark .clr-alpha,
.clr-dark .clr-alpha div,
.clr-dark .clr-swatches button,
.clr-dark .clr-preview:before {
  background-image:
    repeating-linear-gradient(
      45deg,
      #666 25%,
      transparent 25%,
      transparent 75%,
      #888 75%,
      #888),
    repeating-linear-gradient(
      45deg,
      #888 25%,
      #444 25%,
      #444 75%,
      #888 75%,
      #888);
}
.clr-picker.clr-polaroid {
  border-radius: 6px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .1), 0 5px 30px rgba(0, 0, 0, .2);
}
.clr-picker.clr-polaroid:before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 10px;
  left: 20px;
  top: -10px;
  border: solid transparent;
  border-width: 0 8px 10px 8px;
  border-bottom-color: currentColor;
  box-sizing: border-box;
  color: #fff;
  filter: drop-shadow(0 -4px 3px rgba(0, 0, 0, .1));
  pointer-events: none;
}
.clr-picker.clr-polaroid.clr-dark:before {
  color: #444;
}
.clr-picker.clr-polaroid.clr-left:before {
  left: auto;
  right: 20px;
}
.clr-picker.clr-polaroid.clr-top:before {
  top: auto;
  bottom: -10px;
  transform: rotateZ(180deg);
}
.clr-polaroid .clr-gradient {
  width: calc(100% - 20px);
  height: 120px;
  margin: 10px;
  border-radius: 3px;
}
.clr-polaroid .clr-hue,
.clr-polaroid .clr-alpha {
  width: calc(100% - 30px);
  height: 10px;
  margin: 6px 15px;
  border-radius: 5px;
}
.clr-polaroid .clr-hue div,
.clr-polaroid .clr-alpha div {
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
.clr-polaroid .clr-format {
  width: calc(100% - 20px);
  margin: 0 10px 15px;
}
.clr-polaroid .clr-swatches {
  width: calc(100% - 12px);
  margin: 0 6px;
}
.clr-polaroid .clr-swatches div {
  padding-bottom: 10px;
}
.clr-polaroid .clr-swatches button {
  width: 22px;
  height: 22px;
}
.clr-polaroid input.clr-color {
  width: calc(100% - 60px);
  margin: 10px 10px 15px auto;
}
.clr-polaroid .clr-clear {
  margin: 0 10px 15px 10px;
}
.clr-polaroid .clr-close {
  margin: 0 10px 15px auto;
}
.clr-polaroid .clr-preview {
  margin: 10px 0 15px 10px;
}
.clr-picker.clr-large {
  width: 275px;
}
.clr-large .clr-gradient {
  height: 150px;
}
.clr-large .clr-swatches button {
  width: 22px;
  height: 22px;
}
.clr-picker.clr-pill {
  width: 380px;
  padding-left: 180px;
  box-sizing: border-box;
}
.clr-pill .clr-gradient {
  position: absolute;
  width: 180px;
  height: 100%;
  left: 0;
  top: 0;
  margin-bottom: 0;
  border-radius: 3px 0 0 3px;
}
.clr-pill .clr-hue {
  margin-top: 20px;
}
.formfield-color .formfield {
  padding-left: calc(var(--element-spacing-x) + var(--indicator-width, 50px));
}
.formfield-color .color-indicator {
  pointer-events: none;
  position: absolute;
  left: calc(var(--element-spacing-x) / 2);
  top: calc(var(--element-spacing-y) / 2);
  bottom: calc(var(--element-spacing-y) / 2);
  width: var(--indicator-width, 50px);
}
.formfield-color .color-indicator:before,
.formfield-color .color-indicator:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.formfield-color .color-indicator:before {
  background-image: -webkit-repeating-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%, #aaa), -webkit-repeating-linear-gradient(45deg, #aaa 25%, #fff 25%, #fff 75%, #aaa 75%, #aaa);
  background-image: -moz-repeating-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%, #aaa), -moz-repeating-linear-gradient(45deg, #aaa 25%, #fff 25%, #fff 75%, #aaa 75%, #aaa);
  background-image: -o-repeating-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%, #aaa), -o-repeating-linear-gradient(45deg, #aaa 25%, #fff 25%, #fff 75%, #aaa 75%, #aaa);
  background-image: -ms-repeating-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%, #aaa), -ms-repeating-linear-gradient(45deg, #aaa 25%, #fff 25%, #fff 75%, #aaa 75%, #aaa);
  background-image:
    repeating-linear-gradient(
      45deg,
      #aaa 25%,
      transparent 25%,
      transparent 75%,
      #aaa 75%,
      #aaa),
    repeating-linear-gradient(
      45deg,
      #aaa 25%,
      #fff 25%,
      #fff 75%,
      #aaa 75%,
      #aaa);
  background-position: 0 0, 4px 4px;
  background-size: 8px 8px;
}
.formfield-color .color-indicator:after {
  background-color: currentColor;
}
.clr-picker {
  border-radius: 0;
  height: unset;
}
.clr-picker.clr-pill {
  width: 450px;
  background: var(--color-input-bg);
}
.clr-picker.clr-pill[data-minimal=true] {
  width: 270px;
  padding-left: 0;
}
.clr-picker input.clr-color {
  width: calc(100% - 80px);
  border-radius: 0;
  font-size: 1em;
}
.clr-picker .clr-hue,
.clr-picker .clr-hue div,
.clr-picker .clr-alpha,
.clr-picker .clr-alpha div,
.clr-picker .clr-preview,
.clr-picker .clr-marker,
.clr-picker .clr-swatches button,
.clr-picker.clr-pill .clr-gradient {
  border-radius: 0;
}
.clr-picker .clr-hue:before,
.clr-picker .clr-hue div:before,
.clr-picker .clr-alpha:before,
.clr-picker .clr-alpha div:before,
.clr-picker .clr-preview:before,
.clr-picker .clr-marker:before,
.clr-picker .clr-swatches button:before,
.clr-picker.clr-pill .clr-gradient:before,
.clr-picker .clr-hue:after,
.clr-picker .clr-hue div:after,
.clr-picker .clr-alpha:after,
.clr-picker .clr-alpha div:after,
.clr-picker .clr-preview:after,
.clr-picker .clr-marker:after,
.clr-picker .clr-swatches button:after,
.clr-picker.clr-pill .clr-gradient:after {
  border-radius: 0;
}
.clr-picker .clr-close,
.clr-picker .clr-clear {
  border-radius: 0;
  height: unset;
  font-size: 0.8em;
}
.formfield-date .formfield-dropdown {
  padding: var(--element-spacing);
}
.formfield-date .formfield-dropdown .calendar {
  min-width: 260px;
  max-width: 400px;
  margin: 0 auto;
}
.formfield-date .formfield-dropdown .calendar .header {
  display: grid;
  grid-template-columns: auto auto 1fr auto auto;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: calc(var(--element-spacing-y) / 2);
}
.formfield-date .formfield-dropdown .calendar .header .title {
  text-align: center;
  font-weight: bold;
}
.formfield-date .formfield-dropdown .calendar .weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  color: var(--color-theme-d);
  font-size: 0.85em;
  margin-bottom: 4px;
}
.formfield-date .formfield-dropdown .calendar .weekdays div {
  text-align: center;
}
.formfield-date .formfield-dropdown .calendar .days .row {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  margin-bottom: 2px;
}
.formfield-date .formfield-dropdown .calendar .days button.day {
  padding: 6px 4px;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.formfield-date .formfield-dropdown .calendar .days button.day.other {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.formfield-date .formfield-dropdown .time {
  display: none;
  min-width: 280px;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.formfield-date .formfield-dropdown .time .radial {
  padding: 8px;
}
.formfield-date .formfield-dropdown .time svg.radial-svg {
  display: block;
  max-width: 100%;
  cursor: pointer;
}
.formfield-date .formfield-dropdown .time svg.radial-svg .dial-outer {
  fill: var(--color-theme-10p);
  stroke: none;
}
.formfield-date .formfield-dropdown .time svg.radial-svg text.hour,
.formfield-date .formfield-dropdown .time svg.radial-svg text.minute {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  fill: var(--color-text);
}
.formfield-date .formfield-dropdown .time svg.radial-svg .pointer-line {
  stroke: var(--color-theme-50p);
}
.formfield-date .formfield-dropdown .time svg.radial-svg .pointer-knob,
.formfield-date .formfield-dropdown .time svg.radial-svg .pointer-center {
  fill: var(--color-theme-50p);
}
.formfield-date .formfield-dropdown .time svg.radial-svg .shadow-pointer {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 120ms ease-out;
  -moz-transition: opacity 120ms ease-out;
  -o-transition: opacity 120ms ease-out;
  -ms-transition: opacity 120ms ease-out;
  transition: opacity 120ms ease-out;
}
.formfield-date .formfield-dropdown .time svg.radial-svg .shadow-line {
  stroke: var(--color-theme-25p);
}
.formfield-date .formfield-dropdown .time svg.radial-svg .shadow-knob {
  fill: var(--color-theme-25p);
}
@media not all and (pointer: coarse) {
  .formfield-date .formfield-dropdown .time svg.radial-svg:hover:not(.dragging) .shadow-pointer {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
.formfield-date .formfield-dropdown .time-display {
  display: none;
  color: var(--color-text);
  width: 100%;
  padding: 8px 12px;
  border-radius: 2px;
  font-variant-numeric: tabular-nums;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 6px;
  margin-top: var(--element-spacing-y);
}
.formfield-date .formfield-dropdown .time-display .seg {
  color: var(--color-text);
  font-size: 1.75em;
  padding: 4px 8px;
}
.formfield-date .formfield-dropdown .time-display .seg.active {
  background: var(--color-theme-10p);
}
.formfield-date .formfield-dropdown .time-display .seg.active:hover {
  background: var(--color-theme);
}
.formfield-date .formfield-dropdown .time-display .sep {
  opacity: 0.85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
  font-size: 1.75em;
}
.formfield-date .formfield-dropdown .actions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  gap: var(--element-spacing-x);
  margin-top: var(--element-spacing-y);
}
@media (max-width: 600px) {
  .formfield-date .formfield-dropdown .actions {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -o-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .formfield-date .formfield-dropdown .actions .button {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.formfield-date .formfield-dropdown.with-time .cols {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--element-spacing);
}
@media (max-width: 750px) {
  .formfield-date .formfield-dropdown.with-time .cols {
    grid-template-columns: 1fr;
  }
}
.formfield-date .formfield-dropdown.with-time .time {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.formfield-date .formfield-dropdown.with-time .time-display {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.formfield-dynamic-display .input-container .value img.signature {
  max-width: 300px;
  max-height: 60px;
}
@media (prefers-color-scheme: dark) {
  .formfield-dynamic-display .input-container .value img.signature {
    filter: invert(1);
  }
}
body.light .formfield-dynamic-display .input-container .value img.signature {
  filter: invert(0);
}
body.dark .formfield-dynamic-display .input-container .value img.signature {
  filter: invert(1);
}
.formfield-extendable .formfield-extendable-table {
  width: 100%;
  border-spacing: 0;
}
.formfield-extendable .formfield-extendable-table th,
.formfield-extendable .formfield-extendable-table td {
  padding: 0;
  margin: 0;
  font-weight: normal;
  text-align: left;
}
.formfield-extendable .formfield-extendable-row {
  display: grid;
  grid-template-columns: auto;
  gap: 0 calc(var(--element-spacing-x) / 2);
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -o-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.formfield-extendable .formfield-extendable-row .list-item {
  text-align: right;
}
.formfield-extendable .formfield-extendable-row .formfield-extendable-delete-btn {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.formfield-extendable.list .formfield-extendable-row {
  grid-template-columns: 40px auto;
}
.formfield-extendable.table .formfield-extendable-table .input-row {
  grid-template-columns: auto;
}
.formfield-extendable.table .formfield-extendable-table .formfield-label {
  display: none;
}
.formfield-extendable.table .formfield-extendable-table .input-container2 {
  width: 100%;
}
.formfield-extendable.table .formfield-extendable-table .formfield-extendable-header .formfield-label {
  display: block;
  width: 100%;
}
.formfield-extendable.table .formfield-extendable-table .formfield-extendable-header .input-container2 {
  display: none;
}
.formfield-extendable.table .formfield-extendable-table .formfield-extendable-header .formfield-extendable-delete-btn {
  visibility: hidden;
}
form.editing .formfield-extendable .formfield-extendable-row {
  grid-template-columns: auto 50px;
}
form.editing .formfield-extendable.list .formfield-extendable-row {
  grid-template-columns: 40px auto 50px;
}
@media (min-width: 600px) {
  .formfield-grid {
    display: grid;
    gap: 0 var(--element-spacing-x);
  }
}
.formfield-grid.grid-cols1 {
  grid-template-columns: repeat(1, 1fr);
}
.formfield-grid.grid-cols1.grid-auto-width {
  grid-template-columns: repeat(1, auto);
}
.formfield-grid.grid-cols2 {
  grid-template-columns: repeat(2, 1fr);
}
.formfield-grid.grid-cols2.grid-auto-width {
  grid-template-columns: repeat(2, auto);
}
.formfield-grid.grid-cols3 {
  grid-template-columns: repeat(3, 1fr);
}
.formfield-grid.grid-cols3.grid-auto-width {
  grid-template-columns: repeat(3, auto);
}
.formfield-grid.grid-cols4 {
  grid-template-columns: repeat(4, 1fr);
}
.formfield-grid.grid-cols4.grid-auto-width {
  grid-template-columns: repeat(4, auto);
}
.formfield-grid.grid-cols5 {
  grid-template-columns: repeat(5, 1fr);
}
.formfield-grid.grid-cols5.grid-auto-width {
  grid-template-columns: repeat(5, auto);
}
.formfield-grid.grid-cols6 {
  grid-template-columns: repeat(6, 1fr);
}
.formfield-grid.grid-cols6.grid-auto-width {
  grid-template-columns: repeat(6, auto);
}
.formfield-grid.grid-cols7 {
  grid-template-columns: repeat(7, 1fr);
}
.formfield-grid.grid-cols7.grid-auto-width {
  grid-template-columns: repeat(7, auto);
}
.formfield-grid.grid-cols8 {
  grid-template-columns: repeat(8, 1fr);
}
.formfield-grid.grid-cols8.grid-auto-width {
  grid-template-columns: repeat(8, auto);
}
.formfield-grid.grid-cols9 {
  grid-template-columns: repeat(9, 1fr);
}
.formfield-grid.grid-cols9.grid-auto-width {
  grid-template-columns: repeat(9, auto);
}
.formfield-grid.grid-cols10 {
  grid-template-columns: repeat(10, 1fr);
}
.formfield-grid.grid-cols10.grid-auto-width {
  grid-template-columns: repeat(10, auto);
}
.formfield-grid.grid-cols11 {
  grid-template-columns: repeat(11, 1fr);
}
.formfield-grid.grid-cols11.grid-auto-width {
  grid-template-columns: repeat(11, auto);
}
.formfield-grid.grid-cols12 {
  grid-template-columns: repeat(12, 1fr);
}
.formfield-grid.grid-cols12.grid-auto-width {
  grid-template-columns: repeat(12, auto);
}
.formfield-grid .grid-cs2 {
  grid-column: auto/span 2;
}
.formfield-grid .grid-cs3 {
  grid-column: auto/span 3;
}
.formfield-grid .grid-cs4 {
  grid-column: auto/span 4;
}
.formfield-grid .grid-cs5 {
  grid-column: auto/span 5;
}
.formfield-grid .grid-cs6 {
  grid-column: auto/span 6;
}
.formfield-grid .grid-cs7 {
  grid-column: auto/span 7;
}
.formfield-grid .grid-cs8 {
  grid-column: auto/span 8;
}
.formfield-grid .grid-cs9 {
  grid-column: auto/span 9;
}
.formfield-grid .grid-cs10 {
  grid-column: auto/span 10;
}
.formfield-grid .grid-cs11 {
  grid-column: auto/span 11;
}
.formfield-grid .grid-cs12 {
  grid-column: auto/span 12;
}
.formfield-grid.grid-align-start > div {
  -webkit-align-self: start;
  align-self: start;
  -ms-flex-item-align: start;
}
.formfield-grid.grid-align-end > div {
  -webkit-align-self: end;
  align-self: end;
  -ms-flex-item-align: end;
}
.formfield-grid.grid-align-center > div {
  -webkit-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
}
.formfield-grid.grid-align-stretch > div {
  -webkit-align-self: stretch;
  align-self: stretch;
  -ms-flex-item-align: stretch;
}
.formfield-group {
  margin: var(--element-spacing-y) 0;
  position: relative;
}
.formfield-group .formfield-group-table {
  width: 100%;
  border-spacing: 0;
  border-left: 1px solid var(--color-theme);
  border-right: 1px solid var(--color-theme);
}
.formfield-group .formfield-group-table thead {
  display: table-header-group;
}
.formfield-group .formfield-group-table > thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.formfield-group .formfield-group-table tfoot {
  display: table-footer-group;
}
.formfield-group .formfield-group-table tfoot td:last-child {
  border-bottom: 1px solid var(--color-theme);
  font-size: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.formfield-group .formfield-group-table th,
.formfield-group .formfield-group-table td {
  padding: 0;
  margin: 0;
  font-weight: normal;
  text-align: left;
}
.formfield-group.collapsed .hide-collapsed,
.formfield-group:not(.collapsed) .hide-not-collapsed {
  display: none;
}
.formfield-group .formfield-group-header {
  background-color: var(--color-theme);
  color: var(--color-theme-text);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.formfield-group .formfield-group-header > div:first-child {
  width: 100%;
  margin: 0 var(--element-spacing-x);
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
}
.formfield-group .formfield-group-header h2 {
  margin: calc(var(--element-spacing-y) / 2) 0;
}
.formfield-group .formfield-group-header .button {
  height: 100%;
}
.formfield-group .formfield-group-container {
  padding: var(--element-spacing-y) var(--element-spacing-x);
  border-top: none;
}
.formfield-images .input-row {
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: start;
  align-items: start;
}
.formfield-images .images-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}
.formfield-images .images-container .image-container {
  display: block;
  margin: 0;
  position: relative;
  grid-column: span 3;
}
.formfield-images .images-container .image-container.size-s {
  grid-column: span 2;
}
.formfield-images .images-container .image-container.size-s button.image-small {
  background-color: var(--color-theme-accent);
}
.formfield-images .images-container .image-container.size-m {
  grid-column: span 4;
}
.formfield-images .images-container .image-container.size-m button.image-medium {
  background-color: var(--color-theme-accent);
}
.formfield-images .images-container .image-container.size-l {
  grid-column: span 6;
}
.formfield-images .images-container .image-container.size-l button.image-large {
  background-color: var(--color-theme-accent);
}
.formfield-images .images-container .image-container:not(.size-s):not(.size-m):not(.size-l) button.image-normal {
  background-color: var(--color-theme-accent);
}
.formfield-images .images-container .image-container img {
  display: block;
  width: 100%;
  max-height: 90vh;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.formfield-images .images-container .image-container.contain img {
  object-fit: contain;
  aspect-ratio: unset;
}
.formfield-images .images-container .image-container.contain button.image-contain {
  background-color: var(--color-theme-accent);
}
.formfield-images .images-container .image-container:not(.contain) button.image-cover {
  background-color: var(--color-theme-accent);
}
.formfield-images .images-container .image-container textarea.formfield-imagedesc {
  background-color: var(--color-imagedesc-bg);
}
.formfield-images .images-container .image-container .image-buttons-container {
  position: absolute;
  top: 0;
  right: 0;
}
.formfield-images .images-container .image-container .image-buttons-container > .button {
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
}
.formfield-images .images-container .image-container .image-buttons-container .image-dropdown {
  position: absolute;
  right: 0;
  display: none;
  min-width: min-content;
  z-index: 2;
  background: var(--color-theme);
}
.formfield-images .images-container .image-container .image-buttons-container .image-dropdown .button {
  width: 100%;
  text-align: left;
  gap: var(--element-spacing);
}
.formfield-images .images-container .image-container .image-buttons-container .image-dropdown .button:hover {
  background-color: var(--color-theme-l);
}
.formfield-images .images-container .image-container .image-buttons-container .image-dropdown hr {
  border-color: var(--color-theme-d);
  margin: 0 10px;
}
.formfield-images .images-container .image-container .image-buttons-container:hover > .button {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.formfield-images .images-container .image-container .image-buttons-container:hover .image-dropdown {
  display: block;
}
.formfield-images .images-container .image-container .image-description-container {
  position: relative;
}
.formfield-images .images-add-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  gap: var(--element-spacing);
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: end;
  justify-content: end;
  margin-top: calc(var(--element-spacing-y) / 2);
}
.formfield-images .input-container.changed .images-container {
  -webkit-box-shadow: var(--changed-indicator-shadow-outer), var(--changed-indicator-shadow-inner);
  box-shadow: var(--changed-indicator-shadow-outer), var(--changed-indicator-shadow-inner);
}
.formfield-images .input-container.changed .images-add-buttons button.formfield {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.formfield-images input[type=file] {
  display: none;
}
.form.editing .formfield-images .images-container .image-container img {
  cursor: grab;
}
.formfield-radio {
  --color-input: var(--color-theme);
}
.formfield-radio .radio-opt {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.formfield-radio .radio-opt input {
  display: none;
}
.formfield-radio .radio-opt input:disabled + label {
  cursor: not-allowed;
}
.formfield-radio .radio-opt input + label .checked,
.formfield-radio .radio-opt input:checked + label .unchecked {
  display: none;
}
.formfield-radio .radio-opt input + label .unchecked,
.formfield-radio .radio-opt input:checked + label .checked {
  display: inline-block;
}
.formfield-radio .radio-opt label {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding: 4px 8px;
}
.formfield-radio .radio-opt label .checked,
.formfield-radio .radio-opt label .unchecked {
  font-size: 1.5em;
  color: var(--color-input);
}
.formfield-radio .radio-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: calc(var(--element-spacing-x) / 2) var(--element-spacing-y);
}
@media (min-width: 600px) {
  .formfield-radio.radio-cols1 .radio-container {
    grid-template-columns: repeat(1, 1fr);
  }
  .formfield-radio.radio-cols2 .radio-container {
    grid-template-columns: repeat(1, 1fr);
  }
  .formfield-radio.radio-cols3 .radio-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .formfield-radio.radio-cols4 .radio-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .formfield-radio.radio-cols5 .radio-container {
    grid-template-columns: repeat(3, 1fr);
  }
  .formfield-radio.radio-cols6 .radio-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 750px) {
  .formfield-radio.radio-cols1 .radio-container {
    grid-template-columns: repeat(1, 1fr);
  }
  .formfield-radio.radio-cols2 .radio-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .formfield-radio.radio-cols3 .radio-container {
    grid-template-columns: repeat(3, 1fr);
  }
  .formfield-radio.radio-cols4 .radio-container {
    grid-template-columns: repeat(4, 1fr);
  }
  .formfield-radio.radio-cols5 .radio-container {
    grid-template-columns: repeat(5, 1fr);
  }
  .formfield-radio.radio-cols6 .radio-container {
    grid-template-columns: repeat(6, 1fr);
  }
}
.formfield-select .formfield {
  resize: none;
  height: calc(1em * 1.15 + var(--element-spacing-y) + 1px);
  padding-right: 32px;
}
.formfield-select .dropdown-indicator .material-symbols-outlined.expand-less {
  display: none;
}
.formfield-select .formfield-dropdown .filter {
  position: relative;
}
.formfield-select .formfield-dropdown .filter input {
  padding-right: 40px;
}
.formfield-select .formfield-dropdown .filter .button {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  padding: 0;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.formfield-select .formfield-dropdown .no-filter-options {
  margin: 0;
}
.formfield-select .formfield-dropdown .options {
  min-width: 250px;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
.formfield-select .formfield-dropdown .options .button {
  width: 100%;
  text-align: left;
  white-space: preserve-breaks;
  background-color: var(--color-select-option-bg);
}
.formfield-select .formfield-dropdown .options .button:hover {
  background-color: var(--color-theme-l);
}
.formfield-select .show-dropdown .dropdown-indicator .material-symbols-outlined.expand-less {
  display: inline-block;
}
.formfield-select .show-dropdown .dropdown-indicator .material-symbols-outlined.expand-more {
  display: none;
}
.formfield-signatures .input-row {
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: start;
  align-items: start;
}
.formfield-signatures .signatures-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--element-spacing);
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: start;
  align-items: start;
}
.formfield-signatures .signatures-container .signature-container {
  max-width: 500px;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0 var(--element-spacing-x);
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: end;
  align-items: end;
  container-name: signature-info;
  container-type: inline-size;
}
.formfield-signatures .signatures-container .signature-container:last-child {
  margin-bottom: 0;
}
.formfield-signatures .signatures-container .signature-container .signature-button {
  display: block;
  width: 100%;
  min-width: 100px;
  min-height: 50px;
  aspect-ratio: 4/1;
  padding: 0;
  white-space: wrap;
  border-bottom: 1px solid var(--color-input-border);
}
.formfield-signatures .signatures-container .signature-container .signature-info {
  display: block;
}
@container signature-info (min-width: 450px) {
  .formfield-signatures .signatures-container .signature-container .signature-info {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
}
@media (min-width: 600px) {
  .formfield-signatures.signature-cols1 .signatures-container {
    grid-template-columns: repeat(1, 1fr);
  }
  .formfield-signatures.signature-cols2 .signatures-container {
    grid-template-columns: repeat(1, 1fr);
  }
  .formfield-signatures.signature-cols3 .signatures-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .formfield-signatures.signature-cols4 .signatures-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .formfield-signatures.signature-cols5 .signatures-container {
    grid-template-columns: repeat(3, 1fr);
  }
  .formfield-signatures.signature-cols6 .signatures-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 750px) {
  .formfield-signatures.signature-cols1 .signatures-container {
    grid-template-columns: repeat(1, 1fr);
  }
  .formfield-signatures.signature-cols2 .signatures-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .formfield-signatures.signature-cols3 .signatures-container {
    grid-template-columns: repeat(3, 1fr);
  }
  .formfield-signatures.signature-cols4 .signatures-container {
    grid-template-columns: repeat(4, 1fr);
  }
  .formfield-signatures.signature-cols5 .signatures-container {
    grid-template-columns: repeat(5, 1fr);
  }
  .formfield-signatures.signature-cols6 .signatures-container {
    grid-template-columns: repeat(6, 1fr);
  }
}
.formfield-signatures .input-container.validation-error .signature-button {
  border-color: var(--color-input-validation-error);
}
.formfield-signatures.info-pos-left .signature-container,
.formfield-signatures.info-pos-right .signature-container {
  grid-template-columns: 1fr 1fr;
}
.formfield-signatures.info-pos-left .signature-container .signature-info,
.formfield-signatures.info-pos-right .signature-container .signature-info {
  display: block;
}
.formfield-signatures.info-pos-left .signature-container .signature-info,
.formfield-signatures.info-pos-top .signature-container .signature-info {
  -webkit-box-ordinal-group: -1;
  -moz-box-ordinal-group: -1;
  -o-box-ordinal-group: -1;
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1;
}
.formfield-signatures .signature-active-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 500;
  background: var(--color-overlay-backdrop);
  padding: var(--element-spacing);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.formfield-signatures .signature-active-container .wrapper .content {
  padding: var(--element-spacing);
}
.formfield-signatures .signature-active-container .wrapper .content .input-row {
  margin-bottom: calc(var(--element-spacing-y) / 2);
}
.formfield-signatures .signature-active-container .wrapper .buttons {
  padding: var(--element-spacing);
  padding-top: 0;
}
.formfield-signatures .signature-active-container .sigpad-container {
  position: relative;
}
.formfield-signatures .signature-active-container .sigpad-container canvas {
  width: 100%;
  height: 150px;
  border: 1px solid var(--color-input-border);
}
.formfield-signatures .signature-active-container .sigpad-container button {
  position: absolute;
  right: 16px;
  top: 8px;
  padding: 4px 8px;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
}
.formfield-signatures .signature-active-container .sigpad-container button:hover {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.formfield-signatures .signature-button img {
  max-height: 100%;
  max-width: 100%;
}
@media (prefers-color-scheme: dark) {
  .formfield-signatures .signature-active-container .sigpad-container canvas,
  .formfield-signatures .signature-button img {
    filter: invert(1);
  }
}
body.light .formfield-signatures .signature-active-container .sigpad-container canvas,
body.light .formfield-signatures .signature-button img {
  filter: invert(0);
}
body.dark .formfield-signatures .signature-active-container .sigpad-container canvas,
body.dark .formfield-signatures .signature-button img {
  filter: invert(1);
}
.formfield-static-image {
  margin: 0;
}
.formfield-static-image img,
.formfield-static-image.size-md img {
  max-height: 200px;
  max-width: 200px;
}
.formfield-static-image.size-full img {
  max-height: unset;
  max-width: 100%;
}
.formfield-static-image.size-lg img {
  max-height: 400px;
  max-width: 400px;
}
.formfield-static-image.size-sm img {
  max-height: 100px;
  max-width: 100px;
}
.formfield-static-image.size-xs img {
  max-height: 64px;
  max-width: 64px;
}
.formfield-static-image.size-xxs img {
  max-height: 32px;
  max-width: 32px;
}
.formfield-static-text {
  color: var(--color-input-label, inherit);
}
.formfield-static-title {
  color: var(--color-input-label, inherit);
}
.formfield-text .input-container .input-container2 .input-password-show .material-symbols-outlined.visibility-off {
  display: none;
}
.formfield-text .input-container.password-show .input-container2 .input-password-show .material-symbols-outlined.visibility {
  display: none;
}
.formfield-text .input-container.password-show .input-container2 .input-password-show .material-symbols-outlined.visibility-off {
  display: inline-block;
}
#image-editor-sidebar .entry,
#image-editor-sidebar2 .entry,
#image-editor-objects .object {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
#image-editor-sidebar .entry:hover,
#image-editor-sidebar2 .entry:hover,
#image-editor-objects .object:hover {
  -webkit-box-shadow: unset;
  box-shadow: unset;
  border-top: 1px solid var(--color-theme-l);
  border-bottom: 1px solid var(--color-theme-l);
}
#image-editor {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: var(--sidebar-width);
  -webkit-transition: left var(--sidebar-transition-speed-w) ease;
  -moz-transition: left var(--sidebar-transition-speed-w) ease;
  -o-transition: left var(--sidebar-transition-speed-w) ease;
  -ms-transition: left var(--sidebar-transition-speed-w) ease;
  transition: left var(--sidebar-transition-speed-w) ease;
  z-index: 2;
  display: none;
}
body.image-editor-open #image-editor {
  display: block;
}
#image-editor-canvas-container {
  position: absolute;
  top: 0;
  bottom: 1.5em;
  left: var(--sidebar-width-expanded);
  right: var(--sidebar-width-expanded);
  background: var(--color-bg);
  overflow: auto;
  -webkit-transition: left var(--sidebar-transition-speed-w) ease, right var(--sidebar-transition-speed-w) ease;
  -moz-transition: left var(--sidebar-transition-speed-w) ease, right var(--sidebar-transition-speed-w) ease;
  -o-transition: left var(--sidebar-transition-speed-w) ease, right var(--sidebar-transition-speed-w) ease;
  -ms-transition: left var(--sidebar-transition-speed-w) ease, right var(--sidebar-transition-speed-w) ease;
  transition: left var(--sidebar-transition-speed-w) ease, right var(--sidebar-transition-speed-w) ease;
  background:
    conic-gradient(
      var(--color-image-editor-bg1) 90deg,
      var(--color-image-editor-bg2) 90deg 180deg,
      var(--color-image-editor-bg1) 180deg 270deg,
      var(--color-image-editor-bg2) 270deg);
  background:
    conic-gradient(
      var(--color-image-editor-bg1) 90deg,
      var(--color-image-editor-bg2) 90deg 180deg,
      var(--color-image-editor-bg1) 180deg 270deg,
      var(--color-image-editor-bg2) 270deg);
  background:
    conic-gradient(
      var(--color-image-editor-bg1) 90deg,
      var(--color-image-editor-bg2) 90deg 180deg,
      var(--color-image-editor-bg1) 180deg 270deg,
      var(--color-image-editor-bg2) 270deg);
  background:
    conic-gradient(
      var(--color-image-editor-bg1) 90deg,
      var(--color-image-editor-bg2) 90deg 180deg,
      var(--color-image-editor-bg1) 180deg 270deg,
      var(--color-image-editor-bg2) 270deg);
  background:
    conic-gradient(
      var(--color-image-editor-bg1) 90deg,
      var(--color-image-editor-bg2) 90deg 180deg,
      var(--color-image-editor-bg1) 180deg 270deg,
      var(--color-image-editor-bg2) 270deg);
  background-repeat: repeat;
  background-size: 50px 50px;
  background-position: top left;
}
#image-editor-canvas-container canvas {
  display: block;
}
#image-editor-drop-zone {
  display: none;
  position: absolute;
  top: 0;
  bottom: 1.5em;
  left: var(--sidebar-width-expanded);
  right: var(--sidebar-width-expanded);
  margin: 16px;
  background: var(--color-theme-50p);
  color: var(--color-theme-text);
  border: 3px dashed var(--color-theme);
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  font-size: 1.5em;
}
#image-editor-drop-zone:hover {
  border: 3px dashed var(--color-theme-l);
}
#image-editor-drop-zone.active {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
#image-editor-drop-zone > div {
  pointer-events: none;
}
#image-editor-drop-zone .material-symbols-outlined {
  font-size: 2em;
}
#image-editor-status-bar {
  position: absolute;
  bottom: 0;
  left: var(--sidebar-width-expanded);
  right: var(--sidebar-width-expanded);
  height: 1.5em;
  background: var(--color-theme);
  color: var(--color-theme-text);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-transition: left var(--sidebar-transition-speed-w) ease, right var(--sidebar-transition-speed-w) ease;
  -moz-transition: left var(--sidebar-transition-speed-w) ease, right var(--sidebar-transition-speed-w) ease;
  -o-transition: left var(--sidebar-transition-speed-w) ease, right var(--sidebar-transition-speed-w) ease;
  -ms-transition: left var(--sidebar-transition-speed-w) ease, right var(--sidebar-transition-speed-w) ease;
  transition: left var(--sidebar-transition-speed-w) ease, right var(--sidebar-transition-speed-w) ease;
}
#image-editor-status-bar > * {
  padding: 0 var(--element-spacing-x);
}
#image-editor-sidebar,
#image-editor-sidebar2 {
  --color-input-border: var(--color-theme-d);
  --color-input-bg: none;
  --color-input: var(--color-theme-text);
  --color-text: var(--color-theme-text);
  --sidebar-width: calc(var(--sidebar-width-expanded) + 1px);
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 0;
}
#image-editor-sidebar .entry,
#image-editor-sidebar2 .entry {
  --sidebar-transition-speed-w: 0s;
}
#image-editor-sidebar .entry .flex,
#image-editor-sidebar2 .entry .flex,
#image-editor-sidebar .entry.flex,
#image-editor-sidebar2 .entry.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#image-editor-sidebar .entry .flex .button.fw,
#image-editor-sidebar2 .entry .flex .button.fw,
#image-editor-sidebar .entry.flex .button.fw,
#image-editor-sidebar2 .entry.flex .button.fw {
  width: auto;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
#image-editor-sidebar .entry .flex .button.fw .material-symbols-outlined,
#image-editor-sidebar2 .entry .flex .button.fw .material-symbols-outlined,
#image-editor-sidebar .entry.flex .button.fw .material-symbols-outlined,
#image-editor-sidebar2 .entry.flex .button.fw .material-symbols-outlined {
  margin-right: 0;
}
#image-editor-sidebar .entry .flex .button.fw .magnifying-glass-icon,
#image-editor-sidebar2 .entry .flex .button.fw .magnifying-glass-icon,
#image-editor-sidebar .entry.flex .button.fw .magnifying-glass-icon,
#image-editor-sidebar2 .entry.flex .button.fw .magnifying-glass-icon {
  position: relative;
}
#image-editor-sidebar .entry .flex .button.fw .magnifying-glass-icon .material-symbols-outlined:last-child,
#image-editor-sidebar2 .entry .flex .button.fw .magnifying-glass-icon .material-symbols-outlined:last-child,
#image-editor-sidebar .entry.flex .button.fw .magnifying-glass-icon .material-symbols-outlined:last-child,
#image-editor-sidebar2 .entry.flex .button.fw .magnifying-glass-icon .material-symbols-outlined:last-child {
  position: absolute;
  top: 4px;
  left: 4px;
  font-size: 0.45em;
}
#image-editor-sidebar .entry .flex.grow > *,
#image-editor-sidebar2 .entry .flex.grow > *,
#image-editor-sidebar .entry.flex.grow > *,
#image-editor-sidebar2 .entry.flex.grow > * {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
#image-editor-sidebar .entry .formfield-number:hover,
#image-editor-sidebar2 .entry .formfield-number:hover,
#image-editor-sidebar .entry .hover-section:hover,
#image-editor-sidebar2 .entry .hover-section:hover {
  background-color: var(--color-theme-l);
  color: var(--color-theme-l-text);
}
#image-editor-sidebar .entry .input-container,
#image-editor-sidebar2 .entry .input-container {
  margin: 0;
}
#image-editor-sidebar .entry .input-container:has(input:disabled),
#image-editor-sidebar2 .entry .input-container:has(input:disabled) {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
#image-editor-sidebar .entry .input-container input,
#image-editor-sidebar2 .entry .input-container input {
  border: 0;
}
#image-editor-sidebar .entry .input-container input.has-unit,
#image-editor-sidebar2 .entry .input-container input.has-unit {
  padding-right: 35px;
}
#image-editor-sidebar .entry .input-container .input-unit,
#image-editor-sidebar2 .entry .input-container .input-unit {
  bottom: -1px;
  width: 30px;
}
#image-editor-sidebar .entry .input-container label,
#image-editor-sidebar2 .entry .input-container label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#image-editor-sidebar .entry .input-container label .checked,
#image-editor-sidebar2 .entry .input-container label .checked,
#image-editor-sidebar .entry .input-container label .unchecked,
#image-editor-sidebar2 .entry .input-container label .unchecked {
  color: inherit;
  font-size: 1.2em;
  margin: 0;
}
#image-editor-sidebar .entry .input-container label:hover,
#image-editor-sidebar2 .entry .input-container label:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
}
#image-editor-sidebar input[type=file],
#image-editor-sidebar2 input[type=file] {
  display: none;
}
#image-editor-sidebar .section .section-content,
#image-editor-sidebar2 .section .section-content,
#image-editor-sidebar .section.active .section-content,
#image-editor-sidebar2 .section.active .section-content {
  overflow-y: hidden;
}
#image-editor-sidebar .section .section-content > .formfield-root,
#image-editor-sidebar2 .section .section-content > .formfield-root,
#image-editor-sidebar .section .section-content > .hover-section > .formfield-root,
#image-editor-sidebar2 .section .section-content > .hover-section > .formfield-root,
#image-editor-sidebar .section .section-content > .flex > .formfield-root,
#image-editor-sidebar2 .section .section-content > .flex > .formfield-root {
  padding: 0 var(--element-spacing-x);
  --input-width: 60%;
}
#image-editor-sidebar .section .section-content > .flex > .formfield-root:not(:first-child),
#image-editor-sidebar2 .section .section-content > .flex > .formfield-root:not(:first-child) {
  padding-left: 0;
}
#image-editor-sidebar .section .section-content > .flex > .formfield-root:not(:last-child),
#image-editor-sidebar2 .section .section-content > .flex > .formfield-root:not(:last-child) {
  padding-right: 0;
}
#image-editor-sidebar .section .section-content .input-row,
#image-editor-sidebar2 .section .section-content .input-row {
  grid-template-columns: minmax(min-content, calc(100% - var(--input-width, 80%))) auto;
}
#image-editor-sidebar .section .section-content > .flex > .formfield-root.no-label .input-row,
#image-editor-sidebar2 .section .section-content > .flex > .formfield-root.no-label .input-row {
  grid-template-columns: 1fr;
}
#image-editor-sidebar .section .section-content .formfield-color,
#image-editor-sidebar2 .section .section-content .formfield-color {
  --indicator-width: 18px;
}
#image-editor-sidebar .section .section-content .formfield-checkbox .input-row .input-container2 label,
#image-editor-sidebar2 .section .section-content .formfield-checkbox .input-row .input-container2 label {
  padding-left: 0;
}
#image-editor-sidebar .section .section-content .button.active,
#image-editor-sidebar2 .section .section-content .button.active {
  background-color: var(--color-theme-accent);
}
#image-editor-sidebar .section .section-content .button.active:hover,
#image-editor-sidebar2 .section .section-content .button.active:hover {
  background-color: var(--color-theme-l);
}
#image-editor-sidebar .section[data-section=filters] .filter,
#image-editor-sidebar2 .section[data-section=filters] .filter {
  display: none;
  padding: 8px var(--element-spacing-x) 16px 40px;
}
#image-editor-sidebar .section[data-section=filters] .filter.active,
#image-editor-sidebar2 .section[data-section=filters] .filter.active {
  display: block;
}
#image-editor-sidebar {
  border-left: 1px solid var(--color-theme-d);
}
#image-editor-sidebar2 {
  left: unset;
  right: 0;
}
#image-editor-nav div.editor-title {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -o-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
#image-editor-nav div.editor-title .header {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
#image-editor-nav div.editor-title .button {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -o-box-flex: 0;
  -ms-box-flex: 0;
  box-flex: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
#image-editor-action-buttons {
  position: absolute;
  bottom: 1.5em;
  left: var(--sidebar-width-expanded);
  right: var(--sidebar-width-expanded);
}
#image-editor-action-buttons > div {
  width: max-content;
  margin: 0 auto;
}
body.sidebar-expanded #image-editor {
  left: var(--sidebar-width-expanded);
}
body.image-editor-open {
  overflow: hidden;
}
.image-editor-history-entry {
  display: grid;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: calc(var(--element-spacing) / 2);
}
@media (min-width: 600px) {
  .image-editor-history-entry {
    grid-template-columns: 1fr 2fr min-content;
    gap: var(--element-spacing);
  }
}
.image-editor-history-entry.active {
  background-color: var(--color-theme-10p);
}
#image-editor-objects .object {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -o-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
#image-editor-objects .object .button {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
#image-editor-objects .object .object-icon {
  cursor: grab;
  color: var(--color-icon);
  text-shadow:
    1px 0 0 #fff,
    -1px 0 0 #fff,
    0 1px 0 #fff,
    0 -1px 0 #fff,
    1px 1px 0 #fff,
    -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff;
}
#image-editor-objects .object .object-name {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  text-align: left;
  display: block;
  min-width: 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 8px 8px;
}
#image-editor-objects .object.active {
  background-color: var(--color-theme-accent);
}
#image-editor-paste {
  width: 0;
  height: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  top: -1;
  position: fixed;
  pointer-events: none;
}
#image-editor-title-compact {
  display: none;
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
  height: 1.5em;
  background: var(--color-theme);
  color: var(--color-theme-text);
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#image-editor-title-compact h1,
#image-editor-title-compact .button {
  height: 100%;
  font-size: 1em;
  padding: 0 var(--element-spacing-x);
  margin: 0;
}
#image-editor-sidebar-toggle,
#image-editor-sidebar2-toggle {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20px;
  padding: 0;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#image-editor-sidebar-toggle {
  left: 0;
}
#image-editor-sidebar2-toggle {
  right: 0;
}
@media (max-width: 1100px) {
  body.image-editor-open #sidebar-container {
    z-index: 0;
  }
  #image-editor,
  body.sidebar-expanded #image-editor {
    left: 0;
    right: 0;
  }
  #image-editor-canvas-container,
  #image-editor-status-bar {
    left: 20px;
    right: 20px;
  }
  #image-editor-title-compact {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  #image-editor-canvas-container {
    top: 1.5em;
  }
  #image-editor-sidebar-toggle,
  #image-editor-sidebar2-toggle {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  #image-editor-sidebar-toggle .material-symbols-outlined,
  #image-editor-sidebar2-toggle .material-symbols-outlined {
    -webkit-transition: -webkit-transform var(--sidebar-transition-speed-w) ease;
    -moz-transition: -moz-transform var(--sidebar-transition-speed-w) ease;
    -o-transition: -o-transform var(--sidebar-transition-speed-w) ease;
    -ms-transition: -ms-transform var(--sidebar-transition-speed-w) ease;
    transition: transform var(--sidebar-transition-speed-w) ease;
  }
  #image-editor-sidebar,
  #image-editor-sidebar2 {
    width: 0;
  }
  #image-editor-sidebar {
    left: 20px;
    border-left: 0;
  }
  #image-editor-sidebar2 {
    right: 20px;
    border-right: 0;
  }
  #image-editor.sidebar-open #image-editor-sidebar {
    width: calc(var(--sidebar-width-expanded) + 1px);
    border-left: 1px solid var(--color-theme-d);
  }
  #image-editor.sidebar-open #image-editor-sidebar-toggle .material-symbols-outlined {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  #image-editor.sidebar2-open #image-editor-sidebar2 {
    width: calc(var(--sidebar-width-expanded) + 1px);
    border-right: 1px solid var(--color-theme-d);
  }
  #image-editor.sidebar2-open #image-editor-sidebar2-toggle .material-symbols-outlined {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
#dialog,
#loader,
#qrcode-scanner {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--color-overlay-backdrop);
  z-index: 99990;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#dialog .wrapper .content > div,
#loader .wrapper .content > div,
#qrcode-scanner .wrapper .content > div {
  padding: var(--element-spacing);
}
#dialog .wrapper .content > div:first-child,
#loader .wrapper .content > div:first-child,
#qrcode-scanner .wrapper .content > div:first-child {
  margin-top: 0;
}
#dialog .wrapper .content > div.warn,
#loader .wrapper .content > div.warn,
#qrcode-scanner .wrapper .content > div.warn {
  background-color: var(--color-info-panel);
}
#dialog .wrapper .content > div.error,
#loader .wrapper .content > div.error,
#qrcode-scanner .wrapper .content > div.error {
  background-color: var(--color-warning-panel);
}
#dialog .wrapper .content > div details summary,
#loader .wrapper .content > div details summary,
#qrcode-scanner .wrapper .content > div details summary {
  cursor: pointer;
}
#dialog .wrapper .content > div details summary:hover,
#loader .wrapper .content > div details summary:hover,
#qrcode-scanner .wrapper .content > div details summary:hover {
  color: var(--color-theme-d);
}
#dialog .wrapper .content > div details pre,
#loader .wrapper .content > div details pre,
#qrcode-scanner .wrapper .content > div details pre {
  max-height: 250px;
  overflow: auto;
  white-space: pre-wrap;
}
#dialog .buttons,
#loader .buttons,
#qrcode-scanner .buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: end;
  justify-content: end;
  gap: calc(var(--element-spacing) / 2);
  padding: var(--element-spacing);
  position: sticky;
  bottom: 0;
  background: var(--color-overlay-bg);
  z-index: 5;
}
#dialog .buttons .button,
#loader .buttons .button,
#qrcode-scanner .buttons .button {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 120px;
  max-width: max-content;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media (max-width: 600px) {
  #dialog .buttons,
  #loader .buttons,
  #qrcode-scanner .buttons {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #dialog .buttons .button,
  #loader .buttons .button,
  #qrcode-scanner .buttons .button {
    width: 100%;
    max-width: unset;
  }
}
#dialog .delegations-form .sortable .formfield-group-header h2 {
  cursor: grab;
}
#loader {
  z-index: 99998;
}
#loader .content {
  text-align: center;
}
#loader .content .spinner {
  font-size: 3em;
}
#loader .content .loader-logo {
  width: 150px;
  height: 150px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 !important;
  margin: var(--element-spacing) auto !important;
}
#loader .content .loader-logo-bg {
  width: 100%;
  height: 100%;
  background: url(cryforms.svg) center/contain no-repeat;
  filter: drop-shadow(0 0 8px #fff);
  position: absolute;
  inset: 0;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
#loader .content .loader-logo-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: -webkit-linear-gradient(top, transparent 0%, transparent 30%, var(--color-overlay-bg) 48%, var(--color-overlay-bg) 52%, transparent 70%, transparent 100%);
  background: -moz-linear-gradient(top, transparent 0%, transparent 30%, var(--color-overlay-bg) 48%, var(--color-overlay-bg) 52%, transparent 70%, transparent 100%);
  background: -o-linear-gradient(top, transparent 0%, transparent 30%, var(--color-overlay-bg) 48%, var(--color-overlay-bg) 52%, transparent 70%, transparent 100%);
  background: -ms-linear-gradient(top, transparent 0%, transparent 30%, var(--color-overlay-bg) 48%, var(--color-overlay-bg) 52%, transparent 70%, transparent 100%);
  background:
    linear-gradient(
      to bottom,
      transparent 0%,
      transparent 30%,
      var(--color-overlay-bg) 48%,
      var(--color-overlay-bg) 52%,
      transparent 70%,
      transparent 100%);
  mix-blend-mode: var(--mix-blend-mode);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-animation: loader-scanner 2s linear infinite;
  -moz-animation: loader-scanner 2s linear infinite;
  -o-animation: loader-scanner 2s linear infinite;
  -ms-animation: loader-scanner 2s linear infinite;
  animation: loader-scanner 2s linear infinite;
  -webkit-transform: translateY(-70%);
  -moz-transform: translateY(-70%);
  -o-transform: translateY(-70%);
  -ms-transform: translateY(-70%);
  transform: translateY(-70%);
}
#upload-indicator,
#toast {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
#upload-indicator > div,
#toast > div {
  width: max-content;
  max-width: calc(100% - (var(--element-spacing-x) * 2));
  margin: 0 auto;
  background-color: var(--color-announcement);
  padding: 4px 16px;
}
#upload-indicator {
  z-index: 100;
  pointer-events: none;
}
#upload-indicator > div > div {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -webkit-animation: fading50 1s infinite;
  -moz-animation: fading50 1s infinite;
  -o-animation: fading50 1s infinite;
  -ms-animation: fading50 1s infinite;
  animation: fading50 1s infinite;
}
#toast {
  z-index: 99999;
  cursor: pointer;
}
#qrcode-scanner .wrapper {
  height: calc(100% - (var(--element-spacing) * 2));
}
#qrcode-scanner .wrapper .content {
  height: calc(100% - (var(--element-spacing) * 3) - 1px);
  margin: var(--element-spacing);
  overflow: hidden;
}
@media (max-width: 600px) {
  #qrcode-scanner .wrapper .content {
    height: calc(100% - (var(--element-spacing) * 3) - 3em - 1px);
  }
}
#qrcode-scanner .wrapper .content #qrcode-scanner-content {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  aspect-ratio: 4/3;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
#qrcode-scanner .wrapper .content #qrcode-scanner-content video {
  width: 100% !important;
}
#qrcode-scanner .wrapper #qrcode-scanner-torch .material-symbols-outlined.torch-on {
  display: none;
}
#qrcode-scanner .wrapper #qrcode-scanner-torch.on .material-symbols-outlined.torch-on {
  display: inline;
}
#qrcode-scanner .wrapper #qrcode-scanner-torch.on .material-symbols-outlined.torch-off {
  display: none;
}
@-moz-keyframes loader-scanner {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(-70%);
    -moz-transform: translateY(-70%);
    -o-transform: translateY(-70%);
    -ms-transform: translateY(-70%);
    transform: translateY(-70%);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(70%);
    -moz-transform: translateY(70%);
    -o-transform: translateY(70%);
    -ms-transform: translateY(70%);
    transform: translateY(70%);
  }
}
@-webkit-keyframes loader-scanner {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(-70%);
    -moz-transform: translateY(-70%);
    -o-transform: translateY(-70%);
    -ms-transform: translateY(-70%);
    transform: translateY(-70%);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(70%);
    -moz-transform: translateY(70%);
    -o-transform: translateY(70%);
    -ms-transform: translateY(70%);
    transform: translateY(70%);
  }
}
@-o-keyframes loader-scanner {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(-70%);
    -moz-transform: translateY(-70%);
    -o-transform: translateY(-70%);
    -ms-transform: translateY(-70%);
    transform: translateY(-70%);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(70%);
    -moz-transform: translateY(70%);
    -o-transform: translateY(70%);
    -ms-transform: translateY(70%);
    transform: translateY(70%);
  }
}
@keyframes loader-scanner {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(-70%);
    -moz-transform: translateY(-70%);
    -o-transform: translateY(-70%);
    -ms-transform: translateY(-70%);
    transform: translateY(-70%);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(70%);
    -moz-transform: translateY(70%);
    -o-transform: translateY(70%);
    -ms-transform: translateY(70%);
    transform: translateY(70%);
  }
}
#help figure {
  margin: var(--element-spacing);
}
#help img {
  max-width: 100%;
}
#help h2 {
  border-bottom: 1px solid var(--color-theme-10p);
}
#help p {
  text-align: justify;
}
#help code {
  background-color: var(--color-theme-10p);
  padding: 0 0.25em;
}
#help pre {
  background-color: var(--color-theme-10p);
  padding: calc(var(--element-spacing) / 2);
  white-space: pre-wrap;
}
#help pre code {
  background-color: transparent;
  padding: 0;
}
#help a.header-link,
#help a.toc-link {
  text-decoration: none;
}
#help a.header-link .material-symbols-outlined,
#help a.toc-link .material-symbols-outlined {
  color: var(--color-theme-50p);
}
#help a.header-link:hover .material-symbols-outlined,
#help a.toc-link:hover .material-symbols-outlined {
  color: var(--color-theme);
}
#help ul.toc {
  list-style-type: disc;
}
#help ul.toc li a {
  display: block;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
#help ul.toc li.toc-level-3 {
  margin-left: var(--element-spacing-x);
}
#help ul.toc li.toc-level-4 {
  margin-left: calc(var(--element-spacing-x) * 1);
}
#help ul.toc li.toc-level-5 {
  margin-left: calc(var(--element-spacing-x) * 2);
}
.markdown-alert .mr-2 {
  margin-right: 0.5rem;
}
.markdown-alert-title {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-weight: 500;
  margin: 2px 0;
}
.markdown-alert-note {
  border-left-color: #539bf5;
  background: rgba(83, 155, 245, 0.082);
}
.markdown-alert-note .markdown-alert-title {
  color: #539bf5;
}
.markdown-alert-tip {
  border-left-color: #57ab5a;
  background: rgba(87, 171, 90, 0.082);
}
.markdown-alert-tip .markdown-alert-title {
  color: #57ab5a;
}
.markdown-alert-important {
  border-left-color: #986ee2;
  background: rgba(152, 110, 226, 0.082);
}
.markdown-alert-important .markdown-alert-title {
  color: #986ee2;
}
.markdown-alert-warning {
  border-left-color: #c69026;
  background: rgba(198, 144, 38, 0.082);
}
.markdown-alert-warning .markdown-alert-title {
  color: #c69026;
}
.markdown-alert-caution {
  border-left-color: #e5534b;
  background: rgba(229, 83, 75, 0.082);
}
.markdown-alert-caution .markdown-alert-title {
  color: #e5534b;
}
#include-list-form section.formfield-group .formfield-group-header h2 {
  cursor: grab;
}
#settings-form .formfield-extendable.list.table .formfield-extendable-row .list {
  cursor: grab;
  color: var(--color-theme);
}
.os-size-observer,
.os-size-observer-listener {
  scroll-behavior: auto !important;
  direction: inherit;
  pointer-events: none;
  overflow: hidden;
  visibility: hidden;
  box-sizing: border-box;
}
.os-size-observer,
.os-size-observer-listener,
.os-size-observer-listener-item,
.os-size-observer-listener-item-final {
  writing-mode: horizontal-tb;
  position: absolute;
  left: 0;
  top: 0;
}
.os-size-observer {
  z-index: -1;
  contain: strict;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: inherit;
  border: inherit;
  box-sizing: inherit;
  margin: -133px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(0.1);
}
.os-size-observer::before {
  content: "";
  flex: none;
  box-sizing: inherit;
  padding: 10px;
  width: 10px;
  height: 10px;
}
.os-size-observer-appear {
  animation: os-size-observer-appear-animation 1ms forwards;
}
.os-size-observer-listener {
  box-sizing: border-box;
  position: relative;
  flex: auto;
  padding: inherit;
  border: inherit;
  margin: -133px;
  transform: scale(calc(1 / 0.1));
}
.os-size-observer-listener.ltr {
  margin-right: -266px;
  margin-left: 0;
}
.os-size-observer-listener.rtl {
  margin-left: -266px;
  margin-right: 0;
}
.os-size-observer-listener:empty::before {
  content: "";
  width: 100%;
  height: 100%;
}
.os-size-observer-listener:empty::before,
.os-size-observer-listener > .os-size-observer-listener-item {
  display: block;
  position: relative;
  padding: inherit;
  border: inherit;
  box-sizing: content-box;
  flex: auto;
}
.os-size-observer-listener-scroll {
  box-sizing: border-box;
  display: flex;
}
.os-size-observer-listener-item {
  right: 0;
  bottom: 0;
  overflow: hidden;
  direction: ltr;
  flex: none;
}
.os-size-observer-listener-item-final {
  transition: none;
}
@keyframes os-size-observer-appear-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
.os-trinsic-observer {
  flex: none;
  box-sizing: border-box;
  position: relative;
  max-width: 0px;
  max-height: 1px;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
  z-index: -1;
  height: 0;
  top: calc(100% + 1px);
  contain: strict;
}
.os-trinsic-observer:not(:empty) {
  height: calc(100% + 1px);
  top: -1px;
}
.os-trinsic-observer:not(:empty) > .os-size-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),
[data-overlayscrollbars-viewport~=scrollbarHidden],
html[data-overlayscrollbars-viewport~=scrollbarHidden] > body {
  scrollbar-width: none !important;
}
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,
html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar,
html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar-corner {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
  overflow: auto;
}
html[data-overlayscrollbars-body] {
  overflow: hidden;
}
html[data-overlayscrollbars-body],
html[data-overlayscrollbars-body] > body {
  width: 100%;
  height: 100%;
  margin: 0;
}
html[data-overlayscrollbars-body] > body {
  overflow: visible;
  margin: 0;
}
[data-overlayscrollbars] {
  position: relative;
}
[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
  display: flex;
  align-items: stretch !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  scroll-behavior: auto !important;
}
[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  box-sizing: inherit;
  position: relative;
  flex: auto;
  height: auto;
  width: 100%;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: none;
  z-index: 0;
}
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  --os-vaw: 0;
  --os-vah: 0;
  outline: none;
}
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus {
  outline: none;
}
[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  min-width: 1px;
  min-height: 1px;
  width: var(--os-vaw);
  height: var(--os-vah);
}
[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
  overflow: hidden !important;
}
[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],
[data-overlayscrollbars-padding~=noClipping] {
  overflow: visible !important;
}
[data-overlayscrollbars-viewport] {
  --os-viewport-overflow-x: hidden;
  --os-viewport-overflow-y: hidden;
  overflow-x: var(--os-viewport-overflow-x);
  overflow-y: var(--os-viewport-overflow-y);
}
[data-overlayscrollbars-viewport~=overflowXVisible] {
  --os-viewport-overflow-x: visible;
}
[data-overlayscrollbars-viewport~=overflowXHidden] {
  --os-viewport-overflow-x: hidden;
}
[data-overlayscrollbars-viewport~=overflowXScroll] {
  --os-viewport-overflow-x: scroll;
}
[data-overlayscrollbars-viewport~=overflowYVisible] {
  --os-viewport-overflow-y: visible;
}
[data-overlayscrollbars-viewport~=overflowYHidden] {
  --os-viewport-overflow-y: hidden;
}
[data-overlayscrollbars-viewport~=overflowYScroll] {
  --os-viewport-overflow-y: scroll;
}
[data-overlayscrollbars-viewport~=overflowImportant] {
  overflow-x: var(--os-viewport-overflow-x) !important;
  overflow-y: var(--os-viewport-overflow-y) !important;
}
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) {
  font-size: 0 !important;
  line-height: 0 !important;
}
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) > * {
  display: none !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}
[data-overlayscrollbars-viewport~=measuring],
[data-overlayscrollbars-viewport~=scrolling] {
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}
[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible] {
  overflow-x: hidden !important;
}
[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible] {
  overflow-y: hidden !important;
}
[data-overlayscrollbars-content] {
  box-sizing: inherit;
}
[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]) {
  display: contents;
}
[data-overlayscrollbars-grid],
[data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
  display: grid;
  grid-template: 1fr/1fr;
}
[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-viewport],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding] > [data-overlayscrollbars-viewport] {
  height: auto !important;
  width: auto !important;
}
@property --os-scroll-percent { syntax: "<number>"; inherits: true; initial-value: 0; }
@property --os-viewport-percent { syntax: "<number>"; inherits: true; initial-value: 0; }
.os-scrollbar {
  --os-viewport-percent: 0;
  --os-scroll-percent: 0;
  --os-scroll-direction: 0;
  --os-scroll-percent-directional: calc( var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction) );
}
.os-scrollbar {
  contain: size layout;
  contain: size layout style;
  transition:
    opacity 0.15s,
    visibility 0.15s,
    top 0.15s,
    right 0.15s,
    bottom 0.15s,
    left 0.15s;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
body > .os-scrollbar {
  position: fixed;
  z-index: 99999;
}
.os-scrollbar-transitionless {
  transition: none !important;
}
.os-scrollbar-track {
  position: relative;
  padding: 0 !important;
  border: none !important;
}
.os-scrollbar-handle {
  position: absolute;
}
.os-scrollbar-track,
.os-scrollbar-handle {
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
  pointer-events: auto;
  touch-action: none;
}
.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}
.os-scrollbar-vertical {
  top: 0;
  right: 0;
}
.os-scrollbar-rtl.os-scrollbar-horizontal {
  right: 0;
}
.os-scrollbar-rtl.os-scrollbar-vertical {
  right: auto;
  left: 0;
}
.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}
.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
  opacity: 0;
  visibility: hidden;
}
.os-scrollbar-interaction.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}
.os-scrollbar-unusable,
.os-scrollbar-unusable *,
.os-scrollbar-wheel,
.os-scrollbar-wheel * {
  pointer-events: none !important;
}
.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
  transition: none !important;
}
.os-scrollbar-horizontal .os-scrollbar-handle {
  bottom: 0;
  left: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateX(calc(var(--os-scroll-percent-directional) * -100%));
  width: calc(var(--os-viewport-percent) * 100%);
}
.os-scrollbar-vertical .os-scrollbar-handle {
  right: 0;
  top: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateY(calc(var(--os-scroll-percent-directional) * -100%));
  height: calc(var(--os-viewport-percent) * 100%);
}
@supports (container-type: size) {
  .os-scrollbar-track {
    container-type: size;
  }
  .os-scrollbar-horizontal .os-scrollbar-handle {
    left: auto;
    transform: translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-vertical .os-scrollbar-handle {
    top: auto;
    transform: translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle {
    right: auto;
    left: 0;
  }
}
.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
  right: auto;
  left: 0;
}
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
  left: 0;
  right: 0;
}
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
  top: 0;
  bottom: 0;
}
@media print {
  .os-scrollbar {
    display: none;
  }
}
.os-scrollbar {
  --os-size: 0;
  --os-padding-perpendicular: 0;
  --os-padding-axis: 0;
  --os-track-border-radius: 0;
  --os-track-bg: none;
  --os-track-bg-hover: none;
  --os-track-bg-active: none;
  --os-track-border: none;
  --os-track-border-hover: none;
  --os-track-border-active: none;
  --os-handle-border-radius: 0;
  --os-handle-bg: none;
  --os-handle-bg-hover: none;
  --os-handle-bg-active: none;
  --os-handle-border: none;
  --os-handle-border-hover: none;
  --os-handle-border-active: none;
  --os-handle-min-size: 33px;
  --os-handle-max-size: none;
  --os-handle-perpendicular-size: 100%;
  --os-handle-perpendicular-size-hover: 100%;
  --os-handle-perpendicular-size-active: 100%;
  --os-handle-interactive-area-offset: 0;
}
.os-scrollbar-track {
  border: var(--os-track-border);
  border-radius: var(--os-track-border-radius);
  background: var(--os-track-bg);
  transition:
    opacity 0.15s,
    background-color 0.15s,
    border-color 0.15s;
}
.os-scrollbar-track:hover {
  border: var(--os-track-border-hover);
  background: var(--os-track-bg-hover);
}
.os-scrollbar-track:active {
  border: var(--os-track-border-active);
  background: var(--os-track-bg-active);
}
.os-scrollbar-handle {
  border: var(--os-handle-border);
  border-radius: var(--os-handle-border-radius);
  background: var(--os-handle-bg);
}
.os-scrollbar-handle:hover {
  border: var(--os-handle-border-hover);
  background: var(--os-handle-bg-hover);
}
.os-scrollbar-handle:active {
  border: var(--os-handle-border-active);
  background: var(--os-handle-bg-active);
}
.os-scrollbar-track:before,
.os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}
.os-scrollbar-horizontal {
  padding: var(--os-padding-perpendicular) var(--os-padding-axis);
  right: var(--os-size);
  height: var(--os-size);
}
.os-scrollbar-horizontal.os-scrollbar-rtl {
  left: var(--os-size);
  right: 0;
}
.os-scrollbar-horizontal .os-scrollbar-track:before {
  top: calc(var(--os-padding-perpendicular) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal .os-scrollbar-handle {
  min-width: var(--os-handle-min-size);
  max-width: var(--os-handle-max-size);
  height: var(--os-handle-perpendicular-size);
  transition:
    opacity 0.15s,
    background-color 0.15s,
    border-color 0.15s,
    height 0.15s;
}
.os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal:hover .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-horizontal:active .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-active);
}
.os-scrollbar-vertical {
  padding: var(--os-padding-axis) var(--os-padding-perpendicular);
  bottom: var(--os-size);
  width: var(--os-size);
}
.os-scrollbar-vertical .os-scrollbar-track:before {
  left: calc(var(--os-padding-perpendicular) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical .os-scrollbar-handle {
  min-height: var(--os-handle-min-size);
  max-height: var(--os-handle-max-size);
  width: var(--os-handle-perpendicular-size);
  transition:
    opacity 0.15s,
    background-color 0.15s,
    border-color 0.15s,
    width 0.15s;
}
.os-scrollbar-vertical .os-scrollbar-handle:before {
  left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
  right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  left: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical:hover .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-vertical:active .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-active);
}
[data-overlayscrollbars-viewport~=measuring] > .os-scrollbar,
.os-theme-none.os-scrollbar {
  display: none !important;
}
.os-theme-dark,
.os-theme-light {
  box-sizing: border-box;
  --os-size: 10px;
  --os-padding-perpendicular: 2px;
  --os-padding-axis: 2px;
  --os-track-border-radius: 10px;
  --os-handle-interactive-area-offset: 4px;
  --os-handle-border-radius: 10px;
}
.os-theme-dark {
  --os-handle-bg: rgba(0, 0, 0, 0.44);
  --os-handle-bg-hover: rgba(0, 0, 0, 0.55);
  --os-handle-bg-active: rgba(0, 0, 0, 0.66);
}
.os-theme-light {
  --os-handle-bg: rgba(255, 255, 255, 0.44);
  --os-handle-bg-hover: rgba(255, 255, 255, 0.55);
  --os-handle-bg-active: rgba(255, 255, 255, 0.66);
}
.os-scrollbar {
  --os-handle-min-size: 75px;
}
.os-theme-dark,
.os-theme-light {
  --os-size: 8px;
  --os-handle-border-radius: 0;
  --os-handle-bg: color-mix(in srgb, var(--color-scrollbar-handle) 44%, transparent);
  --os-handle-bg-hover: color-mix(in srgb, var(--color-scrollbar-handle) 55%, transparent);
  --os-handle-bg-active: color-mix(in srgb, var(--color-scrollbar-handle) 66%, transparent);
}
#sidebar-container .os-theme-dark,
#image-editor-sidebar .os-theme-dark,
#image-editor-sidebar2 .os-theme-dark,
#sidebar-container .os-theme-light,
#image-editor-sidebar .os-theme-light,
#image-editor-sidebar2 .os-theme-light {
  --os-handle-bg: color-mix(in srgb, var(--color-theme-text) 44%, transparent);
  --os-handle-bg-hover: color-mix(in srgb, var(--color-theme-text) 55%, transparent);
  --os-handle-bg-active: color-mix(in srgb, var(--color-theme-text) 66%, transparent);
}
#sidebar-container > .os-scrollbar-vertical,
#image-editor-sidebar > .os-scrollbar-vertical {
  left: 0;
  right: unset;
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: var(--color-bg--dark);
    --color-text: var(--color-text--dark);
    --color-link-hover: var(--color-link-hover--dark);
    --color-input-changed-indicator: var(--color-input-changed-indicator--dark);
    --color-box-shadow: var(--color-box-shadow--dark);
    --color-overlay-bg: var(--color-overlay-bg--dark);
    --color-info-panel: var(--color-info-panel--dark);
    --color-note-panel: var(--color-note-panel--dark);
    --color-ok-panel: var(--color-ok-panel--dark);
    --color-warning-panel: var(--color-warning-panel--dark);
    --color-imagedesc-bg: var(--color-imagedesc-bg--dark);
    --color-priority-low: var(--color-priority-low--dark);
    --color-priority-medium: var(--color-priority-medium--dark);
    --color-priority-high: var(--color-priority-high--dark);
    --color-scrollbar-handle: var(--color-scrollbar-handle--dark);
    --color-image-editor-bg1: var(--color-image-editor-bg1--dark);
    --color-image-editor-bg2: var(--color-image-editor-bg2--dark);
    --mix-blend-mode: var(--mix-blend-mode--dark);
  }
}
:root:has(body.light) {
  --color-bg: var(--color-bg--light);
  --color-text: var(--color-text--light);
  --color-link-hover: var(--color-link-hover--light);
  --color-input-changed-indicator: var(--color-input-changed-indicator--light);
  --color-box-shadow: var(--color-box-shadow--light);
  --color-overlay-bg: var(--color-overlay-bg--light);
  --color-info-panel: var(--color-info-panel--light);
  --color-note-panel: var(--color-note-panel--light);
  --color-ok-panel: var(--color-ok-panel--light);
  --color-warning-panel: var(--color-warning-panel--light);
  --color-imagedesc-bg: var(--color-imagedesc-bg--light);
  --color-priority-low: var(--color-priority-low--light);
  --color-priority-medium: var(--color-priority-medium--light);
  --color-priority-high: var(--color-priority-high--light);
  --color-scrollbar-handle: var(--color-scrollbar-handle--light);
  --color-image-editor-bg1: var(--color-image-editor-bg1--light);
  --color-image-editor-bg2: var(--color-image-editor-bg2--light);
  --mix-blend-mode: var(--mix-blend-mode--light);
}
:root:has(body.dark) {
  --color-bg: var(--color-bg--dark);
  --color-text: var(--color-text--dark);
  --color-link-hover: var(--color-link-hover--dark);
  --color-input-changed-indicator: var(--color-input-changed-indicator--dark);
  --color-box-shadow: var(--color-box-shadow--dark);
  --color-overlay-bg: var(--color-overlay-bg--dark);
  --color-info-panel: var(--color-info-panel--dark);
  --color-note-panel: var(--color-note-panel--dark);
  --color-ok-panel: var(--color-ok-panel--dark);
  --color-warning-panel: var(--color-warning-panel--dark);
  --color-imagedesc-bg: var(--color-imagedesc-bg--dark);
  --color-priority-low: var(--color-priority-low--dark);
  --color-priority-medium: var(--color-priority-medium--dark);
  --color-priority-high: var(--color-priority-high--dark);
  --color-scrollbar-handle: var(--color-scrollbar-handle--dark);
  --color-image-editor-bg1: var(--color-image-editor-bg1--dark);
  --color-image-editor-bg2: var(--color-image-editor-bg2--dark);
  --mix-blend-mode: var(--mix-blend-mode--dark);
}
@media print {
  @font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: local("Roboto");
  }
  html,
  body {
    height: unset;
  }
  #main-container {
    margin-left: 0 !important;
    padding: 0 !important;
  }
  #main {
    max-width: unset;
  }
  body.form #draft-overlay {
    display: block;
  }
  body.manipulated #manipulation-overlay {
    display: block;
  }
  #announcements,
  #sidebar,
  #forms-filter-container {
    display: none;
  }
  #print-warning {
    display: block;
  }
  .hide-on-web {
    display: unset;
  }
  .no-print,
  .hide-on-export {
    display: none !important;
  }
  .always-print,
  .print-only {
    display: block !important;
  }
  .group-header,
  .input-container,
  .images-container .image-container,
  .signatures-container,
  .formfield-group,
  .formfield {
    break-inside: avoid;
  }
  .group-header.allow-break-inside,
  .input-container.allow-break-inside,
  .images-container .image-container.allow-break-inside,
  .signatures-container.allow-break-inside,
  .formfield-group.allow-break-inside,
  .formfield.allow-break-inside {
    break-inside: auto;
  }
  ul,
  ol,
  p,
  .markdown-alert {
    break-inside: avoid;
  }
  h2,
  h3,
  h4,
  h5,
  h6 {
    break-after: avoid;
  }
  textarea.autoheight {
    max-height: none;
  }
  button:disabled,
  input:disabled,
  textarea:disabled,
  select:disabled {
    color: var(--color-input) !important;
    opacity: 1 !important;
    -ms-filter: none !important;
    filter: none !important;
  }
  button:disabled::placeholder,
  input:disabled::placeholder,
  textarea:disabled::placeholder,
  select:disabled::placeholder {
    color: var(--color-input-bg);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  html,
  body,
  input,
  select,
  textarea {
    background-color: unset;
  }
  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .formfield-group,
  .formfield-color .color-indicator {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #forms-list .list > a.button {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid var(--color-theme-50p);
  }
  .formfield-select .dropdown-indicator {
    display: none !important;
  }
  .multiline-indicator {
    display: none !important;
  }
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/*! 
 * OverlayScrollbars
 * Version: 2.13.0
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */
/*# sourceMappingURL=frontend.css.map */