html {
    scroll-behavior: smooth;
}

.text-black {
    color: var(--black)
}

.text-gray {
    color: var(--gray)
}

.text-silver {
    color: var(--silver)
}

.text-white {
    color: var(--white)
}

.text-aqua {
    color: var(--aqua)
}

.text-blue {
    color: var(--blue)
}

.text-base-blue {
    color: var(--base-blue)
}

.text-navy {
    color: var(--navy)
}

.teal {
    text- color: var(--teal)
}

.text-green {
    color: var(--green)
}

.text-olive {
    color: var(--olive)
}

.text-lime {
    color: var(--lime)
}

.text-yellow {
    color: var(--yellow)
}

.text-orange {
    color: var(--orange)
}

.text-red {
    color: var(--red)
}

.text-fuchsia {
    color: var(--fuchsia)
}

.text-purple {
    color: var(--purple)
}

.text-maroon {
    color: var(--maroon)
}

.text-color-inherit {
    color: inherit
}

.bg-black {
    background-color: var(--black)
}

.bg-gray {
    background-color: var(--gray)
}

.bg-silver {
    background-color: var(--silver)
}

.bg-white {
    background-color: var(--white)
}

.bg-aqua {
    background-color: var(--aqua)
}

.bg-blue {
    background-color: var(--blue)
}

.bg-base-blue {
    background-color: var(--base-blue)
}

.bg-navy {
    background-color: var(--navy)
}

.bg-teal {
    background-color: var(--teal)
}

.bg-green {
    background-color: var(--green)
}

.bg-olive {
    background-color: var(--olive)
}

.bg-lime {
    background-color: var(--lime)
}

.bg-yellow {
    background-color: var(--yellow)
}

.bg-orange {
    background-color: var(--orange)
}

.bg-red {
    background-color: var(--red)
}

.bg-fuchsia {
    background-color: var(--fuchsia)
}

.bg-purple {
    background-color: var(--purple)
}

.bg-maroon {
    background-color: var(--maroon)
}

.bg-darken-1 {
    background-color: var(--darken-1)
}

.bg-darken-2 {
    background-color: var(--darken-2)
}

.bg-darken-3 {
    background-color: var(--darken-3)
}

.bg-darken-4 {
    background-color: var(--darken-4)
}

.bg-lighten-1 {
    background-color: var(--lighten-1)
}

.bg-lighten-2 {
    background-color: var(--lighten-2)
}

.bg-lighten-3 {
    background-color: var(--lighten-3)
}

.bg-lighten-4 {
    background-color: var(--lighten-4)
}

.gutter {
    margin-right: -16px;
    margin-left: -16px;
}

.gutter>[class*="col-"] {
    padding-right: 16px !important;
    padding-left: 16px !important;
}

*::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}

*::-webkit-scrollbar:hover {
    width: 15px;
    height: 15px;
}

*::-webkit-scrollbar-track {
    background: rgba(135, 135, 135, 0.12);
}

*::-webkit-scrollbar-thumb {
    background: #33258c;
}

*:hover::-webkit-scrollbar-thumb {
    background: rgba(187, 187, 187, 0.24);
}

*::-webkit-scrollbar-thumb:horizontal:hover,
*::-webkit-scrollbar-thumb:vertical:hover {
    background: #363434;
    width: 12px;
    height: 12px;
}

*::-webkit-scrollbar-thumb:horizontal:active,
*::-webkit-scrollbar-thumb:vertical:active {
    background: #777;
    width: 12px;
    height: 12px;
    border-radius: 6px;
}

.align-baseline {
    vertical-align: baseline;
}

.align-top {
    vertical-align: top;
}

.align-middle {
    vertical-align: middle;
}

.align-bottom {
    vertical-align: bottom;
}

