/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
@import url("all.min.css");
@import url("font-ts.css");
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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;
    -webkit-text-decoration: underline dotted;
    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 {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.65;
    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
}

*:not(.button--show-focus), *:before, *:after {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none
}

h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, form, fieldset, legend, table, th, td, caption, hr {
    margin: 0;
    padding: 0
}

img {
    font-style: italic
}

label, textarea, button, select, option {
    cursor: pointer
}

input:active, input:focus, textarea:active, textarea:focus {
    cursor: text;
    outline: none
}

button {
    border: 0
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    src: local("Roboto Light"), local("Roboto-Light"), url(Regular.woff2) format("woff2"), url(Regular.woff) format("woff"), url(Regular.ttf) format("truetype"), url(Regular.svg) format("svg");
    unicode-range: U+0020-00FF, U+20A0-20CF, U+2122, U+2000-206F
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: normal;
    src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(Italic.woff2) format("woff2"), url(Italic.woff) format("woff"), url(Italic.ttf) format("truetype"), url(Italic.svg) format("svg");
    unicode-range: U+0020-00FF, U+20A0-20CF, U+2122, U+2000-206F
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(Bold.woff2) format("woff2"), url(Bold.woff) format("woff"), url(Bold.ttf) format("truetype"), url(Bold.svg) format("svg");
    unicode-range: U+0020-00FF, U+20A0-20CF, U+2122, U+2000-206F
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: bold;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(ItalicBold.woff2) format("woff2"), url(ItalicBold.woff) format("woff"), url(ItalicBold.ttf) format("truetype"), url(ItalicBold.svg) format("svg");
    unicode-range: U+0020-00FF, U+20A0-20CF, U+2122, U+2000-206F
}

