@import url("./vectors.css");

html, body, div, span, object, iframe,
nav, menu, h1, h2, h3, h4, h5, h6, hr,
p, a, button, code, dfn, small, strong,
dl, dt, dd, ol, ul, li, fieldset, form,
label, input, textarea, legend, table,
figure, tr, th, td {
    border: 0px;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    text-decoration: none;
    margin: 0px;
    outline: 0px;
    padding: 0px;
    vertical-align: baseline;
    box-sizing: border-box;
}

h1:empty, h2:empty, h3:empty,
h4:empty, h5:empty, h6:empty, p:empty,
a:empty, button:empty, li:empty,
label:empty, legend:empty, td:empty {
    display: none;
}

header, main, footer,
section, aside, time,
article, img, svg, iframe {
    display: block;
}

header, main, footer,
section, aside, article {
    position: relative;
    box-sizing: border-box;
}

img:first-child + *,
legend:first-child + *,
[data-icon]:first-child + *,
label.input > [data-field]:first-child + *,
[data-type="change"]:first-child > *,
*:not([data-type="expand"]) > *:not([data-change]):first-child,
*:not([data-type="expand"]) > [class~="errors"]:not([data-change]):first-child + *,
*:not([data-type="expand"]) > [class~="hidden"]:not([data-change]):first-child + * {
    margin-top: 0px !important;
}

html,
body {
    margin: 0px;
    padding: 0px;
    word-wrap: break-word;
    -webkit-text-size-adjust: 100%;
}

body.fixed {
    overflow: hidden;
}

/* ::selection {
    background: #f4da68;
    color: #2a2a2a;
}

::-moz-selection {
    background: #f4da68;
    color: #2a2a2a;
} */

menu {
    position: relative;
    display: inline-block;
}

form {
    margin-top: 56px;
}

h1, h2, h3, h4, h5, h6,
hr, hr + *, p, ul, ol,
dl, fieldset {
    margin-top: 32px;
}

h2 + h1,
h1 + h5,
h3 + h4,
h4 + h4,
label p {
    margin-top: 8px;
}

h4 + h5,
h4 + h6 {
    margin-top: 0px;
}

img,
iframe {
    height: auto;
}

hr:not(.first-child) {
    height: 2px;
    background-color: #fff3e0;
    border-radius: 100em;
    clear: both;
}

p > a:not(.button) {
    border-bottom: 1px solid currentcolor;
}

a, *.anchor, dfn {
    display: inline-flex;
    color: inherit;
    align-items: center;
}

a.block,
i.block {
    display: block;
}

a.inline {
    display: inline;
}

ul,
ol {
    /* width: 100%; */
    padding-left: 16px;
}

ul {
    list-style: none;
}

ul.tree:not(.reverse),
ul.tree.reverse + * {
    margin-top: 4px;
}

ul > li {
    padding-top: 4px;
    position: relative;
}

ul.reverse > li {
    padding-top: unset;
    padding-bottom: 4px;
}

ul:not(.tree) > li:first-child {
    padding-top: 0px;
}

ul:not(.none) > li:before,
ul.tree > li:after {
    display: block;
    background-color: #d5d0cb;
}

ul:not(.none) > li:before {
    width: 4px;
    height: 4px;
    margin: 8px 0px 8px -16px;
    float: left;
}

ul.disc > li:before {
    border-radius: 2px;
}

ul.dash > li:before {
    width: 8px;
    height: 2px;
    margin: 9px 0px 9px -20px;
    border-radius: 100em;
}

ul.tree > li:before {
    width: 8px;
    height: 2px;
    margin: 11px 0px 11px -14px;
}

ul.tree > li:after {
    content: "";
    position: absolute;
    top: 0px;
    left: -14px;
    width: 2px;
    height: 100%;
}

ul.tree.reverse > li:after {
    top: unset;
    bottom: 0px;
}

ul.tree:not(.reverse) > li:last-child:after,
ul.tree.reverse > li:first-child:after {
    height: calc(100% - 12px);
}

ol {
    position: relative;
    counter-reset: item;
}

ol > li > ol {
    padding-left: 24px;
}

ol > li:before {
    content: counters(item, ".");
    counter-increment: item;
}

ol.decimal > li:before {
    content: counter(item, decimal);
}

ol.alpha > li:before {
    content: counter(item, upper-alpha);
}

ol.roman > li:before {
    content: counter(item, upper-roman);
}

li {
    display: block;
}

li:before {
    content: "";
    position: absolute;
    left: 0px;
    font-weight: 700;
}

li > ul,
li > ol {
    margin-top: 8px;
}

dfn {
    display: inline-block;
}

dl > * + * {
    margin-top: 8px;
}

[class~="blue"]:not(.fill):not(.stroke):not(.button),
[class~="blue"]:not(.fill).button.invert {
    color: #1d4582;
}

[class~="cyan"]:not(.fill):not(.stroke):not(.button),
[class~="cyan"]:not(.fill).button.invert {
    color: #e4f1fb;
}

[class~="red"]:not(.fill):not(.stroke):not(.button),
[class~="red"]:not(.fill).button.invert {
    color: #cd0039;
}

[class~="peach"]:not(.fill):not(.stroke):not(.button),
[class~="peach"]:not(.fill).button.invert {
    color: #fff3e0;
}

[class~="peach-dark"]:not(.fill):not(.stroke):not(.button),
[class~="peach-dark"]:not(.fill).button.invert {
    color: #f6d7a4;
}

[class~="silver"]:not(.fill):not(.stroke):not(.button),
[class~="silver"]:not(.fill).button.invert {
    color: #bac6cf;
}

[class~="white"]:not(.fill):not(.stroke):not(.button),
[class~="white"]:not(.fill).button.invert {
    color: #ffffff;
}

[class~="blue"]:not(.fill) > [data-icon],
[class~="button"].invert.blue > [data-icon],
svg.blue, path.blue {
    fill: #1d4582;
}

[class~="cyan"]:not(.fill) > [data-icon],
[class~="button"].invert.cyan > [data-icon],
svg.cyan, path.cyan {
    fill: #e4f1fb;
}

[class~="red"]:not(.fill) > [data-icon],
[class~="button"].invert.red > [data-icon],
svg.red, path.red {
    fill: #cd0039;
}

[class~="peach"]:not(.fill) > [data-icon],
[class~="button"].invert.peach > [data-icon],
svg.peach, path.peach {
    fill: #fff3e0;
}

[class~="peach-dark"]:not(.fill) > [data-icon],
[class~="button"].invert.peach-dark > [data-icon],
svg.peach-dark, path.peach-dark {
    fill: #f6d7a4;
}

[class~="silver"]:not(.fill) > [data-icon],
[class~="button"].invert.silver > [data-icon],
svg.silver, path.silver {
    fill: #bac6cf;
}

[class~="white"]:not(.fill) > [data-icon],
[class~="button"].invert.white > [data-icon],
svg.white, path.white {
    fill: #ffffff;
}

[class~="stroke"].blue,
[class~="badge"].blue {
    border-color: #1d4582;
}

[class~="stroke"].cyan,
[class~="badge"].cyan {
    border-color: #e4f1fb;
}

[class~="stroke"].red,
[class~="badge"].red {
    border-color: #cd0039;
}

[class~="stroke"].peach,
[class~="badge"].peach {
    border-color: #fff3e0;
}

[class~="stroke"].peach-dark,
[class~="badge"].peach-dark {
    border-color: #f6d7a4;
}

[class~="stroke"].silver,
[class~="badge"].silver {
    border-color: #bac6cf;
}

[class~="stroke"].white,
[class~="badge"].white {
    border-color: #ffffff;
}

[class~="fill"].blue,
[class~="button"]:not(.invert).blue {
    background-color: #1d4582;
}

[class~="fill"].cyan,
[class~="button"]:not(.invert).cyan {
    background-color: #e4f1fb;
}

[class~="fill"].red,
[class~="button"]:not(.invert).red {
    background-color: #cd0039;
}

[class~="fill"].peach,
[class~="button"]:not(.invert).peach {
    background-color: #fff3e0;
}

[class~="fill"].peach-dark,
[class~="button"]:not(.invert).peach-dark {
    background-color: #f6d7a4;
}

[class~="fill"].silver,
[class~="button"]:not(.invert).silver {
    background-color: #bac6cf;
}

[class~="fill"].white,
[class~="button"]:not(.invert).white {
    background-color: #ffffff;
}

[class~="button"]:not(.invert).cyan,
[class~="button"]:not(.invert).peach,
[class~="button"]:not(.invert).white {
    color: #090909;
}

[class~="badge"].fill.blue,
[class~="badge"].fill.red,
[class~="badge"].fill.silver {
    color: #FFFFFF;
}