.inline {
    display: inline;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.table {
    display: table;
}

.table-cell {
    display: table-cell;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-scroll {
    overflow: scroll;
}

.overflow-auto {
    overflow: auto;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

.fit {
    max-width: 100%;
}

.border-box {
    box-sizing: border-box;
}

.font-family-inherit {
    font-family: inherit;
}

.font-size-inherit {
    font-size: inherit;
}

.text-decoration-none {
    text-decoration: none;
}

.bold {
    font-weight: var(--bold-font-weight, bold);
}

.regular {
    font-weight: normal;
}

.italic {
    font-style: italic;
}

.caps {
    text-transform: uppercase;
    letter-spacing: var(--caps-letter-spacing);
}

.left-align {
    text-align: left;
}

.center {
    text-align: center;
}

.right-align {
    text-align: right;
}

.justify {
    text-align: justify;
}

.nowrap {
    white-space: nowrap;
}

.break-word {
    word-wrap: break-word;
}

.line-height-1 {
    line-height: var(--line-height-1);
}

.line-height-2 {
    line-height: var(--line-height-2);
}

.line-height-3 {
    line-height: var(--line-height-3);
}

.line-height-4 {
    line-height: var(--line-height-4);
}

.list-style-none {
    list-style: none;
}

.underline {
    text-decoration: underline;
}

.truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-reset {
    list-style: none;
    padding-left: 0;
}

.btn-outline,
.btn-outline:hover {
    border-color: currentcolor;
}

.btn-outline {
    border-radius: var(--border-radius);
}

.btn-outline:hover {
    box-shadow: inset 0 0 0 20rem var(--darken-1);
}

.btn-outline:active {
    box-shadow: inset 0 0 0 20rem var(--darken-2),
        inset 0 3px 4px 0 var(--darken-3), 0 0 1px var(--darken-2);
}

.btn-outline:disabled,
.btn-outline.is-disabled {
    opacity: 0.5;
}

.btn-primary {
    color: var(--button-color);
    background-color: var(--button-background-color);
    border-radius: var(--border-radius);
}

.btn-primary:hover {
    box-shadow: inset 0 0 0 20rem var(--darken-1);
}

.btn-primary:active {
    box-shadow: inset 0 0 0 20rem var(--darken-2),
        inset 0 3px 4px 0 var(--darken-3), 0 0 1px var(--darken-2);
}

.btn-primary:disabled,
.btn-primary.is-disabled {
    opacity: 0.5;
}

.btn {
    font-family: var(--button-font-family);
    font-size: var(--button-font-size);
    font-weight: var(--button-font-weight);
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    line-height: var(--button-line-height);
    padding: var(--button-padding-y) var(--button-padding-x);
    margin: 0;
    height: auto;
    border: var(--border-width) solid transparent;
    vertical-align: middle;
    -webkit-appearance: none;
    color: inherit;
    background-color: transparent;
}

.btn:hover {
    text-decoration: none;
}

.btn:focus {
    outline: none;
    border-color: var(--darken-2);
    box-shadow: 0 0 0 3px var(--darken-3);
}

::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.table-light th,
.table-light td {
    border-bottom-width: var(--border-width);
    border-bottom-style: solid;
    border-bottom-color: var(--border-color);
}

.table-light tr:last-child td {
    border-bottom: 0;
}

.field {
    border-style: solid;
    border-width: var(--border-width);
    border-color: var(--border-color);
    border-radius: var(--border-radius);
}

.field:focus,
.field.is-focused {
    outline: none;
    border-color: var(--field-focus-color);
    box-shadow: 0 0 0 2px color(var(--field-focus-color) a(0.5));
}

.field:disabled,
.field.is-disabled {
    background-color: var(--darken-2);
    opacity: 0.5;
}

.field:read-only:not(select),
.field.is-read-only {
    background-color: var(--darken-2);
}

.field.is-success {
    border-color: var(--field-success-color);
}

.field.is-success:focus,
.field.is-success.is-focused {
    box-shadow: 0 0 0 2px color(var(--field-success-color) a(0.5));
}

.field.is-warning {
    border-color: var(--field-warning-color);
}

.field.is-warning:focus,
.field.is-warning.is-focused {
    box-shadow: 0 0 0 2px color(var(--field-warning-color) a(0.5));
}

.field:invalid,
.field.is-error {
    border-color: var(--field-error-color);
}

.field:invalid:focus,
.field:invalid.is-focused,
.field.is-error:focus,
.field.is-error.is-focused {
    box-shadow: 0 0 0 2px color(var(--field-error-color) a(0.5));
}


input,
select,
textarea,
fieldset {
    font-family: var(--form-field-font-family);
    font-size: var(--form-field-font-size);
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 0;
}

label {
    vertical-align: middle;
}

input[type="text"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="week"] {
    height: var(--form-field-height);
    padding: var(--form-field-padding-y) var(--form-field-padding-x);
    vertical-align: middle;
    -webkit-appearance: none;
}

select {
    line-height: 1.75;
    padding: var(--form-field-padding-y) var(--form-field-padding-x);
}

select:not([multiple]) {
    height: var(--form-field-height);
    vertical-align: middle;
}

textarea {
    line-height: 1.75;
    padding: var(--form-field-padding-y) var(--form-field-padding-x);
}

.fs15.fa-fw {
    width: 35px
}

.fs16.fa-fw {
    width: 40px
}

.fs17.fa-fw {
    width: 43px
}

.fs18.fa-fw {
    width: 46px
}

.text-uppercase {
    text-transform: uppercase !important
}

.fw200 {
    font-weight: 200 !important
}

.fw300 {
    font-weight: 300 !important
}

.fw400 {
    font-weight: 400 !important
}

.fw600 {
    font-weight: 600 !important
}

.fs3,
.fs4 {
    font-size: 4px !important
}

.fs5 {
    font-size: 5px !important
}

.fs6 {
    font-size: 6px !important
}

.fs7 {
    font-size: 7px !important
}

.fs8 {
    font-size: 8px !important
}

.fs9 {
    font-size: 9px !important
}

.fs10 {
    font-size: 10px !important
}

.fs11 {
    font-size: 11px !important
}

.fs12 {
    font-size: 12px !important
}

.fs13 {
    font-size: 13px !important
}

.fs14 {
    font-size: 14px !important
}

.fs15 {
    font-size: 15px !important
}

.fs17 {
    font-size: 17px !important
}

.fs18 {
    font-size: 18px !important
}

.fs19 {
    font-size: 19px !important
}

.fs20,
.rrssb-text {
    font-size: 20px !important
}

.fs22 {
    font-size: 22px !important
}

.fs23 {
    font-size: 23px !important
}

.fs24 {
    font-size: 24px !important
}

.fs25 {
    font-size: 25px !important
}

.fs26 {
    font-size: 26px !important
}

.fs27 {
    font-size: 27px !important
}

.fs28 {
    font-size: 28px !important
}

.fs29 {
    font-size: 29px !important
}

.fs30 {
    font-size: 30px !important
}

.fs31 {
    font-size: 31px !important
}

.fs32 {
    font-size: 32px !important
}

.fs33 {
    font-size: 33px !important
}

.fs34 {
    font-size: 34px !important
}

.fs35 {
    font-size: 35px !important
}

.fs40 {
    font-size: 40px !important
}

.fs45 {
    font-size: 45px !important
}

.fs50 {
    font-size: 50px !important
}

.fs60 {
    font-size: 60px !important
}

.fs70 {
    font-size: 70px !important
}

.fs80 {
    font-size: 80px !important
}

.fs90 {
    font-size: 90px !important
}

.fs100 {
    font-size: 100px !important
}

.pn {
    padding: 0 !important
}

.p1 {
    padding: 1px !important
}

.p2 {
    padding: 2px !important
}

.p3 {
    padding: 3px !important
}

.p4 {
    padding: 4px !important
}

.p5 {
    padding: 5px !important
}

.p6 {
    padding: 6px !important
}

.p7 {
    padding: 7px !important
}

.p8 {
    padding: 8px !important
}

.p10 {
    padding: 10px !important
}

.p12 {
    padding: 12px !important
}

.p15 {
    padding: 15px !important
}

.p20 {
    padding: 20px !important
}

.p25 {
    padding: 25px !important
}

.p30 {
    padding: 30px !important
}

.p35 {
    padding: 35px !important
}

.p40 {
    padding: 40px !important
}

.p50 {
    padding: 50px !important
}

.ptn {
    padding-top: 0 !important
}

.pt1 {
    padding-top: 1px !important
}

.pt2 {
    padding-top: 2px !important
}

.pt3 {
    padding-top: 3px !important
}

.pt4 {
    padding-top: 4px !important
}

.pt5 {
    padding-top: 5px !important
}

.pt6 {
    padding-top: 6px !important
}

.pt7 {
    padding-top: 7px !important
}

.pt8 {
    padding-top: 8px !important
}

.pt9 {
    padding-top: 9px !important
}

.pt10 {
    padding-top: 10px !important
}

.pt15 {
    padding-top: 15px !important
}

.pt20 {
    padding-top: 20px !important
}

.pt25 {
    padding-top: 25px !important
}

.pt30 {
    padding-top: 30px !important
}

.pt35 {
    padding-top: 35px !important
}

.pt40 {
    padding-top: 40px !important
}

.pt50 {
    padding-top: 50px !important
}

.prn {
    padding-right: 0 !important
}

.pr1 {
    padding-right: 1px !important
}

.pr2 {
    padding-right: 2px !important
}

.pr3 {
    padding-right: 3px !important
}

.pr4 {
    padding-right: 4px !important
}

.pr5 {
    padding-right: 5px !important
}

.pr10 {
    padding-right: 10px !important
}

.pr15 {
    padding-right: 15px !important
}

.pr20 {
    padding-right: 20px !important
}

.pr25 {
    padding-right: 25px !important
}

.pr30 {
    padding-right: 30px !important
}

.pr35 {
    padding-right: 35px !important
}

.pr40 {
    padding-right: 40px !important
}

.pr50 {
    padding-right: 50px !important
}

.pbn {
    padding-bottom: 0 !important
}

.pb1 {
    padding-bottom: 1px !important
}

.pb2 {
    padding-bottom: 2px !important
}

.pb3 {
    padding-bottom: 3px !important
}

.pb4 {
    padding-bottom: 4px !important
}

.pb5 {
    padding-bottom: 5px !important
}

.pb6 {
    padding-bottom: 6px !important
}

.pb7 {
    padding-bottom: 7px !important
}

.pb8 {
    padding-bottom: 8px !important
}

.pb9 {
    padding-bottom: 9px !important
}

.pb10 {
    padding-bottom: 10px !important
}

.pb15 {
    padding-bottom: 15px !important
}

.pb20 {
    padding-bottom: 20px !important
}

.pb25 {
    padding-bottom: 25px !important
}

.pb30 {
    padding-bottom: 30px !important
}

.pb35 {
    padding-bottom: 35px !important
}

.pb40 {
    padding-bottom: 40px !important
}

.pb50 {
    padding-bottom: 50px !important
}

.pln {
    padding-left: 0 !important
}

.pl1 {
    padding-left: 1px !important
}

.pl2 {
    padding-left: 2px !important
}

.pl3 {
    padding-left: 3px !important
}

.pl4 {
    padding-left: 4px !important
}

.pl5 {
    padding-left: 5px !important
}

.pl10 {
    padding-left: 10px !important
}

.pl15 {
    padding-left: 15px !important
}

.pl20 {
    padding-left: 20px !important
}

.pl25 {
    padding-left: 25px !important
}

.pl30 {
    padding-left: 30px !important
}

.pl35 {
    padding-left: 35px !important
}

.pl40 {
    padding-left: 40px !important
}

.pl50 {
    padding-left: 50px !important
}

.p0 {
    padding: 0;
}

.py1 {
    padding-top: var(--space-1);
    padding-bottom: var(--space-1);
}

.px1 {
    padding-left: var(--space-1);
    padding-right: var(--space-1);
}

.py2 {
    padding-top: var(--space-2);
    padding-bottom: var(--space-2);
}

.px2 {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
}

.py3 {
    padding-top: var(--space-3);
    padding-bottom: var(--space-3);
}

.px3 {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
}

.py4 {
    padding-top: var(--space-4);
    padding-bottom: var(--space-4);
}

.px4 {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
}

.px2 {
    padding-right: 8px !important;
}

.py1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.pv5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.pv8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.pv10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.pv15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.pv20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.pv25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important
}

.pv30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.pv40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.pv50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important
}

.ph5 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.ph8 {
    padding-left: 8px !important;
    padding-right: 8px !important
}

.ph10 {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.ph15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.ph20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.ph25 {
    padding-left: 25px !important;
    padding-right: 25px !important
}

.ph30 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.ph40 {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.ph50 {
    padding-left: 50px !important;
    padding-right: 50px !important
}

.mauto {
    margin-left: auto;
    margin-right: auto
}

.mln5,
.mnl5 {
    margin-left: -5px !important
}

.mln10,
.mnl10 {
    margin-left: -10px !important
}

.mln15,
.mnl15 {
    margin-left: -15px !important
}

.mln20,
.mnl20 {
    margin-left: -20px !important
}

.mnt5,
.mtn5 {
    margin-top: -5px !important
}

.mnt10,
.mtn10 {
    margin-top: -10px !important
}

.mnt15,
.mtn15 {
    margin-top: -15px !important
}

.mnt20,
.mtn20 {
    margin-top: -20px !important
}

.mn {
    margin: 0 !important
}

.m1 {
    margin: 1px !important
}

.m2 {
    margin: 2px !important
}

.m3 {
    margin: 3px !important
}

.m4 {
    margin: 4px !important
}

.m5 {
    margin: 5px !important
}

.m8 {
    margin: 8px !important
}

.m10 {
    margin: 10px !important
}

.m15 {
    margin: 15px !important
}

.m20 {
    margin: 20px !important
}

.m25 {
    margin: 25px !important
}

.m30 {
    margin: 30px !important
}

.m35 {
    margin: 35px !important
}

.m40 {
    margin: 40px !important
}

.m50 {
    margin: 50px !important
}

.mtn {
    margin-top: 0 !important
}

.mt1 {
    margin-top: 1px !important
}

.mt2 {
    margin-top: 2px !important
}

.mt3 {
    margin-top: 3px !important
}

.mt4 {
    margin-top: 4px !important
}

.mt5 {
    margin-top: 5px !important
}

.mt6 {
    margin-top: 6px !important
}

.mt7 {
    margin-top: 7px !important
}

.mt8 {
    margin-top: 8px !important
}

.mt9 {
    margin-top: 9px !important
}

.mt10 {
    margin-top: 10px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt25 {
    margin-top: 25px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt35 {
    margin-top: 35px !important
}

.mt40 {
    margin-top: 40px !important
}

.mt50 {
    margin-top: 50px !important
}

.mt70 {
    margin-top: 70px !important
}

.mrn {
    margin-right: 0 !important
}

.mr5 {
    margin-right: 5px !important
}

.mr10 {
    margin-right: 10px !important
}

.mr15 {
    margin-right: 15px !important
}

.mr20 {
    margin-right: 20px !important
}

.mr25 {
    margin-right: 25px !important
}

.mr30 {
    margin-right: 30px !important
}

.mr35 {
    margin-right: 35px !important
}

.mr40 {
    margin-right: 40px !important
}

.mr50 {
    margin-right: 50px !important
}

.mbn {
    margin-bottom: 0 !important
}

.mb1 {
    margin-bottom: 1px !important
}

.mb2 {
    margin-bottom: 2px !important
}

.mb3 {
    margin-bottom: 3px !important
}

.mb4 {
    margin-bottom: 4px !important
}

.mb5 {
    margin-bottom: 5px !important
}

.mb6 {
    margin-bottom: 6px !important
}

.mb7 {
    margin-bottom: 7px !important
}

.mb8 {
    margin-bottom: 8px !important
}

.mb9 {
    margin-bottom: 9px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb25 {
    margin-bottom: 25px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.mb35 {
    margin-bottom: 35px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.mb50 {
    margin-bottom: 50px !important
}

.mb70 {
    margin-bottom: 70px !important
}

.mln {
    margin-left: 0 !important
}

.ml5 {
    margin-left: 5px !important
}

.ml10 {
    margin-left: 10px !important
}

.ml15 {
    margin-left: 15px !important
}

.ml20 {
    margin-left: 20px !important
}

.ml25 {
    margin-left: 25px !important
}

.ml30 {
    margin-left: 30px !important
}

.ml35 {
    margin-left: 35px !important
}

.ml40 {
    margin-left: 40px !important
}

.ml50 {
    margin-left: 50px !important
}

.mv5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.mv10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.mv15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.mv20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.mv25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important
}

.mv30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.mv40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.mv50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important
}

.mv70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important
}

.mh5 {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.mh10 {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.mh15 {
    margin-left: 15px !important;
    margin-right: 15px !important
}

.mh20 {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.mh25 {
    margin-left: 25px !important;
    margin-right: 25px !important
}

.mh30 {
    margin-left: 30px !important;
    margin-right: 30px !important
}

.mh40 {
    margin-left: 40px !important;
    margin-right: 40px !important
}

.mh50 {
    margin-left: 50px !important;
    margin-right: 50px !important
}

.mh70 {
    margin-left: 70px !important;
    margin-right: 70px !important
}

.mtn30 {
    margin-top: -30px !important
}

.mrn5 {
    margin-right: -5px !important
}

.mrn10 {
    margin-right: -10px !important
}

.mrn15 {
    margin-right: -15px !important
}

.mrn20 {
    margin-right: -20px !important
}

.mrn30 {
    margin-right: -30px !important
}

.mbn5 {
    margin-bottom: -5px !important
}

.mbn10 {
    margin-bottom: -10px !important
}

.mbn15 {
    margin-bottom: -15px !important
}

.mbn20 {
    margin-bottom: -20px !important
}

.mbn30 {
    margin-bottom: -30px !important
}

.mln30 {
    margin-left: -30px !important
}

.mvn5 {
    margin-top: -5px !important;
    margin-bottom: -5px !important
}

.mvn10 {
    margin-top: -10px !important;
    margin-bottom: -10px !important
}

.mvn15 {
    margin-top: -15px !important;
    margin-bottom: -15px !important
}

.mvn20 {
    margin-top: -20px !important;
    margin-bottom: -20px !important
}

.mvn30 {
    margin-top: -30px !important;
    margin-bottom: -30px !important
}

.mhn5 {
    margin-left: -5px !important;
    margin-right: -5px !important
}

.mhn10 {
    margin-left: -10px !important;
    margin-right: -10px !important
}

.mhn15 {
    margin-left: -15px !important;
    margin-right: -15px !important
}

.mhn20 {
    margin-left: -20px !important;
    margin-right: -20px !important
}

.mhn30 {
    margin-left: -30px !important;
    margin-right: -30px !important
}

.lh0 {
    line-height: 0 !important
}

.lh5 {
    line-height: 5px !important
}

.lh10 {
    line-height: 10px !important
}

.lh15 {
    line-height: 15px !important
}

.lh20 {
    line-height: 20px !important
}

.lh25 {
    line-height: 25px !important
}

.lh30 {
    line-height: 30px !important
}

.lh35 {
    line-height: 35px !important
}

.lh40 {
    line-height: 40px !important
}

.br-n {
    border: none !important
}

.br-a {
    border: 1px solid #eee !important
}

.br-l {
    border-left: 1px solid #eee !important
}

.br-r {
    border-right: 1px solid #eee !important
}

.br-t {
    border-top: 1px solid #eee !important
}

.br-b {
    border-bottom: 1px solid #eee !important
}

.br-dashed {
    border-style: dotted !important
}

.br0 {
    border-radius: 0 !important
}

.br1 {
    border-radius: 1px !important
}

.br2 {
    border-radius: 2px !important
}

.br3 {
    border-radius: 3px !important
}

.br4 {
    border-radius: 4px !important
}

.br6 {
    border-radius: 6px !important
}

.br8 {
    border-radius: 8px !important
}

.br12 {
    border-radius: 12px !important
}

.br24 {
    border-radius: 24px !important
}

.br64 {
    border-radius: 64px !important
}

.bw1 {
    border-width: 1px !important
}

.bw2 {
    border-width: 2px !important
}

.bw3 {
    border-width: 3px !important
}

.bw4 {
    border-width: 4px !important
}

.bw5 {
    border-width: 5px !important
}

.bw8 {
    border-width: 8px !important
}

.bw10 {
    border-width: 10px !important
}

.bw15 {
    border-width: 15px !important
}

.br-white {
    border-color: #fff !important
}

.br-lighter {
    border-color: #eee !important
}

.br-light {
    border-color: #e7e7e7 !important
}

.br-grey {
    border-color: #d9d9d9 !important
}

.br-greyer {
    border-color: #ccc !important
}

.br-dark {
    border-color: #3b3f4f !important
}

.br-dark-light {
    border-color: #51566c !important
}

.br-primary {
    border-color: #3498db !important
}

.br-primary-light {
    border-color: #5faee3 !important
}

.br-info {
    border-color: #3bafda !important
}

.br-info-light {
    border-color: #66c1e2 !important
}

.br-success {
    border-color: #70ca63 !important
}

.br-success-light {
    border-color: #93d789 !important
}

.br-warning {
    border-color: #f6bb42 !important
}

.br-warning-light {
    border-color: #f8cd73 !important
}

.br-danger {
    border-color: #df5640 !important
}

.br-danger-light {
    border-color: #e67d6c !important
}

.br-alert {
    border-color: #967adc !important
}

.br-alert-light {
    border-color: #b6a2e7 !important
}

.br-system {
    border-color: #37bc9b !important
}

.br-system-light {
    border-color: #58ceb1 !important
}

.alert hr,
.br-tp-top {
    border-top-color: rgba(0, 0, 0, .1)
}

.br-tp-right {
    border-right-color: rgba(0, 0, 0, .1)
}

.br-tp-left {
    border-left-color: rgba(0, 0, 0, .1)
}

.fluid-width {
    width: 100% !important
}

.mw10 {
    max-width: 10px !important
}

.mw20 {
    max-width: 20px !important
}

.mw30 {
    max-width: 30px !important
}

.mw35 {
    max-width: 35px !important
}

.mw40 {
    max-width: 40px !important
}

.mw45 {
    max-width: 45px !important
}

.mw50 {
    max-width: 50px !important
}

.mw60 {
    max-width: 60px !important
}

.mw80 {
    max-width: 80px !important
}

.mw100 {
    max-width: 100px !important
}

.mw140 {
    max-width: 140px !important
}

.mw160 {
    max-width: 160px !important
}

.mw180 {
    max-width: 180px !important
}

.mw200 {
    max-width: 200px !important
}

.mw240 {
    max-width: 240px !important
}

.mw280 {
    max-width: 280px !important
}

.mw320 {
    max-width: 320px !important
}

.mw400 {
    max-width: 400px !important
}

.mw450 {
    max-width: 450px !important
}

.mw500 {
    max-width: 500px !important
}

.mw600 {
    max-width: 600px !important
}

.mw700 {
    max-width: 700px !important
}

.mw800 {
    max-width: 800px !important
}

.mw900 {
    max-width: 900px !important
}

.mw1000 {
    max-width: 1000px !important
}

.mw1100 {
    max-width: 1100px !important
}

.mw1200 {
    max-width: 1200px !important
}

.w20 {
    width: 20px !important
}

.w30 {
    width: 30px !important
}

.flagSet img,
.w40 {
    width: 40px !important
}

.w50 {
    width: 50px !important
}

.w75 {
    width: 75px !important
}

.w100 {
    width: 100px !important
}

.w125 {
    width: 125px !important
}

.w150 {
    width: 150px !important
}

.w175 {
    width: 175px !important
}

.w200 {
    width: 200px !important
}

.w225 {
    width: 225px !important
}

.w250 {
    width: 250px !important
}

.w275 {
    width: 275px !important
}

.w300 {
    width: 300px !important
}

.w320 {
    width: 320px !important
}

.w350 {
    width: 350px !important
}

.w375 {
    width: 375px !important
}

.w400 {
    width: 400px !important
}

.w450 {
    width: 450px !important
}

.mnw20 {
    min-width: 20px !important
}

.mnw30 {
    min-width: 30px !important
}

.mnw40 {
    min-width: 40px !important
}

.mnw50 {
    min-width: 50px !important
}

.mnw75 {
    min-width: 75px !important
}

.mnw100 {
    min-width: 100px !important
}

.mnw125 {
    min-width: 125px !important
}

.mnw150 {
    min-width: 150px !important
}

.mnw175 {
    min-width: 175px !important
}

.mnw200 {
    min-width: 200px !important
}

.mnw250 {
    min-width: 250px !important
}

.mnw300 {
    min-width: 300px !important
}

.mnw500 {
    min-width: 500px !important
}

.mnw700 {
    min-width: 700px !important
}

.mnw1000 {
    min-width: 1000px !important
}

.mnw1100 {
    min-width: 1100px !important
}

.mnw1200 {
    min-width: 1200px !important
}

.mnw1300 {
    min-width: 1300px !important
}

@media (min-width: 1140px) {
    .ptn-lg {
        padding-top: 0 !important;
    }

    .prn-lg {
        padding-right: 0 !important;
    }

    .pbn-lg {
        padding-bottom: 0 !important;
    }

    .pln-lg {
        padding-left: 0 !important;
    }

    .pt5-lg {
        padding-top: 5px !important;
    }

    .pr5-lg {
        padding-right: 5px !important;
    }

    .pb5-lg {
        padding-bottom: 5px !important;
    }

    .pl5-lg {
        padding-left: 5px !important;
    }
}

@media (min-width: 992px) {
    .ptn-md {
        padding-top: 0 !important;
    }

    .prn-md {
        padding-right: 0 !important;
    }

    .pbn-md {
        padding-bottom: 0 !important;
    }

    .pln-md {
        padding-left: 0 !important;
    }

    .pt5-md {
        padding-top: 5px !important;
    }

    .pr5-md {
        padding-right: 5px !important;
    }

    .pb5-md {
        padding-bottom: 5px !important;
    }

    .pl5-md {
        padding-left: 5px !important;
    }
}

:root {
    --field-error-color: #ff6961;
    --button-font-family: Arial, sans-serif;
    --button-font-size: 14px;
    --button-font-weight: bold;
    --button-line-height: 1.5;
    --button-padding-y: 8px;
    --button-padding-x: 20px;
    --border-width: 2px;
    --c-black: #000;
    --c-charcoal: #a0a0a0;
    --c-void: #141b22;
    --c-apricot: #FBC8BE;
    --c-coffee: #754D42;
    --c-del-rio: #917072;
    --c-cold-purple: #a69fd6;
    --c-indigo: #6558d3;
    --c-governor: #4133B7;
    --background-covid: rgba(255, 255, 255, 0.87);
    --primary-color: #202e36;
    --secondary-color: #536390;
    --font-color: #424242;
    --bg-color: #fff;
    --bg-body: #eef2f9;
    --heading-color: #292922;
    --tr-even-background-color: rgba(208, 208, 208, 0.3);
    --tr-hover-even-background-color: rgba(175, 175, 175, 0.35);
    --primary-select: rgba(84, 199, 247, 0.39);
    --page-background: #fff;
    --color-alpha: #c3423f;
    --text-blue: #2525da;
    --text-blue-1: #0000b5;
    --text-blue-2: #010165;
    --text-gray: #6b6b6b;
    --text-gray-1: #6b6b6b;
    --text-gray-2: #353535;
    --text-dark: #d9d9d9;
    --text-color-night: #ededed;
    --text-color-day: #222222;
    --bg-dark: rgba(33, 33, 33, 0.7);
    --bg-light: #e3e3e3;
    --text-light: #393939;
    --blue-light: #007bff;
    --indigo: #6610f2;
    --pink: #e83e8c;
    --red-pastel: #dc3545;
    --yellow-dark: #ffc107;
    --teal-light: #20c997;
    --cyan: #17a2b8;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #868e96;
    --success: #28a745;
    --info: #17a2b8;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --black: black;
    --gray: gray;
    --silver: silver;
    --white: white;
    --aqua: aqua;
    --blue: blue;
    --navy: navy;
    --teal: teal;
    --green: #008000;
    --olive: olive;
    --lime: lime;
    --yellow: yellow;
    --orange: orange;
    --red: red;
    --fuchsia: fuchsia;
    --purple: purple;
    --maroon: maroon;
    --bg-black: black;
    --bg-gray: gray;
    --bg-gray-1: #6b6b6b;
    --bg-gray-2: #353535;
    --bg-silver: silver;
    --bg-white: white;
    --bg-aqua: aqua;
    --bg-blue: blue;
    --bg-blue-1: #0000b5;
    --bg-blue-2: #010165;
    --bg-navy: navy;
    --bg-teal: teal;
    --bg-green: green;
    --bg-olive: olive;
    --bg-lime: lime;
    --bg-yellow: yellow;
    --bg-orange: orange;
    --bg-red: red;
    --bg-fuchsia: fuchsia;
    --bg-purple: purple;
    --bg-maroon: maroon;
    --bg-darken-1: rgba(0, 0, 0, 0.0625);
    --bg-darken-2: rgba(0, 0, 0, 0.125);
    --bg-darken-3: rgba(0, 0, 0, 0.25);
    --bg-darken-4: rgba(0, 0, 0, 0.5);
    --bg-lighten-1: hsla(0, 0%, 100%, 0.0625);
    --bg-lighten-2: hsla(0, 0%, 100%, 0.125);
    --bg-lighten-3: hsla(0, 0%, 100%, 0.25);
    --bg-lighten-4: hsla(0, 0%, 100%, 0.5);
    --h1: 2rem;
    --h2: 1.5rem;
    --h3: 1.25rem;
    --h4: 1rem;
    --h5: 0.875rem;
    --h6: 0.75rem;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --heading-font-family: sans-serif;
    --font-family:
        'Roboto', sans-serif;
    --font-family-sans-serif:
        'Roboto', sans-serif;
    --font-family-monospace:
        "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --body-font-size: 20px;
    --heading-font-weight: 400;
    --heading-line-height: 1.2;
    --heading-margin-top: 0.6em;
    --heading-margin-bottom: 0.6em;
    --line-height: 1.2;
    --line-height-1: 1.1;
    --line-height-2: 1.2;
    --line-height-3: 1.3;
    --line-height-4: 1.4;
    --animation-enter-exit-in: cubic-bezier(0.14, 1, 0.34, 1);
    --animation-enter-exit-out: cubic-bezier(0.45, 0.1, 0.2, 1);
    --animation-swap-shuffle-in: cubic-bezier(0.14, 1, 0.34, 1);
    --animation-swap-shuffle-out: cubic-bezier(0.45, 0.1, 0.2, 1);
    --animation-move-in: cubic-bezier(0.17, 0.17, 0, 1);
    --animation-move-out: cubic-bezier(0.17, 0.17, 0, 1);
    --animation-expand-collapse-in: cubic-bezier(0.17, 0.17, 0, 1);
    --animation-expand-collapse-out: cubic-bezier(0.17, 0.17, 0, 1);
    --animation-passive-move-in: cubic-bezier(0.5, 0, 0.1, 1);
    --animation-passive-move-out: cubic-bezier(0.5, 0, 0.1, 1);
    --animation-quick-move-in: cubic-bezier(0.1, 0.9, 0.2, 1);
    --animation-quick-move-out: cubic-bezier(0.1, 0.9, 0.2, 1);
    --animation-fade-in: cubic-bezier(0, 0, 1, 1);
    --animation-fade-out: cubic-bezier(0, 0, 1, 1);
    --duration-extra-extra-short-in: 100ms;
    --duration-extra-extra-short-out: 100ms;
    --duration-extra-short-in: 200ms;
    --duration-extra-short-out: 150ms;
    --duration-short-in: 280ms;
    --duration-short-out: 200ms;
    --duration-medium-in: 400ms;
    --duration-medium-out: 350ms;
    --duration-long-in: 500ms;
    --duration-long-out: 350ms;
    --duration-extra-long-in: 1000ms;
    --duration-extra-long-out: 1000ms;
    --duration-none: 0ms;
    --accent: hsl(214, 89%, 52%);
    --always-white: #ffffff;
    --always-black: black;
    --always-dark-gradient: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
    --always-dark-overlay: rgba(0, 0, 0, 0.4);
    --always-light-overlay: rgba(255, 255, 255, 0.4);
    --attachment-footer-background: #f0f2f5;
    --base-blue: #1877f2;
    --base-cherry: #f3425f;
    --base-grape: #8c72cb;
    --base-lemon: #fcd872;
    --base-lime: #a3ce71;
    --base-pink: #ec7ebd;
    --base-seafoam: #54c7ec;
    --base-teal: #6bcebb;
    --base-tomato: #fb724b;
    --blue-link: #216fdb;
    --card-background: #ffffff;
    --comment-background: #f0f2f5;
    --disabled-button-background: #e4e6eb;
    --disabled-icon: #bcc0c4;
    --disabled-text: #bcc0c4;
    --divider: #ced0d4;
    --event-date: #f3425f;
    --filter-accent: invert(39%) sepia(57%) saturate(4728%) hue-rotate(202deg) brightness(97%) contrast(96%);
    --filter-always-white: invert(100%);
    --filter-disabled-icon: invert(80%) sepia(6%) saturate(240%) hue-rotate(173deg) brightness(98%) contrast(89%);
    --filter-placeholder-icon: invert(59%) sepia(11%) saturate(270%) hue-rotate(176deg) brightness(96%) contrast(94%);
    --filter-primary-icon: invert(8%) sepia(10%) saturate(664%) hue-rotate(177deg) brightness(104%) contrast(91%);
    --filter-secondary-icon: invert(39%) sepia(21%) saturate(219%) hue-rotate(174deg) brightness(94%) contrast(86%);
    --filter-warning-icon: invert(77%) sepia(29%) saturate(4090%) hue-rotate(359deg) brightness(102%) contrast(107%);
    --filter-blue-link-icon: invert(30%) sepia(98%) saturate(1332%) hue-rotate(192deg) brightness(91%) contrast(101%);
    --filter-positive: invert(37%) sepia(61%) saturate(1842%) hue-rotate(91deg) brightness(97%) contrast(105%);
    --filter-negative: invert(25%) sepia(33%) saturate(7033%) hue-rotate(345deg) brightness(132%) contrast(96%);
    --glimmer-spinner-icon: #65676b;
    --hero-banner-background: #ffffff;
    --hosted-view-selected-state: rgba(45, 136, 255, 0.1);
    --highlight-bg: #e7f3ff;
    --hover-overlay: rgba(0, 0, 0, 0.05);
    --media-hover: rgba(68, 73, 80, 0.15);
    --media-inner-border: rgba(0, 0, 0, 0.1);
    --media-outer-border: #ffffff;
    --media-pressed: rgba(68, 73, 80, 0.35);
    --overlay-alpha-80: rgba(244, 244, 244, 0.8);
    --nav-bar-background: #ffffff;
    --nav-bar-background-gradient: linear-gradient(to top,
            #ffffff,
            rgba(255, 255, 255, 0.95) 25%,
            rgba(255, 255, 255, 0.71) 75%,
            rgba(255, 255, 255, 0.96));
    --negative: hsl(350, 87%, 55%);
    --new-notification-background: #e7f3ff;
    --non-media-pressed: rgba(68, 73, 80, 0.15);
    --non-media-pressed-on-dark: rgba(255, 255, 255, 0.3);
    --notification-badge: #f02849;
    --placeholder-icon: #8a8d91;
    --placeholder-text: #8a8d91;
    --placeholder-text-on-media: rgba(255, 255, 255, 0.5);
    --popover-background: #ffffff;
    --positive: #31a24c;
    --press-overlay: rgba(0, 0, 0, 0.1);
    --primary-button-background: #1877f2;
    --primary-button-pressed: #77a7ff;
    --primary-button-text: #ffffff;
    --primary-deemphasized-button-background: #e7f3ff;
    --primary-deemphasized-button-pressed: rgba(0, 0, 0, 0.05);
    --primary-deemphasized-button-pressed-overlay: rgba(25, 110, 255, 0.15);
    --primary-deemphasized-button-text: #1877f2;
    --primary-icon: #050505;
    --primary-text: #050505;
    --primary-text-on-media: #ffffff;
    --progress_ring_neutral_background: rgba(0, 0, 0, 0.2);
    --progress_ring_neutral_foreground: #000000;
    --secondary-button-background: #e4e6eb;
    --secondary-button-background-floating: #ffffff;
    --secondary-button-background-on-dark: rgba(0, 0, 0, 0.4);
    --secondary-button-pressed: rgba(0, 0, 0, 0.05);
    --secondary-button-text: #050505;
    --secondary-icon: #65676b;
    --secondary-text: #65676b;
    --secondary-text-on-media: rgba(255, 255, 255, 0.9);
    --shadow-1: rgba(0, 0, 0, 0.1);
    --shadow-2: rgba(0, 0, 0, 0.2);
    --shadow-5: rgba(0, 0, 0, 0.5);
    --shadow-inset: rgba(255, 255, 255, 0.5);
    --surface-background: #ffffff;
    --toggle-button-active-background: #e7f3ff;
    --wash: #e4e6eb;
    --web-wash: #f0f2f5;
    --warning: hsl(40, 89%, 52%);
    --background-color: hsl(0deg 0% 97.39%);
    --link-color: hsl(200, 100%, 40%);
    --text-color: hsl(0, 0%, 20%);
    --text-color-light: hsl(0, 0%, 87%);
    --text-color-medium: hsl(0, 0%, 33.3%);
    --text-color-heading: hsl(0, 0%, 26.7%);
    --text-color-coolgray: hsl(240, 2.3%, 56.7%);
    --inverse-text-color: hsl(0, 0%, 100%);
    --inverse-link-color: hsl(206.7, 100%, 70%);
    --content-background-color: hsl(0, 0%, 96.9%);
    --horizontal-rule-color: hsl(0, 0%, 86.7%);
    --code-background-color: hsl(0, 0%, 94.9%);
    --code-border-color: hsl(0, 0%, 90.6%);
    --code-text-color: hsl(0, 0%, 26.7%);
    --note-background-color: hsl(50, 100%, 94%);
    --note-border-color: hsl(40, 100%, 90%);
    --note-text-color: hsl(30, 90%, 35%);
    --foreword-background-color: hsl(0, 0%, 94.1%);
    --foreword-border-color: hsl(0, 0%, 90.2%);
    --foreword-text-color: hsl(240, 2.3%, 56.7%);
    --input-border-color: hsl(0, 0%, 83.9%);
    --input-background-color: hsl(0, 0%, 100%);
    --button-background-color: hsl(0, 0%, 100%);
    --submit-button-background-color: hsl(199.8, 76.4%, 48.2%);
    --submit-button-background-gradient: linear-gradient(hsl(199.9, 78.2%, 56.9%),
            hsl(200, 100%, 40%));
    --submit-button-text-color: hsl(0, 0%, 100%);
    --pagination-border-color: hsla(0, 0%, 0%, 0.07);
    --pagination-button-shadow: inset hsla(0, 0%, 0%, 0.07) 0 0 0 1px;
    --pagination-button-text-color: hsl(0, 0%, 100%);
    --screen-reader-text-focus-color: hsl(198.7, 64.9%, 36.9%);
    --screen-reader-text-border-color: hsla(0, 0%, 0%, 0.6);
    --screen-reader-text-background-color: hsl(0, 0%, 94.5%);
    --screen-reader-text-shadow: 0 0 2px 2px hsla(0, 0%, 0%, 0.6);
    --next-router-background-color: hsl(0, 0%, 98%);
    --previous-router-background-color: hsl(0, 0%, 95.7%);
    --router-background-hover-color: hsl(0, 0%, 100%);
    --router-text-color: hsl(0, 0%, 26.7%);
    --router-text-color-light: hsl(0, 0%, 40%);
    --tile-background-color: hsl(0, 0%, 100%);
    --tile-border-color: hsla(0, 0%, 0%, 0.1);
    --tile-subtle-border-shadow: inset hsla(0, 0%, 0%, 0.1) 0 0 0 1px;
    --tile-subtle-image-border-shadoww: inset hsla(0, 0%, 0%, 0.1) 0 1px 0 1px;
    --tile-default-background-color: hsl(215.3, 7.9%, 42.2%);
    --tile-background-color-blue: hsl(200, 100%, 40%);
    --tile-background-color-green: hsl(79.5, 45.3%, 52%);
    --tile-background-color-violet: hsl(280, 18%, 57.5%);
    --tile-background-color-rose: hsl(357.1, 39%, 58.8%);
    --tile-background-color-orange: hsl(37.1, 100%, 37.5%);
    --tile-background-color-goldenrod: hsl(45.3, 56.5%, 53.1%);
    --tile-background-color-purplesafari: hsl(276.7, 36.3%, 51.4%);
    --tile-background-vignette: linear-gradient(-180deg,
            hsla(0, 0%, 100%, 0),
            hsla(0, 0%, 100%, 0.95) 80%,
            hsla(0, 0%, 100%, 1));
    --tile-background-vignette-dark: linear-gradient(-180deg,
            hsla(0, 0%, 0%, 0) 33%,
            hsla(0, 0%, 0%, 0.85));
    --tag-window-background-color-gray: hsl(0, 0%, 94.9%);
    --tag-window-vignette: linear-gradient(-180deg,
            hsla(0, 0%, 94.9%, 0) 25%,
            hsla(0, 0%, 94.9%, 1) 65%);
    --submenu-background-color: hsla(0, 0%, 100%, 0.95);
    --submenu-shadow: 0px 3px 20px 0px hsla(0, 0%, 0%, 0.1);
    --submenu-border-color: hsl(0, 0%, 90.6%);
    --header-menu-shadow: 0px 5px 5px hsla(0, 0%, 0%, 0.1);
    --header-menu-background-color: hsla(0, 0%, 100%, 0.8);
    --tile-background-color-amber: hsl(48, 100%, 50%);
    --tile-background-color-twitter: hsl(197.9, 70.6%, 53.3%);
    --gray-tile-text-color: hsl(232.8, 100%, 37.5%);
    --article-border-color: hsl(0, 0%, 90.6%);
    --article-scrollable-border-color: hsl(0, 0%, 80%);
    --figure-caption-rule-color: hsl(0, 0%, 80%);
    --toc-border-color: hsl(0, 0%, 83.9%);
    --table-top-rule-color: hsl(0, 0%, 73.3%);
    --table-rule-color: hsl(0, 0%, 87.8%);
    --figure-mattewhite-background-color: hsl(0, 0%, 100%);
    --syntax-color-keyword: hsl(292.5, 100%, 26.7%);
    --syntax-color-keyword-operator: hsl(357.5, 100%, 33.1%);
    --syntax-color-builtin: hsl(309.6, 85.8%, 35.9%);
    --syntax-color-keyword-type: hsl(17.6, 80.4%, 44.1%);
    --syntax-color-preprocessor: hsl(60, 20%, 50%);
    --syntax-color-comment: hsl(180, 6.9%, 60.4%);
    --syntax-color-comment-doc: hsl(186.3, 8.3%, 55.1%);
    --syntax-color-identifier: hsl(209.6, 71.4%, 38.4%);
    --syntax-color-string: hsl(70.8, 93%, 22.4%);
    --syntax-color-escaped: hsl(0, 0%, 66.7%);
    --syntax-color-number: hsl(194.5, 14.1%, 40.2%);
    --syntax-color-attribute: hsl(44.8, 53.2%, 33.5%);
    --syntax-color-attribute-value: hsl(1.4, 79.8%, 42.7%);
    --syntax-color-operator: hsl(0, 0%, 53.3%);
    --syntax-color-whitespace-background-color: hsl(0, 0%, 20%);
    --syntax-color-doctype: hsl(0, 0%, 75.3%);
    --syntax-color-error-border: hsl(0, 100%, 50%);
    --syntax-color-property: hsl(295.7, 76.8%, 32.2%);
    --syntax-color-xml-comment: hsl(120, 100%, 22.7%);
    --syntax-color-xml-meta: hsl(180, 50%, 40%);
    --syntax-color-css-property: hsl(309.6, 85.8%, 35.9%);
    --syntax-color-css-selector: hsl(0, 0%, 0%);
    --syntax-color-css-number: hsl(248.1, 100%, 40.6%);
    --code-selection-background-color: hsl(212.3, 97.8%, 81.8%);
    --yellow-gradient: linear-gradient(to bottom right,
            rgb(255, 253, 67) 10%,
            rgb(181, 204, 8));
    --blue-gradient: linear-gradient(to bottom right,
            rgba(77, 26, 178, 0.74) 10%,
            rgba(62, 8, 204, 0.7));
    --gray-gradient: linear-gradient(to bottom right,
            rgba(255, 255, 255, 0.85) 10%,
            rgba(233, 233, 233, 0.79));
    --section-header-text: #4b4c4f;
    --text-highlight: rgba(24, 119, 242, 0.2);
    --toggle-active-background: #e7f3ff;
    --toggle-active-icon: rgb(24, 119, 242);
    --toggle-active-text: rgb(24, 119, 242);
    --ease-acceleration-curve: cubic-bezier(0.4, 0, 1, 1);
    --ease-deceleration-curve: cubic-bezier(0, 0, 0.2, 1);
    --ease-sharp-curve: cubic-bezier(0.4, 0, 0.6, 1);
    --ease-standard-curve: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-swift-out: cubic-bezier(0.55, 0, 0.1, 1);
    --font-sans-serif:
        "proxima-nova", sans-serif;
    --font-monospace: monospace;
    --branding-logo: url(logo.svg);
    --radius: 6px;
    --icon-size: 24px;
    --light: 255, 255, 255;
    --dark: 25, 26, 28;
    --elevation-color: 127, 127, 127;
    --color-primary: var(--indigo-60);
    --color-primary-foreground: var(--light);
    --color-error: var(--red-50);
    --color-error-foreground: var(--light);
    --color-info: var(--blue-50);
    --color-info-foreground: var(--light);
    --color-success: var(--green-50);
    --color-success-foreground: var(--light);
    --color-warning: var(--orange-50);
    --color-warning-foreground: var(--light);
    --color-light: var(--light);
    --color-light-foreground: var(--dark);
    --color-dark: var(--dark);
    --color-dark-foreground: var(--light);
    --main-background: 249, 249, 249;
    --main-foreground: 25, 26, 28;
    --outline-color: 238, 241, 245;
    --elevation-0: none;
    --elevation-1: 0px 2px 1px -1px rgba(var(--elevation-color), 0.05), 0px 1px 1px 0px rgba(var(--elevation-color), 0.035), 0px 1px 3px 0px rgba(var(--elevation-color), 0.06);
    --elevation-2: 0px 3px 1px -2px rgba(var(--elevation-color), 0.05), 0px 2px 2px 0px rgba(var(--elevation-color), 0.035), 0px 1px 5px 0px rgba(var(--elevation-color), 0.06);
    --elevation-3: 0px 3px 3px -2px rgba(var(--elevation-color), 0.05), 0px 3px 4px 0px rgba(var(--elevation-color), 0.035), 0px 1px 8px 0px rgba(var(--elevation-color), 0.06);
    --elevation-4: 0px 2px 4px -1px rgba(var(--elevation-color), 0.05), 0px 4px 5px 0px rgba(var(--elevation-color), 0.035), 0px 1px 10px 0px rgba(var(--elevation-color), 0.06);
    --elevation-5: 0px 3px 5px -1px rgba(var(--elevation-color), 0.05), 0px 5px 8px 0px rgba(var(--elevation-color), 0.035), 0px 1px 14px 0px rgba(var(--elevation-color), 0.06);
    --elevation-6: 0px 3px 5px -1px rgba(var(--elevation-color), 0.05), 0px 6px 10px 0px rgba(var(--elevation-color), 0.035), 0px 1px 18px 0px rgba(var(--elevation-color), 0.06);
    --elevation-7: 0px 4px 5px -2px rgba(var(--elevation-color), 0.05), 0px 7px 10px 1px rgba(var(--elevation-color), 0.035), 0px 2px 16px 1px rgba(var(--elevation-color), 0.06);
    --elevation-8: 0px 5px 5px -3px rgba(var(--elevation-color), 0.05), 0px 8px 10px 1px rgba(var(--elevation-color), 0.035), 0px 3px 14px 2px rgba(var(--elevation-color), 0.06);
    --elevation-9: 0px 5px 6px -3px rgba(var(--elevation-color), 0.05), 0px 9px 12px 1px rgba(var(--elevation-color), 0.035), 0px 3px 16px 2px rgba(var(--elevation-color), 0.06);
    --elevation-10: 0px 6px 6px -3px rgba(var(--elevation-color), 0.05), 0px 10px 14px 1px rgba(var(--elevation-color), 0.035), 0px 4px 18px 3px rgba(var(--elevation-color), 0.06);
    --elevation-11: 0px 6px 7px -4px rgba(var(--elevation-color), 0.05), 0px 11px 15px 1px rgba(var(--elevation-color), 0.035), 0px 4px 20px 3px rgba(var(--elevation-color), 0.06);
    --elevation-12: 0px 7px 8px -4px rgba(var(--elevation-color), 0.05), 0px 12px 17px 2px rgba(var(--elevation-color), 0.035), 0px 5px 22px 4px rgba(var(--elevation-color), 0.06);
    --elevation-13: 0px 7px 8px -4px rgba(var(--elevation-color), 0.05), 0px 13px 19px 2px rgba(var(--elevation-color), 0.035), 0px 5px 24px 4px rgba(var(--elevation-color), 0.06);
    --elevation-14: 0px 7px 9px -4px rgba(var(--elevation-color), 0.05), 0px 14px 21px 2px rgba(var(--elevation-color), 0.035), 0px 5px 26px 4px rgba(var(--elevation-color), 0.06);
    --elevation-15: 0px 8px 9px -5px rgba(var(--elevation-color), 0.05), 0px 15px 22px 2px rgba(var(--elevation-color), 0.035), 0px 6px 28px 5px rgba(var(--elevation-color), 0.06);
    --elevation-16: 0px 8px 10px -5px rgba(var(--elevation-color), 0.05), 0px 16px 24px 2px rgba(var(--elevation-color), 0.035), 0px 6px 30px 5px rgba(var(--elevation-color), 0.06);
    --elevation-17: 0px 8px 11px -5px rgba(var(--elevation-color), 0.05), 0px 17px 26px 2px rgba(var(--elevation-color), 0.035), 0px 6px 32px 5px rgba(var(--elevation-color), 0.06);
    --elevation-18: 0px 9px 11px -5px rgba(var(--elevation-color), 0.05), 0px 18px 28px 2px rgba(var(--elevation-color), 0.035), 0px 7px 34px 6px rgba(var(--elevation-color), 0.06);
    --elevation-19: 0px 9px 12px -6px rgba(var(--elevation-color), 0.05), 0px 19px 29px 2px rgba(var(--elevation-color), 0.035), 0px 7px 36px 6px rgba(var(--elevation-color), 0.06);
    --elevation-20: 0px 10px 13px -6px rgba(var(--elevation-color), 0.05), 0px 20px 31px 3px rgba(var(--elevation-color), 0.035), 0px 8px 38px 7px rgba(var(--elevation-color), 0.06);
    --elevation-21: 0px 10px 13px -6px rgba(var(--elevation-color), 0.05), 0px 21px 33px 3px rgba(var(--elevation-color), 0.035), 0px 8px 40px 7px rgba(var(--elevation-color), 0.06);
    --elevation-22: 0px 10px 14px -6px rgba(var(--elevation-color), 0.05), 0px 22px 35px 3px rgba(var(--elevation-color), 0.035), 0px 8px 42px 7px rgba(var(--elevation-color), 0.06);
    --elevation-23: 0px 11px 14px -7px rgba(var(--elevation-color), 0.05), 0px 23px 36px 3px rgba(var(--elevation-color), 0.035), 0px 9px 44px 8px rgba(var(--elevation-color), 0.06);
    --elevation-24: 0px 11px 15px -7px rgba(var(--elevation-color), 0.05), 0px 24px 38px 3px rgba(var(--elevation-color), 0.035), 0px 9px 46px 8px rgba(var(--elevation-color), 0.06);
    --blue-5: 228, 238, 255;
    --blue-10: 204, 223, 255;
    --blue-20: 178, 208, 255;
    --blue-30: 131, 179, 255;
    --blue-40: 86, 149, 255;
    --blue-50: 43, 120, 255;
    --blue-60: 0, 92, 255;
    --blue-70: 0, 74, 207;
    --blue-80: 0, 56, 152;
    --blue-90: 4, 38, 101;
    --blue-100: 7, 23, 56;
    --indigo-5: 236, 237, 248;
    --indigo-10: 217, 221, 242;
    --indigo-20: 199, 203, 235;
    --indigo-30: 163, 171, 223;
    --indigo-40: 131, 139, 210;
    --indigo-50: 100, 110, 198;
    --indigo-60: 71, 82, 186;
    --indigo-70: 57, 65, 146;
    --indigo-80: 43, 50, 108;
    --indigo-90: 31, 35, 73;
    --indigo-100: 19, 22, 41;
    --gray-0: 247, 247, 249;
    --gray-5: 236, 236, 238;
    --gray-10: 218, 218, 220;
    --gray-20: 200, 200, 205;
    --gray-30: 165, 164, 174;
    --gray-40: 132, 131, 144;
    --gray-50: 101, 100, 115;
    --gray-60: 72, 72, 88;
    --gray-70: 57, 58, 70;
    --gray-80: 44, 44, 53;
    --gray-90: 31, 31, 37;
    --gray-100: 19, 19, 22;
    --green-5: 230, 245, 233;
    --green-10: 207, 235, 211;
    --green-20: 185, 226, 190;
    --green-30: 142, 206, 151;
    --green-40: 100, 188, 112;
    --green-50: 58, 169, 77;
    --green-60: 0, 150, 43;
    --green-70: 6, 118, 36;
    --green-80: 10, 87, 28;
    --green-90: 11, 60, 21;
    --green-100: 10, 35, 14;
    --orange-5: 255, 240, 223;
    --orange-10: 255, 226, 194;
    --orange-20: 255, 211, 165;
    --orange-30: 255, 183, 110;
    --orange-40: 255, 155, 57;
    --orange-50: 255, 127, 0;
    --orange-60: 255, 100, 0;
    --orange-70: 210, 80, 0;
    --orange-80: 154, 60, 0;
    --orange-90: 103, 42, 0;
    --orange-100: 57, 25, 0;
    --pink-5: 255, 231, 239;
    --pink-10: 255, 208, 224;
    --pink-20: 255, 185, 210;
    --pink-30: 255, 142, 182;
    --pink-40: 255, 99, 155;
    --pink-50: 255, 55, 128;
    --pink-60: 253, 0, 103;
    --pink-70: 198, 0, 81;
    --pink-80: 145, 0, 61;
    --pink-90: 97, 9, 43;
    --pink-100: 54, 9, 26;
    --red-5: 255, 231, 231;
    --red-10: 255, 209, 208;
    --red-20: 255, 187, 186;
    --red-30: 255, 145, 143;
    --red-40: 255, 103, 103;
    --red-50: 255, 62, 65;
    --red-60: 255, 0, 29;
    --red-70: 206, 9, 25;
    --red-80: 151, 11, 21;
    --red-90: 100, 12, 16;
    --red-100: 56, 11, 12;
    --teal-5: 223, 244, 243;
    --teal-10: 192, 232, 232;
    --teal-20: 163, 222, 220;
    --teal-30: 104, 200, 197;
    --teal-40: 45, 179, 175;
    --teal-50: 0, 158, 154;
    --teal-60: 0, 137, 134;
    --teal-70: 0, 108, 106;
    --teal-80: 0, 80, 79;
    --teal-90: 0, 55, 54;
    --teal-100: 0, 32, 32;
    --yellow-5: 255, 247, 227;
    --yellow-10: 255, 238, 201;
    --yellow-20: 255, 229, 174;
    --yellow-30: 255, 212, 125;
    --yellow-40: 255, 196, 75;
    --yellow-50: 255, 179, 19;
    --yellow-60: 255, 162, 0;
    --yellow-70: 209, 128, 0;
    --yellow-80: 154, 94, 0;
    --yellow-90: 102, 64, 0;
    --yellow-100: 57, 37, 0;
    --content-gutter: 24px;
    --app-bar-alpha: 1;
    --app-bar-background: var(--color-light);
    --app-bar-foreground: var(--color-light-foreground);
    --app-bar-elevation: var(--elevation-2);
    --app-bar-height: 60px;
    --badge-color: var(--color-primary);
    --bottom-nav-alpha: 1;
    --bottom-nav-background: var(--color-light);
    --bottom-nav-foreground: var(--color-light-foreground);
    --bottom-nav-elevation: var(--elevation-8);
    --btn-alpha: 1;
    --btn-background: var(--color-primary);
    --btn-foreground: var(--color-primary-foreground);
    --btn-font-size: 1rem;
    --btn-height: 36px;
    --btn-hover: 0;
    --btn-padding: 6px 15px;
    --checkbox-background: var(--color-primary);
    --checkbox-foreground: var(--color-primary-foreground);
    --form-outline: var(--outline-color);
    --form-outline-alpha: 0.75;
    --form-outline-foreground: var(--main-foreground);
    --icon-background: rgb(var(--color-primary));
    --icon-foreground: rgb(var(--color-primary-foreground));
    --nav-item-height: 45px;
    --nav-section-foreground: rgba(0, 0, 0, 0.25);
    --overlay-background: var(--color-dark);
    --overlay-opacity: 0.65;
    --panel-background: 255, 255, 255;
    --panel-elevation: var(--elevation-3);
    --panel-elevation-hover: var(--elevation-9);
    --panel-gutter: 30px;
    --popup-background: 255, 255, 255;
    --popup-elevation: var(--elevation-16), 0 0 0 1px rgb(var(--outline-color));
    --progress-color: var(--color-primary);
    --radio-background: var(--color-primary);
    --radio-foreground: var(--color-primary-foreground);
    --snackbar-elevation: var(--elevation-8);
    --spinner-color: var(--color-primary);
    --table-padding: 12px 24px;
    --tabs-accent: var(--color-primary);
    --tabs-accent-foreground: var(--color-primary-foreground);
    --tabs-foreground: var(--main-foreground);
    --tabs-height: 45px;
    --toggle-background: var(--color-primary);
    --toggle-foreground: var(--color-primary-foreground);
    --tooltip-background: rgba(var(--color-dark), 0.95);
    --tooltip-foreground: rgb(var(--color-dark-foreground));
    --scaffolding-drawer-width: 270px;
    --ripple-alpha: 0.1;
    --ripple-center: false;
    --ripple-clip: true;
    --ripple-color: var(--color-dark);
    --ripple-duration: 360ms;
    --ripple-scale: 6;
    --ripple-size: 36px;
    --swiper-item-padding: 0;
    --swiper-item-width: 100%;
    --swiper-view-padding: 0;
    --drop-target-gutter: 6px;
    --main-background: 25, 26, 28;
    --main-foreground: 249, 249, 249;
    --color-dark: 255, 255, 255;
    --color-light: 25, 26, 28;
    --color-dark-foreground: 25, 26, 28;
    --color-light-foreground: 255, 255, 255;
    --elevation-color: 0, 0, 0;
    --outline-color: 37, 38, 42;
    --app-bar-background: 32, 33, 36;
    --app-bar-foreground: 255, 255, 255;
    --app-bar-elevation: var(--elevation-2), 0 0 0 1px rgb(var(--outline-color));
    --drawer-background-primary: 19, 19, 21;
    --drawer-background-secondary: 32, 33, 36;
    --drawer-elevation: var(--elevation-1), 0 0 0 1px rgb(var(--outline-color));
    --drawer-foreground-primary: 255, 255, 255;
    --drawer-outline-primary: rgb(var(--outline-color));
    --drawer-outline-secondary: rgb(var(--outline-color));
    --dropdown-background: #202124;
    --dropdown-elevation: var(--elevation-16), 0 0 0 1px rgb(var(--outline-color));
    --form-outline: 49, 50, 56;
    --overlay-background: 0, 0, 0;
    --panel-background: 32, 33, 36;
    --panel-elevation: var(--elevation-3), 0 0 0 1px rgb(var(--outline-color));
    --panel-elevation-hover: var(--elevation-9), 0 0 0 1px rgb(var(--outline-color));
    --popup-background: 32, 33, 36;
    --popup-elevation: var(--elevation-16), 0 0 0 1px rgb(var(--outline-color));
    --snackbar-elevation: var(--elevation-8), 0 0 0 1px rgb(var(--outline-color));
    --tooltip-background: rgba(0, 0, 0, 0.9);
    --tooltip-foreground: #fff;
    --nav-section-foreground: hsla(0, 0%, 100%, 0.2);
    --silhouette-color: var(--outline-color)
}

@media (prefers-color-scheme:dark) {
    :root {
        --primary-color: #409cff;
        --primary-hover-color: #0091ff;
        --error-color: #ff6961;
        --error-secondary-color: rgba(255, 105, 97, 0.15);
        --error-accent-color: rgba(255, 105, 97, 0.75);
        --success-color: #30db5b;
        --success-secondary-color: rgba(48, 219, 91, 0.15);
        --success-accent-color: rgba(48, 219, 91, 0.75);
        --warning-color: #ffd426;
        --warning-secondary-color: rgba(255, 212, 38, 0.15);
        --warning-accent-color: rgba(255, 212, 38, 0.75);
        --info-color: #ffb340;
        --info-secondary-color: rgba(255, 179, 64, 0.15);
        --info-accent-color: rgba(255, 179, 64, 0.75);
        --background-color: #18191a;
        --background-color-0: #383838;
        --background-color-1: #0e0f0f;
        --background-color-2: #242526;
        --background-color-3: #383838;
        --background-color-3-inverse: #383838;
        --background-color-4: #0e0f0f;
        --background-color-5: #242526;
        --border-primary-color: #3a3a3b;
        --border-secondary-color: #474747;
        --box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 2px 1px rgba(0, 0, 0, 0.12), 0px 1px 1px rgba(0, 0, 0, 0.16);
        --box-shadow-4: 0 11px 15px rgba(0, 0, 0, 0.2), 0 9px 46px rgba(0, 0, 0, 0.12), 0 24px 38px rgba(0, 0, 0, 0.08);
        --text-primary-color: #fff;
        --text-secondary-color: #8a8a8a;
        --text-secondary-inverse-color: #fff;
        --text-accent-color: #8a8a8a;
        --text-accent-inverse-color: #fff;

        --bg-darken-1: rgb(30 30 30);
        --bg-darken-2: rgb(30 30 30 / 85%);
        --bg-darken-3: rgb(30 30 30 / 79%);
        --bg-darken-4: rgb(30 30 30 / 69%);
        --bg-lighten-1: hsl(0deg 0% 0% / 6.25%);
        --bg-lighten-2: hsl(0deg 0% 0% / 12.5%);
        --bg-lighten-3: hsl(0deg 0% 0% / 25%);
        --bg-lighten-4: hsl(0deg 0% 0% / 50%);
        --bg-color: #171717d1;
        --text-light: white;
        --background-covid: rgba(93, 0, 0, 0.64);
        --background-color: rgba(32, 33, 36, 1);
        --tr-even-background-color: rgba(0, 0, 0, 0.65);
        --tr-hover-even-background-color: rgba(113, 113, 113, 0.35);
        --primary-select: rgba(66, 152, 187, 0.39);
        --link-color: hsl(206.7, 100%, 70%);
        --text-color: hsl(240, 1.3%, 84.5%);
        --text-color-light: hsl(0, 0%, 33.3%);
        --text-color-medium: hsl(0, 0%, 51%);
        --text-color-heading: hsl(120, 100%, 99.8%);
        --text-color-coolgray: hsl(240, 2.3%, 56.7%);
        --inverse-text-color: hsl(0, 0%, 100%);
        --inverse-link-color: hsl(206.7, 100%, 70%);
        --content-background-color: hsl(120, 2%, 9%);
        --horizontal-rule-color: hsl(0, 0%, 33.3%);
        --code-background-color: hsl(120, 1%, 19.4%);
        --code-border-color: hsl(0, 0%, 26.7%);
        --code-text-color: hsl(180, 6.9%, 84.5%);
        --note-background-color: hsl(31.9, 20.5%, 33.1%);
        --note-border-color: hsl(31.9, 20.5%, 42%);
        --note-text-color: hsl(48.7, 55.2%, 75.5%);
        --foreword-background-color: hsl(120, 1%, 19.4%);
        --foreword-border-color: hsl(0, 0%, 26.7%);
        --foreword-text-color: hsl(120, 1.3%, 55%);
        --input-border-color: hsl(0, 0%, 26.7%);
        --input-background-color: hsl(0, 0%, 0%);
        --button-background-color: hsl(120, 2%, 14%);
        --submit-button-background-color: hsl(199.8, 76.4%, 48.2%);
        --submit-button-background-gradient: linear-gradient(hsl(199.9, 78.2%, 56.9%),
                hsl(200, 100%, 40%));
        --submit-button-text-color: hsl(0, 0%, 100%);
        --pagination-border-color: hsla(0, 0%, 100%, 0.1);
        --pagination-button-shadow: inset hsla(0, 0%, 50%, 0.1) 0 0 0 1px;
        --pagination-button-text-color: hsl(0, 0%, 100%);
        --screen-reader-text-focus-color: hsl(198.7, 64.9%, 36.9%);
        --screen-reader-text-border-color: hsla(0, 0%, 0%, 0.6);
        --screen-reader-text-background-color: hsl(0, 0%, 94.5%);
        --screen-reader-text-shadow: 0 0 2px 2px hsla(0, 0%, 0%, 0.6);
        --next-router-background-color: hsl(120, 6.7%, 4.9%);
        --previous-router-background-color: hsl(120, 4%, 8%);
        --router-background-hover-color: hsl(0, 0%, 0%);
        --router-text-color: hsl(120, 100%, 99.8%);
        --router-text-color-light: hsl(30, 1%, 62%);
        --tile-background-color: hsl(120, 2%, 12%);
        --tile-border-color: hsl(0, 0%, 29%);
        --tile-subtle-border-shadow: inset hsla(0, 0%, 50%, 0.1) 0 0 0 1px;
        --tile-subtle-image-border-shadoww: inset hsla(0, 0%, 100%, 0.1) 0 1px 0 1px;
        --tile-default-background-color: hsl(215.3, 7.9%, 42.2%);
        --tile-background-color-blue: hsl(200, 100%, 40%);
        --tile-background-color-green: hsl(79.5, 45.3%, 52%);
        --tile-background-color-violet: hsl(280, 18%, 57.5%);
        --tile-background-color-rose: hsl(357.1, 39%, 58.8%);
        --tile-background-color-orange: hsl(37.1, 100%, 37.5%);
        --tile-background-color-goldenrod: hsl(45.3, 56.5%, 53.1%);
        --tile-background-color-purplesafari: hsl(276.7, 36.3%, 51.4%);
        --tile-background-color-amber: hsl(48, 100%, 50%);
        --tile-background-vignette: linear-gradient(-180deg,
                hsla(120, 2%, 12%, 0%),
                hsla(120, 2%, 12%, 0.95) 80%,
                hsla(120, 2%, 12%, 1));
        --tile-background-vignette-dark: linear-gradient(-180deg,
                hsla(0, 0%, 0%, 0) 33%,
                hsla(0, 0%, 0%, 0.85));
        --tag-window-background-color-gray: hsl(0, 0%, 94.9%);
        --tag-window-vignette: linear-gradient(-180deg,
                hsla(0, 0%, 94.9%, 0) 25%,
                hsla(0, 0%, 94.9%, 1) 65%);
        --submenu-background-color: hsla(0, 0%, 0%, 0.95);
        --submenu-shadow: 0px 3px 20px 0px hsla(0, 0%, 20%, 0.1);
        --submenu-border-color: hsl(0, 0%, 15%);
        --header-menu-shadow: 0px 5px 5px hsla(0, 0%, 0%, 0.1);
        --header-menu-background-color: hsla(0, 0%, 0%, 0.8);
        --tile-background-color-amber: hsl(48, 100%, 50%);
        --tile-background-color-twitter: hsl(197.9, 70.6%, 53.3%);
        --gray-tile-text-color: hsl(232.8, 100%, 37.5%);
        --article-border-color: hsl(120, 4.1%, 19.2%);
        --article-scrollable-border-color: hsl(120, 4.1%, 19.2%);
        --figure-caption-rule-color: hsl(0, 0%, 80%);
        --toc-border-color: hsl(0, 0%, 83.9%);
        --table-top-rule-color: hsl(0, 0%, 73.3%);
        --table-rule-color: hsl(0, 0%, 87.8%);
        --figure-mattewhite-background-color: hsl(0, 0%, 0%);
        --syntax-color-keyword: hsl(299.2, 58.7%, 51.6%);
        --syntax-color-keyword-operator: hsl(6.8, 69.4%, 57.6%);
        --syntax-color-builtin: hsl(279.2, 84.3%, 57.6%);
        --syntax-color-keyword-type: hsl(28.1, 72.2%, 46.5%);
        --syntax-color-preprocessor: hsl(43.9, 51.4%, 58.8%);
        --syntax-color-comment: hsl(0, 0%, 51%);
        --syntax-color-comment-doc: hsl(186.3, 8.3%, 55.1%);
        --syntax-color-identifier: hsl(210.2, 70.7%, 46.9%);
        --syntax-color-string: hsl(119.2, 34.3%, 57.6%);
        --syntax-color-escaped: hsl(0, 0%, 44%);
        --syntax-color-number: hsl(200, 100%, 40%);
        --syntax-color-attribute: hsl(43.9, 51.4%, 58.8%);
        --syntax-color-attribute-value: hsl(28.1, 72.2%, 46.5%);
        --syntax-color-operator: hsl(180, 6.9%, 60.4%);
        --syntax-color-whitespace-background-color: hsl(0, 0%, 20%);
        --syntax-color-doctype: hsl(0, 0%, 42%);
        --syntax-color-error-border: hsl(0, 100%, 20%);
        --syntax-color-property: hsl(299.2, 58.7%, 51.6%);
        --syntax-color-xml-comment: hsl(119.2, 34.3%, 57.6%);
        --syntax-color-xml-meta: hsl(180, 50%, 40%);
        --syntax-color-css-property: hsl(309.6, 85.8%, 35.9%);
        --syntax-color-css-selector: hsl(240, 1.3%, 84.5%);
        --syntax-color-css-number: hsl(200, 100%, 40%);
        --code-selection-background-color: hsl(214.2, 42.9%, 32.9%);
        --yellow-gradient: linear-gradient(to bottom right, rgb(38, 38, 11) 10%, rgb(0, 0, 0))
    }
}