@font-face {
    font-family: 'FontTS';
    src: url("public/FontTS.latest.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Verified-chaynsID';
    src: url(Verified-chaynsID.woff2) format("woff2"), url(Verified-chaynsID.woff2) format("woff"), url(Verified-chaynsID.woff2) format("woff"), url(Verified-chaynsID.ttf) format("truetype"), url(Verified-chaynsID.svg) format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^="vcid-"], [class*=" vcid-"] {
    font-family: 'Verified-chaynsID' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 0.8em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.vcid-check, .vcid-check--blue, .vcid-check--gray {
    margin-left: 0.2em
}

.vcid-check:before {
    content: "\e906"
}

.vcid-check--gray > :first-child:before {
    content: "\e900";
    color: #333
}

.vcid-check--gray > :nth-child(2):before {
    content: "\e901";
    margin-left: -1em;
    color: #fff
}

.vcid-check--gray > :nth-child(3):before {
    content: "\e902";
    margin-left: -1em;
    color: #fff
}

.vcid-check--blue > :first-child:before {
    content: "\e903";
    color: #5890ff
}

.vcid-check--blue > :nth-child(2):before {
    content: "\e904";
    margin-left: -1em;
    color: #fff
}

.vcid-check--blue > :nth-child(3):before {
    content: "\e905";
    margin-left: -1em;
    color: #fff
}

.chayns-os--ios .input[required] + label[data-placeholder] {
    margin-top: calc(1px - 1.8em)
}

html.chayns--desktop.chayns--exclusive .tapp {
    padding: 45px 55px 30px
}

.chayns__background-color {
    background-color: #6E6E6E;
    background-color: var(--chayns-color--primary)
}

.chayns__color {
    color: #6E6E6E;
    color: var(--chayns-color--primary)
}

.chayns__border-color {
    border-color: #6E6E6E;
    border-color: var(--chayns-color--primary)
}

.chayns__background-color--000 {
    background-color: #fff;
    background-color: var(--chayns-color--000)
}

.chayns__color--000 {
    color: #fff;
    color: var(--chayns-color--000)
}

.chayns__border-color--000 {
    border-color: #fff;
    border-color: var(--chayns-color--000)
}

.chayns__background-color--000i {
    background-color: #fff !important;
    background-color: var(--chayns-color--000) !important
}

.chayns__color--000i {
    color: #fff !important;
    color: var(--chayns-color--000) !important
}

.chayns__border-color--000i {
    border-color: #fff !important;
    border-color: var(--chayns-color--000) !important
}

.chayns__background-color--001 {
    background-color: #f7f7f7;
    background-color: var(--chayns-color--001)
}

.chayns__color--001 {
    color: #f7f7f7;
    color: var(--chayns-color--001)
}

.chayns__border-color--001 {
    border-color: #f7f7f7;
    border-color: var(--chayns-color--001)
}

.chayns__background-color--001i {
    background-color: #f7f7f7 !important;
    background-color: var(--chayns-color--001) !important
}

.chayns__color--001i {
    color: #f7f7f7 !important;
    color: var(--chayns-color--001) !important
}

.chayns__border-color--001i {
    border-color: #f7f7f7 !important;
    border-color: var(--chayns-color--001) !important
}

.chayns__background-color--002 {
    background-color: #e6e6e6;
    background-color: var(--chayns-color--002)
}

.chayns__color--002 {
    color: #e6e6e6;
    color: var(--chayns-color--002)
}

.chayns__border-color--002 {
    border-color: #e6e6e6;
    border-color: var(--chayns-color--002)
}

.chayns__background-color--002i {
    background-color: #e6e6e6 !important;
    background-color: var(--chayns-color--002) !important
}

.chayns__color--002i {
    color: #e6e6e6 !important;
    color: var(--chayns-color--002) !important
}

.chayns__border-color--002i {
    border-color: #e6e6e6 !important;
    border-color: var(--chayns-color--002) !important
}

.chayns__background-color--003 {
    background-color: #bfbfbf;
    background-color: var(--chayns-color--003)
}

.chayns__color--003 {
    color: #bfbfbf;
    color: var(--chayns-color--003)
}

.chayns__border-color--003 {
    border-color: #bfbfbf;
    border-color: var(--chayns-color--003)
}

.chayns__background-color--003i {
    background-color: #bfbfbf !important;
    background-color: var(--chayns-color--003) !important
}

.chayns__color--003i {
    color: #bfbfbf !important;
    color: var(--chayns-color--003) !important
}

.chayns__border-color--003i {
    border-color: #bfbfbf !important;
    border-color: var(--chayns-color--003) !important
}

.chayns__background-color--004 {
    background-color: #999;
    background-color: var(--chayns-color--004)
}

.chayns__color--004 {
    color: #999;
    color: var(--chayns-color--004)
}

.chayns__border-color--004 {
    border-color: #999;
    border-color: var(--chayns-color--004)
}

.chayns__background-color--004i {
    background-color: #999 !important;
    background-color: var(--chayns-color--004) !important
}

.chayns__color--004i {
    color: #999 !important;
    color: var(--chayns-color--004) !important
}

.chayns__border-color--004i {
    border-color: #999 !important;
    border-color: var(--chayns-color--004) !important
}

.chayns__background-color--005 {
    background-color: gray;
    background-color: var(--chayns-color--005)
}

.chayns__color--005 {
    color: gray;
    color: var(--chayns-color--005)
}

.chayns__border-color--005 {
    border-color: gray;
    border-color: var(--chayns-color--005)
}

.chayns__background-color--005i {
    background-color: gray !important;
    background-color: var(--chayns-color--005) !important
}

.chayns__color--005i {
    color: gray !important;
    color: var(--chayns-color--005) !important
}

.chayns__border-color--005i {
    border-color: gray !important;
    border-color: var(--chayns-color--005) !important
}

.chayns__background-color--006 {
    background-color: #666;
    background-color: var(--chayns-color--006)
}

.chayns__color--006 {
    color: #666;
    color: var(--chayns-color--006)
}

.chayns__border-color--006 {
    border-color: #666;
    border-color: var(--chayns-color--006)
}

.chayns__background-color--006i {
    background-color: #666 !important;
    background-color: var(--chayns-color--006) !important
}

.chayns__color--006i {
    color: #666 !important;
    color: var(--chayns-color--006) !important
}

.chayns__border-color--006i {
    border-color: #666 !important;
    border-color: var(--chayns-color--006) !important
}

.chayns__background-color--007 {
    background-color: #404040;
    background-color: var(--chayns-color--007)
}

.chayns__color--007 {
    color: #404040;
    color: var(--chayns-color--007)
}

.chayns__border-color--007 {
    border-color: #404040;
    border-color: var(--chayns-color--007)
}

.chayns__background-color--007i {
    background-color: #404040 !important;
    background-color: var(--chayns-color--007) !important
}

.chayns__color--007i {
    color: #404040 !important;
    color: var(--chayns-color--007) !important
}

.chayns__border-color--007i {
    border-color: #404040 !important;
    border-color: var(--chayns-color--007) !important
}

.chayns__background-color--008 {
    background-color: #1a1a1a;
    background-color: var(--chayns-color--008)
}

.chayns__color--008 {
    color: #1a1a1a;
    color: var(--chayns-color--008)
}

.chayns__border-color--008 {
    border-color: #1a1a1a;
    border-color: var(--chayns-color--008)
}

.chayns__background-color--008i {
    background-color: #1a1a1a !important;
    background-color: var(--chayns-color--008) !important
}

.chayns__color--008i {
    color: #1a1a1a !important;
    color: var(--chayns-color--008) !important
}

.chayns__border-color--008i {
    border-color: #1a1a1a !important;
    border-color: var(--chayns-color--008) !important
}

.chayns__background-color--009 {
    background-color: #000;
    background-color: var(--chayns-color--009)
}

.chayns__color--009 {
    color: #000;
    color: var(--chayns-color--009)
}

.chayns__border-color--009 {
    border-color: #000;
    border-color: var(--chayns-color--009)
}

.chayns__background-color--009i {
    background-color: #000 !important;
    background-color: var(--chayns-color--009) !important
}

.chayns__color--009i {
    color: #000 !important;
    color: var(--chayns-color--009) !important
}

.chayns__border-color--009i {
    border-color: #000 !important;
    border-color: var(--chayns-color--009) !important
}

.chayns__background-color--100 {
    background-color: #fff;
    background-color: var(--chayns-color--100)
}

.chayns__color--100 {
    color: #fff;
    color: var(--chayns-color--100)
}

.chayns__border-color--100 {
    border-color: #fff;
    border-color: var(--chayns-color--100)
}

.chayns__background-color--100i {
    background-color: #fff !important;
    background-color: var(--chayns-color--100) !important
}

.chayns__color--100i {
    color: #fff !important;
    color: var(--chayns-color--100) !important
}

.chayns__border-color--100i {
    border-color: #fff !important;
    border-color: var(--chayns-color--100) !important
}

.chayns__background-color--101 {
    background-color: #f1f1f1;
    background-color: var(--chayns-color--101)
}

.chayns__color--101 {
    color: #f1f1f1;
    color: var(--chayns-color--101)
}

.chayns__border-color--101 {
    border-color: #f1f1f1;
    border-color: var(--chayns-color--101)
}

.chayns__background-color--101i {
    background-color: #f1f1f1 !important;
    background-color: var(--chayns-color--101) !important
}

.chayns__color--101i {
    color: #f1f1f1 !important;
    color: var(--chayns-color--101) !important
}

.chayns__border-color--101i {
    border-color: #f1f1f1 !important;
    border-color: var(--chayns-color--101) !important
}

.chayns__background-color--102 {
    background-color: #e2e2e2;
    background-color: var(--chayns-color--102)
}

.chayns__color--102 {
    color: #e2e2e2;
    color: var(--chayns-color--102)
}

.chayns__border-color--102 {
    border-color: #e2e2e2;
    border-color: var(--chayns-color--102)
}

.chayns__background-color--102i {
    background-color: #e2e2e2 !important;
    background-color: var(--chayns-color--102) !important
}

.chayns__color--102i {
    color: #e2e2e2 !important;
    color: var(--chayns-color--102) !important
}

.chayns__border-color--102i {
    border-color: #e2e2e2 !important;
    border-color: var(--chayns-color--102) !important
}

.chayns__background-color--103 {
    background-color: #d4d4d4;
    background-color: var(--chayns-color--103)
}

.chayns__color--103 {
    color: #d4d4d4;
    color: var(--chayns-color--103)
}

.chayns__border-color--103 {
    border-color: #d4d4d4;
    border-color: var(--chayns-color--103)
}

.chayns__background-color--103i {
    background-color: #d4d4d4 !important;
    background-color: var(--chayns-color--103) !important
}

.chayns__color--103i {
    color: #d4d4d4 !important;
    color: var(--chayns-color--103) !important
}

.chayns__border-color--103i {
    border-color: #d4d4d4 !important;
    border-color: var(--chayns-color--103) !important
}

.chayns__background-color--104 {
    background-color: #c5c5c5;
    background-color: var(--chayns-color--104)
}

.chayns__color--104 {
    color: #c5c5c5;
    color: var(--chayns-color--104)
}

.chayns__border-color--104 {
    border-color: #c5c5c5;
    border-color: var(--chayns-color--104)
}

.chayns__background-color--104i {
    background-color: #c5c5c5 !important;
    background-color: var(--chayns-color--104) !important
}

.chayns__color--104i {
    color: #c5c5c5 !important;
    color: var(--chayns-color--104) !important
}

.chayns__border-color--104i {
    border-color: #c5c5c5 !important;
    border-color: var(--chayns-color--104) !important
}

.chayns__background-color--105 {
    background-color: #b7b7b7;
    background-color: var(--chayns-color--105)
}

.chayns__color--105 {
    color: #b7b7b7;
    color: var(--chayns-color--105)
}

.chayns__border-color--105 {
    border-color: #b7b7b7;
    border-color: var(--chayns-color--105)
}

.chayns__background-color--105i {
    background-color: #b7b7b7 !important;
    background-color: var(--chayns-color--105) !important
}

.chayns__color--105i {
    color: #b7b7b7 !important;
    color: var(--chayns-color--105) !important
}

.chayns__border-color--105i {
    border-color: #b7b7b7 !important;
    border-color: var(--chayns-color--105) !important
}

.chayns__background-color--106 {
    background-color: #a8a8a8;
    background-color: var(--chayns-color--106)
}

.chayns__color--106 {
    color: #a8a8a8;
    color: var(--chayns-color--106)
}

.chayns__border-color--106 {
    border-color: #a8a8a8;
    border-color: var(--chayns-color--106)
}

.chayns__background-color--106i {
    background-color: #a8a8a8 !important;
    background-color: var(--chayns-color--106) !important
}

.chayns__color--106i {
    color: #a8a8a8 !important;
    color: var(--chayns-color--106) !important
}

.chayns__border-color--106i {
    border-color: #a8a8a8 !important;
    border-color: var(--chayns-color--106) !important
}

.chayns__background-color--107 {
    background-color: #9a9a9a;
    background-color: var(--chayns-color--107)
}

.chayns__color--107 {
    color: #9a9a9a;
    color: var(--chayns-color--107)
}

.chayns__border-color--107 {
    border-color: #9a9a9a;
    border-color: var(--chayns-color--107)
}

.chayns__background-color--107i {
    background-color: #9a9a9a !important;
    background-color: var(--chayns-color--107) !important
}

.chayns__color--107i {
    color: #9a9a9a !important;
    color: var(--chayns-color--107) !important
}

.chayns__border-color--107i {
    border-color: #9a9a9a !important;
    border-color: var(--chayns-color--107) !important
}

.chayns__background-color--108 {
    background-color: #8b8b8b;
    background-color: var(--chayns-color--108)
}

.chayns__color--108 {
    color: #8b8b8b;
    color: var(--chayns-color--108)
}

.chayns__border-color--108 {
    border-color: #8b8b8b;
    border-color: var(--chayns-color--108)
}

.chayns__background-color--108i {
    background-color: #8b8b8b !important;
    background-color: var(--chayns-color--108) !important
}

.chayns__color--108i {
    color: #8b8b8b !important;
    color: var(--chayns-color--108) !important
}

.chayns__border-color--108i {
    border-color: #8b8b8b !important;
    border-color: var(--chayns-color--108) !important
}

.chayns__background-color--109 {
    background-color: #7d7d7d;
    background-color: var(--chayns-color--109)
}

.chayns__color--109 {
    color: #7d7d7d;
    color: var(--chayns-color--109)
}

.chayns__border-color--109 {
    border-color: #7d7d7d;
    border-color: var(--chayns-color--109)
}

.chayns__background-color--109i {
    background-color: #7d7d7d !important;
    background-color: var(--chayns-color--109) !important
}

.chayns__color--109i {
    color: #7d7d7d !important;
    color: var(--chayns-color--109) !important
}

.chayns__border-color--109i {
    border-color: #7d7d7d !important;
    border-color: var(--chayns-color--109) !important
}

.chayns__background-color--200 {
    background-color: #e4e4e4;
    background-color: var(--chayns-color--200)
}

.chayns__color--200 {
    color: #e4e4e4;
    color: var(--chayns-color--200)
}

.chayns__border-color--200 {
    border-color: #e4e4e4;
    border-color: var(--chayns-color--200)
}

.chayns__background-color--200i {
    background-color: #e4e4e4 !important;
    background-color: var(--chayns-color--200) !important
}

.chayns__color--200i {
    color: #e4e4e4 !important;
    color: var(--chayns-color--200) !important
}

.chayns__border-color--200i {
    border-color: #e4e4e4 !important;
    border-color: var(--chayns-color--200) !important
}

.chayns__background-color--201 {
    background-color: #d8d8d8;
    background-color: var(--chayns-color--201)
}

.chayns__color--201 {
    color: #d8d8d8;
    color: var(--chayns-color--201)
}

.chayns__border-color--201 {
    border-color: #d8d8d8;
    border-color: var(--chayns-color--201)
}

.chayns__background-color--201i {
    background-color: #d8d8d8 !important;
    background-color: var(--chayns-color--201) !important
}

.chayns__color--201i {
    color: #d8d8d8 !important;
    color: var(--chayns-color--201) !important
}

.chayns__border-color--201i {
    border-color: #d8d8d8 !important;
    border-color: var(--chayns-color--201) !important
}

.chayns__background-color--202 {
    background-color: #ccc;
    background-color: var(--chayns-color--202)
}

.chayns__color--202 {
    color: #ccc;
    color: var(--chayns-color--202)
}

.chayns__border-color--202 {
    border-color: #ccc;
    border-color: var(--chayns-color--202)
}

.chayns__background-color--202i {
    background-color: #ccc !important;
    background-color: var(--chayns-color--202) !important
}

.chayns__color--202i {
    color: #ccc !important;
    color: var(--chayns-color--202) !important
}

.chayns__border-color--202i {
    border-color: #ccc !important;
    border-color: var(--chayns-color--202) !important
}

.chayns__background-color--203 {
    background-color: #c1c1c1;
    background-color: var(--chayns-color--203)
}

.chayns__color--203 {
    color: #c1c1c1;
    color: var(--chayns-color--203)
}

.chayns__border-color--203 {
    border-color: #c1c1c1;
    border-color: var(--chayns-color--203)
}

.chayns__background-color--203i {
    background-color: #c1c1c1 !important;
    background-color: var(--chayns-color--203) !important
}

.chayns__color--203i {
    color: #c1c1c1 !important;
    color: var(--chayns-color--203) !important
}

.chayns__border-color--203i {
    border-color: #c1c1c1 !important;
    border-color: var(--chayns-color--203) !important
}

.chayns__background-color--204 {
    background-color: #b5b5b5;
    background-color: var(--chayns-color--204)
}

.chayns__color--204 {
    color: #b5b5b5;
    color: var(--chayns-color--204)
}

.chayns__border-color--204 {
    border-color: #b5b5b5;
    border-color: var(--chayns-color--204)
}

.chayns__background-color--204i {
    background-color: #b5b5b5 !important;
    background-color: var(--chayns-color--204) !important
}

.chayns__color--204i {
    color: #b5b5b5 !important;
    color: var(--chayns-color--204) !important
}

.chayns__border-color--204i {
    border-color: #b5b5b5 !important;
    border-color: var(--chayns-color--204) !important
}

.chayns__background-color--205 {
    background-color: #a9a9a9;
    background-color: var(--chayns-color--205)
}

.chayns__color--205 {
    color: #a9a9a9;
    color: var(--chayns-color--205)
}

.chayns__border-color--205 {
    border-color: #a9a9a9;
    border-color: var(--chayns-color--205)
}

.chayns__background-color--205i {
    background-color: #a9a9a9 !important;
    background-color: var(--chayns-color--205) !important
}

.chayns__color--205i {
    color: #a9a9a9 !important;
    color: var(--chayns-color--205) !important
}

.chayns__border-color--205i {
    border-color: #a9a9a9 !important;
    border-color: var(--chayns-color--205) !important
}

.chayns__background-color--206 {
    background-color: #9d9d9d;
    background-color: var(--chayns-color--206)
}

.chayns__color--206 {
    color: #9d9d9d;
    color: var(--chayns-color--206)
}

.chayns__border-color--206 {
    border-color: #9d9d9d;
    border-color: var(--chayns-color--206)
}

.chayns__background-color--206i {
    background-color: #9d9d9d !important;
    background-color: var(--chayns-color--206) !important
}

.chayns__color--206i {
    color: #9d9d9d !important;
    color: var(--chayns-color--206) !important
}

.chayns__border-color--206i {
    border-color: #9d9d9d !important;
    border-color: var(--chayns-color--206) !important
}

.chayns__background-color--207 {
    background-color: #919191;
    background-color: var(--chayns-color--207)
}

.chayns__color--207 {
    color: #919191;
    color: var(--chayns-color--207)
}

.chayns__border-color--207 {
    border-color: #919191;
    border-color: var(--chayns-color--207)
}

.chayns__background-color--207i {
    background-color: #919191 !important;
    background-color: var(--chayns-color--207) !important
}

.chayns__color--207i {
    color: #919191 !important;
    color: var(--chayns-color--207) !important
}

.chayns__border-color--207i {
    border-color: #919191 !important;
    border-color: var(--chayns-color--207) !important
}

.chayns__background-color--208 {
    background-color: #868686;
    background-color: var(--chayns-color--208)
}

.chayns__color--208 {
    color: #868686;
    color: var(--chayns-color--208)
}

.chayns__border-color--208 {
    border-color: #868686;
    border-color: var(--chayns-color--208)
}

.chayns__background-color--208i {
    background-color: #868686 !important;
    background-color: var(--chayns-color--208) !important
}

.chayns__color--208i {
    color: #868686 !important;
    color: var(--chayns-color--208) !important
}

.chayns__border-color--208i {
    border-color: #868686 !important;
    border-color: var(--chayns-color--208) !important
}

.chayns__background-color--209 {
    background-color: #7a7a7a;
    background-color: var(--chayns-color--209)
}

.chayns__color--209 {
    color: #7a7a7a;
    color: var(--chayns-color--209)
}

.chayns__border-color--209 {
    border-color: #7a7a7a;
    border-color: var(--chayns-color--209)
}

.chayns__background-color--209i {
    background-color: #7a7a7a !important;
    background-color: var(--chayns-color--209) !important
}

.chayns__color--209i {
    color: #7a7a7a !important;
    color: var(--chayns-color--209) !important
}

.chayns__border-color--209i {
    border-color: #7a7a7a !important;
    border-color: var(--chayns-color--209) !important
}

.chayns__background-color--300 {
    background-color: #242424;
    background-color: var(--chayns-color--300)
}

.chayns__color--300 {
    color: #242424;
    color: var(--chayns-color--300)
}

.chayns__border-color--300 {
    border-color: #242424;
    border-color: var(--chayns-color--300)
}

.chayns__background-color--300i {
    background-color: #242424 !important;
    background-color: var(--chayns-color--300) !important
}

.chayns__color--300i {
    color: #242424 !important;
    color: var(--chayns-color--300) !important
}

.chayns__border-color--300i {
    border-color: #242424 !important;
    border-color: var(--chayns-color--300) !important
}

.chayns__background-color--301 {
    background-color: #2b2b2b;
    background-color: var(--chayns-color--301)
}

.chayns__color--301 {
    color: #2b2b2b;
    color: var(--chayns-color--301)
}

.chayns__border-color--301 {
    border-color: #2b2b2b;
    border-color: var(--chayns-color--301)
}

.chayns__background-color--301i {
    background-color: #2b2b2b !important;
    background-color: var(--chayns-color--301) !important
}

.chayns__color--301i {
    color: #2b2b2b !important;
    color: var(--chayns-color--301) !important
}

.chayns__border-color--301i {
    border-color: #2b2b2b !important;
    border-color: var(--chayns-color--301) !important
}

.chayns__background-color--302 {
    background-color: #333;
    background-color: var(--chayns-color--302)
}

.chayns__color--302 {
    color: #333;
    color: var(--chayns-color--302)
}

.chayns__border-color--302 {
    border-color: #333;
    border-color: var(--chayns-color--302)
}

.chayns__background-color--302i {
    background-color: #333 !important;
    background-color: var(--chayns-color--302) !important
}

.chayns__color--302i {
    color: #333 !important;
    color: var(--chayns-color--302) !important
}

.chayns__border-color--302i {
    border-color: #333 !important;
    border-color: var(--chayns-color--302) !important
}

.chayns__background-color--303 {
    background-color: #3a3a3a;
    background-color: var(--chayns-color--303)
}

.chayns__color--303 {
    color: #3a3a3a;
    color: var(--chayns-color--303)
}

.chayns__border-color--303 {
    border-color: #3a3a3a;
    border-color: var(--chayns-color--303)
}

.chayns__background-color--303i {
    background-color: #3a3a3a !important;
    background-color: var(--chayns-color--303) !important
}

.chayns__color--303i {
    color: #3a3a3a !important;
    color: var(--chayns-color--303) !important
}

.chayns__border-color--303i {
    border-color: #3a3a3a !important;
    border-color: var(--chayns-color--303) !important
}

.chayns__background-color--304 {
    background-color: #424242;
    background-color: var(--chayns-color--304)
}

.chayns__color--304 {
    color: #424242;
    color: var(--chayns-color--304)
}

.chayns__border-color--304 {
    border-color: #424242;
    border-color: var(--chayns-color--304)
}

.chayns__background-color--304i {
    background-color: #424242 !important;
    background-color: var(--chayns-color--304) !important
}

.chayns__color--304i {
    color: #424242 !important;
    color: var(--chayns-color--304) !important
}

.chayns__border-color--304i {
    border-color: #424242 !important;
    border-color: var(--chayns-color--304) !important
}

.chayns__background-color--305 {
    background-color: #494949;
    background-color: var(--chayns-color--305)
}

.chayns__color--305 {
    color: #494949;
    color: var(--chayns-color--305)
}

.chayns__border-color--305 {
    border-color: #494949;
    border-color: var(--chayns-color--305)
}

.chayns__background-color--305i {
    background-color: #494949 !important;
    background-color: var(--chayns-color--305) !important
}

.chayns__color--305i {
    color: #494949 !important;
    color: var(--chayns-color--305) !important
}

.chayns__border-color--305i {
    border-color: #494949 !important;
    border-color: var(--chayns-color--305) !important
}

.chayns__background-color--306 {
    background-color: #505050;
    background-color: var(--chayns-color--306)
}

.chayns__color--306 {
    color: #505050;
    color: var(--chayns-color--306)
}

.chayns__border-color--306 {
    border-color: #505050;
    border-color: var(--chayns-color--306)
}

.chayns__background-color--306i {
    background-color: #505050 !important;
    background-color: var(--chayns-color--306) !important
}

.chayns__color--306i {
    color: #505050 !important;
    color: var(--chayns-color--306) !important
}

.chayns__border-color--306i {
    border-color: #505050 !important;
    border-color: var(--chayns-color--306) !important
}

.chayns__background-color--307 {
    background-color: #585858;
    background-color: var(--chayns-color--307)
}

.chayns__color--307 {
    color: #585858;
    color: var(--chayns-color--307)
}

.chayns__border-color--307 {
    border-color: #585858;
    border-color: var(--chayns-color--307)
}

.chayns__background-color--307i {
    background-color: #585858 !important;
    background-color: var(--chayns-color--307) !important
}

.chayns__color--307i {
    color: #585858 !important;
    color: var(--chayns-color--307) !important
}

.chayns__border-color--307i {
    border-color: #585858 !important;
    border-color: var(--chayns-color--307) !important
}

.chayns__background-color--308 {
    background-color: #5f5f5f;
    background-color: var(--chayns-color--308)
}

.chayns__color--308 {
    color: #5f5f5f;
    color: var(--chayns-color--308)
}

.chayns__border-color--308 {
    border-color: #5f5f5f;
    border-color: var(--chayns-color--308)
}

.chayns__background-color--308i {
    background-color: #5f5f5f !important;
    background-color: var(--chayns-color--308) !important
}

.chayns__color--308i {
    color: #5f5f5f !important;
    color: var(--chayns-color--308) !important
}

.chayns__border-color--308i {
    border-color: #5f5f5f !important;
    border-color: var(--chayns-color--308) !important
}

.chayns__background-color--309 {
    background-color: #676767;
    background-color: var(--chayns-color--309)
}

.chayns__color--309 {
    color: #676767;
    color: var(--chayns-color--309)
}

.chayns__border-color--309 {
    border-color: #676767;
    border-color: var(--chayns-color--309)
}

.chayns__background-color--309i {
    background-color: #676767 !important;
    background-color: var(--chayns-color--309) !important
}

.chayns__color--309i {
    color: #676767 !important;
    color: var(--chayns-color--309) !important
}

.chayns__border-color--309i {
    border-color: #676767 !important;
    border-color: var(--chayns-color--309) !important
}

.chayns__background-color--400 {
    background-color: #fff;
    background-color: var(--chayns-color--400)
}

.chayns__color--400 {
    color: #fff;
    color: var(--chayns-color--400)
}

.chayns__border-color--400 {
    border-color: #fff;
    border-color: var(--chayns-color--400)
}

.chayns__background-color--400i {
    background-color: #fff !important;
    background-color: var(--chayns-color--400) !important
}

.chayns__color--400i {
    color: #fff !important;
    color: var(--chayns-color--400) !important
}

.chayns__border-color--400i {
    border-color: #fff !important;
    border-color: var(--chayns-color--400) !important
}

.chayns__background-color--401 {
    background-color: #f1f1f1;
    background-color: var(--chayns-color--401)
}

.chayns__color--401 {
    color: #f1f1f1;
    color: var(--chayns-color--401)
}

.chayns__border-color--401 {
    border-color: #f1f1f1;
    border-color: var(--chayns-color--401)
}

.chayns__background-color--401i {
    background-color: #f1f1f1 !important;
    background-color: var(--chayns-color--401) !important
}

.chayns__color--401i {
    color: #f1f1f1 !important;
    color: var(--chayns-color--401) !important
}

.chayns__border-color--401i {
    border-color: #f1f1f1 !important;
    border-color: var(--chayns-color--401) !important
}

.chayns__background-color--402 {
    background-color: #e2e2e2;
    background-color: var(--chayns-color--402)
}

.chayns__color--402 {
    color: #e2e2e2;
    color: var(--chayns-color--402)
}

.chayns__border-color--402 {
    border-color: #e2e2e2;
    border-color: var(--chayns-color--402)
}

.chayns__background-color--402i {
    background-color: #e2e2e2 !important;
    background-color: var(--chayns-color--402) !important
}

.chayns__color--402i {
    color: #e2e2e2 !important;
    color: var(--chayns-color--402) !important
}

.chayns__border-color--402i {
    border-color: #e2e2e2 !important;
    border-color: var(--chayns-color--402) !important
}

.chayns__background-color--403 {
    background-color: #d4d4d4;
    background-color: var(--chayns-color--403)
}

.chayns__color--403 {
    color: #d4d4d4;
    color: var(--chayns-color--403)
}

.chayns__border-color--403 {
    border-color: #d4d4d4;
    border-color: var(--chayns-color--403)
}

.chayns__background-color--403i {
    background-color: #d4d4d4 !important;
    background-color: var(--chayns-color--403) !important
}

.chayns__color--403i {
    color: #d4d4d4 !important;
    color: var(--chayns-color--403) !important
}

.chayns__border-color--403i {
    border-color: #d4d4d4 !important;
    border-color: var(--chayns-color--403) !important
}

.chayns__background-color--404 {
    background-color: #c5c5c5;
    background-color: var(--chayns-color--404)
}

.chayns__color--404 {
    color: #c5c5c5;
    color: var(--chayns-color--404)
}

.chayns__border-color--404 {
    border-color: #c5c5c5;
    border-color: var(--chayns-color--404)
}

.chayns__background-color--404i {
    background-color: #c5c5c5 !important;
    background-color: var(--chayns-color--404) !important
}

.chayns__color--404i {
    color: #c5c5c5 !important;
    color: var(--chayns-color--404) !important
}

.chayns__border-color--404i {
    border-color: #c5c5c5 !important;
    border-color: var(--chayns-color--404) !important
}

.chayns__background-color--405 {
    background-color: #b7b7b7;
    background-color: var(--chayns-color--405)
}

.chayns__color--405 {
    color: #b7b7b7;
    color: var(--chayns-color--405)
}

.chayns__border-color--405 {
    border-color: #b7b7b7;
    border-color: var(--chayns-color--405)
}

.chayns__background-color--405i {
    background-color: #b7b7b7 !important;
    background-color: var(--chayns-color--405) !important
}

.chayns__color--405i {
    color: #b7b7b7 !important;
    color: var(--chayns-color--405) !important
}

.chayns__border-color--405i {
    border-color: #b7b7b7 !important;
    border-color: var(--chayns-color--405) !important
}

.chayns__background-color--406 {
    background-color: #a8a8a8;
    background-color: var(--chayns-color--406)
}

.chayns__color--406 {
    color: #a8a8a8;
    color: var(--chayns-color--406)
}

.chayns__border-color--406 {
    border-color: #a8a8a8;
    border-color: var(--chayns-color--406)
}

.chayns__background-color--406i {
    background-color: #a8a8a8 !important;
    background-color: var(--chayns-color--406) !important
}

.chayns__color--406i {
    color: #a8a8a8 !important;
    color: var(--chayns-color--406) !important
}

.chayns__border-color--406i {
    border-color: #a8a8a8 !important;
    border-color: var(--chayns-color--406) !important
}

.chayns__background-color--407 {
    background-color: #9a9a9a;
    background-color: var(--chayns-color--407)
}

.chayns__color--407 {
    color: #9a9a9a;
    color: var(--chayns-color--407)
}

.chayns__border-color--407 {
    border-color: #9a9a9a;
    border-color: var(--chayns-color--407)
}

.chayns__background-color--407i {
    background-color: #9a9a9a !important;
    background-color: var(--chayns-color--407) !important
}

.chayns__color--407i {
    color: #9a9a9a !important;
    color: var(--chayns-color--407) !important
}

.chayns__border-color--407i {
    border-color: #9a9a9a !important;
    border-color: var(--chayns-color--407) !important
}

.chayns__background-color--408 {
    background-color: #8b8b8b;
    background-color: var(--chayns-color--408)
}

.chayns__color--408 {
    color: #8b8b8b;
    color: var(--chayns-color--408)
}

.chayns__border-color--408 {
    border-color: #8b8b8b;
    border-color: var(--chayns-color--408)
}

.chayns__background-color--408i {
    background-color: #8b8b8b !important;
    background-color: var(--chayns-color--408) !important
}

.chayns__color--408i {
    color: #8b8b8b !important;
    color: var(--chayns-color--408) !important
}

.chayns__border-color--408i {
    border-color: #8b8b8b !important;
    border-color: var(--chayns-color--408) !important
}

.chayns__background-color--409 {
    background-color: #7d7d7d;
    background-color: var(--chayns-color--409)
}

.chayns__color--409 {
    color: #7d7d7d;
    color: var(--chayns-color--409)
}

.chayns__border-color--409 {
    border-color: #7d7d7d;
    border-color: var(--chayns-color--409)
}

.chayns__background-color--409i {
    background-color: #7d7d7d !important;
    background-color: var(--chayns-color--409) !important
}

.chayns__color--409i {
    color: #7d7d7d !important;
    color: var(--chayns-color--409) !important
}

.chayns__border-color--409i {
    border-color: #7d7d7d !important;
    border-color: var(--chayns-color--409) !important
}

.chayns__background-color--secondary-100 {
    background-color: #fff;
    background-color: var(--chayns-color--secondary-100)
}

.chayns__color--secondary-100 {
    color: #fff;
    color: var(--chayns-color--secondary-100)
}

.chayns__border-color--secondary-100 {
    border-color: #fff;
    border-color: var(--chayns-color--secondary-100)
}

.chayns__background-color--secondary-100i {
    background-color: #fff !important;
    background-color: var(--chayns-color--secondary-100) !important
}

.chayns__color--secondary-100i {
    color: #fff !important;
    color: var(--chayns-color--secondary-100) !important
}

.chayns__border-color--secondary-100i {
    border-color: #fff !important;
    border-color: var(--chayns-color--secondary-100) !important
}

.chayns__background-color--secondary-101 {
    background-color: #f1f1f1;
    background-color: var(--chayns-color--secondary-101)
}

.chayns__color--secondary-101 {
    color: #f1f1f1;
    color: var(--chayns-color--secondary-101)
}

.chayns__border-color--secondary-101 {
    border-color: #f1f1f1;
    border-color: var(--chayns-color--secondary-101)
}

.chayns__background-color--secondary-101i {
    background-color: #f1f1f1 !important;
    background-color: var(--chayns-color--secondary-101) !important
}

.chayns__color--secondary-101i {
    color: #f1f1f1 !important;
    color: var(--chayns-color--secondary-101) !important
}

.chayns__border-color--secondary-101i {
    border-color: #f1f1f1 !important;
    border-color: var(--chayns-color--secondary-101) !important
}

.chayns__background-color--secondary-102 {
    background-color: #e2e2e2;
    background-color: var(--chayns-color--secondary-102)
}

.chayns__color--secondary-102 {
    color: #e2e2e2;
    color: var(--chayns-color--secondary-102)
}

.chayns__border-color--secondary-102 {
    border-color: #e2e2e2;
    border-color: var(--chayns-color--secondary-102)
}

.chayns__background-color--secondary-102i {
    background-color: #e2e2e2 !important;
    background-color: var(--chayns-color--secondary-102) !important
}

.chayns__color--secondary-102i {
    color: #e2e2e2 !important;
    color: var(--chayns-color--secondary-102) !important
}

.chayns__border-color--secondary-102i {
    border-color: #e2e2e2 !important;
    border-color: var(--chayns-color--secondary-102) !important
}

.chayns__background-color--secondary-103 {
    background-color: #d4d4d4;
    background-color: var(--chayns-color--secondary-103)
}

.chayns__color--secondary-103 {
    color: #d4d4d4;
    color: var(--chayns-color--secondary-103)
}

.chayns__border-color--secondary-103 {
    border-color: #d4d4d4;
    border-color: var(--chayns-color--secondary-103)
}

.chayns__background-color--secondary-103i {
    background-color: #d4d4d4 !important;
    background-color: var(--chayns-color--secondary-103) !important
}

.chayns__color--secondary-103i {
    color: #d4d4d4 !important;
    color: var(--chayns-color--secondary-103) !important
}

.chayns__border-color--secondary-103i {
    border-color: #d4d4d4 !important;
    border-color: var(--chayns-color--secondary-103) !important
}

.chayns__background-color--secondary-104 {
    background-color: #c5c5c5;
    background-color: var(--chayns-color--secondary-104)
}

.chayns__color--secondary-104 {
    color: #c5c5c5;
    color: var(--chayns-color--secondary-104)
}

.chayns__border-color--secondary-104 {
    border-color: #c5c5c5;
    border-color: var(--chayns-color--secondary-104)
}

.chayns__background-color--secondary-104i {
    background-color: #c5c5c5 !important;
    background-color: var(--chayns-color--secondary-104) !important
}

.chayns__color--secondary-104i {
    color: #c5c5c5 !important;
    color: var(--chayns-color--secondary-104) !important
}

.chayns__border-color--secondary-104i {
    border-color: #c5c5c5 !important;
    border-color: var(--chayns-color--secondary-104) !important
}

.chayns__background-color--secondary-105 {
    background-color: #b7b7b7;
    background-color: var(--chayns-color--secondary-105)
}

.chayns__color--secondary-105 {
    color: #b7b7b7;
    color: var(--chayns-color--secondary-105)
}

.chayns__border-color--secondary-105 {
    border-color: #b7b7b7;
    border-color: var(--chayns-color--secondary-105)
}

.chayns__background-color--secondary-105i {
    background-color: #b7b7b7 !important;
    background-color: var(--chayns-color--secondary-105) !important
}

.chayns__color--secondary-105i {
    color: #b7b7b7 !important;
    color: var(--chayns-color--secondary-105) !important
}

.chayns__border-color--secondary-105i {
    border-color: #b7b7b7 !important;
    border-color: var(--chayns-color--secondary-105) !important
}

.chayns__background-color--secondary-106 {
    background-color: #a8a8a8;
    background-color: var(--chayns-color--secondary-106)
}

.chayns__color--secondary-106 {
    color: #a8a8a8;
    color: var(--chayns-color--secondary-106)
}

.chayns__border-color--secondary-106 {
    border-color: #a8a8a8;
    border-color: var(--chayns-color--secondary-106)
}

.chayns__background-color--secondary-106i {
    background-color: #a8a8a8 !important;
    background-color: var(--chayns-color--secondary-106) !important
}

.chayns__color--secondary-106i {
    color: #a8a8a8 !important;
    color: var(--chayns-color--secondary-106) !important
}

.chayns__border-color--secondary-106i {
    border-color: #a8a8a8 !important;
    border-color: var(--chayns-color--secondary-106) !important
}

.chayns__background-color--secondary-107 {
    background-color: #9a9a9a;
    background-color: var(--chayns-color--secondary-107)
}

.chayns__color--secondary-107 {
    color: #9a9a9a;
    color: var(--chayns-color--secondary-107)
}

.chayns__border-color--secondary-107 {
    border-color: #9a9a9a;
    border-color: var(--chayns-color--secondary-107)
}

.chayns__background-color--secondary-107i {
    background-color: #9a9a9a !important;
    background-color: var(--chayns-color--secondary-107) !important
}

.chayns__color--secondary-107i {
    color: #9a9a9a !important;
    color: var(--chayns-color--secondary-107) !important
}

.chayns__border-color--secondary-107i {
    border-color: #9a9a9a !important;
    border-color: var(--chayns-color--secondary-107) !important
}

.chayns__background-color--secondary-108 {
    background-color: #8b8b8b;
    background-color: var(--chayns-color--secondary-108)
}

.chayns__color--secondary-108 {
    color: #8b8b8b;
    color: var(--chayns-color--secondary-108)
}

.chayns__border-color--secondary-108 {
    border-color: #8b8b8b;
    border-color: var(--chayns-color--secondary-108)
}

.chayns__background-color--secondary-108i {
    background-color: #8b8b8b !important;
    background-color: var(--chayns-color--secondary-108) !important
}

.chayns__color--secondary-108i {
    color: #8b8b8b !important;
    color: var(--chayns-color--secondary-108) !important
}

.chayns__border-color--secondary-108i {
    border-color: #8b8b8b !important;
    border-color: var(--chayns-color--secondary-108) !important
}

.chayns__background-color--secondary-109 {
    background-color: #7d7d7d;
    background-color: var(--chayns-color--secondary-109)
}

.chayns__color--secondary-109 {
    color: #7d7d7d;
    color: var(--chayns-color--secondary-109)
}

.chayns__border-color--secondary-109 {
    border-color: #7d7d7d;
    border-color: var(--chayns-color--secondary-109)
}

.chayns__background-color--secondary-109i {
    background-color: #7d7d7d !important;
    background-color: var(--chayns-color--secondary-109) !important
}

.chayns__color--secondary-109i {
    color: #7d7d7d !important;
    color: var(--chayns-color--secondary-109) !important
}

.chayns__border-color--secondary-109i {
    border-color: #7d7d7d !important;
    border-color: var(--chayns-color--secondary-109) !important
}

.chayns__background-color--secondary-200 {
    background-color: #e4e4e4;
    background-color: var(--chayns-color--secondary-200)
}

.chayns__color--secondary-200 {
    color: #e4e4e4;
    color: var(--chayns-color--secondary-200)
}

.chayns__border-color--secondary-200 {
    border-color: #e4e4e4;
    border-color: var(--chayns-color--secondary-200)
}

.chayns__background-color--secondary-200i {
    background-color: #e4e4e4 !important;
    background-color: var(--chayns-color--secondary-200) !important
}

.chayns__color--secondary-200i {
    color: #e4e4e4 !important;
    color: var(--chayns-color--secondary-200) !important
}

.chayns__border-color--secondary-200i {
    border-color: #e4e4e4 !important;
    border-color: var(--chayns-color--secondary-200) !important
}

.chayns__background-color--secondary-201 {
    background-color: #d8d8d8;
    background-color: var(--chayns-color--secondary-201)
}

.chayns__color--secondary-201 {
    color: #d8d8d8;
    color: var(--chayns-color--secondary-201)
}

.chayns__border-color--secondary-201 {
    border-color: #d8d8d8;
    border-color: var(--chayns-color--secondary-201)
}

.chayns__background-color--secondary-201i {
    background-color: #d8d8d8 !important;
    background-color: var(--chayns-color--secondary-201) !important
}

.chayns__color--secondary-201i {
    color: #d8d8d8 !important;
    color: var(--chayns-color--secondary-201) !important
}

.chayns__border-color--secondary-201i {
    border-color: #d8d8d8 !important;
    border-color: var(--chayns-color--secondary-201) !important
}

.chayns__background-color--secondary-202 {
    background-color: #ccc;
    background-color: var(--chayns-color--secondary-202)
}

.chayns__color--secondary-202 {
    color: #ccc;
    color: var(--chayns-color--secondary-202)
}

.chayns__border-color--secondary-202 {
    border-color: #ccc;
    border-color: var(--chayns-color--secondary-202)
}

.chayns__background-color--secondary-202i {
    background-color: #ccc !important;
    background-color: var(--chayns-color--secondary-202) !important
}

.chayns__color--secondary-202i {
    color: #ccc !important;
    color: var(--chayns-color--secondary-202) !important
}

.chayns__border-color--secondary-202i {
    border-color: #ccc !important;
    border-color: var(--chayns-color--secondary-202) !important
}

.chayns__background-color--secondary-203 {
    background-color: #c1c1c1;
    background-color: var(--chayns-color--secondary-203)
}

.chayns__color--secondary-203 {
    color: #c1c1c1;
    color: var(--chayns-color--secondary-203)
}

.chayns__border-color--secondary-203 {
    border-color: #c1c1c1;
    border-color: var(--chayns-color--secondary-203)
}

.chayns__background-color--secondary-203i {
    background-color: #c1c1c1 !important;
    background-color: var(--chayns-color--secondary-203) !important
}

.chayns__color--secondary-203i {
    color: #c1c1c1 !important;
    color: var(--chayns-color--secondary-203) !important
}

.chayns__border-color--secondary-203i {
    border-color: #c1c1c1 !important;
    border-color: var(--chayns-color--secondary-203) !important
}

.chayns__background-color--secondary-204 {
    background-color: #b5b5b5;
    background-color: var(--chayns-color--secondary-204)
}

.chayns__color--secondary-204 {
    color: #b5b5b5;
    color: var(--chayns-color--secondary-204)
}

.chayns__border-color--secondary-204 {
    border-color: #b5b5b5;
    border-color: var(--chayns-color--secondary-204)
}

.chayns__background-color--secondary-204i {
    background-color: #b5b5b5 !important;
    background-color: var(--chayns-color--secondary-204) !important
}

.chayns__color--secondary-204i {
    color: #b5b5b5 !important;
    color: var(--chayns-color--secondary-204) !important
}

.chayns__border-color--secondary-204i {
    border-color: #b5b5b5 !important;
    border-color: var(--chayns-color--secondary-204) !important
}

.chayns__background-color--secondary-205 {
    background-color: #a9a9a9;
    background-color: var(--chayns-color--secondary-205)
}

.chayns__color--secondary-205 {
    color: #a9a9a9;
    color: var(--chayns-color--secondary-205)
}

.chayns__border-color--secondary-205 {
    border-color: #a9a9a9;
    border-color: var(--chayns-color--secondary-205)
}

.chayns__background-color--secondary-205i {
    background-color: #a9a9a9 !important;
    background-color: var(--chayns-color--secondary-205) !important
}

.chayns__color--secondary-205i {
    color: #a9a9a9 !important;
    color: var(--chayns-color--secondary-205) !important
}

.chayns__border-color--secondary-205i {
    border-color: #a9a9a9 !important;
    border-color: var(--chayns-color--secondary-205) !important
}

.chayns__background-color--secondary-206 {
    background-color: #9d9d9d;
    background-color: var(--chayns-color--secondary-206)
}

.chayns__color--secondary-206 {
    color: #9d9d9d;
    color: var(--chayns-color--secondary-206)
}

.chayns__border-color--secondary-206 {
    border-color: #9d9d9d;
    border-color: var(--chayns-color--secondary-206)
}

.chayns__background-color--secondary-206i {
    background-color: #9d9d9d !important;
    background-color: var(--chayns-color--secondary-206) !important
}

.chayns__color--secondary-206i {
    color: #9d9d9d !important;
    color: var(--chayns-color--secondary-206) !important
}

.chayns__border-color--secondary-206i {
    border-color: #9d9d9d !important;
    border-color: var(--chayns-color--secondary-206) !important
}

.chayns__background-color--secondary-207 {
    background-color: #919191;
    background-color: var(--chayns-color--secondary-207)
}

.chayns__color--secondary-207 {
    color: #919191;
    color: var(--chayns-color--secondary-207)
}

.chayns__border-color--secondary-207 {
    border-color: #919191;
    border-color: var(--chayns-color--secondary-207)
}

.chayns__background-color--secondary-207i {
    background-color: #919191 !important;
    background-color: var(--chayns-color--secondary-207) !important
}

.chayns__color--secondary-207i {
    color: #919191 !important;
    color: var(--chayns-color--secondary-207) !important
}

.chayns__border-color--secondary-207i {
    border-color: #919191 !important;
    border-color: var(--chayns-color--secondary-207) !important
}

.chayns__background-color--secondary-208 {
    background-color: #868686;
    background-color: var(--chayns-color--secondary-208)
}

.chayns__color--secondary-208 {
    color: #868686;
    color: var(--chayns-color--secondary-208)
}

.chayns__border-color--secondary-208 {
    border-color: #868686;
    border-color: var(--chayns-color--secondary-208)
}

.chayns__background-color--secondary-208i {
    background-color: #868686 !important;
    background-color: var(--chayns-color--secondary-208) !important
}

.chayns__color--secondary-208i {
    color: #868686 !important;
    color: var(--chayns-color--secondary-208) !important
}

.chayns__border-color--secondary-208i {
    border-color: #868686 !important;
    border-color: var(--chayns-color--secondary-208) !important
}

.chayns__background-color--secondary-209 {
    background-color: #7a7a7a;
    background-color: var(--chayns-color--secondary-209)
}

.chayns__color--secondary-209 {
    color: #7a7a7a;
    color: var(--chayns-color--secondary-209)
}

.chayns__border-color--secondary-209 {
    border-color: #7a7a7a;
    border-color: var(--chayns-color--secondary-209)
}

.chayns__background-color--secondary-209i {
    background-color: #7a7a7a !important;
    background-color: var(--chayns-color--secondary-209) !important
}

.chayns__color--secondary-209i {
    color: #7a7a7a !important;
    color: var(--chayns-color--secondary-209) !important
}

.chayns__border-color--secondary-209i {
    border-color: #7a7a7a !important;
    border-color: var(--chayns-color--secondary-209) !important
}

.chayns__background-color--secondary-300 {
    background-color: #242424;
    background-color: var(--chayns-color--secondary-300)
}

.chayns__color--secondary-300 {
    color: #242424;
    color: var(--chayns-color--secondary-300)
}

.chayns__border-color--secondary-300 {
    border-color: #242424;
    border-color: var(--chayns-color--secondary-300)
}

.chayns__background-color--secondary-300i {
    background-color: #242424 !important;
    background-color: var(--chayns-color--secondary-300) !important
}

.chayns__color--secondary-300i {
    color: #242424 !important;
    color: var(--chayns-color--secondary-300) !important
}

.chayns__border-color--secondary-300i {
    border-color: #242424 !important;
    border-color: var(--chayns-color--secondary-300) !important
}

.chayns__background-color--secondary-301 {
    background-color: #2b2b2b;
    background-color: var(--chayns-color--secondary-301)
}

.chayns__color--secondary-301 {
    color: #2b2b2b;
    color: var(--chayns-color--secondary-301)
}

.chayns__border-color--secondary-301 {
    border-color: #2b2b2b;
    border-color: var(--chayns-color--secondary-301)
}

.chayns__background-color--secondary-301i {
    background-color: #2b2b2b !important;
    background-color: var(--chayns-color--secondary-301) !important
}

.chayns__color--secondary-301i {
    color: #2b2b2b !important;
    color: var(--chayns-color--secondary-301) !important
}

.chayns__border-color--secondary-301i {
    border-color: #2b2b2b !important;
    border-color: var(--chayns-color--secondary-301) !important
}

.chayns__background-color--secondary-302 {
    background-color: #333;
    background-color: var(--chayns-color--secondary-302)
}

.chayns__color--secondary-302 {
    color: #333;
    color: var(--chayns-color--secondary-302)
}

.chayns__border-color--secondary-302 {
    border-color: #333;
    border-color: var(--chayns-color--secondary-302)
}

.chayns__background-color--secondary-302i {
    background-color: #333 !important;
    background-color: var(--chayns-color--secondary-302) !important
}

.chayns__color--secondary-302i {
    color: #333 !important;
    color: var(--chayns-color--secondary-302) !important
}

.chayns__border-color--secondary-302i {
    border-color: #333 !important;
    border-color: var(--chayns-color--secondary-302) !important
}

.chayns__background-color--secondary-303 {
    background-color: #3a3a3a;
    background-color: var(--chayns-color--secondary-303)
}

.chayns__color--secondary-303 {
    color: #3a3a3a;
    color: var(--chayns-color--secondary-303)
}

.chayns__border-color--secondary-303 {
    border-color: #3a3a3a;
    border-color: var(--chayns-color--secondary-303)
}

.chayns__background-color--secondary-303i {
    background-color: #3a3a3a !important;
    background-color: var(--chayns-color--secondary-303) !important
}

.chayns__color--secondary-303i {
    color: #3a3a3a !important;
    color: var(--chayns-color--secondary-303) !important
}

.chayns__border-color--secondary-303i {
    border-color: #3a3a3a !important;
    border-color: var(--chayns-color--secondary-303) !important
}

.chayns__background-color--secondary-304 {
    background-color: #424242;
    background-color: var(--chayns-color--secondary-304)
}

.chayns__color--secondary-304 {
    color: #424242;
    color: var(--chayns-color--secondary-304)
}

.chayns__border-color--secondary-304 {
    border-color: #424242;
    border-color: var(--chayns-color--secondary-304)
}

.chayns__background-color--secondary-304i {
    background-color: #424242 !important;
    background-color: var(--chayns-color--secondary-304) !important
}

.chayns__color--secondary-304i {
    color: #424242 !important;
    color: var(--chayns-color--secondary-304) !important
}

.chayns__border-color--secondary-304i {
    border-color: #424242 !important;
    border-color: var(--chayns-color--secondary-304) !important
}

.chayns__background-color--secondary-305 {
    background-color: #494949;
    background-color: var(--chayns-color--secondary-305)
}

.chayns__color--secondary-305 {
    color: #494949;
    color: var(--chayns-color--secondary-305)
}

.chayns__border-color--secondary-305 {
    border-color: #494949;
    border-color: var(--chayns-color--secondary-305)
}

.chayns__background-color--secondary-305i {
    background-color: #494949 !important;
    background-color: var(--chayns-color--secondary-305) !important
}

.chayns__color--secondary-305i {
    color: #494949 !important;
    color: var(--chayns-color--secondary-305) !important
}

.chayns__border-color--secondary-305i {
    border-color: #494949 !important;
    border-color: var(--chayns-color--secondary-305) !important
}

.chayns__background-color--secondary-306 {
    background-color: #505050;
    background-color: var(--chayns-color--secondary-306)
}

.chayns__color--secondary-306 {
    color: #505050;
    color: var(--chayns-color--secondary-306)
}

.chayns__border-color--secondary-306 {
    border-color: #505050;
    border-color: var(--chayns-color--secondary-306)
}

.chayns__background-color--secondary-306i {
    background-color: #505050 !important;
    background-color: var(--chayns-color--secondary-306) !important
}

.chayns__color--secondary-306i {
    color: #505050 !important;
    color: var(--chayns-color--secondary-306) !important
}

.chayns__border-color--secondary-306i {
    border-color: #505050 !important;
    border-color: var(--chayns-color--secondary-306) !important
}

.chayns__background-color--secondary-307 {
    background-color: #585858;
    background-color: var(--chayns-color--secondary-307)
}

.chayns__color--secondary-307 {
    color: #585858;
    color: var(--chayns-color--secondary-307)
}

.chayns__border-color--secondary-307 {
    border-color: #585858;
    border-color: var(--chayns-color--secondary-307)
}

.chayns__background-color--secondary-307i {
    background-color: #585858 !important;
    background-color: var(--chayns-color--secondary-307) !important
}

.chayns__color--secondary-307i {
    color: #585858 !important;
    color: var(--chayns-color--secondary-307) !important
}

.chayns__border-color--secondary-307i {
    border-color: #585858 !important;
    border-color: var(--chayns-color--secondary-307) !important
}

.chayns__background-color--secondary-308 {
    background-color: #5f5f5f;
    background-color: var(--chayns-color--secondary-308)
}

.chayns__color--secondary-308 {
    color: #5f5f5f;
    color: var(--chayns-color--secondary-308)
}

.chayns__border-color--secondary-308 {
    border-color: #5f5f5f;
    border-color: var(--chayns-color--secondary-308)
}

.chayns__background-color--secondary-308i {
    background-color: #5f5f5f !important;
    background-color: var(--chayns-color--secondary-308) !important
}

.chayns__color--secondary-308i {
    color: #5f5f5f !important;
    color: var(--chayns-color--secondary-308) !important
}

.chayns__border-color--secondary-308i {
    border-color: #5f5f5f !important;
    border-color: var(--chayns-color--secondary-308) !important
}

.chayns__background-color--secondary-309 {
    background-color: #676767;
    background-color: var(--chayns-color--secondary-309)
}

.chayns__color--secondary-309 {
    color: #676767;
    color: var(--chayns-color--secondary-309)
}

.chayns__border-color--secondary-309 {
    border-color: #676767;
    border-color: var(--chayns-color--secondary-309)
}

.chayns__background-color--secondary-309i {
    background-color: #676767 !important;
    background-color: var(--chayns-color--secondary-309) !important
}

.chayns__color--secondary-309i {
    color: #676767 !important;
    color: var(--chayns-color--secondary-309) !important
}

.chayns__border-color--secondary-309i {
    border-color: #676767 !important;
    border-color: var(--chayns-color--secondary-309) !important
}

.chayns__background-color--secondary-400 {
    background-color: #fff;
    background-color: var(--chayns-color--secondary-400)
}

.chayns__color--secondary-400 {
    color: #fff;
    color: var(--chayns-color--secondary-400)
}

.chayns__border-color--secondary-400 {
    border-color: #fff;
    border-color: var(--chayns-color--secondary-400)
}

.chayns__background-color--secondary-400i {
    background-color: #fff !important;
    background-color: var(--chayns-color--secondary-400) !important
}

.chayns__color--secondary-400i {
    color: #fff !important;
    color: var(--chayns-color--secondary-400) !important
}

.chayns__border-color--secondary-400i {
    border-color: #fff !important;
    border-color: var(--chayns-color--secondary-400) !important
}

.chayns__background-color--secondary-401 {
    background-color: #f1f1f1;
    background-color: var(--chayns-color--secondary-401)
}

.chayns__color--secondary-401 {
    color: #f1f1f1;
    color: var(--chayns-color--secondary-401)
}

.chayns__border-color--secondary-401 {
    border-color: #f1f1f1;
    border-color: var(--chayns-color--secondary-401)
}

.chayns__background-color--secondary-401i {
    background-color: #f1f1f1 !important;
    background-color: var(--chayns-color--secondary-401) !important
}

.chayns__color--secondary-401i {
    color: #f1f1f1 !important;
    color: var(--chayns-color--secondary-401) !important
}

.chayns__border-color--secondary-401i {
    border-color: #f1f1f1 !important;
    border-color: var(--chayns-color--secondary-401) !important
}

.chayns__background-color--secondary-402 {
    background-color: #e2e2e2;
    background-color: var(--chayns-color--secondary-402)
}

.chayns__color--secondary-402 {
    color: #e2e2e2;
    color: var(--chayns-color--secondary-402)
}

.chayns__border-color--secondary-402 {
    border-color: #e2e2e2;
    border-color: var(--chayns-color--secondary-402)
}

.chayns__background-color--secondary-402i {
    background-color: #e2e2e2 !important;
    background-color: var(--chayns-color--secondary-402) !important
}

.chayns__color--secondary-402i {
    color: #e2e2e2 !important;
    color: var(--chayns-color--secondary-402) !important
}

.chayns__border-color--secondary-402i {
    border-color: #e2e2e2 !important;
    border-color: var(--chayns-color--secondary-402) !important
}

.chayns__background-color--secondary-403 {
    background-color: #d4d4d4;
    background-color: var(--chayns-color--secondary-403)
}

.chayns__color--secondary-403 {
    color: #d4d4d4;
    color: var(--chayns-color--secondary-403)
}

.chayns__border-color--secondary-403 {
    border-color: #d4d4d4;
    border-color: var(--chayns-color--secondary-403)
}

.chayns__background-color--secondary-403i {
    background-color: #d4d4d4 !important;
    background-color: var(--chayns-color--secondary-403) !important
}

.chayns__color--secondary-403i {
    color: #d4d4d4 !important;
    color: var(--chayns-color--secondary-403) !important
}

.chayns__border-color--secondary-403i {
    border-color: #d4d4d4 !important;
    border-color: var(--chayns-color--secondary-403) !important
}

.chayns__background-color--secondary-404 {
    background-color: #c5c5c5;
    background-color: var(--chayns-color--secondary-404)
}

.chayns__color--secondary-404 {
    color: #c5c5c5;
    color: var(--chayns-color--secondary-404)
}

.chayns__border-color--secondary-404 {
    border-color: #c5c5c5;
    border-color: var(--chayns-color--secondary-404)
}

.chayns__background-color--secondary-404i {
    background-color: #c5c5c5 !important;
    background-color: var(--chayns-color--secondary-404) !important
}

.chayns__color--secondary-404i {
    color: #c5c5c5 !important;
    color: var(--chayns-color--secondary-404) !important
}

.chayns__border-color--secondary-404i {
    border-color: #c5c5c5 !important;
    border-color: var(--chayns-color--secondary-404) !important
}

.chayns__background-color--secondary-405 {
    background-color: #b7b7b7;
    background-color: var(--chayns-color--secondary-405)
}

.chayns__color--secondary-405 {
    color: #b7b7b7;
    color: var(--chayns-color--secondary-405)
}

.chayns__border-color--secondary-405 {
    border-color: #b7b7b7;
    border-color: var(--chayns-color--secondary-405)
}

.chayns__background-color--secondary-405i {
    background-color: #b7b7b7 !important;
    background-color: var(--chayns-color--secondary-405) !important
}

.chayns__color--secondary-405i {
    color: #b7b7b7 !important;
    color: var(--chayns-color--secondary-405) !important
}

.chayns__border-color--secondary-405i {
    border-color: #b7b7b7 !important;
    border-color: var(--chayns-color--secondary-405) !important
}

.chayns__background-color--secondary-406 {
    background-color: #a8a8a8;
    background-color: var(--chayns-color--secondary-406)
}

.chayns__color--secondary-406 {
    color: #a8a8a8;
    color: var(--chayns-color--secondary-406)
}

.chayns__border-color--secondary-406 {
    border-color: #a8a8a8;
    border-color: var(--chayns-color--secondary-406)
}

.chayns__background-color--secondary-406i {
    background-color: #a8a8a8 !important;
    background-color: var(--chayns-color--secondary-406) !important
}

.chayns__color--secondary-406i {
    color: #a8a8a8 !important;
    color: var(--chayns-color--secondary-406) !important
}

.chayns__border-color--secondary-406i {
    border-color: #a8a8a8 !important;
    border-color: var(--chayns-color--secondary-406) !important
}

.chayns__background-color--secondary-407 {
    background-color: #9a9a9a;
    background-color: var(--chayns-color--secondary-407)
}

.chayns__color--secondary-407 {
    color: #9a9a9a;
    color: var(--chayns-color--secondary-407)
}

.chayns__border-color--secondary-407 {
    border-color: #9a9a9a;
    border-color: var(--chayns-color--secondary-407)
}

.chayns__background-color--secondary-407i {
    background-color: #9a9a9a !important;
    background-color: var(--chayns-color--secondary-407) !important
}

.chayns__color--secondary-407i {
    color: #9a9a9a !important;
    color: var(--chayns-color--secondary-407) !important
}

.chayns__border-color--secondary-407i {
    border-color: #9a9a9a !important;
    border-color: var(--chayns-color--secondary-407) !important
}

.chayns__background-color--secondary-408 {
    background-color: #8b8b8b;
    background-color: var(--chayns-color--secondary-408)
}

.chayns__color--secondary-408 {
    color: #8b8b8b;
    color: var(--chayns-color--secondary-408)
}

.chayns__border-color--secondary-408 {
    border-color: #8b8b8b;
    border-color: var(--chayns-color--secondary-408)
}

.chayns__background-color--secondary-408i {
    background-color: #8b8b8b !important;
    background-color: var(--chayns-color--secondary-408) !important
}

.chayns__color--secondary-408i {
    color: #8b8b8b !important;
    color: var(--chayns-color--secondary-408) !important
}

.chayns__border-color--secondary-408i {
    border-color: #8b8b8b !important;
    border-color: var(--chayns-color--secondary-408) !important
}

.chayns__background-color--secondary-409 {
    background-color: #7d7d7d;
    background-color: var(--chayns-color--secondary-409)
}

.chayns__color--secondary-409 {
    color: #7d7d7d;
    color: var(--chayns-color--secondary-409)
}

.chayns__border-color--secondary-409 {
    border-color: #7d7d7d;
    border-color: var(--chayns-color--secondary-409)
}

.chayns__background-color--secondary-409i {
    background-color: #7d7d7d !important;
    background-color: var(--chayns-color--secondary-409) !important
}

.chayns__color--secondary-409i {
    color: #7d7d7d !important;
    color: var(--chayns-color--secondary-409) !important
}

.chayns__border-color--secondary-409i {
    border-color: #7d7d7d !important;
    border-color: var(--chayns-color--secondary-409) !important
}

.chayns__background-color--primary {
    background-color: #6E6E6E;
    background-color: var(--chayns-color--primary)
}

.chayns__color--primary {
    color: #6E6E6E;
    color: var(--chayns-color--primary)
}

.chayns__border-color--primary {
    border-color: #6E6E6E;
    border-color: var(--chayns-color--primary)
}

.chayns__background-color--primaryi {
    background-color: #6E6E6E !important;
    background-color: var(--chayns-color--primary) !important
}

.chayns__color--primaryi {
    color: #6E6E6E !important;
    color: var(--chayns-color--primary) !important
}

.chayns__border-color--primaryi {
    border-color: #6E6E6E !important;
    border-color: var(--chayns-color--primary) !important
}

.chayns__background-color--secondary {
    background-color: #6E6E6E;
    background-color: var(--chayns-color--secondary)
}

.chayns__color--secondary {
    color: #6E6E6E;
    color: var(--chayns-color--secondary)
}

.chayns__border-color--secondary {
    border-color: #6E6E6E;
    border-color: var(--chayns-color--secondary)
}

.chayns__background-color--secondaryi {
    background-color: #6E6E6E !important;
    background-color: var(--chayns-color--secondary) !important
}

.chayns__color--secondaryi {
    color: #6E6E6E !important;
    color: var(--chayns-color--secondary) !important
}

.chayns__border-color--secondaryi {
    border-color: #6E6E6E !important;
    border-color: var(--chayns-color--secondary) !important
}

.chayns__background-color--headline {
    background-color: #6E6E6E;
    background-color: var(--chayns-color--headline)
}

.chayns__color--headline {
    color: #6E6E6E;
    color: var(--chayns-color--headline)
}

.chayns__border-color--headline {
    border-color: #6E6E6E;
    border-color: var(--chayns-color--headline)
}

.chayns__background-color--headlinei {
    background-color: #6E6E6E !important;
    background-color: var(--chayns-color--headline) !important
}

.chayns__color--headlinei {
    color: #6E6E6E !important;
    color: var(--chayns-color--headline) !important
}

.chayns__border-color--headlinei {
    border-color: #6E6E6E !important;
    border-color: var(--chayns-color--headline) !important
}

.chayns__background-color--headline-1 {
    background-color: #6E6E6E;
    background-color: var(--chayns-color--headline-1)
}

.chayns__color--headline-1 {
    color: #6E6E6E;
    color: var(--chayns-color--headline-1)
}

.chayns__border-color--headline-1 {
    border-color: #6E6E6E;
    border-color: var(--chayns-color--headline-1)
}

.chayns__background-color--headline-1i {
    background-color: #6E6E6E !important;
    background-color: var(--chayns-color--headline-1) !important
}

.chayns__color--headline-1i {
    color: #6E6E6E !important;
    color: var(--chayns-color--headline-1) !important
}

.chayns__border-color--headline-1i {
    border-color: #6E6E6E !important;
    border-color: var(--chayns-color--headline-1) !important
}

.chayns__background-color--headline-2 {
    background-color: #6E6E6E;
    background-color: var(--chayns-color--headline-2)
}

.chayns__color--headline-2 {
    color: #6E6E6E;
    color: var(--chayns-color--headline-2)
}

.chayns__border-color--headline-2 {
    border-color: #6E6E6E;
    border-color: var(--chayns-color--headline-2)
}

.chayns__background-color--headline-2i {
    background-color: #6E6E6E !important;
    background-color: var(--chayns-color--headline-2) !important
}

.chayns__color--headline-2i {
    color: #6E6E6E !important;
    color: var(--chayns-color--headline-2) !important
}

.chayns__border-color--headline-2i {
    border-color: #6E6E6E !important;
    border-color: var(--chayns-color--headline-2) !important
}

.chayns__background-color--headline-3 {
    background-color: #6E6E6E;
    background-color: var(--chayns-color--headline-3)
}

.chayns__color--headline-3 {
    color: #6E6E6E;
    color: var(--chayns-color--headline-3)
}

.chayns__border-color--headline-3 {
    border-color: #6E6E6E;
    border-color: var(--chayns-color--headline-3)
}

.chayns__background-color--headline-3i {
    background-color: #6E6E6E !important;
    background-color: var(--chayns-color--headline-3) !important
}

.chayns__color--headline-3i {
    color: #6E6E6E !important;
    color: var(--chayns-color--headline-3) !important
}

.chayns__border-color--headline-3i {
    border-color: #6E6E6E !important;
    border-color: var(--chayns-color--headline-3) !important
}

.chayns__background-color--headline-4 {
    background-color: #6E6E6E;
    background-color: var(--chayns-color--headline-4)
}

.chayns__color--headline-4 {
    color: #6E6E6E;
    color: var(--chayns-color--headline-4)
}

.chayns__border-color--headline-4 {
    border-color: #6E6E6E;
    border-color: var(--chayns-color--headline-4)
}

.chayns__background-color--headline-4i {
    background-color: #6E6E6E !important;
    background-color: var(--chayns-color--headline-4) !important
}

.chayns__color--headline-4i {
    color: #6E6E6E !important;
    color: var(--chayns-color--headline-4) !important
}

.chayns__border-color--headline-4i {
    border-color: #6E6E6E !important;
    border-color: var(--chayns-color--headline-4) !important
}

.chayns__background-color--headline-5 {
    background-color: #6E6E6E;
    background-color: var(--chayns-color--headline-5)
}

.chayns__color--headline-5 {
    color: #6E6E6E;
    color: var(--chayns-color--headline-5)
}

.chayns__border-color--headline-5 {
    border-color: #6E6E6E;
    border-color: var(--chayns-color--headline-5)
}

.chayns__background-color--headline-5i {
    background-color: #6E6E6E !important;
    background-color: var(--chayns-color--headline-5) !important
}

.chayns__color--headline-5i {
    color: #6E6E6E !important;
    color: var(--chayns-color--headline-5) !important
}

.chayns__border-color--headline-5i {
    border-color: #6E6E6E !important;
    border-color: var(--chayns-color--headline-5) !important
}

.chayns__background-color--text {
    background-color: #222;
    background-color: var(--chayns-color--text)
}

.chayns__color--text {
    color: #222;
    color: var(--chayns-color--text)
}

.chayns__border-color--text {
    border-color: #222;
    border-color: var(--chayns-color--text)
}

.chayns__background-color--texti {
    background-color: #222 !important;
    background-color: var(--chayns-color--text) !important
}

.chayns__color--texti {
    color: #222 !important;
    color: var(--chayns-color--text) !important
}

.chayns__border-color--texti {
    border-color: #222 !important;
    border-color: var(--chayns-color--text) !important
}

.chayns__background-color--footer {
    background-color: gray;
    background-color: var(--chayns-color--footer)
}

.chayns__color--footer {
    color: gray;
    color: var(--chayns-color--footer)
}

.chayns__border-color--footer {
    border-color: gray;
    border-color: var(--chayns-color--footer)
}

.chayns__background-color--footeri {
    background-color: gray !important;
    background-color: var(--chayns-color--footer) !important
}

.chayns__color--footeri {
    color: gray !important;
    color: var(--chayns-color--footer) !important
}

.chayns__border-color--footeri {
    border-color: gray !important;
    border-color: var(--chayns-color--footer) !important
}

.chayns__background-color--header-bar {
    background-color: #6E6E6E;
    background-color: var(--chayns-color--header-bar)
}

.chayns__color--header-bar {
    color: #6E6E6E;
    color: var(--chayns-color--header-bar)
}

.chayns__border-color--header-bar {
    border-color: #6E6E6E;
    border-color: var(--chayns-color--header-bar)
}

.chayns__background-color--header-bari {
    background-color: #6E6E6E !important;
    background-color: var(--chayns-color--header-bar) !important
}

.chayns__color--header-bari {
    color: #6E6E6E !important;
    color: var(--chayns-color--header-bar) !important
}

.chayns__border-color--header-bari {
    border-color: #6E6E6E !important;
    border-color: var(--chayns-color--header-bar) !important
}

.chayns__background-color--cw-background {
    background-color: #f1f1f1;
    background-color: var(--chayns-color--cw-background)
}

.chayns__color--cw-background {
    color: #f1f1f1;
    color: var(--chayns-color--cw-background)
}

.chayns__border-color--cw-background {
    border-color: #f1f1f1;
    border-color: var(--chayns-color--cw-background)
}

.chayns__background-color--cw-backgroundi {
    background-color: #f1f1f1 !important;
    background-color: var(--chayns-color--cw-background) !important
}

.chayns__color--cw-backgroundi {
    color: #f1f1f1 !important;
    color: var(--chayns-color--cw-background) !important
}

.chayns__border-color--cw-backgroundi {
    border-color: #f1f1f1 !important;
    border-color: var(--chayns-color--cw-background) !important
}

.chayns__background-color--cw-body-background {
    background-color: #f1f1f1;
    background-color: var(--chayns-color--cw-body-background)
}

.chayns__color--cw-body-background {
    color: #f1f1f1;
    color: var(--chayns-color--cw-body-background)
}

.chayns__border-color--cw-body-background {
    border-color: #f1f1f1;
    border-color: var(--chayns-color--cw-body-background)
}

.chayns__background-color--cw-body-backgroundi {
    background-color: #f1f1f1 !important;
    background-color: var(--chayns-color--cw-body-background) !important
}

.chayns__color--cw-body-backgroundi {
    color: #f1f1f1 !important;
    color: var(--chayns-color--cw-body-background) !important
}

.chayns__border-color--cw-body-backgroundi {
    border-color: #f1f1f1 !important;
    border-color: var(--chayns-color--cw-body-background) !important
}

.chayns__background-color--depend-on-brightness {
    background-color: #a8a8a8;
    background-color: var(--chayns-color--depend-on-brightness)
}

.chayns__color--depend-on-brightness {
    color: #a8a8a8;
    color: var(--chayns-color--depend-on-brightness)
}

.chayns__border-color--depend-on-brightness {
    border-color: #a8a8a8;
    border-color: var(--chayns-color--depend-on-brightness)
}

.chayns__background-color--depend-on-brightnessi {
    background-color: #a8a8a8 !important;
    background-color: var(--chayns-color--depend-on-brightness) !important
}

.chayns__color--depend-on-brightnessi {
    color: #a8a8a8 !important;
    color: var(--chayns-color--depend-on-brightness) !important
}

.chayns__border-color--depend-on-brightnessi {
    border-color: #a8a8a8 !important;
    border-color: var(--chayns-color--depend-on-brightness) !important
}

.chayns__background-color--red {
    background-color: #976464;
    background-color: var(--chayns-color--red)
}

.chayns__color--red {
    color: #976464;
    color: var(--chayns-color--red)
}

.chayns__border-color--red {
    border-color: #976464;
    border-color: var(--chayns-color--red)
}

.chayns__background-color--redi {
    background-color: #976464 !important;
    background-color: var(--chayns-color--red) !important
}

.chayns__color--redi {
    color: #976464 !important;
    color: var(--chayns-color--red) !important
}

.chayns__border-color--redi {
    border-color: #976464 !important;
    border-color: var(--chayns-color--red) !important
}

.chayns__background-color--green {
    background-color: #349044;
    background-color: var(--chayns-color--green)
}

.chayns__color--green {
    color: #349044;
    color: var(--chayns-color--green)
}

.chayns__border-color--green {
    border-color: #349044;
    border-color: var(--chayns-color--green)
}

.chayns__background-color--greeni {
    background-color: #349044 !important;
    background-color: var(--chayns-color--green) !important
}

.chayns__color--greeni {
    color: #349044 !important;
    color: var(--chayns-color--green) !important
}

.chayns__border-color--greeni {
    border-color: #349044 !important;
    border-color: var(--chayns-color--green) !important
}

.chayns__background-color--wrong {
    background-color: #96060B;
    background-color: var(--chayns-color--wrong)
}

.chayns__color--wrong {
    color: #96060B;
    color: var(--chayns-color--wrong)
}

.chayns__border-color--wrong {
    border-color: #96060B;
    border-color: var(--chayns-color--wrong)
}

.chayns__background-color--wrongi {
    background-color: #96060B !important;
    background-color: var(--chayns-color--wrong) !important
}

.chayns__color--wrongi {
    color: #96060B !important;
    color: var(--chayns-color--wrong) !important
}

.chayns__border-color--wrongi {
    border-color: #96060B !important;
    border-color: var(--chayns-color--wrong) !important
}

.chayns__background-color--red-1 {
    background-color: #5a0303;
    background-color: var(--chayns-color--red-1)
}

.chayns__color--red-1 {
    color: #5a0303;
    color: var(--chayns-color--red-1)
}

.chayns__border-color--red-1 {
    border-color: #5a0303;
    border-color: var(--chayns-color--red-1)
}

.chayns__background-color--red-1i {
    background-color: #5a0303 !important;
    background-color: var(--chayns-color--red-1) !important
}

.chayns__color--red-1i {
    color: #5a0303 !important;
    color: var(--chayns-color--red-1) !important
}

.chayns__border-color--red-1i {
    border-color: #5a0303 !important;
    border-color: var(--chayns-color--red-1) !important
}

.chayns__background-color--red-2 {
    background-color: #96060b;
    background-color: var(--chayns-color--red-2)
}

.chayns__color--red-2 {
    color: #96060b;
    color: var(--chayns-color--red-2)
}

.chayns__border-color--red-2 {
    border-color: #96060b;
    border-color: var(--chayns-color--red-2)
}

.chayns__background-color--red-2i {
    background-color: #96060b !important;
    background-color: var(--chayns-color--red-2) !important
}

.chayns__color--red-2i {
    color: #96060b !important;
    color: var(--chayns-color--red-2) !important
}

.chayns__border-color--red-2i {
    border-color: #96060b !important;
    border-color: var(--chayns-color--red-2) !important
}

.chayns__background-color--red-3 {
    background-color: #ca8181;
    background-color: var(--chayns-color--red-3)
}

.chayns__color--red-3 {
    color: #ca8181;
    color: var(--chayns-color--red-3)
}

.chayns__border-color--red-3 {
    border-color: #ca8181;
    border-color: var(--chayns-color--red-3)
}

.chayns__background-color--red-3i {
    background-color: #ca8181 !important;
    background-color: var(--chayns-color--red-3) !important
}

.chayns__color--red-3i {
    color: #ca8181 !important;
    color: var(--chayns-color--red-3) !important
}

.chayns__border-color--red-3i {
    border-color: #ca8181 !important;
    border-color: var(--chayns-color--red-3) !important
}

.chayns__background-color--red-4 {
    background-color: #e9cccc;
    background-color: var(--chayns-color--red-4)
}

.chayns__color--red-4 {
    color: #e9cccc;
    color: var(--chayns-color--red-4)
}

.chayns__border-color--red-4 {
    border-color: #e9cccc;
    border-color: var(--chayns-color--red-4)
}

.chayns__background-color--red-4i {
    background-color: #e9cccc !important;
    background-color: var(--chayns-color--red-4) !important
}

.chayns__color--red-4i {
    color: #e9cccc !important;
    color: var(--chayns-color--red-4) !important
}

.chayns__border-color--red-4i {
    border-color: #e9cccc !important;
    border-color: var(--chayns-color--red-4) !important
}

.chayns__background-color--yellow-1 {
    background-color: #9F5F00;
    background-color: var(--chayns-color--yellow-1)
}

.chayns__color--yellow-1 {
    color: #9F5F00;
    color: var(--chayns-color--yellow-1)
}

.chayns__border-color--yellow-1 {
    border-color: #9F5F00;
    border-color: var(--chayns-color--yellow-1)
}

.chayns__background-color--yellow-1i {
    background-color: #9F5F00 !important;
    background-color: var(--chayns-color--yellow-1) !important
}

.chayns__color--yellow-1i {
    color: #9F5F00 !important;
    color: var(--chayns-color--yellow-1) !important
}

.chayns__border-color--yellow-1i {
    border-color: #9F5F00 !important;
    border-color: var(--chayns-color--yellow-1) !important
}

.chayns__background-color--yellow-2 {
    background-color: #FF9800;
    background-color: var(--chayns-color--yellow-2)
}

.chayns__color--yellow-2 {
    color: #FF9800;
    color: var(--chayns-color--yellow-2)
}

.chayns__border-color--yellow-2 {
    border-color: #FF9800;
    border-color: var(--chayns-color--yellow-2)
}

.chayns__background-color--yellow-2i {
    background-color: #FF9800 !important;
    background-color: var(--chayns-color--yellow-2) !important
}

.chayns__color--yellow-2i {
    color: #FF9800 !important;
    color: var(--chayns-color--yellow-2) !important
}

.chayns__border-color--yellow-2i {
    border-color: #FF9800 !important;
    border-color: var(--chayns-color--yellow-2) !important
}

.chayns__background-color--yellow-3 {
    background-color: #FFB74D;
    background-color: var(--chayns-color--yellow-3)
}

.chayns__color--yellow-3 {
    color: #FFB74D;
    color: var(--chayns-color--yellow-3)
}

.chayns__border-color--yellow-3 {
    border-color: #FFB74D;
    border-color: var(--chayns-color--yellow-3)
}

.chayns__background-color--yellow-3i {
    background-color: #FFB74D !important;
    background-color: var(--chayns-color--yellow-3) !important
}

.chayns__color--yellow-3i {
    color: #FFB74D !important;
    color: var(--chayns-color--yellow-3) !important
}

.chayns__border-color--yellow-3i {
    border-color: #FFB74D !important;
    border-color: var(--chayns-color--yellow-3) !important
}

.chayns__background-color--yellow-4 {
    background-color: #FFF3E0;
    background-color: var(--chayns-color--yellow-4)
}

.chayns__color--yellow-4 {
    color: #FFF3E0;
    color: var(--chayns-color--yellow-4)
}

.chayns__border-color--yellow-4 {
    border-color: #FFF3E0;
    border-color: var(--chayns-color--yellow-4)
}

.chayns__background-color--yellow-4i {
    background-color: #FFF3E0 !important;
    background-color: var(--chayns-color--yellow-4) !important
}

.chayns__color--yellow-4i {
    color: #FFF3E0 !important;
    color: var(--chayns-color--yellow-4) !important
}

.chayns__border-color--yellow-4i {
    border-color: #FFF3E0 !important;
    border-color: var(--chayns-color--yellow-4) !important
}

.chayns__background-color--green-1 {
    background-color: #074709;
    background-color: var(--chayns-color--green-1)
}

.chayns__color--green-1 {
    color: #074709;
    color: var(--chayns-color--green-1)
}

.chayns__border-color--green-1 {
    border-color: #074709;
    border-color: var(--chayns-color--green-1)
}

.chayns__background-color--green-1i {
    background-color: #074709 !important;
    background-color: var(--chayns-color--green-1) !important
}

.chayns__color--green-1i {
    color: #074709 !important;
    color: var(--chayns-color--green-1) !important
}

.chayns__border-color--green-1i {
    border-color: #074709 !important;
    border-color: var(--chayns-color--green-1) !important
}

.chayns__background-color--green-2 {
    background-color: #0e7710;
    background-color: var(--chayns-color--green-2)
}

.chayns__color--green-2 {
    color: #0e7710;
    color: var(--chayns-color--green-2)
}

.chayns__border-color--green-2 {
    border-color: #0e7710;
    border-color: var(--chayns-color--green-2)
}

.chayns__background-color--green-2i {
    background-color: #0e7710 !important;
    background-color: var(--chayns-color--green-2) !important
}

.chayns__color--green-2i {
    color: #0e7710 !important;
    color: var(--chayns-color--green-2) !important
}

.chayns__border-color--green-2i {
    border-color: #0e7710 !important;
    border-color: var(--chayns-color--green-2) !important
}

.chayns__background-color--green-3 {
    background-color: #85ba87;
    background-color: var(--chayns-color--green-3)
}

.chayns__color--green-3 {
    color: #85ba87;
    color: var(--chayns-color--green-3)
}

.chayns__border-color--green-3 {
    border-color: #85ba87;
    border-color: var(--chayns-color--green-3)
}

.chayns__background-color--green-3i {
    background-color: #85ba87 !important;
    background-color: var(--chayns-color--green-3) !important
}

.chayns__color--green-3i {
    color: #85ba87 !important;
    color: var(--chayns-color--green-3) !important
}

.chayns__border-color--green-3i {
    border-color: #85ba87 !important;
    border-color: var(--chayns-color--green-3) !important
}

.chayns__background-color--green-4 {
    background-color: #cde3ce;
    background-color: var(--chayns-color--green-4)
}

.chayns__color--green-4 {
    color: #cde3ce;
    color: var(--chayns-color--green-4)
}

.chayns__border-color--green-4 {
    border-color: #cde3ce;
    border-color: var(--chayns-color--green-4)
}

.chayns__background-color--green-4i {
    background-color: #cde3ce !important;
    background-color: var(--chayns-color--green-4) !important
}

.chayns__color--green-4i {
    color: #cde3ce !important;
    color: var(--chayns-color--green-4) !important
}

.chayns__border-color--green-4i {
    border-color: #cde3ce !important;
    border-color: var(--chayns-color--green-4) !important
}

.chayns__background-color--white-1 {
    background-color: #f8f8f8
}

.chayns__color--white-1 {
    color: #f8f8f8
}

.chayns__border-color--white-1 {
    border-color: #f8f8f8
}

.chayns__background-color--white-2 {
    background-color: #e2e2e2
}

.chayns__color--white-2 {
    color: #e2e2e2
}

.chayns__border-color--white-2 {
    border-color: #e2e2e2
}

.chayns__background-color--white-3 {
    background-color: #c5c5c5
}

.chayns__color--white-3 {
    color: #c5c5c5
}

.chayns__border-color--white-3 {
    border-color: #c5c5c5
}

.chayns__background-color--white-4 {
    background-color: #a8a8a8
}

.chayns__color--white-4 {
    color: #a8a8a8
}

.chayns__border-color--white-4 {
    border-color: #a8a8a8
}

.chayns__background-color--white-5 {
    background-color: #8b8b8b
}

.chayns__color--white-5 {
    color: #8b8b8b
}

.chayns__border-color--white-5 {
    border-color: #8b8b8b
}

.chayns__background-color--white-6 {
    background-color: #7d7d7d
}

.chayns__color--white-6 {
    color: #7d7d7d
}

.chayns__border-color--white-6 {
    border-color: #7d7d7d
}

.chayns__background-color--light-1 {
    background-color: #737373
}

.chayns__color--light-1 {
    color: #737373
}

.chayns__border-color--light-1 {
    border-color: #737373
}

.chayns__background-color--light-2 {
    background-color: #777
}

.chayns__color--light-2 {
    color: #777
}

.chayns__border-color--light-2 {
    border-color: #777
}

.chayns__background-color--light-3 {
    background-color: #7b7b7b
}

.chayns__color--light-3 {
    color: #7b7b7b
}

.chayns__border-color--light-3 {
    border-color: #7b7b7b
}

.chayns__background-color--light-4 {
    background-color: #7d7d7d
}

.chayns__color--light-4 {
    color: #7d7d7d
}

.chayns__border-color--light-4 {
    border-color: #7d7d7d
}

.chayns__background-color--medium-1 {
    background-color: #585858
}

.chayns__color--medium-1 {
    color: #585858
}

.chayns__border-color--medium-1 {
    border-color: #585858
}

.chayns__background-color--medium-2 {
    background-color: #424242
}

.chayns__color--medium-2 {
    color: #424242
}

.chayns__border-color--medium-2 {
    border-color: #424242
}

.chayns__background-color--medium-3 {
    background-color: #2f2f2f
}

.chayns__color--medium-3 {
    color: #2f2f2f
}

.chayns__border-color--medium-3 {
    border-color: #2f2f2f
}

.chayns__background-color--medium-4 {
    background-color: #262626
}

.chayns__color--medium-4 {
    color: #262626
}

.chayns__border-color--medium-4 {
    border-color: #262626
}

.chayns__background-color--dark-1 {
    background-color: #363636
}

.chayns__color--dark-1 {
    color: #363636
}

.chayns__border-color--dark-1 {
    border-color: #363636
}

.chayns__background-color--dark-2 {
    background-color: #1e1e1e
}

.chayns__color--dark-2 {
    color: #1e1e1e
}

.chayns__border-color--dark-2 {
    border-color: #1e1e1e
}

.chayns__background-color--dark-3 {
    background-color: #131313
}

.chayns__color--dark-3 {
    color: #131313
}

.chayns__border-color--dark-3 {
    border-color: #131313
}

.chayns__background-color--shade-1 {
    background-color: #fff
}

.chayns__color--shade-1 {
    color: #fff
}

.chayns__border-color--shade-1 {
    border-color: #fff
}

.chayns__background-color--shade-2 {
    background-color: #f1f1f1
}

.chayns__color--shade-2 {
    color: #f1f1f1
}

.chayns__border-color--shade-2 {
    border-color: #f1f1f1
}

.chayns__background-color--shade-3 {
    background-color: #dbdbdb
}

.chayns__color--shade-3 {
    color: #dbdbdb
}

.chayns__border-color--shade-3 {
    border-color: #dbdbdb
}

.chayns__background-color--shade-4 {
    background-color: #b7b7b7
}

.chayns__color--shade-4 {
    color: #b7b7b7
}

.chayns__border-color--shade-4 {
    border-color: #b7b7b7
}

.chayns__background-color--shade-5 {
    background-color: #777
}

.chayns__color--shade-5 {
    color: #777
}

.chayns__border-color--shade-5 {
    border-color: #777
}

.chayns__background-color--shade-6 {
    background-color: #474747
}

.chayns__color--shade-6 {
    color: #474747
}

.chayns__border-color--shade-6 {
    border-color: #474747
}

.chayns__background-color--shade-7 {
    background-color: #222
}

.chayns__color--shade-7 {
    color: #222
}

.chayns__border-color--shade-7 {
    border-color: #222
}

.chayns__background-color--shade-8 {
    background-color: #000
}

.chayns__color--shade-8 {
    color: #000
}

.chayns__border-color--shade-8 {
    border-color: #000
}

:root {
    font-family: "Roboto", "Tahoma";
    line-height: 1.65;
    font-size: 15px;
    --font-size: 15px;
    --base-font-size: 15px;
    font-size: var(--base-font-size, 15px)
}

.default-font-size {
    font-size: 15px;
    --font-size: 15px
}

.chayns__font-size--1px {
    font-size: 1px !important;
    --font-size: 1px
}

.chayns__font-size--2px {
    font-size: 2px !important;
    --font-size: 2px
}

.chayns__font-size--3px {
    font-size: 3px !important;
    --font-size: 3px
}

.chayns__font-size--4px {
    font-size: 4px !important;
    --font-size: 4px
}

.chayns__font-size--5px {
    font-size: 5px !important;
    --font-size: 5px
}

.chayns__font-size--6px {
    font-size: 6px !important;
    --font-size: 6px
}

.chayns__font-size--7px {
    font-size: 7px !important;
    --font-size: 7px
}

.chayns__font-size--8px {
    font-size: 8px !important;
    --font-size: 8px
}

.chayns__font-size--9px {
    font-size: 9px !important;
    --font-size: 9px
}

.chayns__font-size--10px {
    font-size: 10px !important;
    --font-size: 10px
}

.chayns__font-size--11px {
    font-size: 11px !important;
    --font-size: 11px
}

.chayns__font-size--12px {
    font-size: 12px !important;
    --font-size: 12px
}

.chayns__font-size--13px {
    font-size: 13px !important;
    --font-size: 13px
}

.chayns__font-size--14px {
    font-size: 14px !important;
    --font-size: 14px
}

.chayns__font-size--15px {
    font-size: 15px !important;
    --font-size: 15px
}

.chayns__font-size--16px {
    font-size: 16px !important;
    --font-size: 16px
}

.chayns__font-size--17px {
    font-size: 17px !important;
    --font-size: 17px
}

.chayns__font-size--18px {
    font-size: 18px !important;
    --font-size: 18px
}

.chayns__font-size--19px {
    font-size: 19px !important;
    --font-size: 19px
}

.chayns__font-size--20px {
    font-size: 20px !important;
    --font-size: 20px
}

.chayns__font-size--21px {
    font-size: 21px !important;
    --font-size: 21px
}

.chayns__font-size--22px {
    font-size: 22px !important;
    --font-size: 22px
}

.chayns__font-size--23px {
    font-size: 23px !important;
    --font-size: 23px
}

.chayns__font-size--24px {
    font-size: 24px !important;
    --font-size: 24px
}

.chayns__font-size--25px {
    font-size: 25px !important;
    --font-size: 25px
}

.chayns__font-size--26px {
    font-size: 26px !important;
    --font-size: 26px
}

.chayns__font-size--27px {
    font-size: 27px !important;
    --font-size: 27px
}

.chayns__font-size--28px {
    font-size: 28px !important;
    --font-size: 28px
}

.chayns__font-size--29px {
    font-size: 29px !important;
    --font-size: 29px
}

.chayns__font-size--30px {
    font-size: 30px !important;
    --font-size: 30px
}

.chayns__font-size--31px {
    font-size: 31px !important;
    --font-size: 31px
}

.chayns__font-size--32px {
    font-size: 32px !important;
    --font-size: 32px
}

.chayns__font-size--33px {
    font-size: 33px !important;
    --font-size: 33px
}

.chayns__font-size--34px {
    font-size: 34px !important;
    --font-size: 34px
}

.chayns__font-size--35px {
    font-size: 35px !important;
    --font-size: 35px
}

.chayns__font-size--36px {
    font-size: 36px !important;
    --font-size: 36px
}

.chayns__font-size--37px {
    font-size: 37px !important;
    --font-size: 37px
}

.chayns__font-size--38px {
    font-size: 38px !important;
    --font-size: 38px
}

.chayns__font-size--39px {
    font-size: 39px !important;
    --font-size: 39px
}

.chayns__font-size--40px {
    font-size: 40px !important;
    --font-size: 40px
}

.chayns__font-size--41px {
    font-size: 41px !important;
    --font-size: 41px
}

.chayns__font-size--42px {
    font-size: 42px !important;
    --font-size: 42px
}

.chayns__font-size--43px {
    font-size: 43px !important;
    --font-size: 43px
}

.chayns__font-size--44px {
    font-size: 44px !important;
    --font-size: 44px
}

.chayns__font-size--45px {
    font-size: 45px !important;
    --font-size: 45px
}

.chayns__font-size--46px {
    font-size: 46px !important;
    --font-size: 46px
}

.chayns__font-size--47px {
    font-size: 47px !important;
    --font-size: 47px
}

.chayns__font-size--48px {
    font-size: 48px !important;
    --font-size: 48px
}

.chayns__font-size--49px {
    font-size: 49px !important;
    --font-size: 49px
}

.chayns__font-size--50px {
    font-size: 50px !important;
    --font-size: 50px
}

.chayns__font-size--51px {
    font-size: 51px !important;
    --font-size: 51px
}

.chayns__font-size--52px {
    font-size: 52px !important;
    --font-size: 52px
}

.chayns__font-size--53px {
    font-size: 53px !important;
    --font-size: 53px
}

.chayns__font-size--54px {
    font-size: 54px !important;
    --font-size: 54px
}

.chayns__font-size--55px {
    font-size: 55px !important;
    --font-size: 55px
}

.chayns__font-size--56px {
    font-size: 56px !important;
    --font-size: 56px
}

.chayns__font-size--57px {
    font-size: 57px !important;
    --font-size: 57px
}

.chayns__font-size--58px {
    font-size: 58px !important;
    --font-size: 58px
}

.chayns__font-size--59px {
    font-size: 59px !important;
    --font-size: 59px
}

.chayns__font-size--60px {
    font-size: 60px !important;
    --font-size: 60px
}

.chayns__font-size--61px {
    font-size: 61px !important;
    --font-size: 61px
}

.chayns__font-size--62px {
    font-size: 62px !important;
    --font-size: 62px
}

.chayns__font-size--63px {
    font-size: 63px !important;
    --font-size: 63px
}

.chayns__font-size--64px {
    font-size: 64px !important;
    --font-size: 64px
}

.chayns__font-size--65px {
    font-size: 65px !important;
    --font-size: 65px
}

.chayns__font-size--66px {
    font-size: 66px !important;
    --font-size: 66px
}

.chayns__font-size--67px {
    font-size: 67px !important;
    --font-size: 67px
}

.chayns__font-size--68px {
    font-size: 68px !important;
    --font-size: 68px
}

.chayns__font-size--69px {
    font-size: 69px !important;
    --font-size: 69px
}

.chayns__font-size--70px {
    font-size: 70px !important;
    --font-size: 70px
}

.chayns__font-size--71px {
    font-size: 71px !important;
    --font-size: 71px
}

.chayns__font-size--72px {
    font-size: 72px !important;
    --font-size: 72px
}

.chayns__font-size--73px {
    font-size: 73px !important;
    --font-size: 73px
}

.chayns__font-size--74px {
    font-size: 74px !important;
    --font-size: 74px
}

.chayns__font-size--75px {
    font-size: 75px !important;
    --font-size: 75px
}

.chayns__font-size--76px {
    font-size: 76px !important;
    --font-size: 76px
}

.chayns__font-size--77px {
    font-size: 77px !important;
    --font-size: 77px
}

.chayns__font-size--78px {
    font-size: 78px !important;
    --font-size: 78px
}

.chayns__font-size--79px {
    font-size: 79px !important;
    --font-size: 79px
}

.chayns__font-size--80px {
    font-size: 80px !important;
    --font-size: 80px
}

.chayns__font-size--81px {
    font-size: 81px !important;
    --font-size: 81px
}

.chayns__font-size--82px {
    font-size: 82px !important;
    --font-size: 82px
}

.chayns__font-size--83px {
    font-size: 83px !important;
    --font-size: 83px
}

.chayns__font-size--84px {
    font-size: 84px !important;
    --font-size: 84px
}

.chayns__font-size--85px {
    font-size: 85px !important;
    --font-size: 85px
}

.chayns__font-size--86px {
    font-size: 86px !important;
    --font-size: 86px
}

.chayns__font-size--87px {
    font-size: 87px !important;
    --font-size: 87px
}

.chayns__font-size--88px {
    font-size: 88px !important;
    --font-size: 88px
}

.chayns__font-size--89px {
    font-size: 89px !important;
    --font-size: 89px
}

.chayns__font-size--90px {
    font-size: 90px !important;
    --font-size: 90px
}

.chayns__font-size--91px {
    font-size: 91px !important;
    --font-size: 91px
}

.chayns__font-size--92px {
    font-size: 92px !important;
    --font-size: 92px
}

.chayns__font-size--93px {
    font-size: 93px !important;
    --font-size: 93px
}

.chayns__font-size--94px {
    font-size: 94px !important;
    --font-size: 94px
}

.chayns__font-size--95px {
    font-size: 95px !important;
    --font-size: 95px
}

.chayns__font-size--96px {
    font-size: 96px !important;
    --font-size: 96px
}

html {
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision
}

p, .paragraph {
    margin-bottom: 8px
}

p:last-child {
    margin-bottom: 0
}

a {
    color: currentColor;
    cursor: pointer;
    text-decoration: none
}

a:not(.no-link-style) {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(34, 34, 34, 0.4);
    border-bottom-color: rgba(var(--chayns-color-rgb--text), .4)
}

a:hover, a:active, a:focus {
    opacity: 0.75
}

::-moz-selection {
    color: #FFFFFF;
    background-color: #a8a8a8;
    background-color: var(--chayns-color--depend-on-brightness)
}

::selection {
    color: #FFFFFF;
    background-color: #a8a8a8;
    background-color: var(--chayns-color--depend-on-brightness)
}

::-moz-selection {
    color: #FFFFFF;
    background-color: #a8a8a8;
    background-color: var(--chayns-color--depend-on-brightness)
}

.chayns--noSelection {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

html {
    --chayns-color-rgb: 110, 110, 110;
    --chayns-bg-rgb: 255, 255, 255;
    --chayns-color--000: #fff;
    --chayns-color-rgb--000: 255, 255, 255;
    --chayns-color--001: #f7f7f7;
    --chayns-color-rgb--001: 247, 247, 247;
    --chayns-color--002: #e6e6e6;
    --chayns-color-rgb--002: 230, 230, 230;
    --chayns-color--003: #bfbfbf;
    --chayns-color-rgb--003: 191, 191, 191;
    --chayns-color--004: #999;
    --chayns-color-rgb--004: 153, 153, 153;
    --chayns-color--005: gray;
    --chayns-color-rgb--005: 128, 128, 128;
    --chayns-color--006: #666;
    --chayns-color-rgb--006: 102, 102, 102;
    --chayns-color--007: #404040;
    --chayns-color-rgb--007: 64, 64, 64;
    --chayns-color--008: #1a1a1a;
    --chayns-color-rgb--008: 26, 26, 26;
    --chayns-color--009: #000;
    --chayns-color-rgb--009: 0, 0, 0;
    --chayns-color--100: #fff;
    --chayns-color-rgb--100: 255, 255, 255;
    --chayns-color--101: #f1f1f1;
    --chayns-color-rgb--101: 241, 241, 241;
    --chayns-color--102: #e2e2e2;
    --chayns-color-rgb--102: 226, 226, 226;
    --chayns-color--103: #d4d4d4;
    --chayns-color-rgb--103: 212, 212, 212;
    --chayns-color--104: #c5c5c5;
    --chayns-color-rgb--104: 197, 197, 197;
    --chayns-color--105: #b7b7b7;
    --chayns-color-rgb--105: 183, 183, 183;
    --chayns-color--106: #a8a8a8;
    --chayns-color-rgb--106: 168, 168, 168;
    --chayns-color--107: #9a9a9a;
    --chayns-color-rgb--107: 154, 154, 154;
    --chayns-color--108: #8b8b8b;
    --chayns-color-rgb--108: 139, 139, 139;
    --chayns-color--109: #7d7d7d;
    --chayns-color-rgb--109: 125, 125, 125;
    --chayns-color--200: #e4e4e4;
    --chayns-color-rgb--200: 228, 228, 228;
    --chayns-color--201: #d8d8d8;
    --chayns-color-rgb--201: 216, 216, 216;
    --chayns-color--202: #ccc;
    --chayns-color-rgb--202: 204, 204, 204;
    --chayns-color--203: #c1c1c1;
    --chayns-color-rgb--203: 193, 193, 193;
    --chayns-color--204: #b5b5b5;
    --chayns-color-rgb--204: 181, 181, 181;
    --chayns-color--205: #a9a9a9;
    --chayns-color-rgb--205: 169, 169, 169;
    --chayns-color--206: #9d9d9d;
    --chayns-color-rgb--206: 157, 157, 157;
    --chayns-color--207: #919191;
    --chayns-color-rgb--207: 145, 145, 145;
    --chayns-color--208: #868686;
    --chayns-color-rgb--208: 134, 134, 134;
    --chayns-color--209: #7a7a7a;
    --chayns-color-rgb--209: 122, 122, 122;
    --chayns-color--300: #242424;
    --chayns-color-rgb--300: 36, 36, 36;
    --chayns-color--301: #2b2b2b;
    --chayns-color-rgb--301: 43, 43, 43;
    --chayns-color--302: #333;
    --chayns-color-rgb--302: 51, 51, 51;
    --chayns-color--303: #3a3a3a;
    --chayns-color-rgb--303: 58, 58, 58;
    --chayns-color--304: #424242;
    --chayns-color-rgb--304: 66, 66, 66;
    --chayns-color--305: #494949;
    --chayns-color-rgb--305: 73, 73, 73;
    --chayns-color--306: #505050;
    --chayns-color-rgb--306: 80, 80, 80;
    --chayns-color--307: #585858;
    --chayns-color-rgb--307: 88, 88, 88;
    --chayns-color--308: #5f5f5f;
    --chayns-color-rgb--308: 95, 95, 95;
    --chayns-color--309: #676767;
    --chayns-color-rgb--309: 103, 103, 103;
    --chayns-color--400: #fff;
    --chayns-color-rgb--400: 255, 255, 255;
    --chayns-color--401: #f1f1f1;
    --chayns-color-rgb--401: 241, 241, 241;
    --chayns-color--402: #e2e2e2;
    --chayns-color-rgb--402: 226, 226, 226;
    --chayns-color--403: #d4d4d4;
    --chayns-color-rgb--403: 212, 212, 212;
    --chayns-color--404: #c5c5c5;
    --chayns-color-rgb--404: 197, 197, 197;
    --chayns-color--405: #b7b7b7;
    --chayns-color-rgb--405: 183, 183, 183;
    --chayns-color--406: #a8a8a8;
    --chayns-color-rgb--406: 168, 168, 168;
    --chayns-color--407: #9a9a9a;
    --chayns-color-rgb--407: 154, 154, 154;
    --chayns-color--408: #8b8b8b;
    --chayns-color-rgb--408: 139, 139, 139;
    --chayns-color--409: #7d7d7d;
    --chayns-color-rgb--409: 125, 125, 125;
    --chayns-color--secondary-100: #fff;
    --chayns-color-rgb--secondary-100: 255, 255, 255;
    --chayns-color--secondary-101: #f1f1f1;
    --chayns-color-rgb--secondary-101: 241, 241, 241;
    --chayns-color--secondary-102: #e2e2e2;
    --chayns-color-rgb--secondary-102: 226, 226, 226;
    --chayns-color--secondary-103: #d4d4d4;
    --chayns-color-rgb--secondary-103: 212, 212, 212;
    --chayns-color--secondary-104: #c5c5c5;
    --chayns-color-rgb--secondary-104: 197, 197, 197;
    --chayns-color--secondary-105: #b7b7b7;
    --chayns-color-rgb--secondary-105: 183, 183, 183;
    --chayns-color--secondary-106: #a8a8a8;
    --chayns-color-rgb--secondary-106: 168, 168, 168;
    --chayns-color--secondary-107: #9a9a9a;
    --chayns-color-rgb--secondary-107: 154, 154, 154;
    --chayns-color--secondary-108: #8b8b8b;
    --chayns-color-rgb--secondary-108: 139, 139, 139;
    --chayns-color--secondary-109: #7d7d7d;
    --chayns-color-rgb--secondary-109: 125, 125, 125;
    --chayns-color--secondary-200: #e4e4e4;
    --chayns-color-rgb--secondary-200: 228, 228, 228;
    --chayns-color--secondary-201: #d8d8d8;
    --chayns-color-rgb--secondary-201: 216, 216, 216;
    --chayns-color--secondary-202: #ccc;
    --chayns-color-rgb--secondary-202: 204, 204, 204;
    --chayns-color--secondary-203: #c1c1c1;
    --chayns-color-rgb--secondary-203: 193, 193, 193;
    --chayns-color--secondary-204: #b5b5b5;
    --chayns-color-rgb--secondary-204: 181, 181, 181;
    --chayns-color--secondary-205: #a9a9a9;
    --chayns-color-rgb--secondary-205: 169, 169, 169;
    --chayns-color--secondary-206: #9d9d9d;
    --chayns-color-rgb--secondary-206: 157, 157, 157;
    --chayns-color--secondary-207: #919191;
    --chayns-color-rgb--secondary-207: 145, 145, 145;
    --chayns-color--secondary-208: #868686;
    --chayns-color-rgb--secondary-208: 134, 134, 134;
    --chayns-color--secondary-209: #7a7a7a;
    --chayns-color-rgb--secondary-209: 122, 122, 122;
    --chayns-color--secondary-300: #242424;
    --chayns-color-rgb--secondary-300: 36, 36, 36;
    --chayns-color--secondary-301: #2b2b2b;
    --chayns-color-rgb--secondary-301: 43, 43, 43;
    --chayns-color--secondary-302: #333;
    --chayns-color-rgb--secondary-302: 51, 51, 51;
    --chayns-color--secondary-303: #3a3a3a;
    --chayns-color-rgb--secondary-303: 58, 58, 58;
    --chayns-color--secondary-304: #424242;
    --chayns-color-rgb--secondary-304: 66, 66, 66;
    --chayns-color--secondary-305: #494949;
    --chayns-color-rgb--secondary-305: 73, 73, 73;
    --chayns-color--secondary-306: #505050;
    --chayns-color-rgb--secondary-306: 80, 80, 80;
    --chayns-color--secondary-307: #585858;
    --chayns-color-rgb--secondary-307: 88, 88, 88;
    --chayns-color--secondary-308: #5f5f5f;
    --chayns-color-rgb--secondary-308: 95, 95, 95;
    --chayns-color--secondary-309: #676767;
    --chayns-color-rgb--secondary-309: 103, 103, 103;
    --chayns-color--secondary-400: #fff;
    --chayns-color-rgb--secondary-400: 255, 255, 255;
    --chayns-color--secondary-401: #f1f1f1;
    --chayns-color-rgb--secondary-401: 241, 241, 241;
    --chayns-color--secondary-402: #e2e2e2;
    --chayns-color-rgb--secondary-402: 226, 226, 226;
    --chayns-color--secondary-403: #d4d4d4;
    --chayns-color-rgb--secondary-403: 212, 212, 212;
    --chayns-color--secondary-404: #c5c5c5;
    --chayns-color-rgb--secondary-404: 197, 197, 197;
    --chayns-color--secondary-405: #b7b7b7;
    --chayns-color-rgb--secondary-405: 183, 183, 183;
    --chayns-color--secondary-406: #a8a8a8;
    --chayns-color-rgb--secondary-406: 168, 168, 168;
    --chayns-color--secondary-407: #9a9a9a;
    --chayns-color-rgb--secondary-407: 154, 154, 154;
    --chayns-color--secondary-408: #8b8b8b;
    --chayns-color-rgb--secondary-408: 139, 139, 139;
    --chayns-color--secondary-409: #7d7d7d;
    --chayns-color-rgb--secondary-409: 125, 125, 125;
    --chayns-color--primary: #6E6E6E;
    --chayns-color-rgb--primary: 110, 110, 110;
    --chayns-color--secondary: #6E6E6E;
    --chayns-color-rgb--secondary: 110, 110, 110;
    --chayns-color--headline: #6E6E6E;
    --chayns-color-rgb--headline: 110, 110, 110;
    --chayns-color--headline-1: #6E6E6E;
    --chayns-color-rgb--headline-1: 110, 110, 110;
    --chayns-color--headline-2: #6E6E6E;
    --chayns-color-rgb--headline-2: 110, 110, 110;
    --chayns-color--headline-3: #6E6E6E;
    --chayns-color-rgb--headline-3: 110, 110, 110;
    --chayns-color--headline-4: #6E6E6E;
    --chayns-color-rgb--headline-4: 110, 110, 110;
    --chayns-color--headline-5: #6E6E6E;
    --chayns-color-rgb--headline-5: 110, 110, 110;
    --chayns-color--text: #222;
    --chayns-color-rgb--text: 34, 34, 34;
    --chayns-color--footer: gray;
    --chayns-color-rgb--footer: 128, 128, 128;
    --chayns-color--header-bar: #6E6E6E;
    --chayns-color-rgb--header-bar: 110, 110, 110;
    --chayns-color--cw-background: #f1f1f1;
    --chayns-color-rgb--cw-background: 241, 241, 241;
    --chayns-color--cw-body-background: #f1f1f1;
    --chayns-color-rgb--cw-body-background: 241, 241, 241;
    --chayns-color--depend-on-brightness: #a8a8a8;
    --chayns-color-rgb--depend-on-brightness: 168, 168, 168;
    --chayns-color--red: #976464;
    --chayns-color-rgb--red: 151, 100, 100;
    --chayns-color--green: #349044;
    --chayns-color-rgb--green: 52, 144, 68;
    --chayns-color--wrong: #96060B;
    --chayns-color-rgb--wrong: 150, 6, 11;
    --chayns-color--red-1: #5a0303;
    --chayns-color-rgb--red-1: 90, 3, 3;
    --chayns-color--red-2: #96060b;
    --chayns-color-rgb--red-2: 150, 6, 11;
    --chayns-color--red-3: #ca8181;
    --chayns-color-rgb--red-3: 202, 129, 129;
    --chayns-color--red-4: #e9cccc;
    --chayns-color-rgb--red-4: 233, 204, 204;
    --chayns-color--yellow-1: #9F5F00;
    --chayns-color-rgb--yellow-1: 159, 95, 0;
    --chayns-color--yellow-2: #FF9800;
    --chayns-color-rgb--yellow-2: 255, 152, 0;
    --chayns-color--yellow-3: #FFB74D;
    --chayns-color-rgb--yellow-3: 255, 183, 77;
    --chayns-color--yellow-4: #FFF3E0;
    --chayns-color-rgb--yellow-4: 255, 243, 224;
    --chayns-color--green-1: #074709;
    --chayns-color-rgb--green-1: 7, 71, 9;
    --chayns-color--green-2: #0e7710;
    --chayns-color-rgb--green-2: 14, 119, 16;
    --chayns-color--green-3: #85ba87;
    --chayns-color-rgb--green-3: 133, 186, 135;
    --chayns-color--green-4: #cde3ce;
    --chayns-color-rgb--green-4: 205, 227, 206
}

.input-group {
    position: relative;
    display: flex;
    align-items: center
}

.input-group--disabled {
    opacity: 0.6;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.input-group__icon {
    position: absolute;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    opacity: .0;
    pointer-events: none;
    cursor: pointer;
    transition: all .4s
}

.input-group.labelRight label, .input-group input:focus + label {
    overflow: hidden
}

.input-group.labelRight label::after, .input-group input:focus + label::after {
    width: 0 !important
}

.input-group.labelRight label .space, .input-group input:focus + label .space {
    margin-right: 10px;
    transition: margin-right 0ms 500ms
}

.chayns--app .input-group.labelRight label, .chayns--app .input-group input:focus + label {
    opacity: 0
}

.input-group.labelRight label.labelIcon, .input-group input:focus + label.labelIcon {
    opacity: 0 !important
}

.input-group .space {
    visibility: hidden;
    white-space: pre
}

.input-group input.input + label {
    line-height: 1.15
}

.input-group textarea.input + label {
    line-height: 1.65
}

.input-group input, .input-group textarea {
    display: inline-block
}

.input-group input.input, .input-group textarea.input {
    width: 100%
}

.input-group input.input + label, .input-group textarea.input + label {
    position: absolute;
    text-align: right;
    margin: 6px 1px;
    left: 0;
    top: 0;
    right: 0;
    white-space: nowrap;
    color: rgba(34, 34, 34, 0.45);
    color: rgba(var(--chayns-color-rgb--text), .45);
    transition: opacity 150ms ease-in-out;
    pointer-events: none;
    transition: left 0.4s ease-out, right 0.4s ease-out, opacity 0.4s ease-out;
    opacity: 1;
    font-family: inherit;
    font-size: 100%;
    display: inline-flex;
    justify-content: flex-end
}

.input-group input.input + label::after, .input-group textarea.input + label::after {
    content: " ";
    width: 100%;
    flex-shrink: 100000;
    transition: width 0.4s ease-out
}

.input-group input.input + label div, .input-group textarea.input + label div {
    display: inline-block
}

.input-group input.input[validate]:not(.valid) + label, .input-group textarea.input[validate]:not(.valid) + label {
    color: #96060B !important;
    color: var(--chayns-color--wrong) !important;
    font-weight: 700
}

.chayns-browser--edge .input-group input.input + label, .chayns-browser--edge .input-group textarea.input + label {
    font-size: 100%
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input.input:-webkit-autofill {
    -webkit-text-fill-color: var(--chayns-color--text);
    -webkit-background-clip: text;
    caret-color: var(--chayns-color--text)
}

.input {
    cursor: text;
    -webkit-user-modify: read-write-plaintext-only;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    padding: 5px 1px;
    font-weight: 300;
    box-shadow: none;
    border-radius: 0;
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom-color: rgba(110, 110, 110, 0.45);
    border-bottom-color: rgba(var(--chayns-color-rgb--headline), .45);
    color: #222;
    color: var(--chayns-color--text);
    transition: border-color 0.4s, color 0.4s, font-weight 0.4s
}

.input::-webkit-input-placeholder {
    color: rgba(34, 34, 34, 0.45);
    color: rgba(var(--chayns-color-rgb--text), .45);
    -webkit-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out
}

.input:-ms-input-placeholder {
    color: rgba(34, 34, 34, 0.45);
    color: rgba(var(--chayns-color-rgb--text), .45);
    -ms-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out
}

.input:-moz-placeholder {
    color: rgba(34, 34, 34, 0.45);
    color: rgba(var(--chayns-color-rgb--text), .45);
    -moz-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out
}

.input::-moz-placeholder {
    color: rgba(34, 34, 34, 0.45);
    color: rgba(var(--chayns-color-rgb--text), .45);
    -moz-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out
}

.input[validate]:not(.valid), .input--invalid {
    color: #96060B !important;
    color: var(--chayns-color--wrong) !important;
    font-weight: 700
}

.input[validate]:not(.valid)::-webkit-input-placeholder, .input--invalid::-webkit-input-placeholder {
    color: #96060B !important;
    color: var(--chayns-color--wrong) !important;
    font-weight: 700
}

.input[validate]:not(.valid):-ms-input-placeholder, .input--invalid:-ms-input-placeholder {
    color: #96060B !important;
    color: var(--chayns-color--wrong) !important;
    font-weight: 700
}

.input[validate]:not(.valid):-moz-placeholder, .input--invalid:-moz-placeholder {
    color: #96060B !important;
    color: var(--chayns-color--wrong) !important;
    font-weight: 700
}

.input[validate]:not(.valid)::-moz-placeholder, .input--invalid::-moz-placeholder {
    color: #96060B !important;
    color: var(--chayns-color--wrong) !important;
    font-weight: 700
}

.input:focus::-webkit-input-placeholder {
    opacity: 0
}

.input:focus:-ms-input-placeholder {
    opacity: 0
}

.input:focus:-moz-placeholder {
    opacity: 0
}

.input:focus::-moz-placeholder {
    opacity: 0
}

.input::-ms-clear {
    display: none
}

.input:not(.input--border-design):focus {
    border-bottom-color: rgba(110, 110, 110, 0.9);
    border-bottom-color: rgba(var(--chayns-color-rgb--headline), .9)
}

.input--disabled {
    opacity: 0.6;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.input--invalid {
    color: #96060B !important;
    color: var(--chayns-color--wrong) !important;
    font-weight: 700
}

.input__input-wrapper {
    position: relative;
    width: 100%;
    flex: 1 0
}

.input--dynamic.input--label-right label, .input--dynamic input:focus + label, .input--dynamic input:-webkit-autofill + label {
    visibility: visible;
    overflow: hidden
}

.input--dynamic.input--label-right label::after, .input--dynamic input:focus + label::after, .input--dynamic input:-webkit-autofill + label::after {
    width: 0
}

.input--dynamic.input--label-right label .space, .input--dynamic input:focus + label .space, .input--dynamic input:-webkit-autofill + label .space {
    margin-right: 10px;
    -webkit-transition: margin-right 0ms 500ms;
    transition: margin-right 0ms 500ms
}

.input--dynamic .space {
    visibility: hidden;
    white-space: pre
}

.input--bottom-dynamic.input--label-right label, .input--bottom-dynamic input:-webkit-autofill + label {
    visibility: visible;
    overflow: hidden;
    top: calc(100% - 7px);
    bottom: -7px;
    right: -6px;
    font-size: 9px
}

.input--bottom-dynamic.input--label-right label:after, .input--bottom-dynamic input:-webkit-autofill + label:after {
    width: 0
}

.input--bottom-dynamic::after {
    display: none
}

.input--bottom-dynamic.input--border-design--invalid input {
    color: #222 !important;
    color: var(--chayns-color--text) !important;
    font-weight: normal
}

.input--bottom-dynamic .space {
    display: none
}

.input--border-design {
    border: 1px solid rgba(160, 160, 160, 0.3);
    color: #666;
    color: rgba(var(--chayns-color-rgb--006), 1);
    background-color: #fff;
    background-color: var(--chayns-color--000);
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    max-height: 42px;
    border-radius: 3px
}

.input--border-design.input--border_has-icon {
    padding: 0 0 0 10px
}

.input--border-design.input--border_has-icon .button {
    padding: 7px
}

.input--border-design.input--border_has-icon .button .input__icon-right {
    margin: auto
}

.input--border-design.input--border_has-right {
    padding: 0 0 0 10px
}

.input--border-design.cc-scanner {
    overflow: hidden
}

.input--border-design.cc-scanner .button {
    margin: 0 0 0 8px;
    background-color: #FFFFFF
}

.input--border-design.cc-scanner .button:hover {
    background-color: #D4D4D4 !important
}

.input--border-design.cc-scanner .button .react-chayns-icon {
    color: #6E6E6E !important;
    color: var(--chayns-color--primary) !important
}

.input--border-design .button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: none;
    margin: -1px -1px -1px 8px;
    min-height: 42px;
    min-width: 42px
}

.input--border-design .button .react-chayns-icon {
    color: #fff !important
}

.input--border-design .input__icon-left {
    margin-right: 8px
}

.input--border-design .input__icon-right {
    margin-left: 8px;
    font-size: 1.2em;
    display: flex;
    justify-content: center;
    min-width: 24px
}

.input--border-design .input__icon-right[class^="ts-"], .input--border-design .input__icon-right[class*=" ts-"] {
    font-size: 1.8em
}

.input--border-design:not(.input--dynamic):not(.input--bottom-dynamic).input--label-right label, .input--border-design:not(.input--dynamic):not(.input--bottom-dynamic) input:focus + label, .input--border-design:not(.input--dynamic):not(.input--bottom-dynamic) input:-webkit-autofill + label {
    visibility: hidden
}

.input--border-design label {
    position: absolute;
    text-align: right;
    transition: left 0.25s ease-out, right 0.25s ease-out, font-size 0.25s ease-out, top 0.25s ease-out;
    left: 0;
    right: 0;
    top: 0;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    color: #666;
    color: var(--chayns-color--006);
    display: inline-flex;
    justify-content: flex-end
}

.input--border-design label div {
    display: inline-block
}

.input--border-design label::after {
    content: " ";
    width: 100%;
    flex-shrink: 100000;
    transition: width 0.25s ease-out
}

.input--border-design--required {
    border-color: #a8a8a8;
    border-color: var(--chayns-color--106)
}

.input--border-design--invalid {
    border-color: #96060B;
    border-color: var(--chayns-color--wrong)
}

.input--border-design--invalid input {
    color: #96060B !important;
    color: var(--chayns-color--wrong) !important;
    font-weight: 700
}

.input--border-design--invalid input::-webkit-input-placeholder {
    color: #96060B !important;
    color: var(--chayns-color--wrong) !important;
    font-weight: 700
}

.input--border-design--invalid input:-ms-input-placeholder {
    color: #96060B !important;
    color: var(--chayns-color--wrong) !important;
    font-weight: 700
}

.input--border-design--invalid input:-moz-placeholder {
    color: #96060B !important;
    color: var(--chayns-color--wrong) !important;
    font-weight: 700
}

.input--border-design--invalid input::-moz-placeholder {
    color: #96060B !important;
    color: var(--chayns-color--wrong) !important;
    font-weight: 700
}

.input--border-design--invalid i {
    color: #96060B !important;
    color: var(--chayns-color--wrong) !important
}

.input--border-design--invalid label {
    color: #96060B !important;
    color: var(--chayns-color--wrong) !important;
    font-weight: 700
}

.input--border-design input {
    border: none;
    width: 100%;
    background: none;
    cursor: text;
    -webkit-user-modify: read-write-plaintext-only;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    color: #222;
    color: var(--chayns-color--text);
    line-height: 1;
    padding: 0
}

.input--border-design input::-webkit-input-placeholder {
    color: #666;
    color: rgba(var(--chayns-color-rgb--006), 1);
    -webkit-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out
}

.input--border-design input:-ms-input-placeholder {
    color: #666;
    color: rgba(var(--chayns-color-rgb--006), 1);
    -ms-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out
}

.input--border-design input:-moz-placeholder {
    color: #666;
    color: rgba(var(--chayns-color-rgb--006), 1);
    -moz-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out
}

.input--border-design input::-moz-placeholder {
    color: #666;
    color: rgba(var(--chayns-color-rgb--006), 1);
    -moz-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out
}

.input--border-design input[validate]:not(.valid), .input--border-design input--invalid {
    color: #96060B !important;
    color: var(--chayns-color--wrong) !important;
    font-weight: 700
}

.input--border-design input[validate]:not(.valid)::-webkit-input-placeholder, .input--border-design input--invalid::-webkit-input-placeholder {
    color: #96060B !important;
    color: var(--chayns-color--wrong) !important;
    font-weight: 700
}

.input--border-design input[validate]:not(.valid):-ms-input-placeholder, .input--border-design input--invalid:-ms-input-placeholder {
    color: #96060B !important;
    color: var(--chayns-color--wrong) !important;
    font-weight: 700
}

.input--border-design input[validate]:not(.valid):-moz-placeholder, .input--border-design input--invalid:-moz-placeholder {
    color: #96060B !important;
    color: var(--chayns-color--wrong) !important;
    font-weight: 700
}

.input--border-design input[validate]:not(.valid)::-moz-placeholder, .input--border-design input--invalid::-moz-placeholder {
    color: #96060B !important;
    color: var(--chayns-color--wrong) !important;
    font-weight: 700
}

.input--border-design input:focus::-webkit-input-placeholder {
    opacity: 0
}

.input--border-design input:focus:-ms-input-placeholder {
    opacity: 0
}

.input--border-design input:focus:-moz-placeholder {
    opacity: 0
}

.input--border-design input:focus::-moz-placeholder {
    opacity: 0
}

.input--border-design input::-ms-clear {
    display: none
}

.input--border-design input:-webkit-autofill {
    -webkit-text-fill-color: var(--chayns-color--text);
    -webkit-background-clip: text;
    caret-color: var(--chayns-color--text)
}

.input--border-design i {
    display: flex;
    color: #666;
    color: var(--chayns-color--006)
}

textarea.input {
    resize: none;
    overflow-x: hidden
}

textarea.input--border-design {
    color: #222;
    color: var(--chayns-color--text)
}

textarea.input--border-design::-webkit-input-placeholder {
    color: #666;
    color: rgba(var(--chayns-color-rgb--006), 1);
    -webkit-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out
}

textarea.input--border-design:-ms-input-placeholder {
    color: #666;
    color: rgba(var(--chayns-color-rgb--006), 1);
    -ms-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out
}

textarea.input--border-design:-moz-placeholder {
    color: #666;
    color: rgba(var(--chayns-color-rgb--006), 1);
    -moz-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out
}

textarea.input--border-design::-moz-placeholder {
    color: #666;
    color: rgba(var(--chayns-color-rgb--006), 1);
    -moz-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out
}

input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
    cursor: not-allowed
}

.switch {
    display: none
}

.switch + label {
    width: 28px;
    height: 13px;
    background-color: #976464;
    background-color: var(--chayns-color--red);
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 100px;
    margin: 0 10px
}

.switch + label:before {
    display: block;
    position: absolute;
    border-radius: 50%;
    transition: transform 100ms linear;
    margin-top: -1.5px;
    margin-left: -3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
    content: '';
    background-color: #FFFFFF;
    width: 16px;
    height: 16px
}

.switch:checked + label:before {
    transform: translateX(22px)
}

.switch:checked + label {
    background-color: #349044;
    background-color: var(--chayns-color--green)
}

.switch:disabled + label {
    opacity: 0.5
}

.checkbox, .radio {
    display: none
}

.checkbox + label, .radio + label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-left: 20px;
    line-height: 1.65;
    vertical-align: middle
}

.checkbox + label:before, .radio + label:before, .checkbox + label:after, .radio + label:after {
    position: absolute;
    left: 0;
    content: '';
    width: 15px;
    height: 15px;
    z-index: 1
}

.checkbox + label:before, .radio + label:before {
    background-color: #d4d4d4;
    background-color: var(--chayns-color--403);
    border-color: rgba(125, 125, 125, 0.5);
    border-color: rgba(var(--chayns-color-rgb--409), .5);
    transition: box-shadow 100ms ease-in-out, background-color 50ms 50ms cubic-bezier(1, 0, 0, 1);
    will-change: background-color;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
    border-width: 1px;
    border-style: solid
}

.checkbox:disabled + label, .radio:disabled + label {
    opacity: 0.5;
    cursor: default
}

.checkbox:not(:disabled):not(:checked) + label:hover:after, .radio:not(:disabled):not(:checked) + label:hover:after {
    transform-origin: 100% 100%;
    top: 50%;
    left: 1px;
    width: 5.5px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translateY(-50%) rotateZ(37deg);
    opacity: 0.5
}

.checkbox:checked + label:after, .radio:checked + label:after {
    transform-origin: 100% 100%;
    top: 50%;
    left: 1px;
    width: 5.5px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translateY(-50%) rotateZ(37deg)
}

.checkbox:checked:not(:disabled) + label:before, .radio:checked:not(:disabled) + label:before {
    box-shadow: inset 0 0 0 10px #8b8b8b;
    box-shadow: inset 0 0 0 10px var(--chayns-color--408);
    background-color: #8b8b8b;
    background-color: var(--chayns-color--408)
}

.cc__checkbox, .cc__switch {
    display: inline-flex
}

html.chayns--app .checkbox:not(:disabled):not(:checked) + label:hover:after, html.chayns--app .radio:not(:disabled):not(:checked) + label:hover:after, html.chayns--tablet .checkbox:not(:disabled):not(:checked) + label:hover:after, html.chayns--tablet .radio:not(:disabled):not(:checked) + label:hover:after, html.chayns--mobile .checkbox:not(:disabled):not(:checked) + label:hover:after, html.chayns--mobile .radio:not(:disabled):not(:checked) + label:hover:after {
    opacity: 0
}

.cc__radio-button {
    display: flex;
    align-items: center
}

.radio + label:before {
    border-radius: 100%
}

select::-ms-expand {
    display: none
}

.select {
    display: inline-flex;
    position: relative;
    justify-content: center;
    align-items: center;
    transition: box-shadow .12s ease;
    overflow: hidden;
    border: 0;
    color: #222;
    color: var(--chayns-color--text);
    background-color: #ccc;
    background-color: var(--chayns-color--202);
    border-radius: 3px
}

.select:before, .select:after {
    position: absolute;
    right: 10px;
    top: 0;
    font-family: 'Font Awesome 6 Pro';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding-left: 8px;
    color: #222;
    color: var(--chayns-color--text);
    transition: color .12s ease;
    pointer-events: none;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 1
}

.select:before {
    content: "\f078"
}

.select select {
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    width: 100%;
    cursor: pointer;
    border: 1px solid rgba(160, 160, 160, 0.3);
    color: #666;
    color: rgba(var(--chayns-color-rgb--006), 1);
    background-color: #fff;
    background-color: var(--chayns-color--000);
    padding: 8px 32px 8px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    min-height: 42px;
    -webkit-appearance: none
}

.select select option {
    background-color: #ccc;
    background-color: var(--chayns-color--202);
    color: #222;
    color: var(--chayns-color--text)
}

.select.select--disabled {
    opacity: .4
}

.chayns--desktop .select:not(.select--disabled):hover {
    background-color: #c1c1c1;
    background-color: var(--chayns-color--203)
}

button.button.cc__combo-box {
    border: 1px solid rgba(160, 160, 160, 0.3);
    color: #666;
    color: rgba(var(--chayns-color-rgb--006), 1);
    background-color: #fff;
    background-color: var(--chayns-color--000);
    padding: 8px 10px 8px 10px;
    box-shadow: none;
    position: relative;
    min-height: 42px;
    -webkit-appearance: none;
    align-items: center
}

button.button.cc__combo-box .cc__combo-box__icon.fa-caret-down:before {
    content: "\f078"
}

.emoji-input {
    position: relative;
    line-height: 26px
}

.emoji-input__placeholder {
    transition: opacity .35s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    pointer-events: none;
    position: absolute;
    user-select: none;
    font-weight: 400;
    padding: 4px 8px;
    color: #757575;
    opacity: 1;
    left: 1px;
    top: 1px
}

.emoji-input__placeholder--hidden {
    opacity: 0 !important
}

.emoji-input__message-input {
    font-weight: 400 !important;
    word-break: break-word;
    min-height: 36px;
    overflow-y: auto;
    height: auto !important
}

.emoji-input__message-input--hide-border {
    border: none
}

.emoji-input__message-input--disabled {
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom-color: #5c646c;
    padding: 4px 8px;
    font-weight: 300;
    box-shadow: none;
    border-radius: 0;
    color: #e8e8e8
}

.emoji-input__message-input:focus + .emoji-input__placeholder {
    opacity: 0 !important
}

.emoji-input__message-input .emojione {
    margin: -.2ex .15em .2ex;
    vertical-align: middle;
    display: inline-block;
    line-height: normal;
    font-size: inherit;
    min-height: 15px;
    min-width: 15px;
    height: 3ex;
    width: auto
}

.person-finder__results, .cc__input-box__overlay {
    position: absolute;
    margin-top: -1px;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 360px;
    background-color: #f1f1f1;
    background-color: var(--chayns-color--secondary-101);
    border-width: 1px;
    border-style: solid;
    border-color: #e2e2e2;
    border-color: var(--chayns-color--secondary-102);
    color: #222;
    color: var(--chayns-color--text);
    z-index: 3
}

.person-finder {
    position: relative
}

.person-finder__message {
    padding-left: 5px
}

.person-finder__results .result {
    display: table;
    height: 30px;
    width: 100%;
    cursor: pointer;
    padding: 2px 0 2px 8px;
    transition: background-color 100ms ease
}

.person-finder__results .result:hover {
    background-color: #e2e2e2;
    background-color: var(--chayns-color--secondary-102)
}

.person-finder__results .result .img {
    display: table-cell;
    width: 20px;
    text-align: center;
    vertical-align: middle
}

.person-finder__results .result .img img {
    width: 40px;
    height: 40px;
    margin-top: 6px
}

.person-finder__results .result .text {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px
}

.person-finder__results .result .text .person-id {
    font-size: 85%;
    opacity: 0.85
}

.person-finder__results .result .placeholder {
    padding: 4px 8px
}

.cc__rfid-input__wrapper {
    display: flex
}

.cc__rfid-input__wrapper .cc__rfid-input__input {
    flex-grow: 1;
    margin-right: 20px;
    align-self: flex-end
}

.cc__rfid-input__wrapper .button {
    margin-top: 3px
}

.cc__rfid-input__control {
    text-align: center;
    margin: 15px 0
}

.cc__rfid-input--enable-scan .cc__rfid-input__scan, .cc__rfid-input--enable-scan .cc__rfid-input__confirm {
    overflow: visible
}

.selectlist__selectitem {
    overflow: hidden;
    will-change: max-height;
    max-height: 9999px;
    height: auto !important
}

.selectlist__selectitem.react-fade-enter {
    max-height: 0;
    transition: max-height 0.5s cubic-bezier(0.5, 0, 1, 0) 0s
}

.selectlist__selectitem.react-fade-enter-active {
    max-height: 9999px !important
}

.selectlist__selectitem.react-fade-exit {
    max-height: 9999px;
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1) -0.2s
}

.selectlist__selectitem.react-fade-exit-active {
    max-height: 0 !important
}

.selectlist__selectitem .selectitem__content {
    margin-left: 20px;
    margin-bottom: 15px
}

.scrollbar {
    scrollbar-color: #80808080 transparent;
    scrollbar-width: thin
}

.scrollbar::-webkit-scrollbar {
    width: 5px
}

.scrollbar::-webkit-scrollbar-thumb {
    width: 5px;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 20px
}

.scrollbar::-webkit-scrollbar-track {
    background-color: transparent
}

h1, .h1 {
    margin: 0 0 10px 0;
    font-weight: normal;
    font-family: "Roboto", "Tahoma";
    word-spacing: 0em;
    letter-spacing: 0em;
    font-size: 1.7rem;
    --font-size: 1.7rem;
    color: #6E6E6E;
    color: var(--chayns-color--headline-1)
}

h2, .h2 {
    margin: 0 0 10px 0;
    font-weight: normal;
    font-family: "Roboto", "Tahoma";
    word-spacing: 0em;
    letter-spacing: 0em;
    font-size: 1.4rem;
    --font-size: 1.4rem;
    color: #6E6E6E;
    color: var(--chayns-color--headline-2)
}

h3, .h3 {
    margin: 0 0 10px 0;
    font-weight: normal;
    font-family: "Roboto", "Tahoma";
    word-spacing: 0em;
    letter-spacing: 0em;
    font-size: 1.1rem;
    --font-size: 1.1rem;
    color: #6E6E6E;
    color: var(--chayns-color--headline-3)
}

h4, .h4 {
    margin: 0 0 10px 0;
    font-weight: normal;
    font-family: "Roboto", "Tahoma";
    word-spacing: 0em;
    letter-spacing: 0em;
    font-size: 1rem;
    --font-size: 1rem;
    color: #6E6E6E;
    color: var(--chayns-color--headline-4)
}

h5, .h5 {
    margin: 0 0 10px 0;
    font-weight: normal;
    font-family: "Roboto", "Tahoma";
    word-spacing: 0em;
    letter-spacing: 0em;
    font-size: .8rem;
    --font-size: .8rem;
    color: #6E6E6E;
    color: var(--chayns-color--headline-5)
}

h1, .h1 {
    margin: 1.2rem 0 5px 0;
    line-height: 1.35
}

h2, .h2 {
    margin: 1.2rem 0 5px 0;
    line-height: 1.35
}

h3, .h3 {
    margin: 1.2rem 0 5px 0;
    line-height: 1.35
}

h4, .h4 {
    margin: 1.1rem 0 5px 0;
    line-height: 1.35
}

h5, .h5 {
    margin: 1.1rem 0 5px 0;
    line-height: 1.35
}

.tapp > h1:first-of-type:first-child, .tapp > .h1:first-of-type:first-child, .tapp > h2:first-of-type:first-child, .tapp > .h2:first-of-type:first-child, .tapp > h3:first-of-type:first-child, .tapp > .h3:first-of-type:first-child, .tapp > h4:first-of-type:first-child, .tapp > .h4:first-of-type:first-child, .tapp > h5:first-of-type:first-child, .tapp > .h5:first-of-type:first-child, .tapp :first-child:not(td) > h1:first-of-type:first-child, .tapp :first-child:not(td) > .h1:first-of-type:first-child, .tapp :first-child:not(td) > h2:first-of-type:first-child, .tapp :first-child:not(td) > .h2:first-of-type:first-child, .tapp :first-child:not(td) > h3:first-of-type:first-child, .tapp :first-child:not(td) > .h3:first-of-type:first-child, .tapp :first-child:not(td) > h4:first-of-type:first-child, .tapp :first-child:not(td) > .h4:first-of-type:first-child, .tapp :first-child:not(td) > h5:first-of-type:first-child, .tapp :first-child:not(td) > .h5:first-of-type:first-child {
    margin-top: 0
}

.tapp *, .tapp *:before, .tapp *:after {
    box-sizing: border-box
}

.tapp {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 15px 10px 20px;
    width: 100%;
    max-width: 100vw;
    color: #222;
    color: var(--chayns-color--text)
}

.tapp__hint {
    padding: 4px 8px;
    margin-bottom: 15px;
    background-color: #e2e2e2;
    background-color: var(--chayns-color--102)
}

.tapp__intro {
    margin-bottom: 30px
}

.tapp__intro, .tapp__content {
    margin-bottom: 12px
}

.chayns--mobile {
    overflow: hidden
}

.chayns--mobile:not(.chayns--net_runtime):not(.chayns--parent) body, .chayns--mobile.chayns--net_runtime:not(.chayns--parent) body, .chayns--mobile.chayns--parent:not(.chayns--net_runtime) body {
    overflow: hidden
}

.chayns--desktop:not(.chayns--net_runtime):not(.chayns--parent), .chayns--desktop.chayns--net_runtime:not(.chayns--parent), .chayns--desktop.chayns--parent:not(.chayns--net_runtime) {
    overflow: hidden
}

.chayns--desktop:not(.chayns--net_runtime):not(.chayns--parent) .tapp, .chayns--desktop.chayns--net_runtime:not(.chayns--parent) .tapp, .chayns--desktop.chayns--parent:not(.chayns--net_runtime) .tapp {
    padding: 35px 43px 30px
}

.chayns--desktop:not(.chayns--net_runtime):not(.chayns--parent) .tapp__intro, .chayns--desktop:not(.chayns--net_runtime):not(.chayns--parent) .tapp__content, .chayns--desktop.chayns--net_runtime:not(.chayns--parent) .tapp__intro, .chayns--desktop.chayns--net_runtime:not(.chayns--parent) .tapp__content, .chayns--desktop.chayns--parent:not(.chayns--net_runtime) .tapp__intro, .chayns--desktop.chayns--parent:not(.chayns--net_runtime) .tapp__content {
    margin-bottom: 40px
}

.chayns--desktop:not(.chayns--net_runtime):not(.chayns--parent) body, .chayns--desktop.chayns--net_runtime:not(.chayns--parent) body, .chayns--desktop.chayns--parent:not(.chayns--net_runtime) body {
    overflow: hidden
}

.chayns--parent:not(.chayns--net_runtime) {
    overflow: auto
}

.chayns--parent:not(.chayns--net_runtime):not(.chayns--mobile) body {
    overflow: auto
}

.cw-body-background-color {
    background-color: #f1f1f1;
    background-color: var(--chayns-color--cw-body-background)
}

.grid {
    margin: 0;
    padding: 0;
    list-style: none
}

.grid__item {
    margin-right: -4px;
    display: inline-block;
    width: 100%;
    vertical-align: top
}

@media screen and (max-width: 37.438em) {
    .col-1-1-mobile {
        width: 100% !important
    }

    .col-1-2-mobile {
        width: 50% !important
    }

    .col-1-3-mobile {
        width: 33.33333% !important
    }

    .col-2-3-mobile {
        width: 66.66667% !important
    }

    .col-1-4-mobile {
        width: 25% !important
    }

    .col-2-4-mobile {
        width: 50% !important
    }

    .col-3-4-mobile {
        width: 75% !important
    }

    .col-1-5-mobile {
        width: 20% !important
    }

    .col-2-5-mobile {
        width: 40% !important
    }

    .col-3-5-mobile {
        width: 60% !important
    }

    .col-4-5-mobile {
        width: 80% !important
    }
}

@media screen and (min-width: 33.5em) {
    .col-1-1-desktop {
        width: 100% !important
    }

    .col-1-2-desktop {
        width: 50% !important
    }

    .col-1-3-desktop {
        width: 33.33333% !important
    }

    .col-2-3-desktop {
        width: 66.66667% !important
    }

    .col-1-4-desktop {
        width: 25% !important
    }

    .col-2-4-desktop {
        width: 50% !important
    }

    .col-3-4-desktop {
        width: 75% !important
    }

    .col-1-5-desktop {
        width: 20% !important
    }

    .col-2-5-desktop {
        width: 40% !important
    }

    .col-3-5-desktop {
        width: 60% !important
    }

    .col-4-5-desktop {
        width: 80% !important
    }
}

@media screen and (min-width: 53.125em) {
    .col-1-1-desk {
        width: 100% !important
    }

    .col-1-2-desk {
        width: 50% !important
    }

    .col-1-3-desk {
        width: 33.33333% !important
    }

    .col-2-3-desk {
        width: 66.66667% !important
    }

    .col-1-4-desk {
        width: 25% !important
    }

    .col-2-4-desk {
        width: 50% !important
    }

    .col-3-4-desk {
        width: 75% !important
    }

    .col-1-5-desk {
        width: 20% !important
    }

    .col-2-5-desk {
        width: 40% !important
    }

    .col-3-5-desk {
        width: 60% !important
    }

    .col-4-5-desk {
        width: 80% !important
    }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .col-1-1-retina {
        width: 100% !important
    }

    .col-1-2-retina {
        width: 50% !important
    }

    .col-1-3-retina {
        width: 33.33333% !important
    }

    .col-2-3-retina {
        width: 66.66667% !important
    }

    .col-1-4-retina {
        width: 25% !important
    }

    .col-2-4-retina {
        width: 50% !important
    }

    .col-3-4-retina {
        width: 75% !important
    }

    .col-1-5-retina {
        width: 20% !important
    }

    .col-2-5-retina {
        width: 40% !important
    }

    .col-3-5-retina {
        width: 60% !important
    }

    .col-4-5-retina {
        width: 80% !important
    }
}

.content__card {
    padding: 8px 12px;
    background-color: #fff;
    background-color: var(--chayns-color--secondary-100)
}

.content__card:not(:last-child) {
    margin-bottom: 8px
}

.content__card.content__card--success {
    border-width: 1px;
    border-style: solid;
    border-color: #074709;
    background-color: #cde3ce;
    color: #222;
    --chayns-color--text: #222;
    --chayns-color-rgb--text: 34, 34, 34
}

.content__card.content__card--success h1, .content__card.content__card--success h2, .content__card.content__card--success h3, .content__card.content__card--success h4, .content__card.content__card--success h5, .content__card.content__card--success h6, .content__card.content__card--success p, .content__card.content__card--success a, .content__card.content__card--success span {
    color: #222
}

.content__card.content__card--warning {
    border-width: 1px;
    border-style: solid;
    border-color: #9F5F00;
    background-color: #FFF3E0;
    color: #222;
    --chayns-color--text: #222;
    --chayns-color-rgb--text: 34, 34, 34
}

.content__card.content__card--warning h1, .content__card.content__card--warning h2, .content__card.content__card--warning h3, .content__card.content__card--warning h4, .content__card.content__card--warning h5, .content__card.content__card--warning h6, .content__card.content__card--warning p, .content__card.content__card--warning a, .content__card.content__card--warning span {
    color: #222
}

.content__card.content__card--danger {
    border-width: 1px;
    border-style: solid;
    border-color: #5a0303;
    background-color: #e9cccc;
    color: #222;
    --chayns-color--text: #222;
    --chayns-color-rgb--text: 34, 34, 34
}

.content__card.content__card--danger h1, .content__card.content__card--danger h2, .content__card.content__card--danger h3, .content__card.content__card--danger h4, .content__card.content__card--danger h5, .content__card.content__card--danger h6, .content__card.content__card--danger p, .content__card.content__card--danger a, .content__card.content__card--danger span {
    color: #222
}

ul {
    list-style: disc
}

.list {
    margin-bottom: 15px;
    padding-left: 30px
}

.list > li:not(:last-child) {
    margin-bottom: 5px
}

.list--square {
    list-style: square
}

ol.list > li {
    padding-left: 2px
}

div.table, section.table, span.table {
    display: table;
    width: 100%
}

.table__row {
    display: table-row
}

.table__cell {
    display: table-cell;
    vertical-align: top;
    padding: 4px 0
}

footer {
    font-size: 0.85rem;
    --font-size: 0.85rem;
    color: gray;
    color: var(--chayns-color--footer);
    margin: 10px 0 0
}

footer a {
    color: gray;
    color: var(--chayns-color--footer);
    letter-spacing: -0.3px
}

.wait-cursor {
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2);
    display: inline-block;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    z-index: 10;
    padding: 5px 0 0 5px;
    background-color: #fff;
    transition: transform 0.25s
}

.wait-cursor.hidden {
    transform: scale(0)
}

.wait-cursor.hidden .wait-cursor__spinner {
    -webkit-animation: none;
    animation: none
}

.wait-cursor__spinner {
    display: block;
    -webkit-animation: rotate .75s linear infinite;
    animation: rotate .75s linear infinite;
    height: 20px;
    width: 20px;
    border-width: 3px;
    border-style: solid;
    border-color: #6E6E6E;
    border-color: var(--chayns-color--headline);
    border-radius: 50%;
    border-right-color: transparent
}

.wait-cursor__spinner.hidden {
    visibility: hidden;
    -webkit-animation: none;
    animation: none
}

.wait-cursor__spinner--inline {
    display: inline-block
}

.wait-cursor .wait-cursor__spinner {
    border-width: 3px;
    border-style: solid;
    border-color: #6E6E6E;
    border-color: var(--chayns-color--primary);
    border-right-color: transparent
}

@-webkit-keyframes rotate {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg)
    }
}