[class~="h1"], h1 {
    font-size: 32px;
    line-height: 40px;
}

[class~="h2"], h2 {
    font-size: 24px;
    line-height: 32px;
}

[class~="h3"], h3 {
    font-size: 20px;
    line-height: 28px;
}

[class~="h4"], h4 {
    font-size: 16px;
    line-height: 24px;
}

[class~="h5"], h5 {
    font-size: 14px;
    line-height: 20px;
}

[class~="h6"], h6 {
    font-size: 12px;
    line-height: 16px;
}

[class~="light"] {
    font-weight: 300 !important;
}

[class~="normal"] {
    font-weight: 400 !important;
}

[class~="bold"],
b, strong {
    font-weight: 700 !important;
}

[class~="italic"],
i, em {
    font-style: italic;
}

[class~="underline"],
u, ins {
    text-decoration: underline;
}

[class~="strike"],
s, del {
    text-decoration: line-through;
}

[class~="caps"] {
    text-transform: uppercase;
}

[class~="rounded"],
[class~="rounded"]:before,
[class~="rounded"] > a {
    border-radius: 12px !important;
    overflow: hidden !important;
}

[class~="circle"],
[class~="circle"]:before,
[class~="circle"] > a {
    border-radius: 100em !important;
    overflow: hidden !important;
}

[class~="center"]:not(figure):not([data-type]) {
    text-align: center;
}

[class~="right"]:not(figure):not([data-type]) {
    text-align: right;
}

[class~="left"]:not(figure):not([data-type]) {
    text-align: left;
}

[class~="nowrap"] {
    display: inline-flex;
    white-space: nowrap;
}

