/* ---------------------------------------------------------------- Basic -----------------------------------------------------------------*/ html, body { padding: 0px; margin: 0px; max-width: 100vw; font-size: 100%; font-family: var(--font-family-default); overflow-x: hidden; } * { z-index: 1; box-sizing: border-box; } #smooth-content:not(.touch) { will-change: transform; } dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, span { margin: 0px; padding: 0px; } section, header, main, footer { overflow: hidden; position: relative; width: 100%; height: auto; z-index: 5; } ::selection { background: var(--color-main); color: var(--shade-white); text-shadow: none; } ::-moz-selection { background: var(--color-main); color: var(--shade-white); text-shadow: none; } ::-webkit-selection { background: var(--color-main); color: var(--shade-white); text-shadow: none; } :active, :focus { outline: none !important; } input:-webkit-autofill{ -webkit-text-fill-color: var(--shade-black) !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{ -webkit-box-shadow: 0px 0px 0px 9999rem var(--shade-white) inset !important; box-shadow: 0px 0px 0px 9999rem var(--shade-white) inset !important; } @media only screen and (min-width: 3600px) { :root { font-size: 200%; } } @media only screen and (max-width: 2700px) and (min-width: 2400px) { :root { font-size: 150%; } } @media only screen and (max-width: 1640px) { html, body { font-size: 90%; } } @media only screen and (max-width: 1366px) { html, body { font-size: 75%; } } @media only screen and (max-width: 992px) and (orientation: portrait) { html, body { font-size: 95%; } } @media only screen and (max-width: 688px) and (orientation: portrait) { html, body { font-size: 85%; } } /* ---------------------------------------------------------------- Layout -----------------------------------------------------------------*/ .none {display: none !important;} .hidden {opacity: 0; pointer-events: none;} .inactive {pointer-events: none;} .relative {position: relative;} .abs-tl, .abs-tc, .abs-tr, .abs-cl, .abs-cc, .abs-cr, .abs-bl, .abs-bc, .abs-br, .after-t, .after-b, .after-l, .after-r, .after-tl, .after-tc, .after-tr, .after-cl, .after-cc, .after-cr, .after-bl, .after-bc, .after-br {position: absolute !important;} .abs-tl, .abs-tc, .abs-tr {top: 0px;} .abs-bl, .abs-bc, .abs-br {bottom: 0px;} .abs-tl, .abs-cl, .abs-bl {left: 0px;} .abs-tr, .abs-cr, .abs-br {right: 0px;} .abs-cl, .abs-cr, .abs-cc {top: 50%;} .abs-tc, .abs-bc, .abs-cc {left: 50%;} .after-t, .after-tl, .after-tc, .after-tr {top: 100%;} .after-b, .after-bl, .after-bc, .after-br {bottom: 100%;} .after-l, .after-tl, .after-cl, .after-bl {left: 100%;} .after-r, .after-tr, .after-cr, .after-br {right: 100%;} .tf-x {transform: translatex(-50%);} .tf-y {transform: translateY(-50%);} .tf {transform: translate(-50%, -50%)} .z-1 {z-index: -1;} .z0 {z-index: 0;} .z1 {z-index: 1;} .z2 {z-index: 2;} .z3 {z-index: 3;} .z4 {z-index: 4;} .z5 {z-index: 5;} .z6 {z-index: 6;} .z7 {z-index: 7;} .z8 {z-index: 8;} .z9 {z-index: 9;} .view-w, .view {width: 100vw;} .view-h, .view {height: 100vh;} .view-h, .view {height: 100svh;} .full-w, .full {width: 100%;} .full-h, .full {height: 100%;} .half-w, .half {width: 50%;} .half-h, .half {height: 50%;} .quarter-w, .quarter {width: 25%;} .quarter-h, .quarter {height: 25%;} .zero-w, .zero {width: 0%;} .zero-h, .zero {height: 0%;} .auto-w, .auto {width: auto;} .auto-h, .auto {height: auto;} .width-1 {width: var(--grid-column);} .width-2 {width: calc(2 * var(--grid-column) + 1 * var(--grid-gutter));} .width-3 {width: calc(3 * var(--grid-column) + 2 * var(--grid-gutter));} .width-4 {width: calc(4 * var(--grid-column) + 3 * var(--grid-gutter));} .width-5 {width: calc(5 * var(--grid-column) + 4 * var(--grid-gutter));} .width-6 {width: calc(6 * var(--grid-column) + 5 * var(--grid-gutter));} .width-7 {width: calc(7 * var(--grid-column) + 6 * var(--grid-gutter));} .width-8 {width: calc(8 * var(--grid-column) + 7 * var(--grid-gutter));} .width-9 {width: calc(9 * var(--grid-column) + 8 * var(--grid-gutter));} .width-10 {width: calc(10 * var(--grid-column) + 9 * var(--grid-gutter));} .width-11 {width: calc(11 * var(--grid-column) + 10 * var(--grid-gutter));} .width-12 {width: calc(12 * var(--grid-column) + 11 * var(--grid-gutter));} .gutter-1s .width-1, .gutter-2s .width-1, .gutter-3s .width-1, .gutter-4s .width-1, .gutter-5s .width-1, .gutter-6s .width-1 {width: var(--grid-column-small);} .gutter-1s .width-2, .gutter-2s .width-2, .gutter-3s .width-2, .gutter-4s .width-2, .gutter-5s .width-2, .gutter-6s .width-3 {width: calc(2 * var(--grid-column-small) + 1 * var(--grid-gutter-small));} .gutter-1s .width-3, .gutter-2s .width-3, .gutter-3s .width-3, .gutter-4s .width-3, .gutter-5s .width-3, .gutter-6s .width-3 {width: calc(3 * var(--grid-column-small) + 2 * var(--grid-gutter-small));} .gutter-1s .width-4, .gutter-2s .width-4, .gutter-3s .width-4, .gutter-4s .width-4, .gutter-5s .width-4, .gutter-6s .width-4 {width: calc(4 * var(--grid-column-small) + 3 * var(--grid-gutter-small));} .gutter-1s .width-5, .gutter-2s .width-5, .gutter-3s .width-5, .gutter-4s .width-5, .gutter-5s .width-5, .gutter-6s .width-5 {width: calc(5 * var(--grid-column-small) + 4 * var(--grid-gutter-small));} .gutter-1s .width-6, .gutter-2s .width-6, .gutter-3s .width-6, .gutter-4s .width-6, .gutter-5s .width-6, .gutter-6s .width-6 {width: calc(6 * var(--grid-column-small) + 5 * var(--grid-gutter-small));} .gutter-1s .width-7, .gutter-2s .width-7, .gutter-3s .width-7, .gutter-4s .width-7, .gutter-5s .width-7, .gutter-6s .width-7 {width: calc(7 * var(--grid-column-small) + 6 * var(--grid-gutter-small));} .gutter-1s .width-8, .gutter-2s .width-8, .gutter-3s .width-8, .gutter-4s .width-8, .gutter-5s .width-8, .gutter-6s .width-8 {width: calc(8 * var(--grid-column-small) + 7 * var(--grid-gutter-small));} .gutter-1s .width-9, .gutter-2s .width-9, .gutter-3s .width-9, .gutter-4s .width-9, .gutter-5s .width-9, .gutter-6s .width-9 {width: calc(9 * var(--grid-column-small) + 8 * var(--grid-gutter-small));} .gutter-1s .width-10, .gutter-2s .width-10, .gutter-3s .width-10, .gutter-4s .width-10, .gutter-5s .width-10, .gutter-6s .width-10 {width: calc(10 * var(--grid-column-small) + 9 * var(--grid-gutter-small));} .gutter-1s .width-11, .gutter-2s .width-11, .gutter-3s .width-11, .gutter-4s .width-11, .gutter-5s .width-11, .gutter-6s .width-11 {width: calc(11 * var(--grid-column-small) + 10 * var(--grid-gutter-small));} .gutter-1s .width-12, .gutter-2s .width-12, .gutter-3s .width-12, .gutter-4s .width-12, .gutter-5s .width-12, .gutter-6s .width-12 {width: calc(12 * var(--grid-column-small) + 11 * var(--grid-gutter-small));} .height-1 {height: var(--grid-column);} .height-2 {height: calc(2 * var(--grid-column) + 1 * var(--grid-gutter));} .height-3 {height: calc(3 * var(--grid-column) + 2 * var(--grid-gutter));} .height-4 {height: calc(4 * var(--grid-column) + 3 * var(--grid-gutter));} .height-5 {height: calc(5 * var(--grid-column) + 4 * var(--grid-gutter));} .height-6 {height: calc(6 * var(--grid-column) + 5 * var(--grid-gutter));} .height-7 {height: calc(7 * var(--grid-column) + 6 * var(--grid-gutter));} .height-8 {height: calc(8 * var(--grid-column) + 7 * var(--grid-gutter));} .height-9 {height: calc(9 * var(--grid-column) + 8 * var(--grid-gutter));} .height-10 {height: calc(10 * var(--grid-column) + 9 * var(--grid-gutter));} .height-11 {height: calc(11 * var(--grid-column) + 10 * var(--grid-gutter));} .height-12 {height: calc(12 * var(--grid-column) + 11 * var(--grid-gutter));} .gutter-1s .height-1, .gutter-2s .height-1, .gutter-3s .height-1, .gutter-4s .height-1, .gutter-5s .height-1, .gutter-6s .height-1 {height: var(--grid-column-small);} .gutter-1s .height-2, .gutter-2s .height-2, .gutter-3s .height-2, .gutter-4s .height-2, .gutter-5s .height-2, .gutter-6s .height-3 {height: calc(2 * var(--grid-column-small) + 1 * var(--grid-gutter-small));} .gutter-1s .height-3, .gutter-2s .height-3, .gutter-3s .height-3, .gutter-4s .height-3, .gutter-5s .height-3, .gutter-6s .height-3 {height: calc(3 * var(--grid-column-small) + 2 * var(--grid-gutter-small));} .gutter-1s .height-4, .gutter-2s .height-4, .gutter-3s .height-4, .gutter-4s .height-4, .gutter-5s .height-4, .gutter-6s .height-4 {height: calc(4 * var(--grid-column-small) + 3 * var(--grid-gutter-small));} .gutter-1s .height-5, .gutter-2s .height-5, .gutter-3s .height-5, .gutter-4s .height-5, .gutter-5s .height-5, .gutter-6s .height-5 {height: calc(5 * var(--grid-column-small) + 4 * var(--grid-gutter-small));} .gutter-1s .height-6, .gutter-2s .height-6, .gutter-3s .height-6, .gutter-4s .height-6, .gutter-5s .height-6, .gutter-6s .height-6 {height: calc(6 * var(--grid-column-small) + 5 * var(--grid-gutter-small));} .gutter-1s .height-7, .gutter-2s .height-7, .gutter-3s .height-7, .gutter-4s .height-7, .gutter-5s .height-7, .gutter-6s .height-7 {height: calc(7 * var(--grid-column-small) + 6 * var(--grid-gutter-small));} .gutter-1s .height-8, .gutter-2s .height-8, .gutter-3s .height-8, .gutter-4s .height-8, .gutter-5s .height-8, .gutter-6s .height-8 {height: calc(8 * var(--grid-column-small) + 7 * var(--grid-gutter-small));} .gutter-1s .height-9, .gutter-2s .height-9, .gutter-3s .height-9, .gutter-4s .height-9, .gutter-5s .height-9, .gutter-6s .height-9 {height: calc(9 * var(--grid-column-small) + 8 * var(--grid-gutter-small));} .gutter-1s .height-10, .gutter-2s .height-10, .gutter-3s .height-10, .gutter-4s .height-10, .gutter-5s .height-10, .gutter-6s .height-10 {height: calc(10 * var(--grid-column-small) + 9 * var(--grid-gutter-small));} .gutter-1s .height-11, .gutter-2s .height-11, .gutter-3s .height-11, .gutter-4s .height-11, .gutter-5s .height-11, .gutter-6s .height-11 {height: calc(11 * var(--grid-column-small) + 10 * var(--grid-gutter-small));} .gutter-1s .height-12, .gutter-2s .height-12, .gutter-3s .height-12, .gutter-4s .height-12, .gutter-5s .height-12, .gutter-6s .height-12 {height: calc(12 * var(--grid-column-small) + 11 * var(--grid-gutter-small));} .shrink {flex-shrink: 0;} .flex-h, .flex-hr, .flex-v, .flex-vr { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .flex-v, .flex-vr { flex-direction: column; justify-content: center; align-items: flex-start; } .flex-hr {flex-direction: row-reverse;} .flex-vr {flex-direction: column-reverse;} .wrap {flex-wrap: wrap;} .wrap-r {flex-wrap: wrap-reverse;} .flex-h.arrange-tl, .flex-h.arrange-tc, .flex-h.arrange-tr, .flex-h.arrange-ta, .flex-h.arrange-te, .flex-hr.arrange-tl, .flex-hr.arrange-tc, .flex-hr.arrange-tr, .flex-hr.arrange-ta, .flex-hr.arrange-te, .flex-v.arrange-tl, .flex-v.arrange-cl, .flex-v.arrange-bl, .flex-v.arrange-al, .flex-v.arrange-el, .flex-vr.arrange-tl, .flex-vr.arrange-cl, .flex-vr.arrange-bl, .flex-vr.arrange-al, .flex-vr.arrange-el {align-items: flex-start;} .flex-h.arrange-cl, .flex-h.arrange-cc, .flex-h.arrange-cr, .flex-h.arrange-ca, .flex-h.arrange-ce, .flex-hr.arrange-cl, .flex-hr.arrange-cc, .flex-hr.arrange-cr, .flex-hr.arrange-ca, .flex-hr.arrange-ce, .flex-v.arrange-tc, .flex-v.arrange-cc, .flex-v.arrange-bc, .flex-v.arrange-ac, .flex-v.arrange-ec, .flex-vr.arrange-tc, .flex-vr.arrange-cc, .flex-vr.arrange-bc, .flex-vr.arrange-ac, .flex-vr.arrange-ec {align-items: center;} .flex-h.arrange-bl, .flex-h.arrange-bc, .flex-h.arrange-br, .flex-h.arrange-ba, .flex-h.arrange-be, .flex-hr.arrange-bl, .flex-hr.arrange-bc, .flex-hr.arrange-br, .flex-hr.arrange-ba, .flex-hr.arrange-be, .flex-v.arrange-tr, .flex-v.arrange-cr, .flex-v.arrange-br, .flex-v.arrange-ar, .flex-v.arrange-er, .flex-vr.arrange-tr, .flex-vr.arrange-cr, .flex-vr.arrange-br, .flex-vr.arrange-ar, .flex-vr.arrange-er {align-items: flex-end;} .flex-h.arrange-sl, .flex-h.arrange-sc, .flex-h.arrange-sr, .flex-h.arrange-sa, .flex-h.arrange-se, .flex-hr.arrange-sl, .flex-hr.arrange-sc, .flex-hr.arrange-sr, .flex-hr.arrange-sa, .flex-hr.arrange-se, .flex-v.arrange-ts, .flex-v.arrange-cs, .flex-v.arrange-bs, .flex-v.arrange-as, .flex-v.arrange-es, .flex-vr.arrange-ts, .flex-vr.arrange-cs, .flex-vr.arrange-bs, .flex-vr.arrange-as, .flex-vr.arrange-es {align-items: stretch;} .flex-h.arrange-tl, .flex-h.arrange-cl, .flex-h.arrange-bl, .flex-h.arrange-sl, .flex-hr.arrange-tr, .flex-hr.arrange-cr, .flex-hr.arrange-br, .flex-hr.arrange-sr, .flex-v.arrange-tl, .flex-v.arrange-tc, .flex-v.arrange-tr, .flex-v.arrange-ts, .flex-vr.arrange-bl, .flex-vr.arrange-bc, .flex-vr.arrange-br, .flex-vr.arrange-bs {justify-content: flex-start;} .flex-h.arrange-tc, .flex-h.arrange-cc, .flex-h.arrange-bc, .flex-h.arrange-sc, .flex-hr.arrange-tc, .flex-hr.arrange-cc, .flex-hr.arrange-bc, .flex-hr.arrange-sc, .flex-v.arrange-cl, .flex-v.arrange-cc, .flex-v.arrange-cr, .flex-v.arrange-cs, .flex-vr.arrange-cl, .flex-vr.arrange-cc, .flex-vr.arrange-cr, .flex-vr.arrange-cs {justify-content: center;} .flex-h.arrange-tr, .flex-h.arrange-cr, .flex-h.arrange-br, .flex-h.arrange-sr, .flex-hr.arrange-tl, .flex-hr.arrange-cl, .flex-hr.arrange-bl, .flex-hr.arrange-sl, .flex-v.arrange-bl, .flex-v.arrange-bc, .flex-v.arrange-br, .flex-v.arrange-bs, .flex-vr.arrange-tl, .flex-vr.arrange-tc, .flex-vr.arrange-tr, .flex-vr.arrange-ts {justify-content: flex-end;} .flex-h.arrange-ta, .flex-h.arrange-ca, .flex-h.arrange-ba, .flex-h.arrange-sa, .flex-hr.arrange-ta, .flex-hr.arrange-ca, .flex-hr.arrange-ba, .flex-hr.arrange-sa, .flex-v.arrange-al, .flex-v.arrange-ac, .flex-v.arrange-ar, .flex-v.arrange-as, .flex-vr.arrange-al, .flex-vr.arrange-ac, .flex-vr.arrange-ar, .flex-vr.arrange-as {justify-content: space-between;} .flex-h.arrange-te, .flex-h.arrange-ce, .flex-h.arrange-be, .flex-h.arrange-se, .flex-hr.arrange-te, .flex-hr.arrange-ce, .flex-hr.arrange-be, .flex-hr.arrange-se, .flex-v.arrange-el, .flex-v.arrange-ec, .flex-v.arrange-er, .flex-v.arrange-es, .flex-vr.arrange-el, .flex-vr.arrange-ec, .flex-vr.arrange-er, .flex-vr.arrange-es {justify-content: space-evenly;} .self-l {align-self: flex-start; text-align: left;} .self-c {align-self: center; text-align: center;} .self-r {align-self: flex-end; text-align: right;} .self-s {align-self: stretch;} .grid-l, .flex-hr .grid-r, .flex-hr.grid-r, .grid {padding-left: var(--grid-padding);} .grid-r, .flex-hr .grid-l, .flex-hr.grid-l, .grid {padding-right: var(--grid-padding);} .padding-xxs-tlr, .padding-xxs-tbl, .padding-xxs-tbr, .padding-xxs-tl, .padding-xxs-tr, .padding-xxs-tb, .padding-xxs-t, .padding-xxs {padding-top: var(--padding-xxs);} .padding-xs-tlr, .padding-xs-tbl, .padding-xs-tbr, .padding-xs-tl, .padding-xs-tr, .padding-xs-tb, .padding-xs-t, .padding-xs {padding-top: var(--padding-xs);} .padding-s-tlr, .padding-s-tbl, .padding-s-tbr, .padding-s-tl, .padding-s-tr, .padding-s-tb, .padding-s-t, .padding-s {padding-top: var(--padding-s);} .padding-tlr, .padding-tbl, .padding-tbr, .padding-tl, .padding-tr, .padding-tb, .padding-t, .padding {padding-top: var(--padding-default);} .padding-l-tlr, .padding-l-tbl, .padding-l-tbr, .padding-l-tl, .padding-l-tr, .padding-l-tb, .padding-l-t, .padding-l {padding-top: var(--padding-l);} .padding-xl-tlr, .padding-xl-tbl, .padding-xl-tbr, .padding-xl-tl, .padding-xl-tr, .padding-xl-tb, .padding-xl-t, .padding-xl {padding-top: var(--padding-xl);} .padding-xxl-tlr, .padding-xxl-tbl, .padding-xxl-tbr, .padding-xxl-tl, .padding-xxl-tr, .padding-xxl-tb, .padding-xxl-t, .padding-xxl {padding-top: var(--padding-xxl);} .padding-none-tlr, .padding-none-tbl, .padding-none-tbr, .padding-none-tl, .padding-none-tr, .padding-none-tb, .padding-none-t, .padding-none {padding-top: 0px !important;} .padding-xxs-tbl, .padding-xxs-tbr, .padding-xxs-blr, .padding-xxs-bl, .padding-xxs-br, .padding-xxs-tb, .padding-xxs-b, .padding-xxs {padding-bottom: var(--padding-xxs);} .padding-xs-tbl, .padding-xs-tbr, .padding-xs-blr, .padding-xs-bl, .padding-xs-br, .padding-xs-tb, .padding-xs-b, .padding-xs {padding-bottom: var(--padding-xs);} .padding-s-tbl, .padding-s-tbr, .padding-s-blr, .padding-s-bl, .padding-s-br, .padding-s-tb, .padding-s-b, .padding-s {padding-bottom: var(--padding-s);} .padding-tbl, .padding-tbr, .padding-blr, .padding-bl, .padding-br, .padding-tb, .padding-b, .padding {padding-bottom: var(--padding-default);} .padding-l-tbl, .padding-l-tbr, .padding-l-blr, .padding-l-bl, .padding-l-br, .padding-l-tb, .padding-l-b, .padding-l {padding-bottom: var(--padding-l);} .padding-xl-tbl, .padding-xl-tbr, .padding-xl-blr, .padding-xl-bl, .padding-xl-br, .padding-xl-tb, .padding-xl-b, .padding-xl {padding-bottom: var(--padding-xl);} .padding-xxl-tbl, .padding-xxl-tbr, .padding-xxl-blr, .padding-xxl-bl, .padding-xxl-br, .padding-xxl-tb, .padding-xxl-b, .padding-xxl {padding-bottom: var(--padding-xxl);} .padding-none-tbl, .padding-none-tbr, .padding-none-blr, .padding-none-bl, .padding-none-br, .padding-none-tb, .padding-none-b, .padding-none {padding-bottom: 0px !important;} .padding-xxs-tlr, .padding-xxs-tbl, .padding-xxs-blr, .padding-xxs-tl, .padding-xxs-bl, .padding-xxs-lr, .padding-xxs-l, .padding-xxs {padding-left: var(--padding-xxs);} .padding-xs-tlr, .padding-xs-tbl, .padding-xs-blr, .padding-xs-tl, .padding-xs-bl, .padding-xs-lr, .padding-xs-l, .padding-xs {padding-left: var(--padding-xs);} .padding-s-tlr, .padding-s-tbl, .padding-s-blr, .padding-s-tl, .padding-s-bl, .padding-s-lr, .padding-s-l, .padding-s {padding-left: var(--padding-s);} .padding-tlr, .padding-tbl, .padding-blr, .padding-tl, .padding-bl, .padding-lr, .padding-l, .padding {padding-left: var(--padding-default);} .padding-l-tlr, .padding-l-tbl, .padding-l-blr, .padding-l-tl, .padding-l-bl, .padding-l-lr, .padding-l-l, .padding-l {padding-left: var(--padding-l);} .padding-xl-tlr, .padding-xl-tbl, .padding-xl-blr, .padding-xl-tl, .padding-xl-bl, .padding-xl-lr, .padding-xl-l, .padding-xl {padding-left: var(--padding-xl);} .padding-xxl-tlr, .padding-xxl-tbl, .padding-xxl-blr, .padding-xxl-tl, .padding-xxl-bl, .padding-xxl-lr, .padding-xxl-l, .padding-xxl {padding-left: var(--padding-xxl);} .padding-none-tlr, .padding-none-tbl, .padding-none-blr, .padding-none-tl, .padding-none-bl, .padding-none-lr, .padding-none-l, .padding-none {padding-left: 0px !important;} .padding-xxs-tlr, .padding-xxs-tbr, .padding-xxs-blr, .padding-xxs-tr, .padding-xxs-br, .padding-xxs-lr, .padding-xxs-r, .padding-xxs {padding-right: var(--padding-xxs);} .padding-xs-tlr, .padding-xs-tbr, .padding-xs-blr, .padding-xs-tr, .padding-xs-br, .padding-xs-lr, .padding-xs-r, .padding-xs {padding-right: var(--padding-xs);} .padding-s-tlr, .padding-s-tbr, .padding-s-blr, .padding-s-tr, .padding-s-br, .padding-s-lr, .padding-s-r, .padding-s {padding-right: var(--padding-s);} .padding-tlr, .padding-tbr, .padding-blr, .padding-tr, .padding-br, .padding-lr, .padding-r, .padding {padding-right: var(--padding-default);} .padding-l-tlr, .padding-l-tbr, .padding-l-blr, .padding-l-tr, .padding-l-br, .padding-l-lr, .padding-l-r, .padding-l {padding-right: var(--padding-l);} .padding-xl-tlr, .padding-xl-tbr, .padding-xl-blr, .padding-xl-tr, .padding-xl-br, .padding-xl-lr, .padding-xl-r, .padding-xl {padding-right: var(--padding-xl);} .padding-xxl-tlr, .padding-xxl-tbr, .padding-xxl-blr, .padding-xxl-tr, .padding-xxl-br, .padding-xxl-lr, .padding-xxl-r, .padding-xxl {padding-right: var(--padding-xxl);} .padding-none-tlr, .padding-none-tbr, .padding-none-blr, .padding-none-tr, .padding-none-br, .padding-none-lr, .padding-none-r, .padding-none {padding-right: 0px !important;} .margin-xxs-tlr, .margin-xxs-tbl, .margin-xxs-tbr, .margin-xxs-tl, .margin-xxs-tr, .margin-xxs-tb, .margin-xxs-t, .margin-xxs {margin-top: var(--padding-xxs);} .margin-xs-tlr, .margin-xs-tbl, .margin-xs-tbr, .margin-xs-tl, .margin-xs-tr, .margin-xs-tb, .margin-xs-t, .margin-xs {margin-top: var(--padding-xs);} .margin-s-tlr, .margin-s-tbl, .margin-s-tbr, .margin-s-tl, .margin-s-tr, .margin-s-tb, .margin-s-t, .margin-s {margin-top: var(--padding-s);} .margin-tlr, .margin-tbl, .margin-tbr, .margin-tl, .margin-tr, .margin-tb, .margin-t, .margin {margin-top: var(--padding-default);} .margin-l-tlr, .margin-l-tbl, .margin-l-tbr, .margin-l-tl, .margin-l-tr, .margin-l-tb, .margin-l-t, .margin-l {margin-top: var(--padding-l);} .margin-xl-tlr, .margin-xl-tbl, .margin-xl-tbr, .margin-xl-tl, .margin-xl-tr, .margin-xl-tb, .margin-xl-t, .margin-xl {margin-top: var(--padding-xl);} .margin-xxl-tlr, .margin-xxl-tbl, .margin-xxl-tbr, .margin-xxl-tl, .margin-xxl-tr, .margin-xxl-tb, .margin-xxl-t, .margin-xxl {margin-top: var(--padding-xxl);} .margin-none-tlr, .margin-none-tbl, .margin-none-tbr, .margin-none-tl, .margin-none-tr, .margin-none-tb, .margin-none-t, .margin-none {margin-top: 0px !important;} .margin-xxs-tbl, .margin-xxs-tbr, .margin-xxs-blr, .margin-xxs-bl, .margin-xxs-br, .margin-xxs-tb, .margin-xxs-b, .margin-xxs {margin-bottom: var(--padding-xxs);} .margin-xs-tbl, .margin-xs-tbr, .margin-xs-blr, .margin-xs-bl, .margin-xs-br, .margin-xs-tb, .margin-xs-b, .margin-xs {margin-bottom: var(--padding-xs);} .margin-s-tbl, .margin-s-tbr, .margin-s-blr, .margin-s-bl, .margin-s-br, .margin-s-tb, .margin-s-b, .margin-s {margin-bottom: var(--padding-s);} .margin-tbl, .margin-tbr, .margin-blr, .margin-bl, .margin-br, .margin-tb, .margin-b, .margin {margin-bottom: var(--padding-default);} .margin-l-tbl, .margin-l-tbr, .margin-l-blr, .margin-l-bl, .margin-l-br, .margin-l-tb, .margin-l-b, .margin-l {margin-bottom: var(--padding-l);} .margin-xl-tbl, .margin-xl-tbr, .margin-xl-blr, .margin-xl-bl, .margin-xl-br, .margin-xl-tb, .margin-xl-b, .margin-xl {margin-bottom: var(--padding-xl);} .margin-xxl-tbl, .margin-xxl-tbr, .margin-xxl-blr, .margin-xxl-bl, .margin-xxl-br, .margin-xxl-tb, .margin-xxl-b, .margin-xxl {margin-bottom: var(--padding-xxl);} .margin-none-tbl, .margin-none-tbr, .margin-none-blr, .margin-none-bl, .margin-none-br, .margin-none-tb, .margin-none-b, .margin-none {margin-bottom: 0px !important;} .margin-xxs-tlr, .margin-xxs-tbl, .margin-xxs-blr, .margin-xxs-tl, .margin-xxs-bl, .margin-xxs-lr, .margin-xxs-l, .margin-xxs {margin-left: var(--padding-xxs);} .margin-xs-tlr, .margin-xs-tbl, .margin-xs-blr, .margin-xs-tl, .margin-xs-bl, .margin-xs-lr, .margin-xs-l, .margin-xs {margin-left: var(--padding-xs);} .margin-s-tlr, .margin-s-tbl, .margin-s-blr, .margin-s-tl, .margin-s-bl, .margin-s-lr, .margin-s-l, .margin-s {margin-left: var(--padding-s);} .margin-tlr, .margin-tbl, .margin-blr, .margin-tl, .margin-bl, .margin-lr, .margin-l, .margin {margin-left: var(--padding-default);} .margin-l-tlr, .margin-l-tbl, .margin-l-blr, .margin-l-tl, .margin-l-bl, .margin-l-lr, .margin-l-l, .margin-l {margin-left: var(--padding-l);} .margin-xl-tlr, .margin-xl-tbl, .margin-xl-blr, .margin-xl-tl, .margin-xl-bl, .margin-xl-lr, .margin-xl-l, .margin-xl {margin-left: var(--padding-xl);} .margin-xxl-tlr, .margin-xxl-tbl, .margin-xxl-blr, .margin-xxl-tl, .margin-xxl-bl, .margin-xxl-lr, .margin-xxl-l, .margin-xxl {margin-left: var(--padding-xxl);} .margin-none-tlr, .margin-none-tbl, .margin-none-blr, .margin-none-tl, .margin-none-bl, .margin-none-lr, .margin-none-l, .margin-none {margin-left: 0px !important;} .margin-xxs-tlr, .margin-xxs-tbr, .margin-xxs-blr, .margin-xxs-tr, .margin-xxs-br, .margin-xxs-lr, .margin-xxs-r, .margin-xxs {margin-right: var(--padding-xxs);} .margin-xs-tlr, .margin-xs-tbr, .margin-xs-blr, .margin-xs-tr, .margin-xs-br, .margin-xs-lr, .margin-xs-r, .margin-xs {margin-right: var(--padding-xs);} .margin-s-tlr, .margin-s-tbr, .margin-s-blr, .margin-s-tr, .margin-s-br, .margin-s-lr, .margin-s-r, .margin-s {margin-right: var(--padding-s);} .margin-tlr, .margin-tbr, .margin-blr, .margin-tr, .margin-br, .margin-lr, .margin-r, .margin {margin-right: var(--padding-default);} .margin-l-tlr, .margin-l-tbr, .margin-l-blr, .margin-l-tr, .margin-l-br, .margin-l-lr, .margin-l-r, .margin-l {margin-right: var(--padding-l);} .margin-xl-tlr, .margin-xl-tbr, .margin-xl-blr, .margin-xl-tr, .margin-xl-br, .margin-xl-lr, .margin-xl-r, .margin-xl {margin-right: var(--padding-xl);} .margin-xxl-tlr, .margin-xxl-tbr, .margin-xxl-blr, .margin-xxl-tr, .margin-xxl-br, .margin-xxl-lr, .margin-xxl-r, .margin-xxl {margin-right: var(--padding-xxl);} .margin-none-tlr, .margin-none-tbr, .margin-none-blr, .margin-none-tr, .margin-none-br, .margin-none-lr, .margin-none-r, .margin-none {margin-right: 0px !important;} .section-s, .section-s-t, .section-s-b, .section, .section-t, .section-b, .section-l, .section-l-t, .section-l-b, .section-none, .section-none-t, .section-none-b {gap: var(--section-gap)} .section-s, .section-s-t {padding-top: var(--section-padding-s);} .section, .section-t {padding-top: var(--section-padding-default);} .section-l, .section-l-t {padding-top: var(--section-padding-l);} .section-none, .section-none-t {padding-top: 0px;} .section-s, .section-s-b {padding-bottom: var(--section-padding-s);} .section, .section-b {padding-bottom: var(--section-padding-default);} .section-l, .section-l-b {padding-bottom: var(--section-padding-l);} .section-none, .section-none-b {padding-bottom: 0px;} .gap-xxs {gap: var(--gap-xxs);} .gap-xs {gap: var(--gap-xs);} .gap-s {gap: var(--gap-s);} .gap {gap: var(--gap-default);} .gap-l {gap: var(--gap-l);} .gap-xl {gap: var(--gap-xl);} .gap-xxl {gap: var(--gap-xxl);} .gap-none {gap: 0px;} .gutter-1 {gap: var(--grid-gutter);} .gutter-2 {gap: calc(2 * var(--grid-gutter) + 1 * var(--grid-column));} .gutter-3 {gap: calc(3 * var(--grid-gutter) + 2 * var(--grid-column));} .gutter-4 {gap: calc(4 * var(--grid-gutter) + 3 * var(--grid-column));} .gutter-5 {gap: calc(5 * var(--grid-gutter) + 4 * var(--grid-column));} .gutter-6 {gap: calc(6 * var(--grid-gutter) + 5 * var(--grid-column));} .gutter-1s {gap: var(--grid-gutter-small);} .gutter-2s {gap: calc(2 * var(--grid-gutter-small) + 1 * var(--grid-column-small));} .gutter-3s {gap: calc(3 * var(--grid-gutter-small) + 2 * var(--grid-column-small));} .gutter-4s {gap: calc(4 * var(--grid-gutter-small) + 3 * var(--grid-column-small));} .gutter-5s {gap: calc(5 * var(--grid-gutter-small) + 4 * var(--grid-column-small));} .gutter-6s {gap: calc(6 * var(--grid-gutter-small) + 5 * var(--grid-column-small));} /* ---------------------------------------------------------------- Appearance -----------------------------------------------------------------*/ .overflow {overflow: hidden;} .overflow-no {overflow: initial !important;} .bg-white, .bg-white-not, .bg-white .bg-opacity {background-color: var(--bg-white);} .bg-light, .bg-light-not, .bg-light .bg-opacity {background-color: var(--bg-light);} .bg-dark, .bg-dark-not, .bg-dark .bg-opacity {background-color: var(--bg-dark);} .bg-grey, .bg-dark .bg-grey {background-color: var(--shade-grey-medium) !important;} .bg-main, .bg-dark .bg-main {background-color: var(--color-main) !important;} .bg-second, .bg-dark .bg-second {background-color: var(--color-second) !important;} .bg-trans {background-color: transparent !important;} .bg-glass:not(.border-glow), .bg-light .bg-glass:not(.border-glow), .bg-dark .bg-glass:not(.border-glow) { background: var(--glass-background); border-color: var(--glass-border); backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); } .border-glow {overflow: initial !important; position: relative;} .border-glow::before, .border-glow::after { content: ""; box-sizing: border-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0; width: calc(100% + var(--glow-light-width)); height: calc(100% + var(--glow-light-width)); pointer-events: none; transition: width var(--glow-transition), height var(--glow-transition), border var(--glow-transition); } .border-glow::before { z-index: -1; width: calc(100% + var(--glow-light-width) * var(--glow-intensity)); height: calc(100% + var(--glow-light-width) * var(--glow-intensity)); filter: var(--glow-blur); transition: opacity var(--glow-transition); } .border-glow.bg-glass::after { background: var(--glass-background); backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); } .border-glow.hide-glow::before, .hover-glow:not(:hover):not(:focus) .border-glow::before, .border-glow.hover-glow:not(:hover):not(:focus)::before, .hover-glow:disabled .border-glow::before, .border-glow.hover-glow:disabled::before {opacity: 0;} .border-glow.hide-glow::after, .hover-glow:not(:hover):not(:focus) .border-glow::after, .border-glow.hover-glow:not(:hover):not(:focus)::after, .hover-glow:disabled .border-glow::after, .border-glow.hover-glow:disabled::after { width: calc(100% + var(--border-default-width)); height: calc(100% + var(--border-default-width)); border-width: var(--border-default-width); border-color: var(--border-default-color); } .bg-white.border-glow.hide-glow::after, .hover-glow:not(:hover):not(:focus) .bg-white.border-glow::after, .bg-white.border-glow.hover-glow:not(:hover):not(:focus)::after, .hover-glow:disabled .bg-white.border-glow::after, .bg-white.border-glow.hover-glow:disabled::after {border-color: var(--border-default-color);} .bg-light.border-glow.hide-glow::after, .hover-glow:not(:hover):not(:focus) .bg-light.border-glow::after, .bg-light.border-glow.hover-glow:not(:hover):not(:focus)::after, .hover-glow:disabled .bg-light.border-glow::after, .bg-light.border-glow.hover-glow:disabled::after {border-color: var(--border-default-light);} .bg-dark.border-glow.hide-glow::after, .hover-glow:not(:hover):not(:focus) .bg-dark.border-glow::after, .bg-dark.border-glow.hover-glow:not(:hover):not(:focus)::after, .hover-glow:disabled .bg-dark.border-glow::after, .bg-dark.border-glow.hover-glow:disabled::after {border-color: var(--border-default-dark);} .bg-glass.border-glow.hide-glow::after, .hover-glow:not(:hover):not(:focus) .bg-glass.border-glow::after, .bg-glass.border-glow.hover-glow:not(:hover):not(:focus)::after, .hover-glow:disabled .bg-glass.border-glow::after, .bg-glass.border-glow.hover-glow:disabled::after {border-color: var(--glass-border);} .border-t:not(.border-glow), .border-tb:not(.border-glow), .border-tl:not(.border-glow), .border-tr:not(.border-glow), .border-tbl:not(.border-glow), .border-tbr:not(.border-glow), .border-tlr:not(.border-glow), .border:not(.border-glow) {border-top: var(--border-default);} .border-b:not(.border-glow), .border-tb:not(.border-glow), .border-bl:not(.border-glow), .border-br:not(.border-glow), .border-tbl:not(.border-glow), .border-tbr:not(.border-glow), .border-blr:not(.border-glow), .border:not(.border-glow) {border-bottom: var(--border-default);} .border-l:not(.border-glow), .border-lr:not(.border-glow), .border-tl:not(.border-glow), .border-bl:not(.border-glow), .border-tbl:not(.border-glow), .border-tlr:not(.border-glow), .border-blr:not(.border-glow), .border:not(.border-glow) {border-left: var(--border-default);} .border-r:not(.border-glow), .border-lr:not(.border-glow), .border-tr:not(.border-glow), .border-br:not(.border-glow), .border-tbr:not(.border-glow), .border-tlr:not(.border-glow), .border-blr:not(.border-glow), .border:not(.border-glow) {border-right: var(--border-default);} .border-t.border-glow::before, .border-tb.border-glow::before, .border-tl.border-glow::before, .border-tr.border-glow::before, .border-tbl.border-glow::before, .border-tbr.border-glow::before, .border-tlr.border-glow::before, .border.border-glow::before {border-top: var(--glow-shadow);} .border-b.border-glow::before, .border-tb.border-glow::before, .border-bl.border-glow::before, .border-br.border-glow::before, .border-tbl.border-glow::before, .border-tbr.border-glow::before, .border-blr.border-glow::before, .border.border-glow::before {border-bottom: var(--glow-shadow);} .border-l.border-glow::before, .border-lr.border-glow::before, .border-tl.border-glow::before, .border-bl.border-glow::before, .border-tbl.border-glow::before, .border-tlr.border-glow::before, .border-blr.border-glow::before, .border.border-glow::before {border-left: var(--glow-shadow);} .border-r.border-glow::before, .border-lr.border-glow::before, .border-tr.border-glow::before, .border-br.border-glow::before, .border-tbr.border-glow::before, .border-tlr.border-glow::before, .border-blr.border-glow::before, .border.border-glow::before {border-right: var(--glow-shadow);} .border-t.border-glow::after, .border-tb.border-glow::after, .border-tl.border-glow::after, .border-tr.border-glow::after, .border-tbl.border-glow::after, .border-tbr.border-glow::after, .border-tlr.border-glow::after, .border.border-glow::after {border-top: var(--glow-light);} .border-b.border-glow::after, .border-tb.border-glow::after, .border-bl.border-glow::after, .border-br.border-glow::after, .border-tbl.border-glow::after, .border-tbr.border-glow::after, .border-blr.border-glow::after, .border.border-glow::after {border-bottom: var(--glow-light);} .border-l.border-glow::after, .border-lr.border-glow::after, .border-tl.border-glow::after, .border-bl.border-glow::after, .border-tbl.border-glow::after, .border-tlr.border-glow::after, .border-blr.border-glow::after, .border.border-glow::after {border-left: var(--glow-light);} .border-r.border-glow::after, .border-lr.border-glow::after, .border-tr.border-glow::after, .border-br.border-glow::after, .border-tbr.border-glow::after, .border-tlr.border-glow::after, .border-blr.border-glow::after, .border.border-glow::after {border-right: var(--glow-light);} .bg-light .border-t, .bg-light .border-tb, .bg-light .border-tl, .bg-light .border-tr, .bg-light .border-tbl, .bg-light .border-tbr, .bg-light .border-tlr, .bg-light .border, .bg-light .border-b, .bg-light .border-tb, .bg-light .border-bl, .bg-light .border-br, .bg-light .border-tbl, .bg-light .border-tbr, .bg-light .border-blr, .bg-light .border, .bg-light .border-l, .bg-light .border-lr, .bg-light .border-tl, .bg-light .border-bl, .bg-light .border-tbl, .bg-light .border-tlr, .bg-light .border-blr, .bg-light .border, .bg-light .border-r, .bg-light .border-lr, .bg-light .border-tr, .bg-light .border-bl, .bg-light .border-tbr, .bg-light .border-tlr, .bg-light .border-blr, .bg-light .border {border-color: var(--border-default-light);} .bg-dark .border-t, .bg-dark .border-tb, .bg-dark .border-tl, .bg-dark .border-tr, .bg-dark .border-tbl, .bg-dark .border-tbr, .bg-dark .border-tlr, .bg-dark .border, .bg-dark .border-b, .bg-dark .border-tb, .bg-dark .border-tl, .bg-dark .border-tr, .bg-dark .border-tbl, .bg-dark .border-tbr, .bg-dark .border-blr, .bg-dark .border, .bg-dark .border-l, .bg-dark .border-tb, .bg-dark .border-tl, .bg-dark .border-tr, .bg-dark .border-tbl, .bg-dark .border-tlr, .bg-dark .border-blr, .bg-dark .border, .bg-dark .border-r, .bg-dark .border-tb, .bg-dark .border-tl, .bg-dark .border-tr, .bg-dark .border-tbr, .bg-dark .border-tlr, .bg-dark .border-blr, .bg-dark .border {border-color: var(--border-default-dark);} .border-white, .bg-light .border-white, .bg-dark .border-white {border-color: var(--font-color-default);} .border-grey, .bg-light .border-grey, .bg-dark .border-grey {border-color: var(--font-color-default-grey);} .border-dark, .bg-light .border-dark, .bg-dark .border-dark {border-color: var(--font-color-default-dark);} .border-highlight, .bg-light .border-highlight {border-color: var(--font-color-highlight);} .bg-dark .border-highlight {border-color: var(--font-color-highlight-dark);} .border-main, .bg-light .border-main, .bg-dark .border-main {border-color: var(--color-main);} .border-second, .bg-light .border-second, .bg-dark .border-second {border-color: var(--color-second);} .border-full-tl, .border-full-tr, .border-full-bl, .border-full-br, .border-full-t, .border-full-b, .border-full, .border-round-tl, .border-round-tr, .border-round-bl, .border-round-br, .border-round-t, .border-round-b, .border-round {overflow: hidden;} .border-full-tl, .border-full-t, .border-full-l, .border-full {border-top-left-radius: var(--border-radius-full); -webkit-border-top-left-radius: var(--border-radius-full); -moz-border-top-left-radius: var(--border-radius-full);} .border-full-tr, .border-full-t, .border-full-r, .border-full {border-top-right-radius: var(--border-radius-full); -webkit-border-top-right-radius: var(--border-radius-full); -moz-border-top-right-radius: var(--border-radius-full);} .border-full-bl, .border-full-b, .border-full-l, .border-full {border-bottom-left-radius: var(--border-radius-full); -webkit-border-bottom-left-radius: var(--border-radius-full); -moz-border-bottom-left-radius: var(--border-radius-full);} .border-full-br, .border-full-b, .border-full-r, .border-full {border-bottom-right-radius: var(--border-radius-full); -webkit-border-bottom-right-radius: var(--border-radius-full); -moz-border-bottom-right-radius: var(--border-radius-full);} .border-round-tl, .border-round-t, .border-round-l, .border-round {border-top-left-radius: var(--border-radius-round); -webkit-border-top-left-radius: var(--border-radius-round); -moz-border-top-left-radius: var(--border-radius-round);} .border-round-tr, .border-round-t, .border-round-r, .border-round {border-top-right-radius: var(--border-radius-round); -webkit-border-top-right-radius: var(--border-radius-round); -moz-border-top-right-radius: var(--border-radius-round);} .border-round-bl, .border-round-b, .border-round-l, .border-round {border-bottom-left-radius: var(--border-radius-round); -webkit-border-bottom-left-radius: var(--border-radius-round); -moz-border-bottom-left-radius: var(--border-radius-round);} .border-round-br, .border-round-b, .border-round-r, .border-round {border-bottom-right-radius: var(--border-radius-round); -webkit-border-bottom-right-radius: var(--border-radius-round); -moz-border-bottom-right-radius: var(--border-radius-round);} .border-round-tl .border-round-tl, .border-round-t .border-round-t, .border-round-l .border-round-l, .border-round .border-round {border-top-left-radius: var(--border-radius-inner); -webkit-border-top-left-radius: var(--border-radius-inner); -moz-border-top-left-radius: var(--border-radius-inner);} .border-round-tr .border-round-tr, .border-round-t .border-round-t, .border-round-r .border-round-r, .border-round .border-round {border-top-right-radius: var(--border-radius-inner); -webkit-border-top-right-radius: var(--border-radius-inner); -moz-border-top-right-radius: var(--border-radius-inner);} .border-round-bl .border-round-bl, .border-round-b .border-round-b, .border-round-l .border-round-l, .border-round .border-round {border-bottom-left-radius: var(--border-radius-inner); -webkit-border-bottom-left-radius: var(--border-radius-inner); -moz-border-bottom-left-radius: var(--border-radius-inner);} .border-round-br .border-round-br, .border-round-b .border-round-b, .border-round-r .border-round-r, .border-round .border-round {border-bottom-right-radius: var(--border-radius-inner); -webkit-border-bottom-right-radius: var(--border-radius-inner); -moz-border-bottom-right-radius: var(--border-radius-inner);} .border-none-tl, .border-none-t, .border-none-l, .border-none {border-top-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-top-left-radius: 0px;} .border-none-tr, .border-none-t, .border-none-r, .border-none {border-top-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-top-right-radius: 0px;} .border-none-bl, .border-none-b, .border-none-l, .border-none {border-bottom-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px;} .border-none-br, .border-none-b, .border-none-r, .border-none {border-bottom-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px;} .border-full-tl.border-glow::before, .border-full-t.border-glow::before, .border-full-l.border-glow::before, .border-full.border-glow::before, .border-full-tl.border-glow::after, .border-full-t.border-glow::after, .border-full-l.border-glow::after, .border-full.border-glow::after {border-top-left-radius: var(--border-radius-full); -webkit-border-top-left-radius: var(--border-radius-full); -moz-border-top-left-radius: var(--border-radius-full);} .border-full-tr.border-glow::before, .border-full-t.border-glow::before, .border-full-r.border-glow::before, .border-full.border-glow::before, .border-full-tr.border-glow::after, .border-full-t.border-glow::after, .border-full-r.border-glow::after, .border-full.border-glow::after {border-top-right-radius: var(--border-radius-full); -webkit-border-top-right-radius: var(--border-radius-full); -moz-border-top-right-radius: var(--border-radius-full);} .border-full-bl.border-glow::before, .border-full-b.border-glow::before, .border-full-l.border-glow::before, .border-full.border-glow::before, .border-full-bl.border-glow::after, .border-full-b.border-glow::after, .border-full-l.border-glow::after, .border-full.border-glow::after {border-bottom-left-radius: var(--border-radius-full); -webkit-border-bottom-left-radius: var(--border-radius-full); -moz-border-bottom-left-radius: var(--border-radius-full);} .border-full-br.border-glow::before, .border-full-b.border-glow::before, .border-full-r.border-glow::before, .border-full.border-glow::before, .border-full-br.border-glow::after, .border-full-b.border-glow::after, .border-full-r.border-glow::after, .border-full.border-glow::after {border-bottom-right-radius: var(--border-radius-full); -webkit-border-bottom-right-radius: var(--border-radius-full); -moz-border-bottom-right-radius: var(--border-radius-full);} .border-round-tl.border-glow::before, .border-round-t.border-glow::before, .border-round-l.border-glow::before, .border-round.border-glow::before, .border-round-tl.border-glow::after, .border-round-t.border-glow::after, .border-round-l.border-glow::after, .border-round.border-glow::after {border-top-left-radius: var(--border-radius-round); -webkit-border-top-left-radius: var(--border-radius-round); -moz-border-top-left-radius: var(--border-radius-round);} .border-round-tr.border-glow::before, .border-round-t.border-glow::before, .border-round-r.border-glow::before, .border-round.border-glow::before, .border-round-tr.border-glow::after, .border-round-t.border-glow::after, .border-round-r.border-glow::after, .border-round.border-glow::after {border-top-right-radius: var(--border-radius-round); -webkit-border-top-right-radius: var(--border-radius-round); -moz-border-top-right-radius: var(--border-radius-round);} .border-round-bl.border-glow::before, .border-round-b.border-glow::before, .border-round-l.border-glow::before, .border-round.border-glow::before, .border-round-bl.border-glow::after, .border-round-b.border-glow::after, .border-round-l.border-glow::after, .border-round.border-glow::after {border-bottom-left-radius: var(--border-radius-round); -webkit-border-bottom-left-radius: var(--border-radius-round); -moz-border-bottom-left-radius: var(--border-radius-round);} .border-round-br.border-glow::before, .border-round-b.border-glow::before, .border-round-r.border-glow::before, .border-round.border-glow::before, .border-round-br.border-glow::after, .border-round-b.border-glow::after, .border-round-r.border-glow::after, .border-round.border-glow::after {border-bottom-right-radius: var(--border-radius-round); -webkit-border-bottom-right-radius: var(--border-radius-round); -moz-border-bottom-right-radius: var(--border-radius-round);} .border-round-tl .border-round-tl.border-glow::before, .border-round-t .border-round-t.border-glow::before, .border-round-l .border-round-l.border-glow::before, .border-round .border-round.border-glow::before, .border-round-tl .border-round-tl.border-glow::after, .border-round-t .border-round-t.border-glow::after, .border-round-l .border-round-l.border-glow::after, .border-round .border-round.border-glow::after {border-top-left-radius: var(--border-radius-inner); -webkit-border-top-left-radius: var(--border-radius-inner); -moz-border-top-left-radius: var(--border-radius-inner);} .border-round-tr .border-round-tr.border-glow::before, .border-round-t .border-round-t.border-glow::before, .border-round-r .border-round-r.border-glow::before, .border-round .border-round.border-glow::before, .border-round-tr .border-round-tr.border-glow::after, .border-round-t .border-round-t.border-glow::after, .border-round-r .border-round-r.border-glow::after, .border-round .border-round.border-glow::after {border-top-right-radius: var(--border-radius-inner); -webkit-border-top-right-radius: var(--border-radius-inner); -moz-border-top-right-radius: var(--border-radius-inner);} .border-round-bl .border-round-bl.border-glow::before, .border-round-b .border-round-b.border-glow::before, .border-round-l .border-round-l.border-glow::before, .border-round .border-round.border-glow::before, .border-round-bl .border-round-bl.border-glow::after, .border-round-b .border-round-b.border-glow::after, .border-round-l .border-round-l.border-glow::after, .border-round .border-round.border-glow::after {border-bottom-left-radius: var(--border-radius-inner); -webkit-border-bottom-left-radius: var(--border-radius-inner); -moz-border-bottom-left-radius: var(--border-radius-inner);} .border-round-br .border-round-br.border-glow::before, .border-round-b .border-round-b.border-glow::before, .border-round-r .border-round-r.border-glow::before, .border-round .border-round.border-glow::before, .border-round-br .border-round-br.border-glow::after, .border-round-b .border-round-b.border-glow::after, .border-round-r .border-round-r.border-glow::after, .border-round .border-round.border-glow::after {border-bottom-right-radius: var(--border-radius-inner); -webkit-border-bottom-right-radius: var(--border-radius-inner); -moz-border-bottom-right-radius: var(--border-radius-inner);} .border-none-tl.border-glow::before, .border-none-t.border-glow::before, .border-none-l.border-glow::before, .border-none.border-glow::before, .border-none-tl.border-glow::after, .border-none-t.border-glow::after, .border-none-l.border-glow::after, .border-none.border-glow::after {border-top-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-top-left-radius: 0px;} .border-none-tr.border-glow::before, .border-none-t.border-glow::before, .border-none-r.border-glow::before, .border-none.border-glow::before, .border-none-tr.border-glow::after, .border-none-t.border-glow::after, .border-none-r.border-glow::after, .border-none.border-glow::after {border-top-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-top-right-radius: 0px;} .border-none-bl.border-glow::before, .border-none-b.border-glow::before, .border-none-l.border-glow::before, .border-none.border-glow::before, .border-none-bl.border-glow::after, .border-none-b.border-glow::after, .border-none-l.border-glow::after, .border-none.border-glow::after {border-bottom-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px;} .border-none-br.border-glow::before, .border-none-b.border-glow::before, .border-none-r.border-glow::before, .border-none.border-glow::before, .border-none-br.border-glow::after, .border-none-b.border-glow::after, .border-none-r.border-glow::after, .border-none.border-glow::after {border-bottom-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px;} .shadow:not(.contain) {box-shadow: var(--shadow);} .bg-light .shadow:not(.contain) {box-shadow: var(--shadow-light);} .bg-dark .shadow:not(.contain) {box-shadow: var(--shadow-dark);} /* ---------------------------------------------------------------- Typography -----------------------------------------------------------------*/ p, span, q, label, ol, ul, li, a, button, input, th, td { font-family: var(--font-family-default); font-size: var(--font-size-default); font-weight: var(--font-weight-default); line-height: var(--line-height-default); color: var(--font-color-default); text-transform: var(--text-transform-default); text-align: left; } .bg-dark p, .bg-dark span, .bg-dark q, .bg-dark label, .bg-dark ol, .bg-dark ul, .bg-dark li, .bg-dark a, .bg-dark button, .bg-dark input, .bg-dark th, .bg-dark td {color: var(--font-color-default-dark);} .kicker { padding-bottom: var(--text-gap-kicker); font-family: var(--font-family-kicker); font-size: var(--font-size-kicker); font-weight: var(--font-weight-kicker); line-height: var(--line-height-kicker); color: var(--font-color-kicker); text-transform: var(--text-transform-kicker); text-wrap: nowrap; } .bg-dark .kicker {color: var(--font-color-kicker-dark);} h1, .h1 { font-family: var(--font-family-h1); font-size: var(--font-size-h1); font-weight: var(--font-weight-h1); line-height: var(--line-height-h1); color: var(--font-color-h1); text-transform: var(--text-transform-h1); } .bg-dark h1, .bg-dark .h1 {color: var(--font-color-h1-dark);} h2, .h2 { font-family: var(--font-family-h2); font-size: var(--font-size-h2); font-weight: var(--font-weight-h2); line-height: var(--line-height-h2); color: var(--font-color-h2); text-transform: var(--text-transform-h2); } .bg-dark h2, .bg-dark .h2 {color: var(--font-color-h2-dark);} h3, .h3 { font-family: var(--font-family-h3); font-size: var(--font-size-h3); font-weight: var(--font-weight-h3); line-height: var(--line-height-h3); color: var(--font-color-h3); text-transform: var(--text-transform-h3); } .bg-dark h3, .bg-dark .h3 {color: var(--font-color-h3-dark);} h4, .h4 { font-family: var(--font-family-h4); font-size: var(--font-size-h4); font-weight: var(--font-weight-h4); line-height: var(--line-height-h4); color: var(--font-color-h4); text-transform: var(--text-transform-h4); } .bg-dark h4, .bg-dark .h4 {color: var(--font-color-h4-dark);} h5, .h5 { font-family: var(--font-family-h5); font-size: var(--font-size-h5); font-weight: var(--font-weight-h5); line-height: var(--line-height-h5); color: var(--font-color-h5); text-transform: var(--text-transform-h5); } .bg-dark h5, .bg-dark .h5 {color: var(--font-color-h5-dark);} h6, .h6 { font-family: var(--font-family-h6); font-size: var(--font-size-h6); font-weight: var(--font-weight-h6); line-height: var(--line-height-h6); color: var(--font-color-h6); text-transform: var(--text-transform-h6); } .bg-dark h6, .bg-dark .h6 {color: var(--font-color-h6-dark);} h1 + p, .h1 + p {font-size: var(--font-size-h1p);} .container-text.flex-v > h1 + p, .container-text.flex-v > .h1 + p, .container-text.flex-v > h1 + ol, .container-text.flex-v > .h1 + ol, .container-text.flex-v > h1 + ul, .container-text.flex-v > .h1 + ul {margin-top: var(--text-gap-h1);} .container-text.flex-v > h2 + p, .container-text.flex-v > .h2 + p, .container-text.flex-v > h2 + ol, .container-text.flex-v > .h2 + ol, .container-text.flex-v > h2 + ul, .container-text.flex-v > .h2 + ul {margin-top: var(--text-gap-h2);} .container-text.flex-v > h3 + p, .container-text.flex-v > .h3 + p, .container-text.flex-v > h3 + ol, .container-text.flex-v > .h3 + ol, .container-text.flex-v > h3 + ul, .container-text.flex-v > .h3 + ul {margin-top: var(--text-gap-h3);} .container-text.flex-v > h4 + p, .container-text.flex-v > .h4 + p, .container-text.flex-v > h4 + ol, .container-text.flex-v > .h4 + ol, .container-text.flex-v > h4 + ul, .container-text.flex-v > .h4 + ul {margin-top: var(--text-gap-h4);} .container-text.flex-v.arrange-tc *, .container-text.flex-v.arrange-cc *, .container-text.flex-v.arrange-bc *, .container-text.flex-v.arrange-sc * {text-align: center;} .container-text.icon-xs > svg + h1, .container-text.icon-xs > svg + .h1, .container-text.icon-s > svg + h1, .container-text.icon-s > svg + .h1, .container-text.icon > svg + h1, .container-text.icon > svg + .h1, .container-text.icon-l > svg + h1, .container-text.icon-l > svg + .h1, .container-text.icon-xl > svg + h1, .container-text.icon-xl > svg + .h1 {margin-top: var(--text-gap-h1);} .container-text.icon-xs > svg + h2, .container-text.icon-xs > svg + .h2, .container-text.icon-s > svg + h2, .container-text.icon-s > svg + .h2, .container-text.icon > svg + h2, .container-text.icon > svg + .h2, .container-text.icon-l > svg + h2, .container-text.icon-l > svg + .h2, .container-text.icon-xl > svg + h2, .container-text.icon-xl > svg + .h2 {margin-top: var(--text-gap-h2);} .container-text.icon-xs > svg + h3, .container-text.icon-xs > svg + .h3, .container-text.icon-s > svg + h3, .container-text.icon-s > svg + .h3, .container-text.icon > svg + h3, .container-text.icon > svg + .h3, .container-text.icon-l > svg + h3, .container-text.icon-l > svg + .h3, .container-text.icon-xl > svg + h3, .container-text.icon-xl > svg + .h3 {margin-top: var(--text-gap-h3);} .container-text.icon-xs > svg + h4, .container-text.icon-xs > svg + .h4, .container-text.icon-s > svg + h4, .container-text.icon-s > svg + .h4, .container-text.icon > svg + h4, .container-text.icon > svg + .h4, .container-text.icon-l > svg + h4, .container-text.icon-l > svg + .h4, .container-text.icon-xl > svg + h4, .container-text.icon-xl > svg + .h4 {margin-top: var(--text-gap-h4);} a, button, input, label, .link-inside .link-target {cursor: pointer;} a, button, input, .link-inside .link-target { position: relative; padding: 0px; margin: 0px; color: var(--font-color-link); text-decoration: none; background: none; border: none; cursor: pointer; transition: color var(--font-color-transition); } .bg-dark a, .bg-dark button, .bg-dark input, .bg-dark .link-inside .link-target {color: var(--font-color-link-dark);} a:not(:disabled):hover, a:not(:disabled):focus, button:not(:disabled):hover, button:not(:disabled):focus, input:not(:disabled):hover, input:not(:disabled):focus, .link-inside:not(:disabled):hover .link-target, .link-inside:not(:disabled):focus .link-target, [aria-current="page"], .link-inside[aria-current="page"] .link-target {color: var(--font-color-link-hover);} .bg-dark a:not(:disabled):hover, .bg-dark a:not(:disabled):focus, .bg-dark button:not(:disabled):hover, .bg-dark button:not(:disabled):focus, .bg-dark input:not(:disabled):hover, .bg-dark input:not(:disabled):focus, .bg-dark .link-inside:not(:disabled):hover .link-target, .bg-dark .link-inside:not(:disabled):focus .link-target, [aria-current="page"], .link-inside[aria-current="page"] .link-target {color: var(--font-color-link-dark-hover);} a:disabled, button:disabled, input:disabled, .link-inside:disabled .link-target {color: var(--font-color-disabled); cursor: not-allowed !important;} .bg-dark a:disabled, .bg-dark button:disabled, .bg-dark input:disabled, .bg-dark .link-inside:disabled .link-target {color: var(--font-color-disabled-dark);} a svg > .stroke, *:not(.accordion-item) > button svg > .stroke, input svg > .stroke, .link-inside .link-target svg > .stroke {stroke: var(--font-color-link);} .bg-dark a svg > .stroke, .bg-dark *:not(.accordion-item) > button svg > .stroke, .bg-dark input svg > .stroke, .bg-dark .link-inside .link-target svg > .stroke {stroke: var(--font-color-link-dark);} a:not(:disabled):hover svg > .stroke, a:not(:disabled):focus svg > .stroke, *:not(.accordion-item) > button:not(:disabled):hover svg > .stroke, *:not(.accordion-item) > button:not(:disabled):focus svg > .stroke, input:not(:disabled):hover svg > .stroke, input:not(:disabled):focus svg > .stroke, .link-inside:not(:disabled):hover .link-target svg > .stroke, .link-inside:not(:disabled):focus .link-target svg > .stroke {stroke: var(--font-color-link-hover);} .bg-dark a:not(:disabled):hover svg > .stroke, .bg-dark a:not(:disabled):focus svg > .stroke, .bg-dark *:not(.accordion-item) > button:not(:disabled):hover svg > .stroke, .bg-dark *:not(.accordion-item) > button:not(:disabled):focus svg > .stroke, .bg-dark input:not(:disabled):hover svg > .stroke, .bg-dark input:not(:disabled):focus svg > .stroke, .bg-dark .link-inside:not(:disabled):hover .link-target svg > .stroke, .bg-dark .link-inside:not(:disabled):focus .link-target svg > .stroke {stroke: var(--font-color-link-dark-hover);} a:disabled svg > .stroke, button:disabled svg > .stroke, input:disabled svg > .stroke, .link-inside:disabled .link-target svg > .stroke {stroke: var(--font-color-disabled);} .bg-dark a:disabled svg > .stroke, .bg-dark button:disabled svg > .stroke, .bg-dark input:disabled svg > .stroke, .bg-dark .link-inside:disabled .link-target svg > .stroke {stroke: var(--font-color-disabled-dark);} a svg > .fill, *:not(.accordion-item) > button svg > .fill, input svg > .fill, .link-inside .link-target svg > .fill {fill: var(--font-color-link);} .bg-dark a svg > .fill, .bg-dark *:not(.accordion-item) > button svg > .fill, .bg-dark input svg > .fill, .bg-dark .link-inside .link-target svg > .fill {fill: var(--font-color-link-dark);} a:not(:disabled):hover svg > .fill, a:not(:disabled):focus svg > .fill, *:not(.accordion-item) > button:not(:disabled):hover svg > .fill, *:not(.accordion-item) > button:not(:disabled):focus svg > .fill, input:not(:disabled):hover svg > .fill, input:not(:disabled):focus svg > .fill, .link-inside:not(:disabled):hover .link-target svg > .fill, .link-inside:not(:disabled):focus .link-target svg > .fill {fill: var(--font-color-link-hover);} .bg-dark a:not(:disabled):hover svg > .fill, .bg-dark a:not(:disabled):focus svg > .fill, .bg-dark *:not(.accordion-item) > button:not(:disabled):hover svg > .fill, .bg-dark *:not(.accordion-item) > button:not(:disabled):focus svg > .fill, .bg-dark input:not(:disabled):hover svg > .fill, .bg-dark input:not(:disabled):focus svg > .fill, .bg-dark .link-inside:not(:disabled):hover .link-target svg > .fill, .bg-dark .link-inside:not(:disabled):focus .link-target svg > .fill {fill: var(--font-color-link-dark-hover);} a:disabled svg > .fill, button:disabled svg > .fill, input:disabled svg > .fill, .link-inside:disabled .link-target svg > .fill {fill: var(--font-color-disabled);} .bg-dark a:disabled svg > .fill, .bg-dark button:disabled svg > .fill, .bg-dark input:disabled svg > .fill, .bg-dark .link-inside:disabled .link-target svg > .fill {fill: var(--font-color-disabled-dark);} a:not(.primary):not(.secondary):not(.link-self):not(.link-inside):not(.link-target) {text-decoration: var(--text-decoration-link);} .link-self, .link-inside .link-target {font-weight: var(--font-weight-link);} .link-self::before, .link-self::after, .link-inside .link-target::before, .link-inside .link-target::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 0px; height: 1px; background-color: var(--font-color-link); transition: width var(--font-color-transition), background-color var(--font-color-transition); } .link-self::after, .link-inside .link-target::after { left: initial; right: 0px; } .bg-dark .link-self::before, .bg-dark .link-self::after, .bg-dark .link-inside .link-target::before, .bg-dark .link-inside .link-target::after {background-color: var(--font-color-link-dark);} .link-self:not(:disabled):hover::before, .link-self:not(:disabled):focus::before, .link-self:not(:disabled):hover::after, .link-self:not(:disabled):focus::after, .link-inside:not(:disabled):hover .link-target::before, .link-inside:not(:disabled):focus .link-target::before, .link-inside:not(:disabled):hover .link-target::after, .link-inside:not(:disabled):focus .link-target::after { width: 50%; background-color: var(--font-color-link-hover); } .bg-dark .link-self:not(:disabled):hover::before, .bg-dark .link-self:not(:disabled):focus::before, .bg-dark .link-self:not(:disabled):hover::after, .bg-dark .link-self:not(:disabled):focus::after, .bg-dark .link-inside:not(:disabled):hover .link-target::before, .bg-dark .link-inside:not(:disabled):focus .link-target::before, .bg-dark .link-inside:not(:disabled):hover .link-target::after, .bg-dark .link-inside:not(:disabled):focus .link-target::after {background-color: var(--font-color-link-dark-hover);} ul { padding-left: 1.75rem; } ul li { position: relative; margin: 0.5rem 0px; text-align: left; list-style-type: initial; padding-inline-start: initial; } ul li::marker {color: var(--font-color-highlight);} .bg-dark ul li::marker {color: var(--font-color-highlight-dark);} .text-s {font-size: var(--font-size-s);} .text-l {font-size: var(--font-size-l);} .text-cta {font-size: var(--font-size-cta);} .text-white, .bg-light .text-white, .bg-dark .text-white {color: var(--font-color-default-dark) !important;} .text-grey, .bg-light .text-grey, .bg-dark .text-grey {color: var(--font-color-default-grey) !important;} .text-dark, .bg-light .text-dark, .bg-dark .text-dark {color: var(--font-color-default) !important;} .text-highlight, .bg-light .text-highlight {color: var(--font-color-highlight) !important;} .bg-dark .text-highlight {color: var(--font-color-highlight-dark) !important;} .text-main, .bg-light .text-main, .bg-dark .text-main {color: var(--color-main) !important;} .text-second, .bg-light .text-second, .bg-dark .text-second {color: var(--color-second) !important;} .nowrap { text-wrap: nowrap; white-space: nowrap; } .uppercase {text-transform: uppercase;} .italic {font-style: italic;} strong, .strong {font-weight: bold;} .kicker strong {font-weight: var(--font-weight-kicker);} .outline { -webkit-text-fill-color: transparent; -webkit-text-stroke-width: var(--text-outline-width); -webkit-text-stroke-color: var(--font-color-default); } .bg-dark .outline {-webkit-text-stroke-color: var(--font-color-default-dark);} .outline.h1 {-webkit-text-stroke-color: var(--font-color-h1);} .bg-dark .outline.h1 {-webkit-text-stroke-color: var(--font-color-h1-dark);} .outline.h2 {-webkit-text-stroke-color: var(--font-color-h2);} .bg-dark .outline.h2 {-webkit-text-stroke-color: var(--font-color-h2-dark);} .outline.h3 {-webkit-text-stroke-color: var(--font-color-h3);} .bg-dark .outline.h3 {-webkit-text-stroke-color: var(--font-color-h3-dark);} .outline.h4 {-webkit-text-stroke-color: var(--font-color-h4);} .bg-dark .outline.h4 {-webkit-text-stroke-color: var(--font-color-h4-dark);} .outline.h5 {-webkit-text-stroke-color: var(--font-color-h5);} .bg-dark .outline.h5 {-webkit-text-stroke-color: var(--font-color-h5-dark);} .outline.h6 {-webkit-text-stroke-color: var(--font-color-h6);} .bg-dark .outline.h6 {-webkit-text-stroke-color: var(--font-color-h6-dark);} .outline.text-highlight, .bg-light .outline.text-highlight {-webkit-text-stroke-color: var(--font-color-highlight);} .bg-dark .outline.text-highlight {-webkit-text-stroke-color: var(--font-color-highlight-dark);} .text-glow {transition: color var(--glow-transition), text-shadow var(--glow-transition);} .text-glow:not(.hide-glow):not(:disabled):not(.hover-glow), .text-glow.hover-glow:not(:disabled):hover, .text-glow.hover-glow:not(:disabled):focus, .hover-glow:not(:disabled):hover .text-glow, .hover-glow:not(:disabled):focus .text-glow {color: var(--text-glow-color) !important; text-shadow: var(--text-glow) !important;} @media only screen and (max-width: 992px) and (orientation: portrait) { } @media only screen and (max-width: 688px) and (orientation: portrait) { } /* ---------------------------------------------------------------- Elements -----------------------------------------------------------------*/ picture, img, video {display: inline-block; vertical-align: middle;} img, video { width: 100%; height: 100%; } .full-image, .bg-image { object-fit: cover; object-position: center; } .contain { object-fit: contain; } .bg-image { position: absolute; top: 0px; left: 0px; z-index: 0; } picture.border-radius-tl, picture.border-radius-tr, picture.border-radius-bl, picture.border-radius-br, picture.border-radius-t, picture.border-radius-b, picture.border-radius, picture.border-radius-tl.border-glow img, picture.border-radius-tr.border-glow img, picture.border-radius-bl.border-glow img, picture.border-radius-br.border-glow img, picture.border-radius-t.border-glow img, picture.border-radius-b.border-glow img, picture.border-radius.border-glow img, .container-video.border-radius-tl, .container-video.border-radius-tr, .container-video.border-radius-bl, .container-video.border-radius-br, .container-video.border-radius-t, .container-video.border-radius-b, .container-video.border-radius, .container-video.border-radius-tl.border-glow video, .container-video.border-radius-tr.border-glow video, .container-video.border-radius-bl.border-glow video, .container-video.border-radius-br.border-glow video, .container-video.border-radius-t.border-glow video, .container-video.border-radius-b.border-glow video, .container-video.border-radius.border-glow video {overflow: hidden;} picture.border-radius-tl, picture.border-radius-t, picture.border-radius-l, picture.border-radius, picture.border-radius-tl.border-glow img, picture.border-radius-t.border-glow img, picture.border-radius-l.border-glow img, picture.border-radius.border-glow img, .container-video.border-radius-tl, .container-video.border-radius-t, .container-video.border-radius-l, .container-video.border-radius, .container-video.border-radius-tl.border-glow video, .container-video.border-radius-t.border-glow video, .container-video.border-radius-l.border-glow video, .container-video.border-radius.border-glow video {border-top-left-radius: var(--border-radius-image); -webkit-border-top-left-radius: var(--border-radius-image); -moz-border-top-left-radius: var(--border-radius-image);} picture.border-radius-tr, picture.border-radius-t, picture.border-radius-r, picture.border-radius, picture.border-radius-tr.border-glow img, picture.border-radius-t.border-glow img, picture.border-radius-r.border-glow img, picture.border-radius.border-glow img, .container-video.border-radius-tr, .container-video.border-radius-t, .container-video.border-radius-r, .container-video.border-radius, .container-video.border-radius-tr.border-glow video, .container-video.border-radius-t.border-glow video, .container-video.border-radius-r.border-glow video, .container-video.border-radius.border-glow video {border-top-right-radius: var(--border-radius-image); -webkit-border-top-right-radius: var(--border-radius-image); -moz-border-top-right-radius: var(--border-radius-image);} picture.border-radius-bl, picture.border-radius-b, picture.border-radius-l, picture.border-radius, picture.border-radius-bl.border-glow img, picture.border-radius-b.border-glow img, picture.border-radius-l.border-glow img, picture.border-radius.border-glow img, .container-video.border-radius-bl, .container-video.border-radius-b, .container-video.border-radius-l, .container-video.border-radius, .container-video.border-radius-bl.border-glow video, .container-video.border-radius-b.border-glow video, .container-video.border-radius-l.border-glow video, .container-video.border-radius.border-glow video {border-bottom-left-radius: var(--border-radius-image); -webkit-border-bottom-left-radius: var(--border-radius-image); -moz-border-bottom-left-radius: var(--border-radius-image);} picture.border-radius-br, picture.border-radius-b, picture.border-radius-r, picture.border-radius, picture.border-radius-br.border-glow img, picture.border-radius-b.border-glow img, picture.border-radius-r.border-glow img, picture.border-radius.border-glow img, .container-video.border-radius-br, .container-video.border-radius-b, .container-video.border-radius-r, .container-video.border-radius, .container-video.border-radius-br.border-glow video, .container-video.border-radius-b.border-glow video, .container-video.border-radius-r.border-glow video, .container-video.border-radius.border-glow video {border-bottom-right-radius: var(--border-radius-image); -webkit-border-bottom-right-radius: var(--border-radius-image); -moz-border-bottom-right-radius: var(--border-radius-image);} picture.border-tl.border-glow::before, picture.border-t.border-glow::before, picture.border-l.border-glow::before, picture.border.border-glow::before, picture.border-tl.border-glow::after, picture.border-t.border-glow::after, picture.border-l.border-glow::after, picture.border.border-glow::after, .container-video.border-tl.border-glow::before, .container-video.border-t.border-glow::before, .container-video.border-l.border-glow::before, .container-video.border.border-glow::before, .container-video.border-tl.border-glow::after, .container-video.border-t.border-glow::after, .container-video.border-l.border-glow::after, .container-video.border.border-glow::after {border-top-left-radius: var(--border-radius-image); -webkit-border-top-left-radius: var(--border-radius-image); -moz-border-top-left-radius: var(--border-radius-image);} picture.border-tr.border-glow::before, picture.border-t.border-glow::before, picture.border-r.border-glow::before, picture.border.border-glow::before, picture.border-tr.border-glow::after, picture.border-t.border-glow::after, picture.border-r.border-glow::after, picture.border.border-glow::after, .container-video.border-tr.border-glow::before, .container-video.border-t.border-glow::before, .container-video.border-r.border-glow::before, .container-video.border.border-glow::before, .container-video.border-tr.border-glow::after, .container-video.border-t.border-glow::after, .container-video.border-r.border-glow::after, .container-video.border.border-glow::after {border-top-right-radius: var(--border-radius-image); -webkit-border-top-right-radius: var(--border-radius-image); -moz-border-top-right-radius: var(--border-radius-image);} picture.border-bl.border-glow::before, picture.border-b.border-glow::before, picture.border-l.border-glow::before, picture.border.border-glow::before, picture.border-bl.border-glow::after, picture.border-b.border-glow::after, picture.border-l.border-glow::after, picture.border.border-glow::after, .container-video.border-bl.border-glow::before, .container-video.border-b.border-glow::before, .container-video.border-l.border-glow::before, .container-video.border.border-glow::before, .container-video.border-bl.border-glow::after, .container-video.border-b.border-glow::after, .container-video.border-l.border-glow::after, .container-video.border.border-glow::after {border-bottom-left-radius: var(--border-radius-image); -webkit-border-bottom-left-radius: var(--border-radius-image); -moz-border-bottom-left-radius: var(--border-radius-image);} picture.border-br.border-glow::before, picture.border-b.border-glow::before, picture.border-r.border-glow::before, picture.border.border-glow::before, picture.border-br.border-glow::after, picture.border-b.border-glow::after, picture.border-r.border-glow::after, picture.border.border-glow::after, .container-video.border-br.border-glow::before, .container-video.border-b.border-glow::before, .container-video.border-r.border-glow::before, .container-video.border.border-glow::before, .container-video.border-br.border-glow::after, .container-video.border-b.border-glow::after, .container-video.border-r.border-glow::after, .container-video.border.border-glow::after {border-bottom-right-radius: var(--border-radius-image); -webkit-border-bottom-right-radius: var(--border-radius-image); -moz-border-bottom-right-radius: var(--border-radius-image);} svg {vertical-align: middle;} svg .stroke { fill: none; stroke: var(--svg-color); stroke-width: var(--svg-stroke-width); stroke-linecap: round; stroke-linejoin: round; stroke-miterlimit: 10; transition: stroke var(--font-color-transition); } svg .fill { fill: var(--svg-color); stroke: none; transition: fill var(--font-color-transition); } .bg-dark svg .stroke {stroke: var(--svg-color-dark);} .bg-dark svg .fill {fill: var(--svg-color-dark);} .icon-white svg .stroke, .bg-light .icon-white svg .stroke, .bg-dark .icon-white svg .stroke {stroke: var(--font-color-default-dark) !important;} .icon-grey svg .stroke, .bg-light .icon-grey svg .stroke, .bg-dark .icon-grey svg .stroke {stroke: var(--font-color-default-grey) !important;} .icon-dark svg .stroke, .bg-light .icon-dark svg .stroke, .bg-dark .icon-dark svg .stroke {stroke: var(--font-color-default) !important;} .icon-highlight svg .stroke, .bg-light .icon-highlight svg .stroke {stroke: var(--font-color-highlight) !important;} .bg-dark .icon-highlight svg .stroke {stroke: var(--font-color-highlight-dark) !important;} .icon-interactive svg .stroke, .bg-light .icon-interactive svg .stroke {stroke: var(--button-primary-background) !important;} .bg-dark .icon-interactive svg .stroke, .bg-dark .icon-interactive svg .stroke {stroke: var(--button-primary-background-dark) !important;} .icon-main svg .stroke, .bg-light .icon-main svg .stroke, .bg-dark .icon-main svg .stroke {stroke: var(--color-main) !important;} .icon-second svg .stroke, .bg-light .icon-second svg .stroke, .bg-dark .icon-second svg .stroke {stroke: var(--color-second) !important;} .icon-white svg .fill, .bg-light .icon-white svg .fill, .bg-dark .icon-white svg .fill {fill: var(--font-color-default-dark) !important;} .icon-grey svg .fill, .bg-light .icon-grey svg .fill, .bg-dark .icon-grey svg .fill {fill: var(--font-color-default-grey) !important;} .icon-dark svg .fill, .bg-light .icon-dark svg .fill, .bg-dark .icon-dark svg .fill {fill: var(--font-color-default) !important;} .icon-highlight svg .fill, .bg-light .icon-highlight svg .fill {fill: var(--font-color-highlight) !important;} .bg-dark .icon-highlight svg .fill {fill: var(--font-color-highlight-dark) !important;} .icon-interactive svg .fill, .bg-light .icon-interactive svg .fill {fill: var(--button-primary-background) !important;} .bg-dark .icon-interactive svg .fill, .bg-dark .icon-interactive svg .fill {fill: var(--button-primary-background-dark) !important;} .icon-main svg .fill, .bg-light .icon-main svg .fill, .bg-dark .icon-main svg .fill {fill: var(--color-main) !important;} .icon-second svg .fill, .bg-light .icon-second svg .fill, .bg-dark .icon-second svg .fill {fill: var(--color-second) !important;} .icon-xs > svg {width: var(--icon-size-xs);} .icon-s > svg {width: var(--icon-size-s);} .icon > svg {width: var(--icon-size-default);} .icon-l > svg {width: var(--icon-size-l);} .icon-xl > svg {width: var(--icon-size-xl);} #svg-glow filter[data-percent='1'] feFlood {flood-color: var(--glow-shadow-color);} .icon-glow:not(.hide-glow):not(:disabled):not(.hover-glow) svg .stroke, .icon-glow.hover-glow:not(:disabled):hover svg .stroke, .icon-glow.hover-glow:not(:disabled):focus svg .stroke, .hover-glow:not(:disabled):hover .icon-glow svg .stroke, .hover-glow:not(:disabled):focus .icon-glow svg .stroke {stroke: var(--color-main-glow) !important; filter: url(#filter-glow-100);} .icon-glow:not(.hide-glow):not(:disabled):not(.hover-glow) svg .fill, .icon-glow.hover-glow:not(:disabled):hover svg .fill, .icon-glow.hover-glow:not(:disabled):focus svg .fill, .hover-glow:not(:disabled):hover .icon-glow svg .fill, .hover-glow:not(:disabled):focus .icon-glow svg .fill {fill: var(--color-main-glow) !important; filter: url(#filter-glow-100);} .bg-dark svg .stroke {stroke: var(--svg-color-dark);} .bg-dark svg .fill {fill: var(--svg-color-dark);} table { padding: 0px !important; border: none !important; border-collapse: collapse; table-layout: fixed; } table.bg-h-first th:first-child, table.bg-h-first td:first-child, table.bg-h-odd th:nth-child(odd), table.bg-h-odd td:nth-child(odd), table.bg-h-odd-after th:nth-child(2n + 3), table.bg-h-odd-after td:nth-child(2n + 3), table.bg-h-even th:nth-child(even), table.bg-h-even td:nth-child(even), table.bg-v-first tr:first-child, table.bg-v-odd tt:nth-child(odd), table.bg-v-odd-after tr:nth-child(2n + 3), table.bg-v-even tr:nth-child(even) {background-color: var(--table-color-white-offset);} .bg-light table.bg-h-first th:first-child, .bg-light table.bg-h-first td:first-child, .bg-light table.bg-h-odd th:nth-child(odd), .bg-light table.bg-h-odd td:nth-child(odd), .bg-light table.bg-h-odd-after th:nth-child(2n + 3), .bg-light table.bg-h-odd-after td:nth-child(2n + 3), .bg-light table.bg-h-even th:nth-child(even), .bg-light table.bg-h-even td:nth-child(even), .bg-light table.bg-v-first tr:first-child, .bg-light table.bg-v-odd tt:nth-child(odd), .bg-light table.bg-v-odd-after tr:nth-child(2n + 3), .bg-light table.bg-v-even tr:nth-child(even) {background-color: var(--table-color-light-offset);} .bg-dark table.bg-h-first th:first-child, .bg-dark table.bg-h-first td:first-child, .bg-dark table.bg-h-odd th:nth-child(odd), .bg-dark table.bg-h-odd td:nth-child(odd), .bg-dark table.bg-h-odd-after th:nth-child(2n + 3), .bg-dark table.bg-h-odd-after td:nth-child(2n + 3), .bg-dark table.bg-h-even th:nth-child(even), .bg-dark table.bg-h-even td:nth-child(even), .bg-dark table.bg-v-first tr:first-child, .bg-dark table.bg-v-odd tt:nth-child(odd), .bg-dark table.bg-v-odd-after tr:nth-child(2n + 3), .bg-dark table.bg-v-even tr:nth-child(even) {background-color: var(--table-color-dark-offset);} table.padding-xxs th, table.padding-xxs td {padding: var(--padding-xxs);} table.padding-xs th, table.padding-xs td {padding: var(--padding-xs);} table.padding-s th, table.padding-s td {padding: var(--padding-s);} table.padding th, table.padding td {padding: var(--padding);} table.padding-l th, table.padding-l td {padding: var(--padding-l);} table.padding-xl th, table.padding-xl td {padding: var(--padding-xl);} table.padding-xxl th, table.padding-xxl td {padding: var(--padding-xxl);} table.padding-none th, table.padding-none td {padding: var(--padding-none);} table.border th, table.border td {border: var(--border-default);} .bg-light table.border th, .bg-light table.border td {border-color: var(--border-default-light);} .bg-dark table.border th, .bg-dark table.border td {border-color: var(--border-default-dark);} table.border-white th, .bg-light table.border-white th, .bg-dark table.border-white th, table.border-white td, .bg-light table.border-white td, .bg-dark table.border-white td {border-color: var(--font-color-default);} table.border-grey th, .bg-light table.border-grey th, .bg-dark table.border-grey th, table.border-grey td, .bg-light table.border-grey td, .bg-dark table.border-grey td {border-color: var(--font-color-default-grey);} table.border-dark th, .bg-light table.border-dark th, .bg-dark table.border-dark th, table.border-dark td, .bg-light table.border-dark td, .bg-dark table.border-dark td {border-color: var(--font-color-default-dark);} table.border-highlight th, .bg-light table.border-highlight th, table.border-highlight td, .bg-light table.border-highlight td {border-color: var(--font-color-highlight);} .bg-dark table.border-highlight th, .bg-dark table.border-highlight td {border-color: var(--font-color-highlight-dark);} table.border-main th, .bg-light table.border-main th, .bg-dark table.border-main th, table.border-main td, .bg-light table.border-main td, .bg-dark table.border-main td {border-color: var(--color-main);} table.border-second th, .bg-light table.border-second th, .bg-dark table.border-second th, table.border-second td, .bg-light table.border-second td, .bg-dark table.border-second td {border-color: var(--color-second);} table.border-inner tr:first-child > * {border-top-style: none;} table.border-inner tr:last-child > * {border-bottom-style: none;} table.border-inner th:first-child, table.border-inner td:first-child {border-left-style: none;} table.border-inner th:last-child, table.border-inner td:last-child {border-right-style: none;} table.self-l * {text-align: left;} table.self-c * {text-align: center;} table.self-r * {text-align: right;} .line-s-h, .line-s-w, .line-h, .line-w, .line-l-h, .line-l-w {background-color: var(--border-default-color);} .bg-light .line-s-h, .bg-light .line-s-w, .bg-light .line-h, .bg-light .line-w, .bg-light .line-l-h, .bg-light .line-l-w {background-color: var(--border-default-light);} .bg-dark .line-s-h, .bg-dark .line-s-w, .bg-dark .line-h, .bg-dark .line-w, .bg-dark .line-l-h, .bg-dark .line-l-w {background-color: var(--border-default-dark);} .line-s-h {height: calc(var(--border-default-width) * 0.5);} .line-s-w {width: calc(var(--border-default-width) * 0.5);} .line-h {height: var(--border-default-width);} .line-w {width: var(--border-default-width);} .line-l-h {height: calc(var(--border-default-width) * 2);} .line-l-w {width: calc(var(--border-default-width) * 2);} .line-glow {position: relative; overflow: initial !important; transition: background-color var(--glow-transition);} .line-glow::before, .line-glow::after { content: ""; box-sizing: border-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0; width: 100%; height: 100%; pointer-events: none; background-color: var(--glow-light-color); transition: opacity var(--glow-transition); } .line-glow::before { z-index: -1; width: calc(100% + var(--glow-light-width) * var(--glow-intensity)); height: calc(100% + var(--glow-light-width) * var(--glow-intensity)); background-color: var(--glow-shadow-color); filter: var(--glow-blur); } .line-glow.border-full::before, .line-glow.border-full::after {border-radius: var(--border-radius-full); -webkit-border-radius: var(--border-radius-full); -moz-border-radius: var(--border-radius-full);} .line-glow.border-round::before, .line-glow.border-round::after {border-radius: var(--border-radius-round); -webkit-border-radius: var(--border-radius-round); -moz-border-radius: var(--border-radius-round);} .line-glow.hide-glow::before, .hover-glow:not(:hover):not(:focus) .line-glow::before, .line-glow.hover-glow:not(:hover):not(:focus)::before, .hover-glow:disabled .line-glow::before, .line-glow.hover-glow:disabled::before, .line-glow.hide-glow::after, .hover-glow:not(:hover):not(:focus) .line-glow::after, .line-glow.hover-glow:not(:hover):not(:focus)::after, .hover-glow:disabled .line-glow::after, .line-glow.hover-glow:disabled::after {opacity: 0;} .container-buttons { flex-wrap: wrap; justify-content: flex-start; align-items: flex-end; gap: 1.25rem; } .container-buttons.arrows { flex-wrap: nowrap; gap: 0.75rem; } .flex-v > .container-buttons:not(:first-child), .flex-vr > .container-buttons:not(:last-child) {margin-top: var(--button-container-margin-top);} .flex-v > .container-buttons:not(:first-child).button-margin-s, .flex-vr > .container-buttons:not(:last-child).button-margin-s {margin-top: var(--button-container-margin-top-s);} .primary, .secondary { display: inline-block; padding: var(--button-padding); font-family: var(--font-family-button); font-size: var(--font-size-button); font-weight: var(--font-weight-button); line-height: var(--line-height-button); text-transform: var(--text-transform-button); border: var(--button-secondary-border); text-wrap: nowrap; white-space: nowrap; transition: color var(--button-transition), background-color var(--button-transition), border-color var(--button-transition); } .primary.border-radius, .secondary.border-radius { border-radius: var(--border-radius-button); -webkit-border-radius: var(--border-radius-button); -moz-border-radius: var(--border-radius-button); } .primary.icon, .secondary.icon { display: flex; padding: 0px; width: calc(2 * var(--icon-button-padding) + var(--icon-button-icon-size)); height: calc(2 * var(--icon-button-padding) + var(--icon-button-icon-size)); flex-direction: column; justify-content: center; align-items: center; font-size: var(--icon-button-icon-size); line-height: 1em; } .primary { color: var(--font-color-primary); background-color: var(--button-primary-background); border-color: var(--button-primary-background) } .bg-dark .primary { color: var(--font-color-primary-dark); background-color: var(--button-primary-background-dark); border-color: var(--button-primary-background-dark); } .primary:not(:disabled):hover, .primary:not(:disabled):focus { color: var(--font-color-primary-hover); background-color: var(--button-primary-background-hover); border-color: var(--button-primary-background-hover); } .bg-dark .primary:not(:disabled):hover, .bg-dark .primary:not(:disabled):focus { color: var(--font-color-primary-dark-hover); background-color: var(--button-primary-background-dark-hover); border-color: var(--button-primary-background-dark-hover); } .primary:disabled { color: var(--font-color-default-grey); background-color: var(--font-color-disabled); border-color: var(--font-color-disabled); } .bg-dark .primary:disabled { color: var(--font-color-default-grey); background-color: var(--font-color-disabled-dark); border-color: var(--font-color-disabled-dark); } .secondary { color: var(--font-color-secondary); background-color: transparent; } .bg-dark .secondary { color: var(--font-color-secondary-dark); border-color: var(--button-secondary-border-dark); } .secondary:not(:disabled):hover, .secondary:not(:disabled):focus { color: var(--font-color-secondary-hover); background-color: var(--button-secondary-border-hover); border-color: var(--button-secondary-border-hover); } .bg-dark .secondary:not(:disabled):hover, .bg-dark .secondary:not(:disabled):focus { color: var(--font-color-secondary-dark-hover); background-color: var(--button-secondary-border-dark-hover); border-color: var(--button-secondary-border-dark-hover); } .secondary:disabled { color: var(--font-color-disabled); border-color: var(--font-color-disabled); } .bg-dark .secondary:disabled { color: var(--font-color-disabled-dark); border-color: var(--font-color-disabled-dark); } .primary > svg, .secondary > svg { width: auto; height: var(--button-icon-size); } .primary.icon > svg, .secondary.icon > svg { width: var(--icon-button-icon-size); height: var(--icon-button-icon-size); } .primary:not(.icon) > svg:first-child, .secondary:not(.icon) > svg:first-child {margin-right: var(--button-icon-gap);} .primary:not(.icon) > svg:last-child, .secondary:not(.icon) > svg:last-child {margin-left: var(--button-icon-gap);} .primary > svg .stroke, .secondary > svg .stroke { stroke: var(--font-color-primary); stroke-width: var(--button-icon-stroke-width); } .primary > svg .stroke, .primary:not(:disabled):hover > svg .stroke, .primary:not(:disabled):focus > svg .stroke {stroke: var(--font-color-primary);} .bg-dark .primary > svg .stroke {stroke: var(--font-color-primary-dark);} .primary:not(:disabled):hover > svg .stroke, .primary:not(:disabled):focus > svg .stroke {stroke: var(--font-color-primary-hover);} .bg-dark .primary:not(:disabled):hover > svg .stroke, .bg-dark .primary:not(:disabled):focus > svg .stroke {stroke: var(--font-color-primary-dark-hover);} .primary:disabled svg > .stroke {stroke: var(--font-color-default-grey);} .bg-dark .primary:disabled svg > .stroke {stroke: var(--font-color-default-grey);} .primary > svg .fill {fill: var(--font-color-primary);} .bg-dark .primary > svg .fill {fill: var(--font-color-primary-dark);} .primary:not(:disabled):hover > svg .fill, .primary:not(:disabled):focus > svg .fill {fill: var(--font-color-primary-hover);} .bg-dark .primary:not(:disabled):hover > svg .fill, .bg-dark .primary:not(:disabled):focus > svg .fill {fill: var(--font-color-primary-dark-hover);} .primary:disabled svg > .fill {fill: var(--font-color-default-grey);} .bg-dark .primary:disabled svg > .fill {fill: var(--font-color-default-grey);} .secondary > svg .stroke {stroke: var(--font-color-secondary);} .bg-dark .secondary > svg .stroke {stroke: var(--font-color-secondary-dark);} .secondary:not(:disabled):hover > svg .stroke, .secondary:not(:disabled):focus > svg .stroke {stroke: var(--font-color-secondary-hover);} .bg-dark .secondary:not(:disabled):hover > svg .stroke, .bg-dark .secondary:not(:disabled):focus > svg .stroke {stroke: var(--font-color-secondary-dark-hover);} .secondary:disabled svg > .stroke {stroke: var(--font-color-disabled);} .bg-dark .secondary:disabled svg > .stroke {stroke: var(--font-color-disabled-dark);} .secondary > svg .fill {fill: var(--font-color-secondary);} .bg-dark .secondary > svg .fill {fill: var(--font-color-secondary-dark);} .secondary:not(:disabled):hover > svg .fill, .secondary:not(:disabled):focus > svg .fill {fill: var(--font-color-secondary-hover);} .bg-dark .secondary:not(:disabled):hover > svg .fill, .bg-dark .secondary:not(:disabled):focus > svg .fill {fill: var(--font-color-secondary-dark-hover);} .secondary:disabled svg > .fill {fill: var(--font-color-disabled);} .bg-dark .secondary:disabled svg > .fill {fill: var(--font-color-disabled-dark);} input.border-radius { border-radius: var(--border-radius-input); -webkit-border-radius: var(--border-radius-input); -moz-border-radius: var(--border-radius-input); } textarea.border-radius { border-radius: var(--border-radius-textarea); -webkit-border-radius: var(--border-radius-textarea); -moz-border-radius: var(--border-radius-textarea); } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .radio { padding: 0.5rem 0.833rem; flex-wrap: nowrap; justify-content: flex-start; gap: 0.833rem; border-right: none; overflow: initial; z-index: 1; } .radio > div:first-child { width: 100%; height: 100%; pointer-events: none; z-index: 1; } .radio label { position: relative; margin: 0rem; } .radio label input { position: absolute; margin: 0px !important; width: 0%; height: 0%; cursor: pointer; opacity: 0; } .radio label span { position: relative; padding: 0.5rem 0.833rem; display: block; font-family: var(--font-family-default); font-size: 1rem; font-weight: 700; color: var(--shade-grey-light); background-color: transparent; white-space: nowrap; cursor: pointer; transition: background-color 0.25s, color 0.25s; z-index: 1; } .radio label:hover span, .radio label:focus span { color: var(--color-main); } .bg-dark .radio label:hover span, .bg-dark .radio label:focus span { color: var(--shade-white); } .radio label input:checked + span { color: var(--shade-white); cursor: initial; } .bg-dark .radio label input:checked + span { color: var(--shade-black); } .radio .radio-indicator { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: var(--default-gradient); pointer-events: none; z-index: -1; } .bg-dark .radio .radio-indicator { background-color: var(--shade-white); } .form, .form .container-input { gap: var(--form-gap); } .form, .secondary.border-radius { border-radius: var(--border-radius-button); -webkit-border-radius: var(--border-radius-button); -moz-border-radius: var(--border-radius-button); } .form input:not([type="submit"]):not([type=file]):not([type="checkbox"]), .form .input-select, .form textarea { padding: var(--form-input-padding); width: 100%; background: var(--shade-grey-bright); border: 1px solid var(--shade-grey-bright); transition: border-color 0.25s; } .form input:not([type="submit"]):not([type=file]):not([type="checkbox"]), .form select, .form textarea { text-align: left; font-family: var(--common-font); font-size: 1rem; font-weight: 600; line-height: 1.61em; color: var(--color-main); white-space: nowrap; resize: vertical; } .bg-light .form input:not([type="submit"]):not([type=file]):not([type="checkbox"]):not([type="number"]), .bg-light .form .input-select, .bg-light .form textarea, .bg-dark .form input:not([type="submit"]):not([type=file]):not([type="checkbox"]), .bg-dark .form .input-select, .bg-dark .form textarea { background: var(--shade-white); border-color: var(--shade-white); } .form input:not([type="submit"])::placeholder, .form select:invalid, .form select option:first-child, .form textarea::placeholder { font-weight: 400; color: var(--shade-grey-medium); } .form select option:not(:first-child) { font-weight: 600; color: var(--color-main); } .form .container-consent { align-items: flex-start; } .form input[type=checkbox] { margin: 0.375rem 0px; accent-color: var(--color-main); } .form label input[type=checkbox] + span { line-height: normal; } .form input[type=submit] { margin-top: 1.25rem; } .form .input-number { align-items: baseline; border: 1px solid transparent; transition: border-color 0.25s; } .form .input-number:hover, .form .input-number:focus-within { border-color: var(--color-main) } .form .input-number input[type="number"]:not([type="submit"]):not([type=file]):not([type="checkbox"]) { text-align: center; padding: 0px; width: 2.75rem; font-size: 0.8rem; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; border-color: transparent; } .form .input-number input[type="number"]:focus { outline: none; border: none; } .form .input-number button { padding: 0.25rem 1rem; } .form .input-number button:first-child { padding-right: 0.5rem; } .form .input-number button:last-child { padding-left: 0.5rem; } .form .input-number input[type=number]::-webkit-inner-spin-button, .form input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form .input-number button svg { width: 0.75rem; height: 0.75rem; } .form .input-number button svg .stroke { stroke: var(--color-main); } .form .input-number button svg .fill { fill: var(--color-main); } .form input[type=file]::file-selector-button { display: none; } .form .honeypot { position: absolute; left: -9999px; } .form input:-webkit-autofill{ -webkit-text-fill-color: var(--color-main) !important; } .form input:-webkit-autofill, .form input:-webkit-autofill:hover, .form input:-webkit-autofill:focus, .form input:-webkit-autofill:active { -webkit-box-shadow: 0px 0px 0px 9999rem var(--shade-grey-bright) inset !important; box-shadow: 0px 0px 0px 9999rem var(--shade-grey-bright) inset !important; } .bg-light .form input:-webkit-autofill, .bg-light .form input:-webkit-autofill:hover, .bg-light .form input:-webkit-autofill:focus, .bg-light .form input:-webkit-autofill:active, .bg-dark .form input:-webkit-autofill, .bg-dark .form input:-webkit-autofill:hover, .bg-dark .form input:-webkit-autofill:focus, .bg-dark .form input:-webkit-autofill:active { -webkit-box-shadow: 0px 0px 0px 9999rem var(--shade-white) inset !important; box-shadow: 0px 0px 0px 9999rem var(--shade-white) inset !important; } .form .honeypot { position: absolute; left: -9999px; } .accordion .accordion-item .item-content { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--transition-l); } .accordion .accordion-item.active .item-content {grid-template-rows: 1fr;} .accordion .accordion-item .item-content > * {overflow: hidden; transition: margin var(--transition-l);} .accordion .accordion-item:not(.active) .item-content > * {margin: 0px !important;} .accordion-item button .item-target {transition: color var(--font-color-transition);} .bg-dark .accordion-item button .item-target {color: var(--font-color-link-dark);} .accordion-item:not(.active) button:hover .item-target, .accordion-item:not(.active) button:focus .item-target, .accordion-item.active button .item-target {color: var(--font-color-link-hover);} .bg-dark .accordion-item:not(.active) button:hover .item-target, .bg-dark .accordion-item:not(.active) button:focus .item-target, .bg-dark .accordion-item.active button .item-target {color: var(--font-color-link-dark-hover);} .accordion.open-one .accordion-item.active button .item-target {cursor: not-allowed !important;} .accordion-item button svg line {transform-origin: 50% 50%; transition: opacity var(--transition-l), transform var(--transition-l)} .accordion-item.active button svg line:first-of-type {transform: rotate(90deg);} .accordion-item.active button svg line:last-of-type {opacity: 0;} @media only screen and (max-width: 992px) and (orientation: portrait) { } @media only screen and (max-width: 688px) and (orientation: portrait) { } /* ---------------------------------------------------------------- Blocks -----------------------------------------------------------------*/ nav { z-index: 100; } nav .container-bar { position: relative; padding-top: 1.25rem; padding-bottom: 1.25rem; height: var(--nav-height); } nav .container-bar > * { flex: 1; } nav button.language { gap: 0.375rem; } nav button.language svg { height: 0.5rem; } nav .language-selection { transform: translateX(-0.75rem); opacity: 0; pointer-events: none; transition: opacity 0.25s; } nav .language-selection a { padding: 0.25rem 0.75rem; transition: background-color 0.25s, color 0.25s; } nav button:not(:disabled):hover + .language-selection, nav button + .language-selection:hover, nav button:not(:disabled):focus + .language-selection, nav button + .language-selection:focus-within { opacity: 1; pointer-events: initial; } @media only screen and (max-width: 992px) and (orientation: portrait) { } @media only screen and (max-width: 688px) and (orientation: portrait) { } footer > div { padding-top: 1.25rem; padding-bottom: 1.25rem; } footer .container-maveo a { background-image: -webkit-linear-gradient(180deg, var(--shade-grey-bright) 50%, #b87345 50%, #ceaa6d 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 200% 100%; background-position: top left 100%; transition: background-position 0.35s; } footer .container-maveo a:not(:disabled):hover, footer .container-maveo a:not(:disabled):focus { background-position: top left !important; } @media only screen and (max-width: 992px) and (orientation: portrait) { } @media only screen and (max-width: 688px) and (orientation: portrait) { } #cookie { position: fixed !important; height: 100dvh; background-color: rgba(0, 0, 0, 0.8); z-index: 999; } #cookie .wrapper-cookie { max-height: 100%; } #cookie .container-cookie { max-height: 100%; overflow-y: auto; } #cookie .container-buttons { gap: 0.75rem; } @media only screen and (max-width: 992px) and (orientation: portrait) { #cookie .cookie-wrapper { width: 75%; } } @media only screen and (max-width: 688px) and (orientation: portrait) { #cookie .cookie-wrapper { width: 100%; } #cookie .cookie-container { padding: 1.25rem 1.25rem 0.75rem 1.25rem; } } #loading { position: fixed !important; height: 100dvh; z-index: 100; } @media only screen and (max-width: 992px) and (orientation: portrait) { } @media only screen and (max-width: 688px) and (orientation: portrait) { } .overlay { position: fixed; z-index: 111; width: 100%; height: 100%; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.9); transition: background-color 0.5s; } .overlay:not(.show) { background-color: rgba(0, 0, 0, 0); pointer-events: none; } .overlay > svg:first-child { position: absolute; top: 1.25rem; right: 1.25rem; width: 1.75rem; height: 1.75rem; cursor: pointer; transition: opacity 0.5s; } .overlay:not(.show) > svg:first-child { opacity: 0; } .overlay > svg:first-child .fill { fill: var(--main-color); transition: fill 0.25s; } .overlay > svg:first-child .stroke { stroke: var(--main-color); transition: stroke 0.25s; } .overlay > svg:first-child:hover .fill, .overlay > svg:first-child:focus .fill { fill: var(--main-white); } .overlay > svg:first-child:hover .stroke, .overlay > svg:first-child:focus .stroke { stroke: var(--main-white); } @media only screen and (max-width: 992px) and (orientation: portrait) { .width-4, .width-5, .width-6 { width: 50%; } .width-7 { width: 75%; } .width-8, .width-9, .width-10, .width-11, .width-12 { width: 100%; } } @media only screen and (max-width: 688px) and (orientation: portrait) { }