.chayns-editor--enabled [chayns-editor] {
    border-color: #c5c5c5;
    border-color: var(--chayns-color--secondary-104)
}

.chayns-editor--enabled [chayns-editor]:hover {
    border-color: #9a9a9a;
    border-color: var(--chayns-color--secondary-107)
}

.receiver-input-box .receiver-input {
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 2px;
    width: 100%
}

.receiver-input-box .receiver-input--pure {
    border: none !important;
    padding: 0 !important
}

.receiver-input-box .receiver-input .input-box {
    overflow: hidden;
    min-width: 200px;
    padding-bottom: 2px
}

.receiver-input-box .receiver-input .input-box.hide {
    height: 0 !important
}

.receiver-input-box .receiver-input input {
    transition: opacity .3s ease;
    display: inline-block;
    border: none;
    width: 100%
}

.receiver-input-box .receiver-input input[disabled] {
    opacity: 0.5
}

.receiver-input-box .group-name-input {
    transition: all .3s ease;
    padding-top: 4px;
    max-height: 40px;
    opacity: 1
}

.receiver-input-box .group-name-input.hide {
    padding-top: 0 !important;
    max-height: 0 !important;
    opacity: 0 !important
}

.receiver-input-box .group-name-input input {
    transition: opacity .3s ease;
    width: 100%
}