[class~="ellipsis"] {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

[class~="inline"] {
    width: auto !important;
}

[class~="flex"] {
    display: flex !important;
    position: relative;
}

[class~="hidden"],
[class~="first-child"] {
    display: none !important;
}

[class~="quotations"]:not(.inner):before,
[class~="quotations"].inner > *:first-child:before,
[class~="quotations"]:not(.inner):after,
[class~="quotations"].inner > *:last-child:after {
    content: """;
}

[class~="author"] {
    margin-top: 5px;
}

[class~="author"]:before {
    content: "\2014";
    margin-right: 5px;
}

[class~="parentheses"]:not(.inner):before,
[class~="parentheses"].inner > *:first-child:before {
    content: "(";
}

[class~="parentheses"]:not(.inner):after,
[class~="parentheses"].inner > *:last-child:after {
    content: ")";
}

[class~="brackets"]:not(.inner):before,
[class~="brackets"].inner > *:first-child:before {
    content: "[";
}

[class~="brackets"]:not(.inner):after,
[class~="brackets"].inner > *:last-child:after {
    content: "]";
}

[data-before]:before {
    content: attr(data-before);
}

[data-after]:after {
    content: attr(data-after);
}

[class~="iframe"] {
    position: relative;
    width: 100%;
    height: 0px;
    padding: 0px 0px 56.25%;
    overflow: hidden;
}

[class~="iframe"] > iframe {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100% !important;
    height: 100% !important;
}

[data-height] {
    display: block;
    overflow: hidden;
}

[data-height]:after {
    content: "\2014";
    display: block;
    font-weight: normal;
    font-style: normal;
    opacity: 0.00;
}

h1[data-height="2"] {
    height: 80px;
}

h2[data-height="2"] {
    height: 64px;
}

h4[data-height="1"],
p[data-height="1"],
dfn[data-height="1"] {
    height: 24px;
}

h4[data-height="2"],
p[data-height="2"],
dfn[data-height="2"] {
    height: 48px;
}

h4[data-height="3"],
p[data-height="3"],
dfn[data-height="3"] {
    height: 72px;
}

h4[data-height="4"],
p[data-height="4"],
dfn[data-height="4"] {
    height: 96px;
}

h5[data-height="1"] {
    height: 20px;
}

h6[data-height="1"] {
    height: 16px;
}

[class~="loading"] {
    position: relative;
    color: rgba(0, 0, 0, 0.00) !important;
}

[class~="loading"]:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0px 0px -8px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8,16c-1.199,0-2.352-0.259-3.428-0.77l0.857-1.807C6.235,13.806,7.1,14,8,14c3.309,0,6-2.691,6-6 s-2.691-6-6-6S2,4.691,2,8c0,0.901,0.194,1.766,0.578,2.572l-1.806,0.859C0.26,10.354,0,9.2,0,8c0-4.411,3.589-8,8-8s8,3.589,8,8 S12.411,16,8,16z' fill='%23ffffff'/%3E%3C/svg%3E");
    animation: spinAround 1s linear infinite;
}

[class~="loading"] > * {
    opacity: 0.00 !important;
}

@keyframes spinAround {
    100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    }
}

[data-icon] {
    display: block;
    position: relative;
    fill: #090909;
    overflow: hidden;
    box-sizing: content-box;
    align-self: center;
    flex-shrink: 0;
}

[data-icon] > * {
    -ms-transform-origin: 50%;
    transform-origin: 50%;
}

[data-icon] ~ *:not([data-icon]),
[data-icon]:not(:only-child):not(:first-child),
[data-icon] + [data-icon]  {
    margin-left: 8px;
}

[data-icon].top > *,
[class~="active"] > [data-icon].down > * {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

[data-icon].right > *,
[class~="active"] > [data-icon].left > * {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

[data-icon].down > *,
[class~="active"] > [data-icon].top > * {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

[data-icon].left > *,
[class~="active"] > [data-icon].right > * {
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

[data-flag] {
    display: inline-block;
    position: relative;
    width: 21px;
    height: 14px;
    vertical-align: top;
    border: 3px solid #ffffff;
    border-radius: 5px;
}

[data-flag]:before {
    content: "";
    display: block;
    position: absolute;
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    border: 1px solid #dadada;
    border-radius: 4px;
}

[data-flag] ~ * {
    margin-left: 10px;
}

[data-flag]:not(:only-child):not(:first-child) {
    margin-left: 10px;
}

[data-flag="un"] {
    background-position: 0px 0px;
}

[data-flag="de"] {
    background-position: 0px -14px;
}

[data-flag="gb"] {
    background-position: 0px -28px;
}

[data-flag="se"] {
    background-position: 0px -42px;
}

[data-flag="fi"] {
    background-position: 0px -56px;
}

[data-flag="it"] {
    background-position: 0px -70px;
}

[data-flag="no"] {
    background-position: 0px -84px;
}

[data-flag="pl"] {
    background-position: 0px -98px;
}

[data-flag="cn"] {
    background-position: 0px -112px;
}

[data-flag="th"] {
    background-position: 0px -126px;
}

[data-flag="ch"] {
    background-position: -21px 0px;
}

[data-flag="es"] {
    background-position: -21px -14px;
}

[data-flag="ru"] {
    background-position: -21px -28px;
}

[data-flag="us"] {
    background-position: -21px -42px;
}

[data-flag="bg"] {
    background-position: -21px -56px;
}

[data-flag="lu"] {
    background-position: -21px -70px;
}

[data-flag="fr"] {
    background-position: -21px -84px;
}

[data-flag="tw"] {
    background-position: -21px -98px;
}

[data-flag="ca"] {
    background-position: -21px -112px;
}

[data-flag="jp"] {
    background-position: -21px -126px;
}

[data-flag="nl"] {
    background-position: -42px 0px;
}

[data-flag="pt"] {
    background-position: -42px -14px;
}

[data-flag="sg"] {
    background-position: -42px -28px;
}

[data-flag="is"] {
    background-position: -42px -42px;
}

[data-flag="be"] {
    background-position: -42px -56px;
}

[data-flag="in"] {
    background-position: -42px -70px;
}

[data-flag="hk"] {
    background-position: -42px -84px;
}

[data-flag="tr"] {
    background-position: -42px -98px;
}

[data-flag="au"] {
    background-position: -42px -112px;
}

[data-flag="mx"] {
    background-position: -42px -126px;
}

[data-flag="gr"] {
    background-position: -63px 0px;
}

[data-flag="at"] {
    background-position: -63px -14px;
}

[data-flag="cz"] {
    background-position: -63px -28px;
}

[data-flag="lv"] {
    background-position: -63px -42px;
}

[data-flag="my"] {
    background-position: -63px -56px;
}

[data-flag="id"] {
    background-position: -63px -70px;
}

[data-flag="ph"] {
    background-position: -63px -84px;
}

[data-flag="ae"],
[data-flag="uae"] {
    background-position: -63px -98px;
}

[data-flag="ua"] {
    background-position: -63px -112px;
}

[data-flag="br"] {
    background-position: -63px -126px;
}

[data-flag="dk"] {
    background-position: -84px 0px;
}

[data-flag="sk"] {
    background-position: -84px -14px;
}

[data-flag="ba"] {
    background-position: -84px -28px;
}

[data-flag="rs"] {
    background-position: -84px -42px;
}

[data-flag="hr"] {
    background-position: -84px -56px;
}

[data-flag="hu"] {
    background-position: -84px -70px;
}

[data-flag="cl"] {
    background-position: -84px -84px;
}

[data-flag="vn"] {
    background-position: -84px -98px;
}

[data-flag="li"] {
    background-position: -84px -112px;
}

[data-flag="kr"] {
    background-position: -84px -126px;
}

[data-type="modal"] {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding: 56px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.70);
    animation: fadeIn 0.40s ease;
    overflow: auto;
    z-index: 800;
}

[data-type="modal"]:not(.loading):before {
    content: "";
    display: inline-block;
    width: 0px;
    height: 100%;
    vertical-align: middle;
}

[data-type="modal"].loading:before,
[data-type="modal"].closable:after {
    width: 20px;
    height: 20px;
}

[data-type="modal"].loading:before {
    width: 30px;
    height: 30px;
    margin: -10px 0px 0px -10px;
}

[data-type="modal"].closable {
    cursor: pointer;
}

[data-type="modal"].closable:after {
    content: "";
    display: block;
    position: fixed;
    top: 40px;
    right: 40px;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M14.7,1.3c-0.4-0.4-1-0.4-1.4,0L8,6.6L2.7,1.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4L6.6,8l-5.3,5.3 c-0.4,0.4-0.4,1,0,1.4C1.5,14.9,1.7,15,2,15s0.5-0.1,0.7-0.3L8,9.4l5.3,5.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L9.4,8l5.3-5.3C15.1,2.3,15.1,1.7,14.7,1.3z' fill='%23ffffff'/%3E%3C/svg%3E");
}

[data-type="modal"].closing {
    animation: fadeOut 0.40s ease;
}

[data-type="modal"] > [data-modal] {
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 400px;
    margin: 0px auto;
    padding: 32px;
    text-align: left;
    vertical-align: middle;
    border-radius: 12px;
    background-color: #ffffff;
    box-sizing: border-box;
    cursor: default;
}

[data-type="modal"] > [data-modal] h2 + p {
    margin-top: 16px !important;
}

[data-type="modal"] > [data-modal] form,
[data-type="modal"] > [data-modal] button {
    margin-top: 32px !important;
}

[data-type="modal"] > [data-modal="video"],
[data-type="modal"] > [data-modal="image"] {
    max-width: 960px;
    padding: 4px;
    background-color: #000000;
    border-radius: 6px;
}

[data-type="modal"] > [data-modal="video"] div,
[data-type="modal"] > [data-modal="image"] img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

[data-type="modal"] > [data-modal="video"] div {
    padding: 0px 0px 56.25%;
    overflow: hidden;
}

[data-type="modal"] > [data-modal="video"] iframe {
    position: absolute;
    left: 0px;
    width: 100% !important;
    height: 100% !important;
}

[data-modal-click] {
    cursor: pointer;
}

[data-modal-content] {
    display: none;
}

figure[data-modal-click][data-source]:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-filter: drop-shadow(0px 0px 20px #000000);
    filter: drop-shadow(0px 0px 20px #000000);
}

figure[data-modal-click="video"][data-source]:after {
    width: 42px;
    height: 42px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 42'%3E%3Cpath d='M41.58 12.792s-.41-2.83-1.67-4.074c-1.595-1.635-3.386-1.642-4.207-1.74-5.878-.415-14.695-.415-14.695-.415h-.016s-8.815 0-14.695.415c-.82.095-2.61.103-4.207 1.74C.83 9.965.42 12.792.42 12.792S0 16.115 0 19.437v3.115c0 3.323.42 6.646.42 6.646s.41 2.83 1.67 4.074c1.598 1.634 3.696 1.583 4.63 1.755 3.36.313 14.28.41 14.28.41s8.825-.012 14.703-.428c.82-.096 2.61-.104 4.207-1.74 1.26-1.248 1.67-4.075 1.67-4.075s.42-3.323.42-6.645v-3.115c0-3.32-.42-6.643-.42-6.643M16.663 26.324L16.66 14.79l11.35 5.79-11.347 5.744z' fill='%23ffffff'/%3E%3C/svg%3E");
}

figure[data-modal-click="image"][data-source]:after {
    width: 30px;
    height: 30px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M29.97 1.367c-.004-.166-.03-.332-.096-.492L29.872.87l-.02-.03C29.79.695 29.703.57 29.6.46c-.035-.04-.073-.067-.11-.1-.09-.078-.186-.143-.293-.196-.045-.023-.09-.048-.137-.065-.156-.06-.32-.1-.492-.1H19.48c-.785 0-1.422.635-1.422 1.42s.635 1.42 1.42 1.42h5.66l-7.933 7.93c-.555.556-.555 1.453 0 2.008.276.277.64.416 1.003.416s.726-.14 1.003-.416l7.932-7.93-.004 5.573c0 .787.635 1.42 1.42 1.42.782 0 1.417-.633 1.42-1.417l.005-9.003c0-.02-.01-.034-.012-.053zM.03 28.633c.004.166.03.332.096.492l.002.004.02.03c.064.144.15.268.254.38.035.04.073.067.11.1.09.078.186.143.293.196.045.023.09.048.137.065.156.06.32.1.492.1H10.52c.785 0 1.422-.635 1.422-1.42s-.635-1.42-1.42-1.42H4.86l7.933-7.93c.555-.556.555-1.453 0-2.008-.276-.277-.64-.416-1.003-.416-.362 0-.726.14-1.003.416l-7.932 7.93.004-5.573c0-.787-.635-1.42-1.42-1.42-.782 0-1.417.633-1.42 1.417L.018 28.58c0 .02.01.034.012.053z' fill='%23ffffff'/%3E%3C/svg%3E");
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeInOut {
    0%,
    100% {
        background-color: rgba(255, 255, 255, 0.10);
    }

    25% {
        background-color: rgba(255, 255, 255, 1.00);
    }
}

[data-type="growl"] {
    position: fixed;
    top: 0px;
    right: 0px;
    max-width: 440px;
    padding: 16px 16px 0px;
    z-index: 900;
}

[data-type="growl"] > [data-growl] {
    position: relative;
    margin-top: 8px;
    padding: 16px;
    padding-left: 48px;
    border-radius: 8px;
    background-color: #ffffff;
    animation: slideIn 0.60s ease;
    box-shadow: 0px 0px 2px 2px rgb(0 0 0 / 8%);
}

[data-type="growl"] > [data-growl]:not(.confirm) {
    padding-right: 44px;
}

[data-type="growl"] > [data-growl]:before,
[data-type="growl"] > [data-growl]:after {
    content: "";
    display: block;
    position: absolute;
}

[data-type="growl"] > [data-growl]:before {
    top: 16px;
    left: 16px;
    width: 16px;
    height: 16px;
    margin: 4px;
}

[data-type="growl"] > [data-growl]:not(.confirm):after {
    top: 16px;
    right: 16px;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M14.7,1.3c-0.4-0.4-1-0.4-1.4,0L8,6.6L2.7,1.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4L6.6,8l-5.3,5.3 c-0.4,0.4-0.4,1,0,1.4C1.5,14.9,1.7,15,2,15s0.5-0.1,0.7-0.3L8,9.4l5.3,5.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L9.4,8l5.3-5.3C15.1,2.3,15.1,1.7,14.7,1.3z' fill='%23090909'/%3E%3C/svg%3E");
}

[data-type="growl"] > [data-growl].clear {
    animation: fadeOut 0.40s ease;
}

[data-type="growl"] > [data-growl].info,
[data-type="growl"] > [data-growl].info [class~="button"].invert {
    color: #1d4582;
}

[data-type="growl"] > [data-growl].info:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8,0C3.6,0,0,3.6,0,8s3.6,8,8,8s8-3.6,8-8S12.4,0,8,0z M9,12H7V7h2V12z M8,6C7.4,6,7,5.6,7,5s0.4-1,1-1 s1,0.4,1,1S8.6,6,8,6z' fill='%231d4582'/%3E%3C/svg%3E");
}

[data-type="growl"] > [data-growl].info [class~="button"] {
    background-color: #1d4582;
}

[data-type="growl"] > [data-growl].success,
[data-type="growl"] > [data-growl].success [class~="button"].invert {
    color: #0f9a65;
}

[data-type="growl"] > [data-growl].success:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8,0C3.6,0,0,3.6,0,8s3.6,8,8,8s8-3.6,8-8S12.4,0,8,0z M7,11.4L3.6,8L5,6.6l2,2l4-4L12.4,6L7,11.4z' fill='%230f9a65'/%3E%3C/svg%3E");
}

[data-type="growl"] > [data-growl].success [class~="button"] {
    background-color: #0f9a65;
}

[data-type="growl"] > [data-growl].warning,
[data-type="growl"] > [data-growl].warning [class~="button"].invert {
    color: #bf6203;
}

[data-type="growl"] > [data-growl].warning:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M15.8,12.526,9.483.88A1.668,1.668,0,0,0,8.8.2,1.693,1.693,0,0,0,6.516.88L.2,12.526A1.678,1.678,0,0,0,1.686,15H14.314a1.7,1.7,0,0,0,.8-.2,1.673,1.673,0,0,0,.687-2.274ZM8,13a1,1,0,1,1,1-1A1,1,0,0,1,8,13ZM9,9.5a.5.5,0,0,1-.5.5h-1A.5.5,0,0,1,7,9.5v-4A.5.5,0,0,1,7.5,5h1a.5.5,0,0,1,.5.5Z' fill='%23bf6203'/%3E%3C/svg%3E");
}

[data-type="growl"] > [data-growl].warning [class~="button"] {
    background-color: #bf6203;
}

[data-type="growl"] > [data-growl].error,
[data-type="growl"] > [data-growl].error [class~="button"].invert {
    color: #cd0039;
}

[data-type="growl"] > [data-growl].error:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M15.8,12.526,9.483.88A1.668,1.668,0,0,0,8.8.2,1.693,1.693,0,0,0,6.516.88L.2,12.526A1.678,1.678,0,0,0,1.686,15H14.314a1.7,1.7,0,0,0,.8-.2,1.673,1.673,0,0,0,.687-2.274ZM8,13a1,1,0,1,1,1-1A1,1,0,0,1,8,13ZM9,9.5a.5.5,0,0,1-.5.5h-1A.5.5,0,0,1,7,9.5v-4A.5.5,0,0,1,7.5,5h1a.5.5,0,0,1,.5.5Z' fill='%23cd0039'/%3E%3C/svg%3E");
}

[data-type="growl"] > [data-growl].error [class~="button"] {
    background-color: #cd0039;
}

[data-type="growl"] > [data-growl] > * {
    margin-top: 8px;
}

[data-type="growl"] [class~="button"] {
    margin-top: 16px;
}

[data-type="growl"] [class~="button"].invert {
    margin-left: 8px;
}

@keyframes slideIn {
    0% {
        right: calc(-100% - 10px);
    }

    100% {
        right: 0px;
    }
}

/* [data-type="countdown"] > *,
[data-type="counter"] > * {
    margin-top: 0px !important;
}

[data-type="countdown"],
[data-type="countdown"] > [data-countdown],
[data-type="counter"],
[data-type="counter"] div {
    display: flex;
    position: relative;
    text-align: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

[data-type="countdown"] > [data-countdown],
[data-type="counter"] div {
    margin: 0px 5px;
    font-weight: 600;
}

[data-type="countdown"] > [data-countdown] div,
[data-type="counter"] div {
    position: relative;
    border-radius: 4px;
    float: left;
}

[data-type="countdown"] > [data-countdown] div:not(:first-child),
[data-type="counter"] div:not(:first-child) {
    margin-left: 5px;
} */

[data-type="slider"] {
    position: relative;
    min-width: 100%;
    z-index: 1;
    -webkit-tap-highlight-color: transparent;
}

[data-type="slider"] > *:not([data-slider]) {
    display: none;
}

[data-type="slider"] > [data-slider="stage"] {
    position: relative;
    overflow: hidden;
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

[data-type="slider"] > [data-slider="stage"] > [data-slider="slides"] {
    position: relative;
    -ms-touch-action: pan-Y;
}

[data-type="slider"] > [data-slider="stage"] > [data-slider="slides"]:hover {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

[data-type="slider"] > [data-slider="stage"] > [data-slider="slides"]:after {
    content: "";
    display: block;
    height: 0px;
    line-height: 0px;
    clear: both;
    visibility: hidden;
}

[data-type="slider"] > [data-slider="stage"] > [data-slider="slides"].grab:hover {
    cursor: -webkit-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

[data-type="slider"] > [data-slider="stage"] > [data-slider="slides"] > [data-slider="slide"] {
    position: relative;
    float: left;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[data-type="slider"] > [href].slider {
    display: block;
    position: absolute;
    top: 50%;
    padding: 55px 20px;
    z-index: 2;
    cursor: pointer;
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[data-type="slider"] > [href].slider > [data-icon] {
    display: block;
    padding: 0px;
    fill: #cd0039;
}

[data-type="slider"] > [href$="previous"].slider {
    left: 32px;
}

[data-type="slider"] > [href$="next"].slider {
    right: 32px;
}

[data-type="split"] {
    display: flex;
    width: calc(100% + 56px);
    margin-top: 56px;
    margin-left: -28px;
    align-items: center;
    flex-flow: row nowrap;
}

[data-type="split"].center {
    justify-content: center;
}

[data-type="split"].right {
    justify-content: flex-end;
}

[data-type="split"].column {
    flex-flow: column nowrap;
}

[data-type="split"]:after {
    content: "";
    display: block;
    clear: both;
}

[data-type="split"].wrap {
    margin-bottom: -56px;
    flex-wrap: wrap;
}

[data-type="split"].wrap > [data-split] {
    margin-bottom: 56px;
}

[data-type="split"].fixed > [data-split] {
    min-width: 0px;
}

[data-type="split"] > * {
    margin-top: 0px !important;
    margin-right: 28px;
    margin-left: 28px;
}

[data-type="split"] > *:not([data-split]) {
    flex-shrink: 0;
}

[data-type="split"] > hr {
    min-width: 2px;
    height: auto;
}

[data-type="split"] > [class~="top"] {
    align-self: flex-start;
}

[data-type="split"] > [class~="middle"] {
    align-self: center;
}

[data-type="split"] > [class~="bottom"] {
    align-self: flex-end;
}

[data-type="split"] > [data-split] {
    position: relative;
    width: calc(100% - 56px);
}

[data-type="split"] > [data-split="0"] {
    width: auto !important;
}

[data-type="split"] > [data-split="1\/2"] {
    width: calc(100% / 2 - 56px);
}

[data-type="split"] > [data-split="1\/3"] {
    width: calc(100% / 3 - 56px);
}

[data-type="split"] > [data-split="2\/3"] {
    width: calc(100% / 3 * 2 - 56px);
}

[data-type="split"] > [data-split="1\/4"] {
    width: calc(100% / 4 - 56px);
}

[data-type="split"] > [data-split="3\/4"] {
    width: calc(100% / 4 * 3 - 56px);
}

[data-type="split"] > [data-split="1\/5"] {
    width: calc(100% / 5 - 56px);
}

[data-type="split"] > [data-split="2\/5"] {
    width: calc(100% / 5 * 2 - 56px);
}

[data-type="split"] > [data-split="3\/5"] {
    width: calc(100% / 5 * 3 - 56px);
}

[data-type="split"] > [data-split="4\/5"] {
    width: calc(100% / 5 * 4 - 56px);
}

[data-type="split"] > [data-split="1\/6"] {
    width: calc(100% / 6 - 56px);
}

[data-type="split"] > [data-split="1\/7"] {
    width: calc(100% / 7 - 56px);
}

[data-type="split"] > [data-split="2\/7"] {
    width: calc(100% / 7 * 2 - 56px);
}

[data-type="split"] > [data-split="3\/7"] {
    width: calc(100% / 7 * 3 - 56px);
}

[data-type="split"] > [data-split="4\/7"] {
    width: calc(100% / 7 * 4 - 56px);
}

[data-type="split"] > [data-split="3\/8"] {
    width: calc(100% / 8 * 3 - 56px);
}

[data-type="split"].thin {
    width: calc(100% + 32px);
    margin-top: 32px;
    margin-left: -16px;
}

[data-type="split"].thin.wrap {
    margin-bottom: -32px;
}

[data-type="split"].thin.wrap > [data-split] {
    margin-bottom: 32px;
}

[data-type="split"].thin > * {
    margin-right: 16px;
    margin-left: 16px;
}

[data-type="split"].thin > [data-split] {
    width: calc(100% - 32px);
}

[data-type="split"].thin > [data-split="1\/2"] {
    width: calc(100% / 2 - 32px);
}

[data-type="split"].thin > [data-split="1\/3"] {
    width: calc(100% / 3 - 32px);
}

[data-type="split"].thin > [data-split="2\/3"] {
    width: calc(100% / 3 * 2 - 32px);
}

[data-type="split"].thin > [data-split="1\/4"] {
    width: calc(100% / 4 - 32px);
}

[data-type="split"].thin > [data-split="3\/4"] {
    width: calc(100% / 4 * 3 - 32px);
}

[data-type="split"].thin > [data-split="1\/5"] {
    width: calc(100% / 5 - 32px);
}

[data-type="split"].thin > [data-split="2\/5"] {
    width: calc(100% / 5 * 2 - 32px);
}

[data-type="split"].thin > [data-split="3\/5"] {
    width: calc(100% / 5 * 3 - 32px);
}

[data-type="split"].thin > [data-split="4\/5"] {
    width: calc(100% / 5 * 4 - 32px);
}

[data-type="split"].thin > [data-split="1\/6"] {
    width: calc(100% / 6 - 32px);
}

[data-type="split"].thin > [data-split="1\/7"] {
    width: calc(100% / 7 - 32px);
}

[data-type="split"].thin > [data-split="2\/7"] {
    width: calc(100% / 7 * 2 - 32px);
}

[data-type="split"].thin > [data-split="3\/7"] {
    width: calc(100% / 7 * 3 - 32px);
}

[data-type="split"].thin > [data-split="4\/7"] {
    width: calc(100% / 7 * 4 - 32px);
}

[data-type="split"].thin > [data-split="3\/8"] {
    width: calc(100% / 8 * 3 - 32px);
}

[data-type="split"].thinner {
    width: calc(100% + 8px);
    margin-top: 32px;
    margin-left: -4px;
}

[data-type="split"].thinner.wrap {
    margin-bottom: -8px;
}

[data-type="split"].thinner.wrap > [data-split] {
    margin-bottom: 8px;
}

[data-type="split"].thinner > * {
    margin-right: 4px;
    margin-left: 4px;
}

[data-type="split"].thinner > [data-split] {
    width: calc(100% - 8px);
}

[data-type="split"].thinner > [data-split="1\/2"] {
    width: calc(100% / 2 - 8px);
}

[data-type="split"].thinner > [data-split="1\/3"] {
    width: calc(100% / 3 - 8px);
}

[data-type="split"].thinner > [data-split="2\/3"] {
    width: calc(100% / 3 * 2 - 8px);
}

[data-type="split"].thinner > [data-split="1\/4"] {
    width: calc(100% / 4 - 8px);
}

[data-type="split"].thinner > [data-split="3\/4"] {
    width: calc(100% / 4 * 3 - 8px);
}

[data-type="split"].thinner > [data-split="1\/5"] {
    width: calc(100% / 5 - 8px);
}

[data-type="split"].thinner > [data-split="2\/5"] {
    width: calc(100% / 5 * 2 - 8px);
}

[data-type="split"].thinner > [data-split="3\/5"] {
    width: calc(100% / 5 * 3 - 8px);
}

[data-type="split"].thinner > [data-split="4\/5"] {
    width: calc(100% / 5 * 4 - 8px);
}

[data-type="split"].thinner > [data-split="1\/6"] {
    width: calc(100% / 6 - 8px);
}

[data-type="split"].thinner > [data-split="1\/7"] {
    width: calc(100% / 7 - 8px);
}

[data-type="split"].thinner > [data-split="2\/7"] {
    width: calc(100% / 7 * 2 - 8px);
}

[data-type="split"].thinner > [data-split="3\/7"] {
    width: calc(100% / 7 * 3 - 8px);
}

[data-type="split"].thinner > [data-split="4\/7"] {
    width: calc(100% / 7 * 4 - 8px);
}

[data-type="split"].thinner > [data-split="3\/8"] {
    width: calc(100% / 8 * 3 - 8px);
}

[data-type="grid"],
[data-type="list"] {
    display: grid;
    margin-top: 32px;
    grid-auto-flow: row;
    grid-gap: 32px;
}

[data-type="grid"] {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

[data-type="grid"].thin,
[data-type="list"].thin {
    grid-gap: 16px;
}

[data-type="grid"].thinner,
[data-type="list"].thinner {
    grid-gap: 8px;
}

[data-type="grid"].more {
    grid-template-columns: repeat(auto-fill, minmax(176px, 1fr));
}

[data-type="grid"].less {
    grid-template-columns: repeat(auto-fill, minmax(304px, 1fr));
}

[data-type="list"] {
    grid-template-columns: 1fr;
}

[data-type="grid"] > *,
[data-type="list"] > * {
    margin-top: 0px !important;
}

[data-type="tab"] {
    display: flex;
    margin-top: 32px;
}

[data-type="tab"].right {
    justify-content: flex-end;
}

[data-type="tab"] > [data-tab] {
    min-width: 25%;
}

[data-type="tab"] > [data-tab]:not(:first-child) {
    margin-left: 10px;
}

[data-type="tab"] > [data-tab].active {
    z-index: 1;
}

[data-type="tab"] > [data-tab]:not(.active) {
    cursor: pointer;
}

[data-type="tab"] > [data-tab].fieldset {
    position: relative;
    padding: 0px 20px;
    height: 18px;
}

[data-type="tab"] > [data-tab].fieldset:before,
[data-type="tab"] > [data-tab].fieldset:after {
    content: "";
    display: block;
    position: absolute;
}

[data-type="tab"] > [data-tab].fieldset:before {
    top: 6px;
    right: 0px;
    bottom: -11px;
    left: 0px;
    border: 1px solid #e8e8e8;
    border-bottom: none;
    border-radius: 2px 2px 0px 0px;
}

[data-type="tab"] > [data-tab].fieldset:after {
    top: 7px;
    right: 1px;
    bottom: -12px;
    left: 1px;
    background-color: #ffffff;
    z-index: -1;
}

[data-type="tab"] > [data-tab].fieldset.active:before {
    border-color: #9d9fa1;
}

[data-type="tab"] > [data-tab].fieldset.active > [class~="legend"] {
    display: inline-block;
}

[data-type="tab"] > [data-tab].fieldset.active > [class~="legend"] > * {
    padding-top: 3px;
    color: #a5b5cc;
}

[data-type="tab"] > [data-tab].fieldset:not(.active) > [class~="legend"] {
    color: inherit;
}

[data-type="tab"] > [data-tab].fieldset:not(.active) > [class~="legend"] > * {
    display: none;
}

[data-type="expand"][data-expand]:not(.active),
[data-type="change"] > [data-change]:not(.active),
[data-change-click]:not(.active) + hr:last-of-type {
    display: none;
}

[data-type="expand"] {
    margin-top: 0px !important;
}

[data-type="change"] > [data-change].active {
    margin-top: 32px;
}

[data-change-click]:not(input):not(.active):not(.nofade),
[data-change-load]:not(input) {
    opacity: 0.50;
}

[data-expand-click],
[data-expand-trigger],
[data-change-click],
[data-change-trigger] {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

[data-type="table"] {
    display: flex;
    margin-top: 32px;
    -ms-flex: 100;
    flex: 100;
    flex-flow: column nowrap;
    justify-content: space-between;
}

[data-type="table"] > [data-table~="row"] {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}

[data-type="table"] > [data-table~="row"] + [data-table~="row"] {
    margin-top: 8px;
}

[data-type="table"] > [data-table~="row"] > * {
    margin-top: 0px;
}

[data-type="table"] > [data-table~="row"] > *:not(div) {
    flex-shrink: 0;
}

[data-type="table"] > [data-table~="row"] > div:not(.inline) {
    -ms-flex: 100;
    flex: 100;
}

[data-type="table"] > [data-table~="row"] > div:not([data-table~="merge"]):not(.inline) {
    flex-direction: column;
    flex-basis: 0px;
    justify-content: center;
}

[data-type="table"] > [data-table~="row"] > div.top {
    align-self: self-start;
}

[data-type="table"] > [data-table~="row"] > div.bottom {
    align-self: self-end;
}

[data-type="table"] > [data-table~="row"] > div.wide {
    -ms-flex: 200;
    flex: 200;
}

[data-type="table"] > [data-table~="row"] > div.wider {
    -ms-flex: 300;
    flex: 300;
}

[data-type="table"] > [data-table~="row"] > [data-table~="merge"] {
    display: flex;
    align-items: center;
}

[data-type="table"] [data-table] > *:not(:first-child) {
    margin-top: 0px;
    margin-left: 8px;
}

[data-type="table"] [data-table~="head"] {
    font-weight: 700;
}

[data-type="table"].center > [data-table~="row"] > div {
    text-align: center;
}

[data-type="table"].center img {
    margin: 0px auto;
}

[data-type="table"].right > [data-table~="row"] > div {
    text-align: right;
}

[data-type="table"].list > legend:first-child + [data-table] {
    padding-top: 0px;
}

[data-type="table"].list > [data-table]:not(:first-child) {
    margin-top: 16px;
    padding-top: 16px;
}

[data-type="table"].list > [data-table] ~ [data-table] {
    border-top: 2px solid #fff3e0;
}

[data-type="table"].list > [data-table~="row"].dashed {
    border-style: dashed;
}

[data-type="table"].list > [data-type="expand"] > * {
    margin-top: 16px;
}

[data-type="table"].grid > [data-table] {
    margin-top: 0px !important;
    border: 1px solid #fff3e0;
    border-top-width: 0px;
    overflow: hidden;
}

[data-type="table"].grid > [data-table]:first-child {
    border-top-width: 1px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

[data-type="table"].grid > [data-table]:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

[data-type="table"].grid > [data-table~="row"] > div {
    position: relative;
    width: 100%;
    margin: 0px !important;
    padding: 16px;
}

[data-type="table"].grid > [data-table~="row"] > div[data-table~="head"] {
    -ms-flex: 50;
    flex: 50;
}

[data-type="table"].grid > [data-table~="row"] > div:not(:first-child):before,
[data-type="table"].grid > [data-table~="row"] > div:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    top: -100%;
    bottom: -100%;
    width: 1px;
    background-color: #fff3e0;
}

[data-type="table"].grid > [data-table~="row"] > div:not(:first-child):before {
    left: 0px;
}

[data-type="table"].grid > [data-table~="row"] > div:not(:last-child) {
    margin-left: -1px;
    right: -1px;
}

[data-type="table"].grid > [data-table~="row"] > div:not(:last-child):after {
    right: 0px;
}

[class~="stroke"] {
    border: 2px solid #090909;
}

[class~="shadow"] {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}

[class~="shadow"].even {
    box-shadow: 0px 0px 2px 2px rgb(0 0 0 / 8%);
}

figure,
[class~="image"],
[class~="box"] {
    position: relative;
    margin-top: 32px;
    overflow: hidden;
}

[class~="box"] {
    min-width: inherit;
    padding: 32px;
    border-radius: 8px;
}

[class~="box"].thick {
    padding: 56px;
    border-radius: 12px;
}

[class~="box"].thin {
    padding: 16px;
    border-radius: 4px;
}

[class~="box"] > * {
    margin-top: 16px;
}

[class~="box"].thick > * {
    margin-top: 32px;
}

[class~="box"].thin > * {
    margin-top: 8px;
}

figure, a figure,
[class~="image"] {
    display: flex;
    height: auto;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

figure.scale > img,
a figure.scale > img,
[class~="image"].scale > img {
    max-width: 100%;
}

figure.inline,
img.inline,
p img {
    margin-left: 10px;
    margin-bottom: 10px;
    float: right;
}

figure.inline:first-child + *,
img.inline:first-child + *,
p img:first-child {
    margin: 0px;
}

figure > figcaption {
    position: absolute;
    margin: 0px !important;
    pointer-events: none;
}

figure > figcaption.corner:first-child {
    top: 0px;
    left: 0px;
}

figure > figcaption.corner:last-child {
    bottom: 0px;
    right: 0px;
}

figure > figcaption:not(.corner) {
    right: 0px;
    bottom: 0px;
    left: 0px;
    padding: 32px;
    text-align: center;
    color: #ffffff;
    z-index: 1;
}

figure > figcaption:not(.corner):before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: -1;
}

figure > figcaption:not(.corner):first-child {
    top: 0px;
    bottom: auto;
}

figure > figcaption:not(.corner):first-child:before {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

label > [class~="right"] {
    float: right;
}

label:not([for]):not(.field),
[class~="label"] {
    display: block;
    margin-top: 32px;
    line-height: 16px;
}

label:not([for]):not(.field) + *,
label:not([for]):not(.field) + [data-type="split"] {
    margin-top: 12px !important;
}

label[for^="menu"] {
    display: inline-flex;
    align-items: center;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

[data-field],
[class~="field"] {
    position: relative;
    display: inline-block;
    width: 100%;
    min-height: 56px;
    margin-top: 32px;
    border: 2px solid;
    border-color: #d3d3d3;
    border-radius: 8px;
    background-color: #ffffff;
    clear: both;
}

[data-field] > input,
[data-field] > textarea,
[data-field="select"],
[class~="field"] {
    display: block;
    padding: 14px 16px;
    line-height: 24px;
    white-space: normal;
    color: inherit;
}

[data-field] > input,
[data-field] > textarea,
[data-field] > select {
    width: 100%;
    max-width: 100%;
    margin: 0px;
    text-align: left;
    background-color: transparent;
}

[data-field] > [type="radio"],
[data-field] > [type="checkbox"],
[data-field] > select,
[class~="select"] > select {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 100%;
    opacity: 0.00;
    cursor: inherit;
}

[data-field] > input {
    height: 52px;
}

[data-field] > span:before,
[data-field] > span:after,
[class~="select"]:after {
    content: "";
    display: block;
    position: absolute;
}

[data-field].thin,
[class~="field"].thin {
    min-height: 40px;
}

[data-field].thin > input,
[data-field].thin > textarea,
[data-field="select"].thin,
[class~="field"].thin {
    padding: 6px 10px;
}

[data-field].thin > input {
    height: 36px;
}

label.field {
    display: flex;
    padding: 14px;
    background-color: transparent;
    z-index: 1;
}

label.field > [data-field] {
    margin-right: 14px;
    align-self: flex-start;
    flex-shrink: 0 !important;
}

label.field > [data-field]:after {
    content: "";
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border-radius: 6px;
    z-index: -1;
}

label.field > [data-field] + * {
    width: 100%;
    margin-top: 0px !important;
}

label.field.thin {
    padding: 6px;
}

label.field.thin > [data-field] {
    margin-right: 6px;
}

label.field.ignore:not(.error) {
    min-height: 24px;
    padding: 0px;
    border: 0px;
}

[data-field].error,
[class~="field"].error {
    position: relative;
    border-color: #cd0039;
}

[data-field].error:before,
[class~="field"].error:before {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 14px;
    height: 14px;
    margin: 19px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M15.8,12.526,9.483.88A1.668,1.668,0,0,0,8.8.2,1.693,1.693,0,0,0,6.516.88L.2,12.526A1.678,1.678,0,0,0,1.686,15H14.314a1.7,1.7,0,0,0,.8-.2,1.673,1.673,0,0,0,.687-2.274ZM8,13a1,1,0,1,1,1-1A1,1,0,0,1,8,13ZM9,9.5a.5.5,0,0,1-.5.5h-1A.5.5,0,0,1,7,9.5v-4A.5.5,0,0,1,7.5,5h1a.5.5,0,0,1,.5.5Z' fill='%23cd0039'/%3E%3C/svg%3E");
    pointer-events: none;
}

[data-field="select"].error:before {
    right: 19px
}

[data-field].error.focus:after,
[class~="field"].error.focus:after {
    content: attr(data-error);
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0px;
    margin: 0px 8px -8px;
    max-width: 100%;
    padding: 2px 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    color: #ffffff;
    border-radius: 3px;
    background-color: #cd0039;
    z-index: 10;
}

[data-field].thin.error:before,
[class~="field"].thin.error:before {
    margin: 11px;
}

[data-field="select"].error:before {
    right: 14px
}

[data-field="number"] {
    display: inline-flex;
    max-width: 136px;
    padding: 0px 16px;
    align-items: center;
}

[data-field="number"] > input {
    padding-right: 0px !important;
    padding-left: 0px !important;
    text-align: center;
    cursor: inherit;
}

[data-field="number"] > span {
    display: block;
    width: 28px;
    height: 28px;
    padding: 8px;
    flex-shrink: 0;
    cursor: inherit;
}

[data-field="number"] > span:before,
[data-field="number"] > span:after {
    background-color: #090909;
    border-radius: 100em;
}

[data-field="number"] > span:before,
[data-field="number"] > [class~="add"]:after {
    width: 12px;
    height: 2px;
    margin-top: 5px;
}

[data-field="number"] > [class~="add"]:after {
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

[data-field="number"]:not([class~="disabled"]) > span {
    cursor: pointer;
}

[data-field="number"].thin {
    max-width: 104px;
    padding: 0px 8px;
}

[data-field="select"] {
    padding-right: 40px !important;
    cursor: pointer;
}

[data-field="select"]:not(.button) > span {
    display: block;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

[data-field="select"].button {
    border-color: transparent;
}

[data-field="select"].button > span {
    display: flex;
    width: 100%;
}

[data-field="select"] > span:after,
[class~="select"]:after {
    top: 50%;
    right: 14px;
    border: 5px solid transparent;
    border-top-color: inherit;
    border-bottom-width: 0px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

[data-field="select"].thin {
    padding-right: 28px !important;
}

[data-field="select"].thin > span:after {
    right: 9px;
}

[class~="select"] {
    position: relative;
    display: inline-block;
    padding-right: 18px !important;
    cursor: pointer;
}

[class~="select"]:after {
    right: 0px;
}

[data-field="radio"],
[data-field="checkbox"] {
    position: initial;
    width: 24px;
    min-height: 24px !important;
    padding: 2px;
    border-radius: 6px;
    cursor: pointer;
}

[data-field="radio"] {
    border-radius: 100em;
}

[data-field="radio"].checked,
[data-field="checkbox"].checked {
    border-color: #090909;
}

[data-field="radio"].checked:before,
[data-field="checkbox"].checked:before {
    content: "";
    display: block;
    height: 10px;
}

[data-field="radio"].checked:before,
[data-field="checkbox"].checked {
    background-color: #090909;
}

[data-field="radio"].checked:before {
    width: 14px;
    height: 14px;
    margin: 1px;
    border-radius: 100em;
}

[data-field="checkbox"].checked:before {
    width: 5px;
    margin-left: 4px;
    border: solid #ffffff;
    border-width: 0px 3px 3px 0px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

input:not([data-type="field"]):not([class~="ignore"]),
textarea:not([data-type="field"]):not([class~="ignore"]),
select:not([data-type="field"]):not([class~="ignore"]) {
    display: none;
}

[class~="button"] {
    display: inline-flex;
    position: relative;
    max-width: 100%;
    min-height: 56px;
    margin-top: 32px;
    padding: 14px 24px;
    font-size: inherit;
    font-weight: 600;
    text-align: center;
    line-height: 24px;
    color: #ffffff;
    align-items: center;
    justify-content: center;
    vertical-align: bottom;
    border: 2px solid transparent;
    border-radius: 100em;
    box-sizing: border-box;
    background-color: #090909;
    cursor: pointer;
}

[class~="button"] dfn:not([data-icon]) {
    display: block;
    margin: 0px;
    width: 100%;
}

[class~="button"] [data-icon] {
    fill: currentcolor !important;
}

[class~="button"] + [class~="button"],
[class~="button"] + a {
    margin-left: 32px;
}

[class~="button"].invert {
    color: #090909;
    border-color: currentColor;
    background-color: transparent !important;
}

[class~="button"].block {
    display: flex;
    width: 100%;
    margin-left: 0px;
}

[class~="button"].block + * {
    margin: 16px 0px 0px;
}

[class~="button"].thin {
    min-height: 40px;
    margin-top: 16px;
    padding: 6px 16px;
}

[class~="buttons"] {
    display: inline-flex;
    margin-top: 32px;
    white-space: nowrap;
}

[class~="buttons"] > * {
    margin: 0px !important;
    border-radius: 0px;
}

[class~="buttons"] > [data-field="number"] > span {
    border-radius: 0px
}

[class~="buttons"] > [data-field].quantity {
    min-width: 114px;
}

[class~="buttons"] > [data-field].thin.quantity {
    min-width: 64px;
}

[class~="buttons"] > *:first-child {
    border-top-left-radius: 100em;
    border-bottom-left-radius: 100em;
}

[class~="buttons"] > *:last-child {
    border-top-right-radius: 100em;
    border-bottom-right-radius: 100em;
}

[class~="buttons"] > [data-field]:first-child {
    border-right: 0px;
}

[class~="buttons"] > [data-field]:first-child > input {
    padding-left: 36px;
}

[class~="buttons"] > [data-field].thin:first-child > input {
    padding-left: 16px;
}

[class~="buttons"] > [data-field]:last-child {
    border-left: 0px;
}

[class~="buttons"] > [data-field]:last-child > input {
    padding-right: 36px;
}

[class~="buttons"] > [data-field].thin:last-child > input {
    padding-right: 16px;
}

[class~="badge"] {
    display: inline-block;
    min-width: 24px;
    padding: 4px 6px;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: bottom;
    border: 2px solid transparent;
    border-radius: 4px;
}

[class~="badge"]:not(:only-child):not(:first-child) {
    margin-left: 4px;
}

[class~="badge"]:not(:only-child):not(:last-child) {
    margin-right: 4px;
}

[class~="badge"].thin {
    min-width: 20px;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    padding: 2px;
}

[class~="disabled"]:not(label),
*:not(.disabled) > [disabled] {
    color: #000000;
    opacity: 0.40 !important;
}

[class~="disabled"]:not(label) {
    cursor: not-allowed !important;
}

[class~="disabled"]:not(.invert).button,
[disabled]:not(.invert).button {
    color: #ffffff !important;
}

[class~="progress"] {
    position: relative;
    height: 32px;
    width: 100%;
    margin-top: 32px;
    border-radius: 8px;
    overflow: hidden;
}

[class~="progress"]:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #bac6cf;
    opacity: 0.30;
    z-index: 0;
}

[class~="progress"] > hr {
    position: relative;
    width: 1%;
    height: 100%;
    background-color: #cd0039;
    border-radius: 0px;
    z-index: 1;
}

/* [data-card] {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 16px;
    margin: 1px;
    vertical-align: bottom;
    border: 1px solid #9d9fa1;
    border-radius: 2px;
    background-color: #ffffff;
    overflow: hidden;
}

[data-card]:before,
[data-card]:after {
    content: "";
    display: block;
    position: absolute;
}

[data-card] + [data-card] {
    margin-left: 2px;
}

[data-card="bank"]:before {
    width: 2px;
    height: 5px;
    margin: 7px 4px 2px 8px;
    background-color: #3696e3;
    border-width: 0px 2px;
    border-style: solid;
    border-color: #ffffff;
    box-shadow: -2px 0 0 0 #3696e3, 2px 0 0 0 #3696e3;
}

[data-card="bank"]:after {
    margin: 2px 3px 0px;
    border-width: 0px 8px 4px;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #3696e3;
}

[data-card="cash"]:before {
    width: 20px;
    height: 12px;
    margin: 1px;
    background: #65a15a;
    background: linear-gradient(0deg, transparent 0px, #65a15a 0px) top left, linear-gradient(0deg, transparent 0px, #65a15a 0px) top right, linear-gradient(0deg, transparent 0px, #65a15a 0px) bottom right, linear-gradient(0deg,        transparent 0px, #65a15a 0px) bottom left; background-image: radial-gradient(circle at 0px 0px, #ffffff 3px, #65a15a 0px), radial-gradient(circle at 100% 0px, #ffffff 3px, #65a15a 0px), radial-gradient(circle at 100% 100%, #ffffff 3px, #65a15a 0px), radial-gradient(circle at 0px 100%, #ffffff 3px, #65a15a 0px);
    background-size: 50% 50%;
    background-repeat: no-repeat;
}

[data-card="cash"]:after {
    width: 2px;
    height: 2px;
    margin: 4px 8px;
    border: 2px solid #ffffff;
    border-radius: 6px;
}

[data-card="visa"]:before {
    width: 18px;
    height: 4px;
    margin: 2px;
    border-top: 3px solid #0a5396;
    border-bottom: 3px solid #f4a728;
}

[data-card="visa"]:after {
    width: 10px;
    height: 2px;
    margin: 6px;
    background-color: #3b75ab;
}

[data-card="mastercard"]:before ,
[data-card="mastercard"]:after {
    width: 10px;
    height: 10px;
    margin: 2px 9px 2px 3px;
    border-radius: 5px;
    background-color: #ea2035;
}

[data-card="mastercard"]:before {
    margin: 2px 3px 2px 9px;
    background-color: #fab041;
}

[data-card="amex"]:before {
    width: 10px;
    height: 10px;
    margin: 2px 6px;
    background-color: #006cb6;
}

[data-card="amex"]:after {
    width: 10px;
    height: 1px;
    margin: 5px 6px 4px;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    -ms-transform: skewX(50deg);
    transform: skewX(50deg);
}

[data-card="discover"]:before {
    width: 0px;
    height: 0px;
    margin: 8px 0px 0px 7px;
    border-bottom: 5px solid #fd8a25;
    border-left: 14px solid transparent;
}

[data-card="discover"]:after {
    width: 3px;
    height: 3px;
    margin: 3px 2px 8px;
    border-left: 9px solid #000000;
    border-right: 6px solid #000000;
    background-color: #fd8a25;
}

[data-card="jcb"] {
    width: 23px;
}

[data-card="jcb"]:before {
    width: 5px;
    height: 10px;
    margin: 2px 5px;
    border-left: 3px solid #1070b4;
    border-right: 3px solid #159470;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 2px;
}

[data-card="jcb"]:after {
    width: 3px;
    height: 10px;
    margin: 2px 9px;
    border-radius: 0px 2px 0px 2px;
    background-color: #e13144;
}

[data-card="dinersclub"]:before {
    width: 14px;
    height: 8px;
    argin: 3px 4px;
    background-color: #1e478b;
    border-radius: 4px;
}

[data-card="dinersclub"]:after {
    width: 6px;
    height: 6px;
    margin: 4px 11px 4px 5px;
    border-radius: 3px;
    background-color: #e9ecf3;
} */

[data-hover] {
    position: relative;
}

[data-hover]:hover:before, [data-hover]:hover:after {
    display: block;
}

[data-hover]:before,
[data-hover]:after {
    content: "";
    /* display: none; */
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

[data-hover]:before {
    content: attr(data-hover);
    bottom: calc(100% + 14px);
    max-width: 100%;
    padding: 6px 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    text-align: center;
    color: #ffffff;
    border-radius: 4px;
    background-color: #090909;
}

[data-hover]:after {
    bottom: calc(100% + 8px);
    width: 0px;
    height: 0px;
    border: 6px solid transparent;
    border-top-color: #090909;
    border-bottom: none;
}

.cc-revoke,
.cc-window {
    color: #090909 !important;
}

.cc-link {
    color: #090909 !important;
}

.cc-btn {
    background: #cd0039 !important;
    color: #ffffff !important;
}

.cc-btn:hover {
    color: #cd0039 !important;
    color: #ffffff !important;
}

#ga-optout {
    width: auto;
}

@media screen and (max-width: 1140px) {}

@media screen and (max-width: 1040px) {}

@media screen and (max-width: 940px) {
    form {
        margin-top: 32px;
    }

    [data-type="split"]:not(.thin):not(.thinner) {
        width: calc(100% + 32px);
        margin-top: 32px;
        margin-left: -16px;
    }

    [data-type="split"]:not(.thin):not(.thinner) > * {
        margin-right: 16px;
        margin-left: 16px;
    }

    [data-type="split"]:not(.thin):not(.thinner) > [data-split] {
        width: calc(100% - 32px);
    }

    [data-type="split"]:not(.thin):not(.thinner) > [data-split="1\/2"] {
        width: calc(100% / 2 - 32px);
    }

    [data-type="split"]:not(.thin):not(.thinner) > [data-split="1\/3"] {
        width: calc(100% / 3 - 32px);
    }

    [data-type="split"]:not(.thin):not(.thinner) > [data-split="2\/3"] {
        width: calc(100% / 3 * 2 - 32px);
    }

    [data-type="split"]:not(.thin):not(.thinner) > [data-split="1\/4"] {
        width: calc(100% / 4 - 32px);
    }

    [data-type="split"]:not(.thin):not(.thinner) > [data-split="3\/4"] {
        width: calc(100% / 4 * 3 - 32px);
    }

    [data-type="split"]:not(.thin):not(.thinner) > [data-split="1\/5"] {
        width: calc(100% / 5 - 32px);
    }

    [data-type="split"]:not(.thin):not(.thinner) > [data-split="2\/5"] {
        width: calc(100% / 5 * 2 - 32px);
    }

    [data-type="split"]:not(.thin):not(.thinner) > [data-split="3\/5"] {
        width: calc(100% / 5 * 3 - 32px);
    }

    [data-type="split"]:not(.thin):not(.thinner) > [data-split="4\/5"] {
        width: calc(100% / 5 * 4 - 32px);
    }

    [data-type="split"]:not(.thin):not(.thinner) > [data-split="1\/6"] {
        width: calc(100% / 6 - 32px);
    }

    [data-type="split"]:not(.thin):not(.thinner) > [data-split="1\/7"] {
        width: calc(100% / 7 - 32px);
    }

    [data-type="split"]:not(.thin):not(.thinner) > [data-split="2\/7"] {
        width: calc(100% / 7 * 2 - 32px);
    }

    [data-type="split"]:not(.thin):not(.thinner) > [data-split="3\/7"] {
        width: calc(100% / 7 * 3 - 32px);
    }

    [data-type="split"]:not(.thin):not(.thinner) > [data-split="4\/7"] {
        width: calc(100% / 7 * 4 - 32px);
    }

    [data-type="split"]:not(.thin):not(.thinner) > [data-split="3\/8"] {
        width: calc(100% / 8 * 3 - 32px);
    }
}

@media screen and (min-width: 841px) {
    [data-for^="mobile"] {
        display: none !important;
    }
}

@media screen and (max-width: 840px) {
    h1, h2, h3, h4, h5, h6, hr,
    hr + *, p, ul, ol, dl, fieldset,
    [data-type="change"] > [data-change].active,
    [data-type="grid"],
    [data-type="list"],
    [data-type="table"],
    figure, a figure,
    [class~="image"],
    [class~="box"],
    [class~="box"].thick > *,
    [data-field],
    [class~="field"],
    label:not([for]):not(.field),
    [class~="label"],
    [class~="button"]:not(.thin) {
        margin-top: 24px;
    }

    [data-for^="desktop"] {
        display: none !important;
    }

    [data-type="modal"] {
        padding: 32px;
    }

    [data-type="growl"] {
        width: 100%;
    }

    [data-type="growl"] [class~="button"].invert {
        margin-top: 8px;
        margin-left: 0px;
    }

    [data-type="split"]:not(.fixed):not(.wrap) {
        display: block;
    }

    [data-type="split"],
    [data-type="split"]:not(.fixed):not(.wrap) > *:not(:first-child) {
        margin-top: 24px !important;
    }

    [data-type="split"]:not(.thinner).wrap {
        margin-bottom: -24px;
    }

    [data-type="split"]:not(.thinner).wrap > [data-split] {
        margin-bottom: 24px;
    }

    [data-type="split"].thinner:not(.fixed):not(.wrap) > *:not(:first-child) {
        margin-top: 8px !important;
    }

    [data-type="split"]:not(.fixed):not(.wrap) > hr,
    [data-type="split"]:not(.fixed) > [data-split] {
        width: calc(100% - 32px) !important;
    }

    [data-type="split"]:not(.fixed):not(.wrap) > hr {
        height: 2px;
    }

    [data-type="split"].column:not(.fixed) {
        height: auto !important;
    }

    [data-type="split"].thinner:not(.fixed) > [data-split] {
        width: calc(100% - 8px) !important;
    }

    [data-type="split"].thinner:not(.fixed) > [data-split="0"] {
        width: auto !important;
    }

    [class~="button"]:not(.fixed) {
        display: flex;
        width: 100%;
        margin-left: 0px;
    }
}

@media screen and (max-width: 640px) {}

@media screen and (max-width: 540px) {
    form {
        margin-top: 32px;
    }

    h1, h2, h3, h4, h5, h6, hr,
    hr + *, p, ul, ol, dl, fieldset,
    [data-type="change"] > [data-change].active,
    [data-type="grid"],
    [data-type="list"],
    [data-type="table"],
    figure, a figure,
    [class~="image"],
    [class~="box"],
    [class~="box"].thick > *,
    [data-field],
    [class~="field"],
    label:not([for]):not(.field),
    [class~="label"],
    [class~="button"]:not(.thin) {
        margin-top: 16px;
    }

    [data-type="split"],
    [data-type="split"]:not(.fixed):not(.wrap) > *:not(:first-child) {
        margin-top: 16px !important;
    }

    [data-type="split"]:not(.thinner).wrap {
        margin-bottom: -16px;
    }

    [data-type="split"]:not(.thinner).wrap > [data-split] {
        margin-bottom: 16px;
    }

    [class~="box"] {
        padding: 24px;
    }

    [class~="box"].thick {
        padding: 32px;
        border-radius: 8px;
    }
}

@media screen and (max-width: 480px) {
    form {
        margin-top: 16px;
    }

    [class~="rounded"],
    [class~="rounded"]:before,
    [class~="rounded"] > a {
        border-radius: 8px !important;
    }

    [class~="box"] {
        padding: 16px;
    }

    [class~="box"].thick {
        padding: 24px;
    }
}

@media screen and (max-width: 380px) {
    [class~="rounded"],
    [class~="rounded"]:before,
    [class~="rounded"] > a {
        border-radius: 4px !important;
    }

    [class~="box"].thick {
        padding: 16px;
    }
}

@media screen and (max-width: 360px) {}