:root {
    --veryslightdark-highlight: rgba(0, 0, 0, 0.05);
    --slightdark-highlight: rgba(0, 0, 0, 0.25);
    --dark-highlight: rgba(0, 0, 0, 0.5);
    --verydark-highlight: rgba(0, 0, 0, 0.75);
    --veryslightlight-highlight: rgba(255, 255, 255, 0.05);
    --slightlight-highlight: rgba(255, 255, 255, 0.75);
    --light-highlight: rgba(255, 255, 255, 0.5);
    --verylight-highlight: rgba(255, 255, 255, 0.25);
}
.backgroundcolor-red { background-color: red; }
.backgroundcolor-blue { background-color: blue; }
.backgroundcolor-green { background-color: green; }
.backgroundcolor-cyan { background-color: cyan; }
.backgroundcolor-yellow { background-color: yellow; }
.backgroundcolor-orange { background-color: orange; }
.backgroundcolor-aqua { background-color: aqua; }
.backgroundcolor-purple { background-color: purple; }
.backgroundcolor-magenta { background-color: magenta; }
.backgroundcolor-violet { background-color: violet; }
.backgroundcolor-black { background-color: black; }
.backgroundcolor-white { background-color: white; }
.backgroundcolor-veryslightdark-highlight { background-color: var(--veryslightdark-highlight); }
.backgroundcolor-slightdark-highlight { background-color: var(--slightdark-highlight); }
.backgroundcolor-dark-highlight { background-color: var(--dark-highlight); }
.backgroundcolor-verydark-highlight { background-color: var(--verydark-highlight); }
.backgroundcolor-veryslightlight-highlight { background-color: var(--veryslightlight-highlight); }
.backgroundcolor-slightlight-highlight { background-color: var(--slightlight-highlight); }
.backgroundcolor-light-highlight { background-color: var(--light-highlight); }
.backgroundcolor-verylight-highlight { background-color: var(--verylight-highlight); }
.boxsizing-borderbox { -webkit-box-sizing: border-box; box-sizing: border-box; }
.textcolor-red { color: red; }
.textcolor-blue { color: blue; }
.textcolor-green { color: green; }
.textcolor-cyan { color: cyan; }
.textcolor-yellow { color: yellow; }
.textcolor-orange { color: orange; }
.textcolor-aqua { color: aqua; }
.textcolor-purple { color: purple; }
.textcolor-magenta { color: magenta; }
.textcolor-violet { color: violet; }
.textcolor-black { color: black; }
.textcolor-white { color: white; }
.cursor-default { cursor: default; }
.cursor-move { cursor: move; }
.cursor-pointer { cursor: pointer; }
.cursor-crosshair { cursor: crosshair; }
.cursor-notallowed { cursor: not-allowed; }
.cursor-help { cursor: help; }
.cursor-zoomin { cursor: -webkit-zoom-in; cursor: zoom-in; }
.cursor-zoomout { cursor: -webkit-zoom-out; cursor: zoom-out; }
.cursor-grab { cursor: -webkit-grab; cursor: grab; }
.cursor-grabbing { cursor: -webkit-grabbing; cursor: grabbing; }
.cursor-progress { cursor: progress; }
.cursor-verticaltext { cursor: vertical-text; }
.cursor-cell { cursor: cell; }
.cursor-alias { cursor: alias; }
.cursor-copy { cursor: copy; }
.cursor-contextmenu { cursor: context-menu; }
.cursor-col-resize { cursor: col-resize; }
.cursor-row-resize { cursor: row-resize; }
.cursor-ns-resize { cursor: ns-resize; }
.cursor-ew-resize { cursor: ew-resize; }
.cursor-nesw-resize { cursor: nesw-resize; }
.cursor-nwse-resize { cursor: nwse-resize; }
.cursor-no-drop { cursor: no-drop; }
.cursor-wait { cursor: wait; }
.cursor-text { cursor: text; }
.display-inline { display: inline; }
.display-inlineblock { display: inline-block; }
.display-none { display: none; }
.display-block { display: block; }
.display-inlineflex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }
.display-inlinegrid { display: -ms-inline-grid; display: inline-grid; }
.display-table { display: table; }
.display-tablerow { display: table-row; }
.display-tablecell { display: table-cell; }
.display-flex { display: -webkit-box; display: -ms-flexbox; display: flex; }
.display-grid { display: -ms-grid; display: grid; }
.fontsize-xxsmall { font-size: xx-small; }
.fontsize-xsmall { font-size: x-small; }
.fontsize-smaller { font-size: smaller; }
.fontsize-small { font-size: small; }
.fontsize-medium { font-size: medium; }
.fontsize-large { font-size: large; }
.fontsize-larger { font-size: larger; }
.fontsize-xlarge { font-size: x-large; }
.fontsize-xxlarge { font-size: xx-large; }
.fontweight-bold { font-weight: bold; }
.list-vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.list-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.overflow-hidden { overflow: hidden; }
.position-absolute { position: absolute; }
.position-relative { position: relative; }
.position-fixed { position: fixed; }
.position-sticky { position: sticky; }
.textalign-left { text-align: left; }
.textalign-right { text-align: right; }
.textalign-center { text-align: center; }
.textalign-end { text-align: end; }
.textalign-start { text-align: start; }
.userselect-none { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.height-veryveryverysmall { height: 32px; }
.height-veryveryminsmall { height: 48px; }
.height-veryverysmall { height: 64px; }
.height-verysmall { height: 120px; }
.height-minsmall { height: 150px; }
.height-small { height: 240px; }
.height-normal { height: 360px; }
.height-medium { height: 480px; }
.height-large { height: 720px; }
.height-minlarge { height: 800px; }
.height-verylarge { height: 960px; }
.height-veryverylarge { height: 1000px; }
.height-veryveryminlarge { height: 1080px; }
.height-veryveryverylarge { height: 1200px; }
.width-veryveryverysmall { width: 32px; }
.width-veryveryminsmall { width: 48px; }
.width-veryverysmall { width: 64px; }
.width-verysmall { width: 120px; }
.width-minsmall { width: 150px; }
.width-small { width: 240px; }
.width-normal { width: 360px; }
.width-medium { width: 480px; }
.width-large { width: 720px; }
.width-minlarge { width: 800px; }
.width-verylarge { width: 960px; }
.width-veryverylarge { width: 1000px; }
.width-veryveryminlarge { width: 1080px; }
.width-veryveryverylarge { width: 1200px; }
.height-0percent { height: 0%; }
.height-1percent { height: 1%; }
.height-2percent { height: 2%; }
.height-3percent { height: 3%; }
.height-4percent { height: 4%; }
.height-5percent { height: 5%; }
.height-6percent { height: 6%; }
.height-7percent { height: 7%; }
.height-8percent { height: 8%; }
.height-9percent { height: 9%; }
.height-10percent { height: 10%; }
.height-11percent { height: 11%; }
.height-12percent { height: 12%; }
.height-13percent { height: 13%; }
.height-14percent { height: 14%; }
.height-15percent { height: 15%; }
.height-16percent { height: 16%; }
.height-17percent { height: 17%; }
.height-18percent { height: 18%; }
.height-19percent { height: 19%; }
.height-20percent { height: 20%; }
.height-21percent { height: 21%; }
.height-22percent { height: 22%; }
.height-23percent { height: 23%; }
.height-24percent { height: 24%; }
.height-25percent { height: 25%; }
.height-26percent { height: 26%; }
.height-27percent { height: 27%; }
.height-28percent { height: 28%; }
.height-29percent { height: 29%; }
.height-30percent { height: 30%; }
.height-31percent { height: 31%; }
.height-32percent { height: 32%; }
.height-33percent { height: 33%; }
.height-34percent { height: 34%; }
.height-35percent { height: 35%; }
.height-36percent { height: 36%; }
.height-37percent { height: 37%; }
.height-38percent { height: 38%; }
.height-39percent { height: 39%; }
.height-40percent { height: 40%; }
.height-41percent { height: 41%; }
.height-42percent { height: 42%; }
.height-43percent { height: 43%; }
.height-44percent { height: 44%; }
.height-45percent { height: 45%; }
.height-46percent { height: 46%; }
.height-47percent { height: 47%; }
.height-48percent { height: 48%; }
.height-49percent { height: 49%; }
.height-50percent { height: 50%; }
.height-51percent { height: 51%; }
.height-52percent { height: 52%; }
.height-53percent { height: 53%; }
.height-54percent { height: 54%; }
.height-55percent { height: 55%; }
.height-56percent { height: 56%; }
.height-57percent { height: 57%; }
.height-58percent { height: 58%; }
.height-59percent { height: 59%; }
.height-60percent { height: 60%; }
.height-61percent { height: 61%; }
.height-62percent { height: 62%; }
.height-63percent { height: 63%; }
.height-64percent { height: 64%; }
.height-65percent { height: 65%; }
.height-66percent { height: 66%; }
.height-67percent { height: 67%; }
.height-68percent { height: 68%; }
.height-69percent { height: 69%; }
.height-70percent { height: 70%; }
.height-71percent { height: 71%; }
.height-72percent { height: 72%; }
.height-73percent { height: 73%; }
.height-74percent { height: 74%; }
.height-75percent { height: 75%; }
.height-76percent { height: 76%; }
.height-77percent { height: 77%; }
.height-78percent { height: 78%; }
.height-79percent { height: 79%; }
.height-80percent { height: 80%; }
.height-81percent { height: 81%; }
.height-82percent { height: 82%; }
.height-83percent { height: 83%; }
.height-84percent { height: 84%; }
.height-85percent { height: 85%; }
.height-86percent { height: 86%; }
.height-87percent { height: 87%; }
.height-88percent { height: 88%; }
.height-89percent { height: 89%; }
.height-90percent { height: 90%; }
.height-91percent { height: 91%; }
.height-92percent { height: 92%; }
.height-93percent { height: 93%; }
.height-94percent { height: 94%; }
.height-95percent { height: 95%; }
.height-96percent { height: 96%; }
.height-97percent { height: 97%; }
.height-98percent { height: 98%; }
.height-99percent { height: 99%; }
.height-100percent { height: 100%; }
.margin-0percent { margin: 0%; }
.margin-1percent { margin: 1%; }
.margin-2percent { margin: 2%; }
.margin-3percent { margin: 3%; }
.margin-4percent { margin: 4%; }
.margin-5percent { margin: 5%; }
.margin-6percent { margin: 6%; }
.margin-7percent { margin: 7%; }
.margin-8percent { margin: 8%; }
.margin-9percent { margin: 9%; }
.margin-10percent { margin: 10%; }
.margin-11percent { margin: 11%; }
.margin-12percent { margin: 12%; }
.margin-13percent { margin: 13%; }
.margin-14percent { margin: 14%; }
.margin-15percent { margin: 15%; }
.margin-16percent { margin: 16%; }
.margin-17percent { margin: 17%; }
.margin-18percent { margin: 18%; }
.margin-19percent { margin: 19%; }
.margin-20percent { margin: 20%; }
.margin-21percent { margin: 21%; }
.margin-22percent { margin: 22%; }
.margin-23percent { margin: 23%; }
.margin-24percent { margin: 24%; }
.margin-25percent { margin: 25%; }
.margin-26percent { margin: 26%; }
.margin-27percent { margin: 27%; }
.margin-28percent { margin: 28%; }
.margin-29percent { margin: 29%; }
.margin-30percent { margin: 30%; }
.margin-31percent { margin: 31%; }
.margin-32percent { margin: 32%; }
.margin-33percent { margin: 33%; }
.margin-34percent { margin: 34%; }
.margin-35percent { margin: 35%; }
.margin-36percent { margin: 36%; }
.margin-37percent { margin: 37%; }
.margin-38percent { margin: 38%; }
.margin-39percent { margin: 39%; }
.margin-40percent { margin: 40%; }
.margin-41percent { margin: 41%; }
.margin-42percent { margin: 42%; }
.margin-43percent { margin: 43%; }
.margin-44percent { margin: 44%; }
.margin-45percent { margin: 45%; }
.margin-46percent { margin: 46%; }
.margin-47percent { margin: 47%; }
.margin-48percent { margin: 48%; }
.margin-49percent { margin: 49%; }
.margin-50percent { margin: 50%; }
.margin-51percent { margin: 51%; }
.margin-52percent { margin: 52%; }
.margin-53percent { margin: 53%; }
.margin-54percent { margin: 54%; }
.margin-55percent { margin: 55%; }
.margin-56percent { margin: 56%; }
.margin-57percent { margin: 57%; }
.margin-58percent { margin: 58%; }
.margin-59percent { margin: 59%; }
.margin-60percent { margin: 60%; }
.margin-61percent { margin: 61%; }
.margin-62percent { margin: 62%; }
.margin-63percent { margin: 63%; }
.margin-64percent { margin: 64%; }
.margin-65percent { margin: 65%; }
.margin-66percent { margin: 66%; }
.margin-67percent { margin: 67%; }
.margin-68percent { margin: 68%; }
.margin-69percent { margin: 69%; }
.margin-70percent { margin: 70%; }
.margin-71percent { margin: 71%; }
.margin-72percent { margin: 72%; }
.margin-73percent { margin: 73%; }
.margin-74percent { margin: 74%; }
.margin-75percent { margin: 75%; }
.margin-76percent { margin: 76%; }
.margin-77percent { margin: 77%; }
.margin-78percent { margin: 78%; }
.margin-79percent { margin: 79%; }
.margin-80percent { margin: 80%; }
.margin-81percent { margin: 81%; }
.margin-82percent { margin: 82%; }
.margin-83percent { margin: 83%; }
.margin-84percent { margin: 84%; }
.margin-85percent { margin: 85%; }
.margin-86percent { margin: 86%; }
.margin-87percent { margin: 87%; }
.margin-88percent { margin: 88%; }
.margin-89percent { margin: 89%; }
.margin-90percent { margin: 90%; }
.margin-91percent { margin: 91%; }
.margin-92percent { margin: 92%; }
.margin-93percent { margin: 93%; }
.margin-94percent { margin: 94%; }
.margin-95percent { margin: 95%; }
.margin-96percent { margin: 96%; }
.margin-97percent { margin: 97%; }
.margin-98percent { margin: 98%; }
.margin-99percent { margin: 99%; }
.margin-100percent { margin: 100%; }
.padding-0percent { padding: 0%; }
.padding-1percent { padding: 1%; }
.padding-2percent { padding: 2%; }
.padding-3percent { padding: 3%; }
.padding-4percent { padding: 4%; }
.padding-5percent { padding: 5%; }
.padding-6percent { padding: 6%; }
.padding-7percent { padding: 7%; }
.padding-8percent { padding: 8%; }
.padding-9percent { padding: 9%; }
.padding-10percent { padding: 10%; }
.padding-11percent { padding: 11%; }
.padding-12percent { padding: 12%; }
.padding-13percent { padding: 13%; }
.padding-14percent { padding: 14%; }
.padding-15percent { padding: 15%; }
.padding-16percent { padding: 16%; }
.padding-17percent { padding: 17%; }
.padding-18percent { padding: 18%; }
.padding-19percent { padding: 19%; }
.padding-20percent { padding: 20%; }
.padding-21percent { padding: 21%; }
.padding-22percent { padding: 22%; }
.padding-23percent { padding: 23%; }
.padding-24percent { padding: 24%; }
.padding-25percent { padding: 25%; }
.padding-26percent { padding: 26%; }
.padding-27percent { padding: 27%; }
.padding-28percent { padding: 28%; }
.padding-29percent { padding: 29%; }
.padding-30percent { padding: 30%; }
.padding-31percent { padding: 31%; }
.padding-32percent { padding: 32%; }
.padding-33percent { padding: 33%; }
.padding-34percent { padding: 34%; }
.padding-35percent { padding: 35%; }
.padding-36percent { padding: 36%; }
.padding-37percent { padding: 37%; }
.padding-38percent { padding: 38%; }
.padding-39percent { padding: 39%; }
.padding-40percent { padding: 40%; }
.padding-41percent { padding: 41%; }
.padding-42percent { padding: 42%; }
.padding-43percent { padding: 43%; }
.padding-44percent { padding: 44%; }
.padding-45percent { padding: 45%; }
.padding-46percent { padding: 46%; }
.padding-47percent { padding: 47%; }
.padding-48percent { padding: 48%; }
.padding-49percent { padding: 49%; }
.padding-50percent { padding: 50%; }
.padding-51percent { padding: 51%; }
.padding-52percent { padding: 52%; }
.padding-53percent { padding: 53%; }
.padding-54percent { padding: 54%; }
.padding-55percent { padding: 55%; }
.padding-56percent { padding: 56%; }
.padding-57percent { padding: 57%; }
.padding-58percent { padding: 58%; }
.padding-59percent { padding: 59%; }
.padding-60percent { padding: 60%; }
.padding-61percent { padding: 61%; }
.padding-62percent { padding: 62%; }
.padding-63percent { padding: 63%; }
.padding-64percent { padding: 64%; }
.padding-65percent { padding: 65%; }
.padding-66percent { padding: 66%; }
.padding-67percent { padding: 67%; }
.padding-68percent { padding: 68%; }
.padding-69percent { padding: 69%; }
.padding-70percent { padding: 70%; }
.padding-71percent { padding: 71%; }
.padding-72percent { padding: 72%; }
.padding-73percent { padding: 73%; }
.padding-74percent { padding: 74%; }
.padding-75percent { padding: 75%; }
.padding-76percent { padding: 76%; }
.padding-77percent { padding: 77%; }
.padding-78percent { padding: 78%; }
.padding-79percent { padding: 79%; }
.padding-80percent { padding: 80%; }
.padding-81percent { padding: 81%; }
.padding-82percent { padding: 82%; }
.padding-83percent { padding: 83%; }
.padding-84percent { padding: 84%; }
.padding-85percent { padding: 85%; }
.padding-86percent { padding: 86%; }
.padding-87percent { padding: 87%; }
.padding-88percent { padding: 88%; }
.padding-89percent { padding: 89%; }
.padding-90percent { padding: 90%; }
.padding-91percent { padding: 91%; }
.padding-92percent { padding: 92%; }
.padding-93percent { padding: 93%; }
.padding-94percent { padding: 94%; }
.padding-95percent { padding: 95%; }
.padding-96percent { padding: 96%; }
.padding-97percent { padding: 97%; }
.padding-98percent { padding: 98%; }
.padding-99percent { padding: 99%; }
.padding-100percent { padding: 100%; }
.width-0percent { width: 0%; }
.width-1percent { width: 1%; }
.width-2percent { width: 2%; }
.width-3percent { width: 3%; }
.width-4percent { width: 4%; }
.width-5percent { width: 5%; }
.width-6percent { width: 6%; }
.width-7percent { width: 7%; }
.width-8percent { width: 8%; }
.width-9percent { width: 9%; }
.width-10percent { width: 10%; }
.width-11percent { width: 11%; }
.width-12percent { width: 12%; }
.width-13percent { width: 13%; }
.width-14percent { width: 14%; }
.width-15percent { width: 15%; }
.width-16percent { width: 16%; }
.width-17percent { width: 17%; }
.width-18percent { width: 18%; }
.width-19percent { width: 19%; }
.width-20percent { width: 20%; }
.width-21percent { width: 21%; }
.width-22percent { width: 22%; }
.width-23percent { width: 23%; }
.width-24percent { width: 24%; }
.width-25percent { width: 25%; }
.width-26percent { width: 26%; }
.width-27percent { width: 27%; }
.width-28percent { width: 28%; }
.width-29percent { width: 29%; }
.width-30percent { width: 30%; }
.width-31percent { width: 31%; }
.width-32percent { width: 32%; }
.width-33percent { width: 33%; }
.width-34percent { width: 34%; }
.width-35percent { width: 35%; }
.width-36percent { width: 36%; }
.width-37percent { width: 37%; }
.width-38percent { width: 38%; }
.width-39percent { width: 39%; }
.width-40percent { width: 40%; }
.width-41percent { width: 41%; }
.width-42percent { width: 42%; }
.width-43percent { width: 43%; }
.width-44percent { width: 44%; }
.width-45percent { width: 45%; }
.width-46percent { width: 46%; }
.width-47percent { width: 47%; }
.width-48percent { width: 48%; }
.width-49percent { width: 49%; }
.width-50percent { width: 50%; }
.width-51percent { width: 51%; }
.width-52percent { width: 52%; }
.width-53percent { width: 53%; }
.width-54percent { width: 54%; }
.width-55percent { width: 55%; }
.width-56percent { width: 56%; }
.width-57percent { width: 57%; }
.width-58percent { width: 58%; }
.width-59percent { width: 59%; }
.width-60percent { width: 60%; }
.width-61percent { width: 61%; }
.width-62percent { width: 62%; }
.width-63percent { width: 63%; }
.width-64percent { width: 64%; }
.width-65percent { width: 65%; }
.width-66percent { width: 66%; }
.width-67percent { width: 67%; }
.width-68percent { width: 68%; }
.width-69percent { width: 69%; }
.width-70percent { width: 70%; }
.width-71percent { width: 71%; }
.width-72percent { width: 72%; }
.width-73percent { width: 73%; }
.width-74percent { width: 74%; }
.width-75percent { width: 75%; }
.width-76percent { width: 76%; }
.width-77percent { width: 77%; }
.width-78percent { width: 78%; }
.width-79percent { width: 79%; }
.width-80percent { width: 80%; }
.width-81percent { width: 81%; }
.width-82percent { width: 82%; }
.width-83percent { width: 83%; }
.width-84percent { width: 84%; }
.width-85percent { width: 85%; }
.width-86percent { width: 86%; }
.width-87percent { width: 87%; }
.width-88percent { width: 88%; }
.width-89percent { width: 89%; }
.width-90percent { width: 90%; }
.width-91percent { width: 91%; }
.width-92percent { width: 92%; }
.width-93percent { width: 93%; }
.width-94percent { width: 94%; }
.width-95percent { width: 95%; }
.width-96percent { width: 96%; }
.width-97percent { width: 97%; }
.width-98percent { width: 98%; }
.width-99percent { width: 99%; }
.width-100percent { width: 100%; }