.receiver-input-box .group-name-input input[disabled] {
    opacity: 0.5
}

.receiver-popup {
    box-shadow: 0 5px 15px 0 #f8f8f8;
    background-color: #f8f8f8;
    border: 1px solid #e2e2e2;
    position: absolute !important;
    margin-bottom: 0 !important;
    color: #222;
    padding: 0 !important;
    max-height: 250px;
    max-width: 650px;
    overflow-y: auto;
    z-index: 99999
}

.receiver-popup.hide {
    display: none !important
}

.receiver-popup .group-headline {
    padding: 2px 10px
}

.receiver-popup .group-headline {
    background-color: #a8a8a8 !important
}

.receiver-popup .error-message {
    background-color: #f8f8f8 !important;
    padding: 2px 10px;
    font-size: 85%
}

.receiver-wrapper {
    transition: background-color .3s ease;
    height: 38px
}

.receiver-wrapper:nth-child(odd) {
    background-color: #f8f8f8
}

.receiver-wrapper:nth-child(even) {
    background-color: #e2e2e2
}

.receiver-wrapper:hover {
    background-color: #c5c5c5 !important
}

.receiver-wrapper .receiver {
    transition: background-color .3s ease;
    cursor: pointer;
    padding: 4px
}

.receiver-wrapper .receiver .pic {
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
    height: 30px;
    width: 30px
}

.receiver-wrapper .receiver .pic img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.receiver-wrapper .receiver .pic .multi-image {
    height: 100%;
    width: 100%
}

.receiver-wrapper .receiver .pic .multi-image .full-left {
    border-right: 2px solid #fff;
    background-position: center;
    background-size: cover;
    height: 100%;
    float: left;
    width: 60%
}

.receiver-wrapper .receiver .pic .multi-image .half-left {
    border-right: 2px solid #fff;
    background-position: center;
    background-size: cover;
    height: 100%;
    float: left;
    width: 50%
}

.receiver-wrapper .receiver .pic .multi-image .half-right {
    background-position: center;
    background-size: cover;
    height: 100%;
    float: right;
    width: 50%
}

.receiver-wrapper .receiver .pic .multi-image .right-wrapper {
    height: 100%;
    float: right;
    width: 40%
}

.receiver-wrapper .receiver .pic .multi-image .right-wrapper .top-right {
    border-bottom: 2px solid #fff;
    background-position: center;
    background-size: cover;
    height: 50%;
    width: 100%
}

.receiver-wrapper .receiver .pic .multi-image .right-wrapper .bottom-right {
    background-position: center;
    background-size: cover;
    height: 50%;
    width: 100%
}

.receiver-wrapper .receiver .receiver-name {
    vertical-align: middle;
    display: inline-block
}

.chosen-member {
    border-color: transparent;
    border-width: 2px 0;
    border-style: solid;
    margin-right: 5px;
    float: left
}

.chosen-member__content {
    background-color: #a8a8a8;
    padding: 0 8px
}

.chosen-member__content i {
    margin-left: 5px
}

.react-chayns-icon {
    font-size: 15px;
    color: #6E6E6E;
    color: var(--chayns-color--headline)
}

.button .react-chayns-icon {
    font-size: inherit;
    color: inherit
}

.react-chayns-icon--clickable {
    cursor: pointer
}

.react-chayns-icon--disabled {
    pointer-events: none;
    opacity: .4
}

.chayns__icon {
    color: #6E6E6E;
    color: var(--chayns-color--headline);
    font-size: 15px
}

.button .chayns__icon {
    font-size: inherit;
    color: inherit
}

.badge {
    padding: 2px 7px;
    border-radius: 15px;
    font-size: .8rem;
    text-align: center;
    color: #222;
    color: var(--chayns-color--text);
    background-color: #ccc;
    background-color: var(--chayns-color--secondary-202)
}

.cc__opening-times .flex {
    flex-flow: row wrap;
    display: flex
}

.cc__opening-times .flex .flex__left {
    flex: 1;
    padding: 3px 0 0
}

.cc__opening-times .flex .flex__right {
    text-align: right;
    max-width: 200px
}

.cc__opening-times .flex .flex__right .inline__block {
    display: inline-block
}

.cc__opening-times .flex .flex__middle {
    flex-grow: 1
}

.cc__opening-times .flex .flex__middle--wrapper {
    white-space: nowrap;
    display: flex;
    flex-grow: 1
}

.cc__opening-times .time__span {
    width: 170px;
    max-height: 29px;
    display: flex;
    transition-duration: 1500ms
}

.cc__opening-times .time__span span {
    width: 30px;
    text-align: center
}

.cc__opening-times .time__span--input {
    float: right;
    width: 100px;
    text-align: center
}

.cc__opening-times .time__span--input input {
    text-align: center;
    width: 100%
}

.cc__opening-times .time__span--button {
    min-width: 25px
}

.cc__opening-times .time__span .add {
    transform: rotate(0deg)
}

.cc__opening-times .time__span .remove {
    transform: rotate(45deg)
}

.cc__opening-times .times {
    transition: all .2s
}

.cc__opening-times .times.multiple {
    margin: 15px 0
}

.cc__opening-times .times--disabled .flex__right {
    opacity: .2;
    pointer-events: none
}

.cc__opening-times .times .flex__right span {
    float: right;
    width: 30px;
    text-align: center
}

.cc__opening-times .times .flex__right .choosebutton {
    float: right;
    width: 20px;
    height: 20px;
    padding: 1.5px 0 0 1px;
    font-size: 11px;
    margin: 4px 0 0
}

.cc__opening-times__hint--top {
    margin-bottom: 15px
}

.cc__opening-times__hint--bottom {
    margin-top: 15px
}

@media screen and (max-width: 340px) {
    .cc__opening-times .flex__right .time .time__input {
        width: 55px
    }
}

.cc__opening-times .openingTimesIcon {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit
}

.cc__opening-times .choosebutton {
    min-height: 1px
}

.cc__opening_times .flex .flex__middle--wrapper {
    flex-grow: 1;
    align-items: flex-end;
    flex-direction: column;
    display: flex
}

.cc__opening_times .flex .flex__middle--wrapper .flex__middle__wrapper {
    white-space: nowrap;
    display: flex;
    flex-grow: 1
}

.cc__map .marker {
    height: 21px;
    width: 21px;
    margin: 5px 3px 4px -1px
}

.cc__map .mapBorder {
    border: 1px solid #dbe2f1;
    border-bottom-color: transparent;
    border-radius: 2px;
    border-bottom: 0px;
    position: relative
}

.cc__map #map_comp #map__comp--overlay {
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    box-shadow: 0px -3px 14px -6px rgba(0, 0, 0, 0.4);
    position: absolute;
    z-Index: 10;
    top: 226px;
    width: 100%;
    border: 1px solid #dbe2f1;
    border-top: 0px
}

.cc__map #map_comp #map__comp--overlay input {
    width: 100%;
    display: flex;
    justify-content: left
}

.cc__map .markerImg {
    position: absolute;
    width: 40px;
    pointer-events: none;
    z-index: 10;
    top: 50%;
    transform: translate3d(0, calc(-50% - 50px), 0)
}

.cc__map .gm-style div a[title='Klicken, um diese Region in Google Maps anzuzeigen'] {
    display: none !important
}

.cc__map .markerSelect {
    position: relative;
    top: 0;
    bottom: 0;
    transform: translate3d(0, 0, 0);
    width: 25px;
    margin: 0 0px 0 2px
}

.cc__map .faIconC {
    position: absolute;
    color: white;
    width: 10px !important;
    height: 10px !important;
    right: 3px;
    top: 3px
}

.cc__map #mapMarkerC {
    position: relative;
    display: flex;
    align-content: center;
    margin-right: 5px
}

.cc__map .markerDiv {
    cursor: pointer !important
}

.cc__map .centerMarker {
    position: absolute;
    display: flex;
    top: calc(50% - 12px);
    left: 50%;
    z-index: 1;
    pointer-events: none;
    height: 0px;
    width: 0px;
    align-items: center;
    justify-content: center
}

.cc__map .mapDiv {
    height: 100%;
    position: relative;
    overflow: hidden
}

.button, .choosebutton {
    position: relative;
    display: inline-block;
    text-align: center;
    border: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color 150ms ease;
    overflow: hidden;
    line-height: 1.15;
    border-radius: 3px
}

.button:not(.button--show-focus), .choosebutton:not(.button--show-focus) {
    outline: none
}

.button:not(.button--disabled):after, .choosebutton:not(.button--disabled):after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity 500ms;
    background-color: rgba(255, 255, 255, 0.5)
}

.button:not(.button--disabled):active:after, .choosebutton:not(.button--disabled):active:after {
    opacity: 0.5;
    transition: opacity 0s
}

.button--disabled, .choosebutton--disabled {
    opacity: 0.5;
    cursor: default;
    pointer-events: none
}

.button__icon, .choosebutton__icon {
    background-color: rgba(255, 255, 255, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute
}

.button {
    min-height: 30px;
    padding: 7px 12px;
    color: #fff;
    background-color: #8b8b8b;
    background-color: var(--chayns-color--408);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2)
}

.button.button--secondary {
    background-color: #ccc;
    background-color: var(--chayns-color--202);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
    color: #222;
    color: var(--chayns-color--text)
}

.button__icon {
    width: 30px
}

.button--icon {
    padding-left: 42px
}

.choosebutton {
    min-height: 27px;
    padding: 6px 10px;
    font-size: 0.95rem;
    font-weight: normal;
    background-color: #ccc;
    background-color: var(--chayns-color--202);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.09);
    color: #222;
    color: var(--chayns-color--text)
}

.choosebutton__icon {
    width: 27px
}

.choosebutton--icon {
    padding-left: 39px
}

.chayns--desktop .button:not(.button--disabled):hover, .chayns--desktop .button--show-focus:focus {
    background-color: #7d7d7d;
    background-color: var(--chayns-color--409)
}

.chayns--desktop .button.button--secondary:not(.button--disabled):hover {
    background-color: #c1c1c1;
    background-color: var(--chayns-color--203)
}

.chayns--desktop .choosebutton:not(.button--disabled):hover {
    background-color: #c1c1c1;
    background-color: var(--chayns-color--203)
}

.accordion {
    margin-top: 10px;
    border-bottom: 1px solid transparent;
    transition: border 200ms ease-in-out 150ms, background-color 100ms ease, margin-bottom 200ms linear, border-radius 200ms, box-shadow 200ms;
    will-change: border, background-color, margin-bottom
}

.accordion:not(.accordion--wrapped) {
    border-bottom-color: #6E6E6E;
    border-bottom-color: var(--chayns-color--headline)
}

.accordion:hover {
    background-color: #fff;
    background-color: var(--chayns-color--secondary-100)
}

.accordion--disabled {
    opacity: 0.6
}

.accordion--trigger {
    pointer-events: all !important;
    cursor: pointer !important
}

.accordion__head.accordion__head__multiline {
    padding: 4px 0;
    transition: max-height 300ms;
    will-change: max-height;
    height: unset !important;
    min-height: 32px;
    max-height: 32px;
    align-self: flex-start
}

.accordion.accordion--open > .accordion__head.accordion__head__multiline > .accordion__head__right {
    align-self: flex-start
}

.accordion.accordion--open > .accordion__head.accordion__head__multiline {
    min-height: 38px;
    max-height: 160px;
    overflow: hidden
}

.accordion.accordion--open > .accordion__head.accordion__head__multiline > .accordion__head__title {
    word-break: break-word;
    white-space: normal
}

.accordion.accordion--wrapped > .accordion__head.accordion__head__multiline {
    min-height: 40px
}

.accordion__head, .accordion__item {
    cursor: pointer;
    pointer-events: all;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: height 300ms;
    will-change: height;
    display: flex;
    height: 32px;
    align-items: center;
    position: relative;
    background-color: transparent
}

.accordion__head .accordion__head__title, .accordion__item .accordion__head__title {
    flex: 1;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
    transition: font-size 300ms, transform 300ms, font-weight 300ms;
    will-change: font-size, font-weight
}

.accordion__head .accordion__head__icon, .accordion__item .accordion__head__icon {
    color: #6E6E6E;
    color: var(--chayns-color--headline);
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: transform 250ms ease-in-out
}

.accordion__head .accordion__head__icon i, .accordion__item .accordion__head__icon i {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.accordion__head .accordion__head__icon i:before, .accordion__item .accordion__head__icon i:before {
    vertical-align: middle
}

.accordion__head .accordion__head__icon .accordion--fixed__head__icon, .accordion__item .accordion__head__icon .accordion--fixed__head__icon {
    font-size: 12px;
    transform: rotate(90deg)
}

.accordion__head .accordion__head__right, .accordion__item .accordion__head__right {
    margin-right: 5px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.accordion__head .accordion__head__right .right--search, .accordion__item .accordion__head__right .right--search {
    position: absolute;
    right: 0;
    transition: opacity 0.25s ease;
    will-change: opacity
}

.accordion__head .accordion__head__right__search, .accordion__item .accordion__head__right__search {
    transition: transform 200ms ease, opacity 200ms ease, width 200ms ease;
    will-change: transfrom, opacity, width;
    transform: translateX(150%);
    opacity: 0
}

.accordion__head .accordion__head__right__search--active, .accordion__item .accordion__head__right__search--active {
    transform: translateX(0);
    opacity: 1
}

.accordion__head .accordion__head__right__search .input, .accordion__item .accordion__head__right__search .input {
    line-height: 1
}

.accordion--fixed .accordion__head {
    cursor: default
}

.accordion__body {
    overflow: hidden;
    position: relative;
    height: auto !important;
    max-height: 0;
    transition: position 300ms ease-in-out;
    will-change: position
}

.accordion__intro {
    padding: 0 9px 6px
}

.accordion__content {
    padding: 0 9px 9px 10px
}

.accordion__item {
    cursor: default;
    padding: 8px 9px;
    min-height: 38px;
    height: inherit;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgba(110, 110, 110, 0.5);
    border-top-color: rgba(var(--chayns-color-rgb--headline), .5)
}

.accordion__item:before {
    display: none
}

.accordion.accordion--wrapped .accordion__item {
    padding-left: 30px
}

.accordion--wrapped {
    margin: 0;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgba(110, 110, 110, 0.5);
    border-top-color: rgba(var(--chayns-color-rgb--headline), .5)
}

.accordion--wrapped > .accordion__head {
    height: 40px
}

.accordion--wrapped > .accordion__body {
    clear: both
}

.accordion--wrapped .accordion__content {
    padding: 0 0 18px 17px;
    margin: 0 9px
}

.accordion.accordion--wrapped .accordion--wrapped {
    padding-left: 14px
}

.accordion__body > .accordion__content + .accordion__item, .accordion__body > .accordion__intro + .accordion__item, .accordion__body > .accordion__content + * > .accordion__item, .accordion__body > .accordion__intro + * > .accordion__item, .accordion__body > .accordion__item:first-child, .accordion__body > :first-child > .accordion__item:first-child, .accordion__body > :empty:first-child + * > .accordion__item:first-child, .accordion__body > .module-css:first-child + * > .accordion__item:first-child, .accordion__body > .accordion__content + .accordion--wrapped, .accordion__body > .accordion__intro + .accordion--wrapped, .accordion__body > .accordion__content + * > .accordion--wrapped, .accordion__body > .accordion__intro + * > .accordion--wrapped, .accordion__body > .accordion--wrapped:first-child, .accordion__body > :first-child > .accordion--wrapped:first-child, .accordion__body > :empty:first-child + * > .accordion--wrapped:first-child, .accordion__body > .module-css:first-child + * > .accordion--wrapped:first-child {
    border-top: none
}

.accordion--open.accordion:not(.accordion--wrapped) {
    margin-bottom: 30px;
    background-color: #fff;
    background-color: var(--chayns-color--secondary-100);
    border-color: transparent
}

.accordion--open.accordion:not(.accordion--wrapped) > .accordion__head {
    height: 38px
}

.accordion--open.accordion:not(.accordion--wrapped) > .accordion__head .accordion__head__title {
    font-size: 1.3rem
}

.accordion--open.accordion.accordion--wrapped > .accordion__head > .accordion__head__title {
    font-weight: 700
}

.accordion--open > .accordion__head .accordion__head__icon:not(.accordion__head__icon--no-rotate) {
    transform: rotate(90deg)
}

.accordion--open > .accordion__body {
    max-height: 9999px !important
}

.accordion--fixed.accordion:not(.accordion--open):hover {
    background-color: transparent
}

.accordion--fixed > .accordion__head {
    padding-left: 9px
}

.accordion--fixed > .accordion__head.accordion__head--no-padding {
    padding-left: 0
}

.accordion--fixed > .accordion__head:hover {
    cursor: default
}

.accordion--fixed > .accordion__head:before {
    display: none
}

.accordion.accordion--flex > .accordion__head, .accordion.accordion--flex > .accordion__body > .accordion__item {
    display: flex;
    align-items: center
}

.accordion.accordion--flex > .accordion__head .__head__right, .accordion.accordion--flex > .accordion__body > .accordion__item .__head__right {
    float: none;
    margin-left: auto
}

.accordion.accordion--flex > .accordion__head .ellipsis, .accordion.accordion--flex > .accordion__body > .accordion__item .ellipsis {
    margin-right: 10px
}

.animation__accordion--close, .accordion__body {
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1) -0.1s;
    will-change: max-height
}

.animation__accordion--open, .accordion--open > .accordion__body {
    transition: max-height 0.5s cubic-bezier(0.5, 0, 1, 0) 0s;
    will-change: max-height
}

.chayns--mobile .accordion:not(.accordion--open):hover, .chayns--app .accordion:not(.accordion--open):hover {
    background-color: transparent
}

.chayns-browser--firefox .accordion__head, .chayns-browser--firefox .accordion__item {
    white-space: normal
}

.accordion__head__right {
    overflow: hidden
}

.accordion__head__right .right--background-appear, .accordion__head__right .right--background-enter, .accordion__head__right .right--background-exit {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity 400ms ease;
    will-change: opacity
}

.accordion__head__right .right--background-enter, .accordion__head__right .right--background-appear {
    right: 5px;
    opacity: 0
}

.accordion__head__right .right--background-enter-active, .accordion__head__right .right--background-appear-active {
    opacity: 1
}

.accordion__head__right .right--background-exit {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1
}

.accordion__head__right .right--background-exit-active {
    opacity: 0
}

.accordion__head__right .right--foreground-appear, .accordion__head__right .right--foreground-enter, .accordion__head__right .right--foreground-exit {
    transition: transform 400ms, opacity 400ms ease;
    will-change: opacity
}

.accordion__head__right .right--foreground-enter, .accordion__head__right .right--foreground-appear {
    opacity: 0;
    transform: translateX(150%)
}

.accordion__head__right .right--foreground-enter-active, .accordion__head__right .right--foreground-appear-active {
    transform: translateX(0);
    opacity: 1
}

.accordion__head__right .right--foreground-exit {
    opacity: 1;
    transform: translateX(0%)
}

.accordion__head__right .right--foreground-exit-active {
    opacity: 0;
    transform: translateX(150%)
}

.cc__input-box__overlay {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2)
}

.cc__input-box__overlay.fade-enter, .cc__input-box__overlay.fade-appear {
    opacity: 0
}

.cc__input-box__overlay.fade-enter.fade-enter-active, .cc__input-box__overlay.fade-appear.fade-appear-active {
    opacity: 1;
    transition: opacity 200ms ease-in
}

.cc__input-box__overlay.fade-exit {
    opacity: 1
}

.cc__input-box__overlay.fade-exit.fade-exit-active {
    opacity: 0.01;
    transition: opacity 200ms ease-in
}

.cc__input-box__overlay.fade-exit-done {
    display: none
}

.cc__person-finder__results-list--noTransition .result-item {
    transition: none !important
}

.cc__person-finder__overlay {
    background-color: #f1f1f1;
    background-color: var(--chayns-color--secondary-101);
    border-color: #c5c5c5;
    border-color: var(--chayns-color--secondary-104);
    border-width: 1px;
    border-style: solid
}

.cc__person-finder .cc__input-box {
    display: block !important
}

.cc__person-finder .cc__input-box input {
    display: block
}

.cc__person-finder__overlay {
    scrollbar-width: thin
}

.cc__person-finder__overlay::-webkit-scrollbar-track {
    background-color: transparent
}

.cc__person-finder__overlay::-webkit-scrollbar {
    width: 5px
}

.cc__person-finder__overlay::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #6e6e6e
}

.cc__person-finder__no-results {
    align-items: center;
    display: flex;
    font-size: 85%;
    justify-content: center;
    overflow: hidden;
    padding-left: 10%;
    padding-right: 10%;
    text-align: center;
    opacity: 0.85
}

.cc__person-finder__results .divider {
    padding: 3px 10px 3px 8px
}

.cc__person-finder__results:not(.no-background) > div.cc__person-finder__results-list > :nth-child(2n) {
    background-color: #e2e2e2;
    background-color: var(--chayns-color--secondary-102)
}

.cc__person-finder__results:not(.no-background) .load-more, .cc__person-finder__results:not(.no-background) .divider {
    background-color: #f1f1f1 !important;
    background-color: var(--chayns-color--secondary-101) !important
}

.cc__person-finder__results .result-item {
    display: flex;
    flex-direction: row;
    width: 100%;
    cursor: pointer;
    padding: 8px 10px 5px 8px;
    transition: background-color 0.2s linear;
    box-sizing: border-box
}

.cc__person-finder__results .result-item--focused, .chayns--desktop .cc__person-finder__results .result-item:hover, .chayns--desktop .cc__person-finder__results .result-item:focus {
    background-color: #d4d4d4 !important;
    background-color: var(--chayns-color--secondary-103) !important
}

.cc__person-finder__results .result-item .checkbox, .cc__person-finder__results .result-item .radio {
    align-self: center;
    margin-right: 6px
}

.cc__person-finder__results .result-item .img {
    background-position: center;
    background-size: cover;
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    text-align: center;
    vertical-align: middle;
    background-color: rgba(var(--chayns-color-rgb--text), 0.1);
    box-shadow: 0 0 0 1px rgba(var(--chayns-color-rgb--009), 0.08) inset
}

.cc__person-finder__results .result-item .img.circle {
    border-radius: 50%
}

.cc__person-finder__results .result-item .text {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding-left: 10px;
    line-height: 1.2;
    vertical-align: text-top;
    flex-basis: 100%
}

.cc__person-finder__results .result-item .text .title {
    display: flex;
    flex-direction: row
}

.cc__person-finder__results .result-item .text .title .identifier {
    align-self: center
}

.cc__person-finder__results .result-item .text .name {
    padding-right: 7px
}

.cc__person-finder__results .result-item .text .identifier {
    font-size: 75%;
    color: #222;
    color: var(--chayns-color--text);
    opacity: 0.6
}

.cc__person-finder__results .result-item .relation {
    font-size: 75%;
    color: #222;
    color: var(--chayns-color--text);
    opacity: 0.6;
    line-height: 1.5;
    padding-top: 4px
}

.cc__person-finder__results .result-item .placeholder {
    padding: 4px 8px
}

.cc__person-finder__results .result-item .friends {
    display: flex;
    align-items: center;
    margin-top: -2px
}

.cc__person-finder__results--friends .result-item .img {
    width: 40px;
    height: 40px
}

.cc__list .list-item {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(110, 110, 110, 0.45);
    border-bottom-color: rgba(var(--chayns-color-rgb--headline), .45)
}

.accordion .cc__list .list-item, .list-item .cc__list .list-item {
    border-bottom-color: rgba(110, 110, 110, 0.45);
    border-bottom-color: rgba(var(--chayns-color-rgb--headline), .45)
}

.cc__list .list-item--clickable:hover, .cc__list .list-item--expanded {
    background-color: #fff;
    background-color: var(--chayns-color--secondary-100)
}

.cc__list .list-item--clickable > .list-item__header {
    cursor: pointer
}

.cc__list .list-item__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 64px;
    padding: 12px 9px
}

.cc__list .list-item__image {
    width: 40px;
    height: 40px;
    background-size: cover;
    background-position: center;
    background-color: rgba(34, 34, 34, 0.1);
    background-color: rgba(var(--chayns-color-rgb--text), .1);
    margin-right: 10px;
    flex-shrink: 0
}

.cc__list .list-item__image--circle {
    border-radius: 100px;
    outline: none;
    background-color: rgba(34, 34, 34, 0.1);
    background-color: rgba(var(--chayns-color-rgb--text), .1)
}

.cc__list .list-item__images {
    position: relative;
    width: 40px;
    height: 40px;
    overflow: hidden;
    margin-right: 10px;
    flex-shrink: 0
}

.cc__list .list-item__images .list-item__image {
    position: absolute;
    margin: 0
}

.cc__list .list-item__images .list-item__image:first-of-type {
    width: 60%;
    height: 100%;
    left: 0;
    top: 0;
    border-right: 1px solid white
}

.cc__list .list-item__images .list-item__image:first-of-type:last-of-type {
    width: 100%;
    border-right: none
}

.cc__list .list-item__images .list-item__image:first-of-type:nth-last-of-type(2) {
    width: 50%
}

.cc__list .list-item__images .list-item__image:nth-of-type(2) {
    width: 40%;
    height: 50%;
    right: 0;
    top: 0;
    border-bottom: 1px solid white
}

.cc__list .list-item__images .list-item__image:nth-of-type(2):last-of-type {
    width: 50%;
    height: 100%;
    border-bottom: none
}

.cc__list .list-item__images .list-item__image:nth-of-type(3) {
    width: 40%;
    height: 50%;
    right: 0;
    bottom: 0
}

.cc__list .list-item__icon {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    flex-shrink: 0;
    line-height: 30px;
    font-size: 22px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.cc__list .list-item__icon--circle {
    border-radius: 100px
}

.cc__list .list-item__titles {
    display: flex;
    flex-direction: column;
    min-width: 0;
    justify-content: center;
    line-height: normal;
    width: 100%
}

.cc__list .list-item__title-wrapper {
    display: flex;
    justify-content: space-between
}

.cc__list .list-item__subtitle {
    margin-top: 2px;
    font-size: 85%;
    opacity: 0.75
}

.cc__list .list-item__subtitle-wrapper {
    display: flex;
    justify-content: space-between
}

.cc__list .list-item__spacer {
    flex-grow: 1
}

.cc__list .list-item__right {
    min-width: 0;
    flex-shrink: 0;
    align-self: center;
    font-size: 85%;
    margin-left: 5px
}

.cc__list .list-item__right--column {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 85%;
    justify-content: flex-start;
    align-self: stretch
}

.cc__list .list-item__right--column__text {
    opacity: 0.75
}

.cc__list .list-item__hover-item {
    max-width: 0;
    opacity: 0;
    transition: opacity 0.2s ease, max-width 0.3s ease-out;
    display: flex;
    overflow: hidden
}

.cc__list .list-item__hover-item:focus {
    max-width: 100px;
    opacity: 1
}

.cc__list .list-item__hover-item::before {
    content: " ";
    width: 5px
}

.cc__list .list-item:hover .list-item__hover-item {
    max-width: 100px;
    opacity: 1
}

.cc__list .list-item__indicator {
    flex-shrink: 0;
    width: 20px;
    height: 26px;
    margin: 0 2px 0 4px;
    line-height: 26px;
    padding-right: 5px;
    align-self: center
}

.cc__list .list-item__indicator .icon-wrapper {
    margin-left: -6px;
    transition: transform .3s
}

.cc__list .list-item__indicator .icon-wrapper .ts-icon {
    color: #6E6E6E;
    color: var(--chayns-color--headline);
    font-size: 20px
}

.cc__list .list-item__content {
    padding: 9px 18px 9px 35px
}

.cc__list .list-item--expanded > .list-item__header .list-item__titles {
    font-weight: bolder
}

.cc__list .list-item--expanded > .list-item__header .list-item__indicator .icon-wrapper {
    transform: rotate(90deg)
}

.cc__list > .list-item:last-child, .cc__list > :last-child > .list-item {
    border-bottom: none
}

.wizardHead {
    cursor: default;
    width: 100%
}

.wizardHead.pointer {
    cursor: pointer !important
}

.wizardHead .number {
    font-size: 12px;
    opacity: 1;
    width: 18px;
    height: 18px;
    text-align: center;
    transition: all .3s ease-in-out;
    transform: rotate(0) translate3d(0, -2px, 0);
    display: inline-block;
    margin: 0 8px 0 2px
}

.wizardHead .wizard_step--notReady {
    background-color: #f8f8f8;
    color: #a8a8a8
}

.wizardHead .wizard_step--ready {
    background-color: #a8a8a8;
    color: #f8f8f8
}

.wizardHead .title {
    display: inline-block
}

.sharing-bar__item-list {
    text-align: right
}

.sharing-bar__item-list .sharing-bar__item {
    width: 35px;
    padding: 7px 0;
    margin-left: 5px
}

.cc__tooltip {
    position: absolute;
    display: inline;
    z-index: 920;
    will-change: transform, opacity;
    transition: transform 500ms ease, opacity 500ms ease;
    opacity: 0;
    height: 10px
}

.cc__tooltip__children {
    display: inline
}

.cc__tooltip__children button[disabled] {
    pointer-events: none
}

.cc__tooltip__children p, .cc__tooltip__children span {
    display: inline-block
}

.cc__tooltip__children--trigger > p, .cc__tooltip__children--trigger > span {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #222;
    border-bottom-color: var(--chayns-color--text)
}

.cc__tooltip--position0 {
    transform: translate(calc(-100vw + 23px), -30px)
}

.cc__tooltip--position0.cc__tooltip--active {
    transform: translate(calc(-100vw + 23px), -10px)
}

.cc__tooltip--position0 .cc__tooltip__overlay {
    transform: translate(0, -100%);
    left: 50%
}

.cc__tooltip--position0 .cc__tooltip__overlay:after {
    transform: rotate(45deg);
    bottom: -8px;
    right: 13px
}

.cc__tooltip--position1 {
    transform: translate(calc(-100vw + 23px), -20px)
}

.cc__tooltip--position1.cc__tooltip--active {
    transform: translate(calc(-100vw + 23px), 0)
}

.cc__tooltip--position1 .cc__tooltip__overlay {
    transform: translate(0, 10px)
}

.cc__tooltip--position1 .cc__tooltip__overlay:after {
    transform: rotate(225deg);
    top: -8px;
    right: 13px
}

.cc__tooltip--position2 {
    transform: translate(-23px, -20px)
}

.cc__tooltip--position2.cc__tooltip--active {
    transform: translate(-23px, 0)
}

.cc__tooltip--position2 .cc__tooltip__overlay {
    transform: translate(0, 10px)
}

.cc__tooltip--position2 .cc__tooltip__overlay:after {
    transform: rotate(225deg);
    top: -8px;
    left: 13px
}

.cc__tooltip--position3 {
    transform: translate(-23px, -30px)
}

.cc__tooltip--position3.cc__tooltip--active {
    transform: translate(-23px, -10px)
}

.cc__tooltip--position3 .cc__tooltip__overlay {
    transform: translate(0, -100%);
    left: 50%
}

.cc__tooltip--position3 .cc__tooltip__overlay:after {
    transform: rotate(45deg);
    bottom: -8px;
    left: 13px
}

.cc__tooltip__overlay {
    width: auto;
    height: auto;
    background-color: #f7f7f7;
    background-color: var(--chayns-color--001);
    box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    z-index: 930;
    text-align: left
}

.cc__tooltip__overlay:after {
    position: absolute;
    content: '';
    width: 14px;
    height: 14px;
    background-color: inherit;
    z-index: -1;
    box-shadow: 2px 2px 5px rgba(4, 3, 4, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom-right-radius: 2px
}

.cc__tooltip__image {
    background-position: center;
    background-size: cover;
    height: 100px;
    width: 100%;
    margin-bottom: 10px;
    outline: 1px solid rgba(0, 0, 0, 0.08)
}

.cc__tooltip__button {
    text-align: center
}

.cc__tooltip__icon {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 34px;
    text-align: center;
    vertical-align: middle;
    line-height: 34px;
    z-index: 950
}

.cc__tooltip--active {
    opacity: 1
}

.cc__tooltip--hide {
    display: none
}

.cc__file-input {
    border-width: 1px;
    border-style: dashed;
    border-color: gray;
    border-color: var(--chayns-color--005);
    color: #6E6E6E;
    color: var(--chayns-color--headline);
    overflow: hidden;
    transition: border .1s
}

.cc__file-input--custom {
    display: flex;
    position: relative;
    align-items: center
}

.cc__file-input--disabled {
    opacity: 0.3;
    pointer-events: none
}

.cc__file-input--placeholder {
    display: flex;
    height: 60px;
    padding: 10px;
    line-height: 1.5;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    cursor: pointer;
    transition: all .1s;
    justify-content: center
}

.cc__file-input--hover {
    height: 70px;
    background-color: rgba(110, 110, 110, 0.1);
    background-color: rgba(var(--chayns-color-rgb--secondary), .1)
}

.cc__file-input__icon {
    margin-right: 10px
}

.cc__file-input__input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    top: 0;
    left: 0;
    z-index: 1
}

.cc__file-input__icon, .cc__file-input__message {
    align-self: center;
    justify-self: center
}

.cc__file-input:hover, .cc__file-input--hover {
    border-width: 1px;
    border-style: dashed;
    border-color: #6E6E6E;
    border-color: var(--chayns-color--headline)
}

.cc__file-input:hover .cc__file-input__split:not(:last-child), .cc__file-input--hover .cc__file-input__split:not(:last-child) {
    border-right-width: 1px;
    border-right-style: dashed;
    border-right-color: #6E6E6E;
    border-right-color: var(--chayns-color--headline)
}

.cc__file-input:hover .cc__file-input__split:not(:hover) .cc__file-input--placeholder, .cc__file-input--hover .cc__file-input__split:not(:hover) .cc__file-input--placeholder {
    opacity: 0.4
}

.cc__file-input__split {
    flex: 1
}

.cc__file-input__split--disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: default
}

.cc__file-input__split:not(:last-child) {
    border-right-width: 1px;
    border-right-style: dashed;
    border-right-color: gray;
    border-right-color: var(--chayns-color--005)
}

.cc__scroll-view {
    display: inline-block
}

.cc__scroll-view__wrapper {
    overflow: hidden;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    float: left
}

.cc__scroll-view__content {
    height: auto;
    width: calc(100% + 18px);
    padding: 0 0 0 0;
    position: relative;
    overflow: auto;
    box-sizing: border-box
}

.cc__scroll-view__content.rtl {
    right: auto
}

.cc__scroll-view__children {
    width: 100%
}

.cc__scroll-view__scrollbar {
    position: relative;
    background-color: rgba(0, 0, 0, 0.1);
    width: 5px;
    border-radius: 3px;
    top: 0;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.25s linear
}

.cc__scroll-view__scrollbar:hover, .cc__scroll-view--grabbed .cc__scroll-view__scrollbar {
    background-color: rgba(0, 0, 0, 0.3)
}

.cc__scroll-view--grabbed, .cc__scroll-view--grabbed .cc__scroll-view__content {
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.cc__scroll-view .cc__scroll-view--hidden {
    overflow: hidden !important;
    width: 100% !important
}

.cc__scroll-view--hide .cc__scroll-view__scrollbar {
    display: none
}

.cc__scroll-view:hover > .cc__scroll-view__scrollbar, .cc__scroll-view:active > .cc__scroll-view__scrollbar {
    opacity: 1
}

.chayns-color-mode--1 .cc__scroll-view__scrollbar {
    background-color: rgba(255, 255, 255, 0.1)
}

.chayns-color-mode--1 .cc__scroll-view__scrollbar:hover, .chayns-color-mode--1 .cc__scroll-view--grabbed .cc__scroll-view__scrollbar {
    background-color: rgba(255, 255, 255, 0.3)
}

.cc__scroll-view--mobile .cc__scroll-view__scrollbar {
    display: none
}

.cc__scroll-view--mobile .cc__scroll-view__content, .cc__scroll-view--mobile .cc__scroll-view__content.rtl {
    width: 100%
}

.chayns-gallery {
    position: relative;
    width: calc(100% + 2px);
    transform: translate(-1px, -1px)
}

.chayns-gallery .gallery-grid {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    height: 100%
}

.chayns-gallery .gallery-grid.delete-mode {
    height: unset !important;
    position: relative
}

.chayns-gallery .gallery-grid.delete-mode .gallery_item {
    width: calc(33.33% - 2px) !important;
    padding-top: calc(33.33% - 2px) !important;
    height: 0;
    margin: 1px
}

.chayns-gallery .gallery-grid.delete-mode .gallery_item .gallery_item_inner {
    top: 0
}

.chayns-gallery .gallery-grid.delete-mode .gallery_item .delete-icon {
    position: absolute;
    top: 0;
    right: 0
}

.chayns-gallery .gallery-grid .gallery_item {
    margin: 1px;
    transition: opacity 0.2s ease;
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    overflow: hidden
}

.chayns-gallery .gallery-grid .gallery_item .gallery_item_inner {
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    outline: 1px solid rgba(0, 0, 0, 0.1);
    outline-offset: -1px
}

.chayns-gallery .gallery-grid .gallery_item .gallery_item_inner--preview {
    filter: blur(10px);
    opacity: 1;
    transition: opacity 0.75s ease, filter 0.5s ease;
    will-change: opacity, filter
}

.chayns-gallery .gallery-grid .gallery_item .gallery_item_inner--preview-ready {
    filter: blur(100px);
    opacity: 0
}

.chayns-gallery .gallery-grid .gallery_item--wait_cursor {
    display: flex;
    justify-content: center
}

.chayns-gallery .gallery-grid .gallery_item:hover {
    opacity: 0.9
}

.chayns-gallery .gallery-grid .gallery_item:nth-child(1):nth-last-child(1) {
    width: calc(100% - 2px);
    height: calc(100% - 2px)
}

.chayns-gallery .gallery-grid .gallery_item:nth-child(1):nth-last-child(2) {
    width: calc(50% - 2px);
    height: calc(100% - 2px)
}

.chayns-gallery .gallery-grid .gallery_item:nth-child(1):nth-last-child(3) {
    width: calc(100% - 2px);
    height: calc(66.66% - 2px)
}

.chayns-gallery .gallery-grid .gallery_item:nth-child(1):nth-last-child(4) {
    width: calc(100% - 2px);
    height: calc(66.66% - 2px)
}

.chayns-gallery .gallery-grid .gallery_item:nth-child(2):nth-last-child(1) {
    width: calc(50% - 2px);
    height: calc(100% - 2px)
}

.chayns-gallery .gallery-grid .gallery_item:nth-child(2):nth-last-child(2) {
    width: calc(50% - 2px);
    height: calc(33.33% - 2px)
}

.chayns-gallery .gallery-grid .gallery_item:nth-child(2):nth-last-child(3) {
    width: calc(33.33% - 2px);
    height: calc(33.33% - 2px)
}

.chayns-gallery .gallery-grid .gallery_item:nth-child(3):nth-last-child(1) {
    width: calc(50% - 2px);
    height: calc(33.33% - 2px)
}

.chayns-gallery .gallery-grid .gallery_item:nth-child(3):nth-last-child(2) {
    width: calc(33.33% - 2px);
    height: calc(33.33% - 2px)
}

.chayns-gallery .gallery-grid .gallery_item:nth-child(4):nth-last-child(1) {
    width: calc(33.33% - 2px);
    height: calc(33.33% - 2px)
}

.chayns-gallery .more-images {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.chayns-gallery .more-images:after {
    content: attr(data-more);
    color: #fff;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.75);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    font-size: 42px;
    display: flex;
    justify-content: center;
    align-items: center
}

.calendar_header {
    min-width: 10rem
}

.calendar_column {
    width: 100%;
    display: inline
}

.calendar__content {
    display: flex
}

.calendar__content_groups {
    min-width: 33%
}

.calendar__content_columns {
    width: 50%
}

.calendar__content_weeks {
    width: 100%;
    display: block;
    overflow: hidden
}

.calendar__content_wrapper {
    transition: transform 300ms ease-in-out
}

.calendar__content_userEntries {
    display: block;
    height: 1.5rem
}

.calendar__content__user {
    height: 1.5rem;
    padding-left: 5%;
    white-space: nowrap;
    margin-right: 5%;
    overflow: hidden;
    text-overflow: ellipsis
}

.calendar__groups {
    display: flex;
    margin: 1.5rem 0 0 1rem;
    flex-wrap: wrap
}

.calendar__groups_item {
    flex-grow: 1;
    margin: 0 1%;
    cursor: pointer;
    transition: 200ms ease-in-out
}

.calendar__groups_color {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin: 0.27rem 0.25rem 0 0;
    border: 1px solid rgba(0, 0, 0, 0.2)
}

.calendar__groups_notFocused {
    opacity: 0.6
}

.week {
    display: inline-block;
    height: 1.5rem
}

.week_table {
    height: inherit;
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px
}

.week_row {
    display: table-row
}

.week_item {
    display: table-cell;
    height: 90%;
    padding: 5px 0;
    cursor: pointer
}

.week_item_filled {
    display: table-cell;
    padding: 5px 0;
    cursor: pointer;
    transition: box-shadow 200ms ease-in-out;
    height: 90%
}

.week_item_focused {
    transition: box-shadow 200ms ease-in-out;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.33)
}

.no_select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.calendar__navigator {
    display: flex;
    align-items: baseline
}

.calendar__navigator_wrapper {
    font-weight: bold;
    font-size: 96%;
    margin-right: 5px
}

.calendar__navigator_icon {
    display: inline-block;
    cursor: pointer;
    margin: 0 4px;
    width: 0.7rem
}

.calendar__navigator_days {
    display: flex;
    height: 1.5rem;
    width: 100%;
    flex: 2
}

.calendar__navigator_days_table {
    flex-grow: 1;
    display: flex;
    width: 50%;
    height: 1.5rem;
    border-collapse: separate;
    border-spacing: 1px
}

.calendar__navigator_days_table:not(:last-child) {
    margin-right: 5%
}

.calendar__navigator_days_item {
    display: inline-block;
    flex-grow: 1;
    width: 20px;
    border-top: 5px;
    text-align: center;
    cursor: pointer;
    font-size: 85%
}

@media screen and (max-width: 450px) and (orientation: portrait) {
    .calendar__navigator_days_table {
        margin-right: 10%
    }
}

.cc__modeswitch {
    width: 100%;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(calc(-100% + 25px));
    transition: transform 0.25s ease-out;
    -webkit-animation: modeSwitchInit 2s 0s 1 ease-out;
    animation: modeSwitchInit 2s 0s 1 ease-out;
    z-index: 1000
}

.cc__modeswitch--open {
    transform: translateY(0)
}

.cc__modeswitch__content {
    width: 92%;
    background-color: #fff;
    background-color: var(--chayns-color--secondary-100);
    border-color: #e2e2e2;
    border-color: var(--chayns-color--secondary-102);
    border-width: 1px;
    border-style: solid;
    border-top: none;
    padding: 20px 30px 25px
}

.cc__modeswitch__trigger {
    width: 60px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    text-align: center;
    background-color: #fff;
    background-color: var(--chayns-color--secondary-100);
    border-color: #e2e2e2;
    border-color: var(--chayns-color--secondary-102);
    border-width: 1px;
    border-style: solid;
    border-top: none;
    transform: translateY(-1px);
    cursor: pointer;
    color: #6E6E6E;
    color: var(--chayns-color--headline)
}

.cc__modeswitch__trigger svg {
    -webkit-animation: modeSwitchTriggerCogInit 1.5s 1.5s 1 ease;
    animation: modeSwitchTriggerCogInit 1.5s 1.5s 1 ease
}

.cc__modeswitch__trigger--red {
    background-color: red;
    color: white
}

@-webkit-keyframes modeSwitchInit {
    0% {
        transform: translateY(-100%)
    }
    80% {
        transform: translateY(-100%)
    }
    100% {
        transform: translateY(calc(-100% + 25px))
    }
}

@keyframes modeSwitchInit {
    0% {
        transform: translateY(-100%)
    }
    80% {
        transform: translateY(-100%)
    }
    100% {
        transform: translateY(calc(-100% + 25px))
    }
}

@-webkit-keyframes modeSwitchTriggerCogInit {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes modeSwitchTriggerCogInit {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.cc__amount-control {
    display: inline-flex;
    padding: 0;
    overflow: hidden;
    width: auto
}

.cc__amount-control:after {
    z-index: -1
}

.cc__amount-control:active:after {
    content: none
}

.cc__amount-control__remove, .cc__amount-control__add {
    width: 0;
    opacity: 0;
    line-height: 28px;
    transition: all 0.2s ease-out;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.2)
}

.cc__amount-control__input {
    width: 55px;
    line-height: 28px !important;
    height: 28px !important;
    text-align: center;
    padding: 0
}

.cc__amount-control__button {
    padding: 0 10px;
    min-width: 55px;
    background-color: rgba(0, 0, 0, 0);
    line-height: 28px;
    vertical-align: middle
}

.cc__amount-control .cc__amount-control--icon {
    width: 28px;
    line-height: 28px;
    opacity: 1
}

.cc__amount-control--active .cc__amount-control--icon {
    width: 40px !important;
    opacity: 1
}

.cc__amount-control--active .cc__amount-control--icon:hover:not(.disabled) {
    background-color: rgba(255, 255, 255, 0)
}

.cc__amount-control--active .cc__amount-control__button:hover:not(.disabled) {
    background-color: rgba(0, 0, 0, 0.1)
}

.cc__amount-control--disabled {
    opacity: 0.6;
    pointer-events: none
}

.calendar__navigation {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    z-index: 1
}

.calendar__navigate {
    position: absolute;
    cursor: pointer;
    opacity: 0.8
}

.calendar__navigate.right {
    right: 0
}

.calendar__months {
    position: relative;
    display: flex;
    left: -50%;
    width: 200%;
    height: 100%;
    max-height: 180px
}

.cc__calendar {
    position: relative
}

.cc__calendar__navigation {
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    z-index: 1;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cc__calendar__navigate {
    cursor: pointer;
    opacity: 0.8
}

.cc__calendar__navigate.left, .cc__calendar__navigate.right {
    cursor: pointer
}

.cc__calendar__navigate.middle {
    flex-grow: 1
}

.cc__calendar__months__wrapper {
    display: flex;
    width: 200%;
    transform: translateX(0%)
}

.cc__calendar__months__wrapper--animate {
    transition: transform .3s
}

.cc__calendar .day__item {
    position: relative
}

.cc__calendar .day__item:before {
    content: "";
    display: block;
    padding-top: 100%
}

.cc__calendar .day__item .day__item__content {
    position: absolute;
    inset: 10%;
    display: flex;
    align-items: center;
    justify-content: center
}

.cc__calendar .day__item .day__item__content.is-selected {
    border-radius: 50%;
    width: 80%;
    height: 80%;
    color: #FFFFFF;
    background-color: var(--chayns-color--primary)
}

.puffer {
    height: 190px
}

.month {
    width: 25%;
    height: 100%;
    padding: 0 1rem;
    text-align: center
}

.month__title {
    margin-bottom: 0.25rem;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.month__table {
    display: table;
    border-spacing: 2px;
    width: 100%;
    table-layout: fixed
}

.day__row {
    display: table-row
}

.day__item, .day__item--text {
    display: table-cell;
    height: 1rem;
    margin: 5em;
    flex-grow: 1;
    text-align: center;
    font-size: 90%;
    border: 0.1em solid transparent;
    box-sizing: border-box;
    vertical-align: middle
}

.day-text {
    font-weight: bold
}

.day-out-month {
    opacity: 0.3
}

.right-enter {
    transform: translateX(100%)
}

.right-enter-active {
    transform: translateX(0%);
    transition: transform 300ms ease-in-out
}

.right__shown {
    position: absolute;
    left: 50%
}

.right__hidden {
    position: absolute;
    left: 75%
}

.left-enter {
    transform: translateX(-100%)
}

.left-enter-active {
    transform: translateX(0%);
    transition: transform 300ms ease-in-out
}

.left__hidden {
    position: absolute;
    left: 0
}

.left__shown {
    position: absolute;
    left: 25%
}

@media screen and (max-width: 450px) {
    .calendar__months {
        position: relative;
        display: flex;
        left: -100%;
        width: 400%;
        height: 100%
    }

    .cc__calendar__months {
        display: block;
        left: 0;
        width: 100%
    }

    .cc__calendar__months__wrapper {
        width: 400%
    }
}

.is-active {
    opacity: 0.8;
    cursor: pointer
}

.is-marked {
    opacity: 0.7
}

.is-marked-is-highlighted {
    background-color: #228b22;
    border: 0.1em solid #fff;
    color: #fff
}

.is-selected {
    opacity: 1;
    font-weight: bolder
}

.is-deactive {
    opacity: 0.6
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cc__calendar .is-marked-is-highlighted {
    border: none;
    background-color: #c1c1c1;
    background-color: var(--chayns-color--secondary-203);
    color: #6E6E6E;
    color: var(--chayns-color--headline)
}

.cc__calendar .is-selected {
    background-color: #c5c5c5;
    background-color: var(--chayns-color--secondary-104);
    color: #6E6E6E;
    color: var(--chayns-color--headline)
}

.context-menu {
    position: absolute;
    background-color: #fff;
    background-color: var(--chayns-color--secondary-100);
    z-index: 900;
    opacity: 0;
    transition: opacity 0.35s ease-in-out;
    box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #e2e2e2;
    color: var(--chayns-color--secondary-102)
}

.context-menu:after {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    background-color: #fff;
    background-color: var(--chayns-color--secondary-100);
    box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.05);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    z-index: -1
}

.context-menu__children .ts-ellipsis_v {
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    color: #6E6E6E;
    color: var(--chayns-color--headline);
    display: flex;
    flex-direction: column;
    justify-content: center
}

.context-menu__item {
    padding: 5px 8px 5px 5px;
    cursor: pointer;
    display: flex
}

.context-menu__item:hover {
    background-color: #d4d4d4;
    background-color: var(--chayns-color--secondary-103)
}

.context-menu__item__icon {
    width: 20px;
    margin: 0 8px 0 3px;
    text-align: center;
    flex: 0 0 auto;
    color: #6E6E6E;
    color: var(--chayns-color--headline)
}

.context-menu__item__text {
    white-space: nowrap
}

.context-menu--active {
    opacity: 1
}

.context-menu--position0 {
    transform: translate(calc(-100% + 22px), calc(-100% - 9px))
}

.context-menu--position0:after {
    bottom: -8px;
    right: 14px;
    transform: rotate(225deg)
}

.context-menu--position1 {
    transform: translate(calc(-100% + 22px), 11px)
}

.context-menu--position1:after {
    top: -8px;
    right: 14px;
    transform: rotate(45deg)
}

.context-menu--position2 {
    transform: translate(-21px, 11px)
}

.context-menu--position2:after {
    top: -8px;
    left: 14px;
    transform: rotate(45deg)
}

.context-menu--position3 {
    transform: translate(-21px, calc(-100% - 9px))
}

.context-menu--position3:after {
    bottom: -8px;
    left: 14px;
    transform: rotate(225deg)
}

.context-menu-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 899;
    transition: transform 0.35s ease-in-out;
    transform: translateY(20px)
}

.context-menu-overlay--active {
    transform: translateY(0)
}

.context-menu-overlay--hide {
    display: none
}

.cc__bubble__overlay ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.image-tool {
    height: 32px;
    width: 32px;
    background-color: #FFFFFF;
    color: #6E6E6E !important;
    color: var(--chayns-color--secondary) !important;
    cursor: pointer;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.image-tool i {
    color: #6E6E6E !important;
    color: var(--chayns-color--secondary) !important
}

.cc__tag-input {
    display: flex;
    flex-wrap: wrap;
    -webkit-user-modify: read-only;
    -webkit-appearance: none;
    align-items: baseline
}

.cc__tag-input.cc__tag-input--border-design {
    border: 1px solid rgba(160, 160, 160, 0.3);
    background-color: #fff;
    background-color: var(--chayns-color--000);
    padding: 8px 10px;
    display: flex;
    align-items: center;
    position: relative;
    min-height: 42px;
    border-radius: 3px
}

.cc__tag-input.cc__tag-input--border-design .cc__tag {
    margin: 3px 5px 3px 0
}

.cc__tag-input.cc__tag-input--border-design .cc__tag-input__input {
    margin: 0;
    height: 30px
}

.cc__tag-input.cc__tag-input--border-design .cc__tag-input__input .input::-webkit-input-placeholder {
    color: #666;
    color: var(--chayns-color--006)
}

.cc__tag-input .cc__tag-input__input {
    margin: 5px 0 0;
    height: 24px;
    flex-grow: 1;
    overflow: hidden
}

.cc__tag-input .cc__tag-input__input input {
    border: none
}

.cc__tag {
    display: flex;
    align-items: center;
    background-color: #c1c1c1;
    background-color: var(--chayns-color--203);
    padding-left: 10px;
    margin: 5px 5px 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color 300ms;
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    position: relative;
    border-radius: 100px;
    overflow: hidden
}

.cc__tag--selected {
    background-color: #9d9d9d;
    background-color: var(--chayns-color--206)
}

.cc__tag .icon {
    color: #222;
    color: var(--chayns-color--text);
    padding: 4px 10px;
    opacity: 0.4;
    font-size: 14px;
    display: inline-block
}

.cc__tag .icon:hover {
    opacity: 0.8
}

.cc__tag__children {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.cc__slider {
    width: 100%;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cc__slider--vertical {
    width: 30px;
    height: 300px;
    display: inline-block
}

.cc__slider--vertical .cc__slider__label {
    flex-direction: row
}

.cc__slider--vertical .cc__slider__bar {
    margin: 11px 0;
    width: 30px;
    height: 100%;
    flex-direction: row
}

.cc__slider--vertical .cc__slider__bar__track {
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 100%
}

.cc__slider--vertical .cc__slider__bar__track__inner {
    bottom: 0;
    width: 100%
}

.cc__slider--vertical .cc__slider__bar__thumb {
    left: 50%;
    transform: translate(-50%, -15px)
}

.cc__slider--disabled {
    pointer-events: none;
    opacity: 0.5
}

.cc__slider__label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 85%
}

.cc__slider__bar {
    flex: 1;
    margin: 0 11px;
    position: relative;
    height: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.cc__slider__bar__track {
    top: 50%;
    position: absolute;
    overflow: hidden;
    border-radius: 20px;
    height: 10px;
    width: 100%;
    transform: translateY(-50%);
    background-color: #e2e2e2;
    background-color: var(--chayns-color--102);
    cursor: pointer
}

.cc__slider__bar__track__inner {
    height: 100%;
    position: absolute;
    background-color: #6E6E6E;
    background-color: var(--chayns-color--primary)
}

.cc__slider__bar__thumb {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    padding: 5px;
    transform: translate(-15px, -50%);
    cursor: pointer
}

.cc__slider__bar__thumb__dot {
    content: " ";
    background-color: #FFFFFF;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
    pointer-events: none
}

.cc__bubble {
    position: absolute;
    display: inline;
    z-index: 920;
    will-change: transform, opacity;
    transition: transform 500ms ease, opacity 500ms ease;
    opacity: 0;
    pointer-events: none;
    height: 10px
}

.cc__bubble--position0 {
    transform: translate(-100%, -30px) translateX(23px)
}

.cc__bubble--position0.cc__bubble--active {
    transform: translate(-100%, -10px) translateX(23px)
}

.cc__bubble--position0 .cc__bubble__overlay {
    transform: translate(0, -100%);
    left: 50%
}

.cc__bubble--position0 .cc__bubble__overlay:after {
    transform: rotate(45deg);
    bottom: -8px;
    right: 13px
}

.cc__bubble--position1 {
    transform: translate(-100%, -20px) translateX(23px)
}

.cc__bubble--position1.cc__bubble--active {
    transform: translate(-100%, 0) translateX(23px)
}

.cc__bubble--position1 .cc__bubble__overlay {
    transform: translate(0, 10px)
}

.cc__bubble--position1 .cc__bubble__overlay:after {
    transform: rotate(225deg);
    top: -8px;
    right: 13px
}

.cc__bubble--position2 {
    transform: translate(-23px, -20px)
}

.cc__bubble--position2.cc__bubble--active {
    transform: translate(-23px, 0)
}

.cc__bubble--position2 .cc__bubble__overlay {
    transform: translate(0, 10px)
}

.cc__bubble--position2 .cc__bubble__overlay:after {
    transform: rotate(225deg);
    top: -8px;
    left: 13px
}

.cc__bubble--position3 {
    transform: translate(-23px, -30px)
}

.cc__bubble--position3.cc__bubble--active {
    transform: translate(-23px, -10px)
}

.cc__bubble--position3 .cc__bubble__overlay {
    transform: translate(0, -100%);
    left: 50%
}

.cc__bubble--position3 .cc__bubble__overlay:after {
    transform: rotate(45deg);
    bottom: -8px;
    left: 13px
}

.cc__bubble--position4 {
    transform: translate(0, -30px)
}

.cc__bubble--position4.cc__bubble--active {
    transform: translate(0, -10px)
}

.cc__bubble--position4 .cc__bubble__overlay {
    transform: translate(-50%, -100%);
    left: 50%
}

.cc__bubble--position4 .cc__bubble__overlay:after {
    transform: translate(-50%, 0) rotate(45deg);
    bottom: -8px;
    left: 50%
}

.cc__bubble--position5 {
    transform: translate(0, -20px)
}

.cc__bubble--position5.cc__bubble--active {
    transform: translate(0, 0)
}

.cc__bubble--position5 .cc__bubble__overlay {
    transform: translate(-50%, 10px)
}

.cc__bubble--position5 .cc__bubble__overlay:after {
    transform: translate(-50%, 0) rotate(225deg);
    top: -8px;
    left: 50%
}

.cc__bubble__overlay {
    width: auto;
    height: auto;
    background-color: #f7f7f7;
    background-color: var(--chayns-color--001);
    color: #222;
    color: var(--chayns-color--text);
    box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    z-index: 930;
    text-align: left
}

.cc__bubble__overlay:after {
    position: absolute;
    content: '';
    width: 14px;
    height: 14px;
    background-color: inherit;
    z-index: -2;
    box-shadow: 2px 2px 8px rgba(4, 3, 4, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom-right-radius: 2px
}

.cc__bubble__overlay:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: inherit;
    z-index: -1
}

.cc__bubble--active {
    opacity: 1;
    pointer-events: initial
}

.cc__bubble--hide {
    display: none;
    pointer-events: initial
}

.cc__image-accordion .image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 70%;
    box-sizing: content-box;
    margin: 0 auto;
    transition: max-height 1.2s cubic-bezier(0.5, 0, 1, 0) 0s, background-color 0.7s ease
}

.cc__image-accordion .image::after {
    content: "";
    display: block;
    padding-top: 100%
}

.cc__image-accordion .no-image {
    background-color: #e2e2e2;
    background-color: var(--chayns-color--secondary-102)
}

.cc__image-accordion .image-accordion-container {
    flex-wrap: wrap;
    display: flex
}

.cc__image-accordion .image-accordion-container .arrow {
    content: '';
    display: block;
    width: 10px;
    border: 12px solid transparent;
    border-bottom-color: #fff;
    border-bottom-color: var(--chayns-color--secondary-100)
}

.cc__image-accordion .image-accordion-container .no-arrow {
    display: none
}

.cc__image-accordion .image-accordion-container.open > .image-accordion-body {
    max-height: 9999px;
    transition: max-height 1.2s cubic-bezier(0.5, 0, 1, 0) 0s, background-color 0.7s ease
}

.cc__image-accordion .image-accordion-container .image-accordion {
    cursor: pointer;
    padding-top: 10px
}

.cc__image-accordion .image-accordion-container .image-accordion .wrapper:hover {
    background-color: #fff;
    background-color: var(--chayns-color--secondary-100)
}

.cc__image-accordion .image-accordion-container .image-accordion.open > .wrapper {
    background-color: #fff;
    background-color: var(--chayns-color--secondary-100)
}

.cc__image-accordion .image-accordion-container > .image-accordion-body {
    margin-top: -10px;
    flex: 0 0 100%;
    margin-bottom: 10px;
    max-width: 100%;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1) 0s, background-color 0.7s ease
}

.cc__image-accordion .image-accordion-container > .image-accordion-body .image-accordion-content {
    width: 100%;
    float: left;
    max-height: 0;
    overflow: hidden
}

.cc__image-accordion .image-accordion-container > .image-accordion-body .image-accordion-content.show {
    padding: 10px 9px 9px 10px;
    max-height: 9999px;
    background-color: #fff;
    background-color: var(--chayns-color--secondary-100)
}

.cc__image-accordion .wrapper {
    padding-top: 10px;
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    opacity: 1;
    transition: all .3s ease
}

.cc__image-accordion .name {
    margin-bottom: -5px
}

.cc__image-accordion .headline {
    border-bottom: 0;
    margin-bottom: 0;
    min-height: 24px
}

.cc__image-accordion .subheadline {
    margin: 0;
    opacity: 0.6;
    padding-top: 3px
}

.cc__image-accordion .disabled {
    filter: opacity(0.55)
}

.cc__image-accordion .icon {
    position: absolute;
    z-index: 10;
    transition: top .3s ease-in-out;
    will-change: top
}

.accordion .cc__image-accordion .no-image {
    background-color: #d4d4d4;
    background-color: var(--chayns-color--secondary-103)
}

.accordion .cc__image-accordion .image-accordion-container .arrow {
    border-bottom-color: #f1f1f1;
    border-bottom-color: var(--chayns-color--secondary-101)
}

.accordion .cc__image-accordion .image-accordion-container .image-accordion .wrapper:hover {
    background-color: #f1f1f1;
    background-color: var(--chayns-color--secondary-101)
}

.accordion .cc__image-accordion .image-accordion-container > .image-accordion-body .image-accordion-content.show {
    background-color: #f1f1f1;
    background-color: var(--chayns-color--secondary-101)
}

.cc__progress-bar .cc__progress-bar__track {
    display: block;
    position: relative;
    border-radius: 2px;
    height: 10px;
    overflow: hidden;
    background-color: #fff;
    background-color: var(--chayns-color--secondary-100)
}

.cc__progress-bar .cc__progress-bar__indicator {
    position: absolute;
    background-color: #6E6E6E;
    background-color: var(--chayns-color--primary);
    height: 100%;
    left: 0;
    top: 0
}

.cc__progress-bar .cc__progress-bar__text {
    color: #6E6E6E;
    color: var(--chayns-color--headline);
    font-size: 85%
}

.cc__progress-bar--determinate .cc__progress-bar__indicator {
    transition: width .3s
}

.cc__progress-bar--indeterminate .cc__progress-bar__indicator {
    width: 100%
}

.cc__progress-bar--indeterminate .cc__progress-bar__indicator:before, .cc__progress-bar--indeterminate .cc__progress-bar__indicator:after {
    content: "";
    width: 100%;
    background-image: linear-gradient(90deg, transparent 0, transparent 25%, rgba(255, 255, 255, 0.8) 26%, rgba(255, 255, 255, 0.8) 75%, transparent 76%, transparent);
    background-image: linear-gradient(90deg, transparent 0, transparent 25%, rgba(var("--chayns-color-rgb--100"), 0.8) 26%, rgba(var("--chayns-color-rgb--100"), 0.8) 75%, transparent 76%, transparent);
    height: 100%;
    position: absolute;
    z-index: 2
}

.cc__progress-bar--indeterminate .cc__progress-bar__indicator:before {
    -webkit-animation: cc__progress-bar__indeterminate-1 1s infinite linear;
    animation: cc__progress-bar__indeterminate-1 1s infinite linear
}

.cc__progress-bar--indeterminate .cc__progress-bar__indicator:after {
    -webkit-animation: cc__progress-bar__indeterminate-2 1s infinite linear;
    animation: cc__progress-bar__indeterminate-2 1s infinite linear
}

.cc__progress-bar .cc__progress-bar--animation-1-enter {
    opacity: 0;
    transform: translate3d(0, -10px, 0);
    transition: opacity .3s, transform .3s
}

.cc__progress-bar .cc__progress-bar--animation-1-enter-active {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.cc__progress-bar .cc__progress-bar--animation-1-exit {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity .3s, transform .3s
}

.cc__progress-bar .cc__progress-bar--animation-1-exit-active {
    opacity: 0;
    transform: translate3d(0, -10px, 0)
}

.cc__progress-bar .cc__progress-bar--animation-2-enter {
    transform: translate3d(0, 0, 0);
    transition: transform .3s
}

.cc__progress-bar .cc__progress-bar--animation-2-enter-active {
    transform: translate3d(0, -10px, 0)
}

.cc__progress-bar .cc__progress-bar--animation-2-exit {
    transform: translate3d(0, -10px, 0);
    transition: transform .3s
}

.cc__progress-bar .cc__progress-bar--animation-2-exit-active {
    transform: translate3d(0, 0, 0)
}

@-webkit-keyframes cc__progress-bar__indeterminate-1 {
    0% {
        transform: translateX(-100%)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes cc__progress-bar__indeterminate-1 {
    0% {
        transform: translateX(-100%)
    }
    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes cc__progress-bar__indeterminate-2 {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(100%)
    }
}

@keyframes cc__progress-bar__indeterminate-2 {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(100%)
    }
}