@charset "UTF-8";
:root {
  --small: 0.75rem;
  --medium: 1rem;
  --s-small: 0.5rem;
  --large: 1.75rem;
  --x-large: 2.75rem;
  --content-margin: 1.25rem;
  --content-margin-figma: 20px; /* From Figma: Content Margin */
  --Large-radius: 30px; /* From Figma */
  --small-radius: 15px; /* From Figma */
  /* Button specific variables from Figma */
  --button-large-height: 48px;
  --button-small-height: 32px;
  --button-textlink-height: 32px;
  --button-large-padding-y: 12px;
  --button-large-padding-x: 20px;
  --button-small-padding-y: 8px;
  --button-small-padding-x: 12px;
  --button-icon-large: 24px;
  --button-icon-small: 16px;
  --button-icon-textlink: 16px;
  --black: #000000;
  --white: #ffffff;
  --oreo-backgroundGradient: linear-gradient(180deg, #0029a3 0%, #2c61ff 100%);
  --box-shadow-size: 4px;
  --oreo-oreoCookieBlack: #272425;
  /* Typography */
  --font-size-copy-small: 0.75rem; /* 12px from Figma */
  --font-size-button-text: 1.25rem; /* 20px from Figma */
  --font-size-copy: 1rem; /* 16px from Figma (updated) */
  --font-size-copy-large: 1.25rem; /* 20px from Figma (updated) */
  --font-size-subheadline: 1.5rem; /* 24px from Figma */
  --font-size-headline-smallest: 1.75rem;
  --font-size-headline-small: 1.75rem; /* 28px from Figma (updated) */
  --font-size-teaser-text: 2rem; /* 32px from Figma (updated) */
  --font-size-headline-medium: 2.75rem;
  --font-size-headline-large: 2.125rem; /* 34px from Figma (updated) */
  --font-size-headline-hero: 3.875rem;
  --line-height-xs: 12px;
  --line-height-sm: 18px;
  --line-height-md: 24px;
  --line-height-lg: 28px; /* From Figma (updated) */
  --line-height-teaser-text: 28px; /* From Figma (updated) */
  --line-height-xl: 30px;
  --line-height-2xl: 42px;
  --line-height-3xl: 36px; /* From Figma (updated) */
  --line-height-4xl: 62px;
  --font-family-copy: "Pluto";
  --font-family-headlines: "Pluto";
  --font-family: "Pluto";
  --font-weight-bold: 800;
  --font-weight-regular: 400;
  /* Color styles */
  --oreo--oreo-blue: rgba(0, 41, 163, 1);
  --oreo--fresh-blue: rgba(76, 188, 236, 1);
  --oreo--stuf-white: rgba(255, 255, 255, 1);
  --oreo--oreo-cookie-black: rgba(39, 36, 37, 1);
  --oreo--hertiage-gray: rgba(108, 100, 99, 1); /* #6C6463 from Figma */
  --oreo--hertiage-gray-figma: #6C6463; /* Direct hex from Figma */
  --oreo--light-heritage-gray: rgba(187, 188, 188, 1);
  --oreo-pixel-background: rgba(16, 63, 203, 1);
  --forms--form-validate: rgba(244, 199, 200, 1);
  --forms--form-border: rgba(235, 23, 29, 1);
  --concept--marker: rgba(235, 23, 226, 1);
  --minecraft--off-white: rgba(252, 245, 241, 1);
  --minecraft--white: rgba(255, 255, 255, 1);
  --minecraft--off-black: rgba(23, 22, 21, 1);
  --minecraft--rich-black: rgba(0, 0, 0, 1);
  --minecraft--grey-6: rgba(38, 36, 35, 1);
  --minecraft--grey-5: rgba(61, 57, 56, 1);
  --minecraft--grey-4: rgba(107, 101, 98, 1);
  --minecraft--grey-3: rgba(171, 160, 156, 1);
  --minecraft--grey-2: rgba(208, 197, 192, 1);
  --minecraft--grey-1: rgba(237, 229, 226, 1);
  --minecraft--cold-grey-6: rgba(44, 47, 58, 1);
  --minecraft--cold-grey-5: rgba(61, 66, 80, 1);
  --minecraft--cold-grey-4: rgba(77, 84, 102, 1);
  --minecraft--cold-grey-3: rgba(93, 100, 122, 1);
  --minecraft--cold-grey-2: rgba(108, 116, 140, 1);
  --minecraft--cold-grey-1: rgba(128, 137, 162, 1);
  --minecraft--blue-1: rgba(91, 159, 251, 1);
  --minecraft--blue-2: rgba(58, 135, 244, 1);
  --minecraft--blue-3: rgba(30, 110, 234, 1);
  --minecraft--bllue-4: rgba(8, 85, 219, 1);
  --minecraft--blue-5: rgba(0, 64, 200, 1);
  --minecraft--blue-6: rgba(0, 47, 174, 1);
  --minecraft--brown-1: rgba(194, 142, 100, 1);
  --minecraft--brown-2: rgba(173, 122, 84, 1);
  --minecraft--brown-3: rgba(151, 103, 70, 1);
  --minecraft--brown-4: rgba(128, 85, 57, 1);
  --minecraft--brown-5: rgba(102, 65, 44, 1);
  --minecraft--brown-6: rgba(73, 45, 31, 1);
  --minecraft--green-1: rgba(160, 224, 129, 1);
  --minecraft--green-2: rgba(134, 213, 98, 1);
  --minecraft--green-3: rgba(108, 195, 73, 1);
  --minecraft--green-4: rgba(82, 165, 53, 1);
  --minecraft--green-5: rgba(60, 133, 39, 1);
  --minecraft--green-6: rgba(42, 100, 28, 1);
  --utility-utility-error-border: #EB171D;
  --utility-utility-validate: #FFE9EA;
  /* Text-size styles */
  --headline-hero: 62px;
  --headline-large: 48px;
  --headline-medium: 44px;
  --headline-small: 32px;
  --headline-smallest: 28px;
  --subheadline: 24px;
  --copy-large: 22px;
  --copy: 20px;
  --copy-small: 12px;
  --button-text: 20px;
  --button-text-small: 12px;
  --teaser-text: 36px;
  --form-input-text: 20px;
  /* Effect styles */
  --card-shadow: -4px -4px 0px rgba(255, 255, 255, 0.8),
    inset 4px 4px 0px rgba(255, 255, 255, 0.4),
    inset -4px -4px 0px rgba(0, 0, 0, 0.2), 4px 4px 0px rgba(1, 14, 53, 0.7);
  --card-shadow-blue-bg: 4px 4px 0px 0px #171615, -4px -4px 0px 0px rgba(0, 0, 0, 0.20) inset, 4px 4px 0px 0px rgba(255, 255, 255, 0.20) inset;
  /* Shadow from Figma */
  --shadow-figma: 0 6px 10px 0 rgba(0, 25, 100, 1); /* DROP_SHADOW: color: #001964, offset: (0, 6), radius: 10, spread: 0 */
}

/* Button specific SCSS variables */
/* Typography */
/* Color styles */
/* Text-size styles */
/* Effect styles */
@font-face {
  font-family: "Pluto";
  src: url("/fonts/pluto/PlutoThin.otf") format("opentype");
  font-weight: 100;
  font-stretch: normal;
  font-style: normal;
}
.pluto-n-thin {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 100;
  font-stretch: normal;
  font-style: normal;
}

@font-face {
  font-family: "Pluto";
  src: url("/fonts/pluto/PlutoExtraLight.otf") format("opentype");
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
}
.pluto-n-extraLight {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
}

@font-face {
  font-family: "Pluto";
  src: url("/fonts/pluto/PlutoLight.otf") format("opentype");
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
}
@font-face {
  font-family: "Pluto";
  src: url("/country-not-participating/fonts/pluto/PlutoRegular.otf") format("opentype");
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
}
@font-face {
  font-family: "Pluto";
  src: url("/fonts/pluto/PlutoMedium.otf") format("opentype");
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
}
@font-face {
  font-family: "Pluto";
  src: url("/fonts/pluto/PlutoBold.otf") format("opentype");
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
}
@font-face {
  font-family: "Pluto";
  src: url("../fonts/pluto/PlutoCondHeavy.otf") format("opentype");
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
}
@font-face {
  font-family: "Pluto";
  src: url("/fonts/pluto/PlutoBlack.otf") format("opentype");
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
}
@font-face {
  font-family: "Pluto";
  src: url("/fonts/pluto/PlutoCondThin.otf") format("opentype");
  font-weight: 100;
  font-stretch: condensed;
  font-style: normal;
}
@font-face {
  font-family: "Pluto";
  src: url("/fonts/pluto/PlutoCondExtraLight.otf") format("opentype");
  font-weight: 200;
  font-stretch: condensed;
  font-style: normal;
}
@font-face {
  font-family: "Pluto";
  src: url("/fonts/pluto/PlutoCondLight.otf") format("opentype");
  font-weight: 300;
  font-stretch: condensed;
  font-style: normal;
}
@font-face {
  font-family: "Pluto";
  src: url("/fonts/pluto/PlutoCondRegular.otf") format("opentype");
  font-weight: 400;
  font-stretch: condensed;
  font-style: normal;
}
@font-face {
  font-family: "Pluto";
  src: url("/fonts/pluto/PlutoCondMedium.otf") format("opentype");
  font-weight: 500;
  font-stretch: condensed;
  font-style: normal;
}
@font-face {
  font-family: "Pluto";
  src: url("/fonts/pluto/PlutoCondBold.otf") format("opentype");
  font-weight: 700;
  font-stretch: condensed;
  font-style: normal;
}
@font-face {
  font-family: "Pluto";
  src: url("/country-not-participating/fonts/pluto/PlutoCondHeavy.otf") format("opentype");
  font-weight: 800;
  font-stretch: condensed;
  font-style: normal;
}
@font-face {
  font-family: "Pluto";
  src: url("/fonts/pluto/PlutoCondBlack.otf") format("opentype");
  font-weight: 900;
  font-stretch: condensed;
  font-style: normal;
}
@font-face {
  font-family: "pluto_oreo_cyrillic";
  src: url("/fonts/pluto_oreo_cyrillic/PlutoOreo-Black.otf") format("opentype");
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
}
@font-face {
  font-family: "pluto_oreo_cyrillic";
  src: url("/fonts/pluto_oreo_cyrillic/PlutoSansCondRegular.otf") format("opentype");
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
}
.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 1px;
  padding-left: 1px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1px;
  margin-left: -1px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 1px;
  padding-left: 1px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}

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

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

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

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

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

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.85714286%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.user-select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
.my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
.mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
.my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
.mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
.my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
.mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
.my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
.mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
.my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
.mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
.my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
.mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
.my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
.mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
.my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
.mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
.my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
.mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
.my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
.mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
.my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
.mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
.my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
.mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
.py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
.px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
.py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
.px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
.py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
.px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
.py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
.px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
.py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
.px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
.py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
.px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
.py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
.px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
.py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
.px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
.py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
.px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
.py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
.px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
.py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
.px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
.py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
.px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
.my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
.mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
.my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
.mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
.my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
.mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
.my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
.mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
.my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
.mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
.my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
.mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
.my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
.mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
.my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
.mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
.my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
.mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
.my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
.mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
.my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
.mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
.my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
.mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
.my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
.mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
.my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
.mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
.my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
.mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
.my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
.mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
.my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
.mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
.my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
.mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
.my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
.mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
.my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
.mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
.my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
.mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
.my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
.mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
.my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
.mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
.my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
.mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
.py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
.px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
.py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
.px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
.py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
.px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
.py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
.px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
.py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
.px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
.py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
.px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
.py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
.px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
.py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
.px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
.py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
.px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
.py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
.px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
.py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
.px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
.py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
.px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
.my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
.mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
.my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
.mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
.my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
.mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
.my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
.mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
.my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
.mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
.my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
.mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
.my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
.mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
.my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
.mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
.my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
.mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
.my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
.mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
.my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
.mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
.my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
.mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
.my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
.mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
.my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
.mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
.my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
.mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
.my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
.mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
.my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
.mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
.my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
.mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
.my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
.mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
.my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
.mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
.my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
.mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
.my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
.mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
.my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
.mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
.my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
.mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
.py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
.px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
.py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
.px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
.py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
.px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
.py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
.px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
.py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
.px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
.py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
.px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
.py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
.px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
.py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
.px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
.py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
.px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
.py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
.px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
.py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
.px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
.py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
.px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
.my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
.mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
.my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
.mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
.my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
.mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
.my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
.mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
.my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
.mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
.my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
.mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
.my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
.mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
.my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
.mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
.my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
.mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
.my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
.mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
.my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
.mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
.my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
.mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
.my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
.mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
.my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
.mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
.my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
.mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
.my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
.mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
.my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
.mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
.my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
.mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
.my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
.mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
.my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
.mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
.my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
.mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
.my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
.mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
.my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
.mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
.my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
.mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
.py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
.px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
.py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
.px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
.py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
.px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
.py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
.px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
.py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
.px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
.py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
.px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
.py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
.px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
.py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
.px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
.py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
.px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
.py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
.px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
.py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
.px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
.py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
.px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
.my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
.mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
.my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
.mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
.my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
.mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
.my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
.mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
.my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
.mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
.my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
.mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
.my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
.mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
.my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
.mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
.my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
.mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
.my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
.mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
.my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
.mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
.my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
.mx-xl-auto {
    margin-left: auto !important;
  }
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

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

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

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

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

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

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

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

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

/* Standard-Fokus nur für Tastatur-Nutzer */
.user-is-tabbing button:focus-visible,
.user-is-tabbing .btn:focus-visible,
.user-is-tabbing .btn.btn-special:focus-visible,
.user-is-tabbing a:focus-visible,
.user-is-tabbing input:focus-visible,
.user-is-tabbing textarea:focus-visible,
.user-is-tabbing select:focus-visible {
  outline: 2px solid #32CD32;
  /* Pink für besseren Kontrast */
  outline-offset: 2px;
}

/* Falls eigene, interaktive Elemente */
.user-is-tabbing [tabindex]:focus-visible {
  outline: 2px solid #32CD32;
  outline-offset: 2px;
}

/* Checkbox-Fokus nur bei Tastatur */
.user-is-tabbing input[type=checkbox]:focus-within + label,
.user-is-tabbing input[type=checkbox]:focus-visible + label {
  border-color: #32CD32;
  outline: 2px solid #32CD32;
  outline-offset: 2px;
}

.form-group.select.receipt-type-field:has(.field-body > select > option[value=rl_receipt]:checked) ~ .receipt-type-rl-receipt-custom-field {
  display: block;
}

.form-group.select.receipt-type-field:has(.field-body > select > option[value=digital_purchase]:checked) ~ .receipt-type-digital-purchase-custom-field {
  display: block;
}

.receipt-type-rl-receipt-custom-field {
  display: none;
}

.receipt-type-digital-purchase-custom-field {
  display: none;
}

body {
  background-color: var(--oreo--oreo-blue);
  padding: 0;
  margin: 0;
  font-family: var(--font-family-copy);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family-headlines);
}

main {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.form.password-check.mdlz main {
  justify-content: center !important;
}

.padding-medium {
  padding: var(--medium, 20px) var(--Content-Margin, 20px);
}

.margin-medium {
  margin: var(--medium, 20px) var(--Content-Margin, 20px);
}

.margin-bottom-large {
  margin-bottom: var(--large, 28px);
}

body:not(.il.legal) ol {
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}
body:not(.il.legal) ol li {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  padding-left: 56px;
  min-height: 42px;
  display: flex;
  align-items: center;
}
body:not(.il.legal) ol li:not(:last-child) {
  margin-bottom: 20px !important;
}
@media (min-width: 768px) {
  body:not(.il.legal) ol li:not(:last-child) {
    margin-bottom: 40px !important;
  }
}
body:not(.il.legal) ol li::before {
  counter-increment: item;
  content: counter(item);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  width: 42px;
  height: 42px;
  border-radius: var(--Large-radius);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: var(--oreo--oreo-blue);
  background: var(--oreo-stufWhite, #fff);
  /* button-text */
  font-family: var(--font-family-headlines);
  font-size: var(--font-size-button-text, 1.25rem);
  font-style: normal;
  font-weight: 800;
  line-height: var(--line-height-sm, 1.125rem);
  /* 90% */
}

.text-decoration-underline {
  text-decoration: underline !important;
}

@font-face {
  font-family: "general-icons";
  src: url("/fonts/general-icons/general-icons.eot?t=1768424781574"); /* IE9*/
  src: url("/fonts/general-icons/general-icons.eot?t=1768424781574#iefix") format("embedded-opentype"), url("/fonts/general-icons/general-icons.woff2?t=1768424781574") format("woff2"), url("/fonts/general-icons/general-icons.woff?t=1768424781574") format("woff"), url("/fonts/general-icons/general-icons.ttf?t=1768424781574") format("truetype"), url("/fonts/general-icons/general-icons.svg?t=1768424781574") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[class^=icon-],
[class*=" icon-"] {
  font-family: "general-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block !important;
  vertical-align: middle;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Farbe wird über CSS color gesteuert - erbt vom Elternelement */
  color: inherit;
  font-size: 0;
  line-height: 0;
  /* Stelle sicher, dass ::before Elemente gerendert werden */
}
[class^=icon-]::before,
[class*=" icon-"]::before {
  display: inline-block !important;
  line-height: 1;
  font-family: "general-icons" !important;
  font-size: 24px;
  width: 24px;
  height: 24px;
  speak: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^=icon-].icon-small::before,
[class*=" icon-"].icon-small::before {
  font-size: 16px;
}
[class^=icon-].icon-large::before,
[class*=" icon-"].icon-large::before {
  font-size: 32px;
}

.icon-add_column::before {
  content: "\e900";
}

.icon-add_minus_square::before {
  content: "\e901";
}

.icon-add_plus::before {
  content: "\e902";
}

.icon-add_plus_circle::before {
  content: "";
  background: url("/img/icons/general/add_plus_circle.svg") no-repeat;
}

.icon-add_plus_square::before {
  content: "\e904";
}

.icon-add_row::before {
  content: "\e905";
}

.icon-add_to_queue::before {
  content: "\e906";
}

.icon-airplay::before {
  content: "\e907";
}

.icon-alarm::before {
  content: "\e908";
}

.icon-ar::before {
  content: "\e909";
}

.icon-archive::before {
  content: "\e90a";
}

.icon-arrow_arrows_reload_01::before {
  content: "\e90b";
}

.icon-arrow_caret_circle_down::before {
  content: "\e90c";
}

.icon-arrow_caret_circle_left::before {
  content: "\e90d";
}

.icon-arrow_caret_circle_right::before {
  content: "\e90e";
}

.icon-arrow_caret_circle_up::before {
  content: "\e90f";
}

.icon-arrow_caret_down_md::before {
  content: "\e910";
}

.icon-arrow_caret_down_sm::before {
  content: "\e911";
}

.icon-arrow_caret_left_sm::before {
  content: "\e912";
}

.icon-arrow_caret_right_sm::before {
  content: "\e913";
}

.icon-arrow_caret_up_md::before {
  content: "\e914";
}

.icon-arrow_caret_up_sm::before {
  content: "\e915";
}

.icon-arrow_chevron_down::before {
  content: "\e916";
}

.icon-arrow_chevron_down_duo::before {
  content: "\e917";
}

.icon-arrow_chevron_left::before {
  content: "\e918";
}

.icon-arrow_chevron_left_duo::before {
  content: "\e919";
}

.icon-arrow_chevron_left_md::before {
  content: "\e91a";
}

.icon-arrow_chevron_right::before {
  content: "\e91b";
}

.icon-arrow_chevron_right_duo::before {
  content: "\e91c";
}

.icon-arrow_chevron_right_md::before {
  content: "\e91d";
}

.icon-arrow_chevron_up::before {
  content: "\e91e";
}

.icon-arrow_chevron_up_duo::before {
  content: "\e91f";
}

.icon-arrow_circle_down::before {
  content: "\e920";
}

.icon-arrow_circle_down_left::before {
  content: "\e921";
}

.icon-arrow_circle_down_right::before {
  content: "\e922";
}

.icon-arrow_circle_left::before {
  content: "\e923";
}

.icon-arrow_circle_right::before {
  content: "\e924";
}

.icon-arrow_circle_up::before {
  content: "\e925";
}

.icon-arrow_circle_up_left::before {
  content: "\e926";
}

.icon-arrow_circle_up_right::before {
  content: "\e927";
}

.icon-arrow_down_left_lg::before {
  content: "\e928";
}

.icon-arrow_down_left_md::before {
  content: "\e929";
}

.icon-arrow_down_left_sm::before {
  content: "\e92a";
}

.icon-arrow_down_lg::before {
  content: "\e92b";
}

.icon-arrow_down_md::before {
  content: "\e92c";
}

.icon-arrow_down_right_lg::before {
  content: "\e92d";
}

.icon-arrow_down_right_md::before {
  content: "\e92e";
}

.icon-arrow_down_right_sm::before {
  content: "\e92f";
}

.icon-arrow_down_sm::before {
  content: "\e930";
}

.icon-arrow_down_up::before {
  content: "\e931";
}

.icon-arrow_expand::before {
  content: "\e932";
}

.icon-arrow_left_lg::before {
  content: "\e933";
}

.icon-arrow_left_md::before {
  content: "\e934";
}

.icon-arrow_left_right::before {
  content: "\e935";
}

.icon-arrow_left_sm::before {
  content: "\e936";
}

.icon-arrow_reload_02::before {
  content: "\e937";
}

.icon-arrow_right_lg::before {
  content: "\e938";
}

.icon-arrow_right_md::before {
  content: "";
  background: url("/img/icons/general/arrow_right_md.svg") no-repeat;
}

.icon-arrow_right_sm::before {
  content: "\e93a";
}

.icon-arrow_shrink::before {
  content: "\e93b";
}

.icon-arrow_sub_down_left::before {
  content: "\e93c";
}

.icon-arrow_sub_down_right::before {
  content: "\e93d";
}

.icon-arrow_sub_left_down::before {
  content: "\e93e";
}

.icon-arrow_sub_left_up::before {
  content: "\e93f";
}

.icon-arrow_sub_right_down::before {
  content: "\e940";
}

.icon-arrow_sub_right_up::before {
  content: "\e941";
}

.icon-arrow_sub_up_left::before {
  content: "\e942";
}

.icon-arrow_sub_up_right::before {
  content: "\e943";
}

.icon-arrow_undo_down_left::before {
  content: "";
  background: url("/img/icons/general/arrow_undo_down_left.svg") no-repeat;
}

.icon-arrow_undo_down_right::before {
  content: "\e945";
}

.icon-arrow_undo_up_left::before {
  content: "\e946";
}

.icon-arrow_undo_up_right::before {
  content: "\e947";
}

.icon-arrow_unfold_less::before {
  content: "\e948";
}

.icon-arrow_unfold_more::before {
  content: "\e949";
}

.icon-arrow_up_left_lg::before {
  content: "\e94a";
}

.icon-arrow_up_left_md::before {
  content: "\e94b";
}

.icon-arrow_up_left_sm::before {
  content: "\e94c";
}

.icon-arrow_up_lg::before {
  content: "\e94d";
}

.icon-arrow_up_md::before {
  content: "\e94e";
}

.icon-arrow_up_right_lg::before {
  content: "\e94f";
}

.icon-arrow_up_right_md::before {
  content: "\e950";
}

.icon-arrow_up_right_sm::before {
  content: "\e951";
}

.icon-arrow_up_sm::before {
  content: "\e952";
}

.icon-arrows_reload_01::before {
  content: "\e953";
}

.icon-bar_bottom::before {
  content: "\e954";
}

.icon-bar_left::before {
  content: "\e955";
}

.icon-bar_right::before {
  content: "\e956";
}

.icon-bar_top::before {
  content: "\e957";
}

.icon-barcode::before {
  content: "\e958";
}

.icon-bell::before {
  content: "\e959";
}

.icon-bell_add::before {
  content: "\e95a";
}

.icon-bell_close::before {
  content: "\e95b";
}

.icon-bell_notification::before {
  content: "\e95c";
}

.icon-bell_off::before {
  content: "\e95d";
}

.icon-bell_remove::before {
  content: "\e95e";
}

.icon-bell_ring::before {
  content: "\e95f";
}

.icon-bitten-cookie::before {
  content: "\e960";
}

.icon-bold::before {
  content: "\e961";
}

.icon-book::before {
  content: "\e962";
}

.icon-book_open::before {
  content: "\e963";
}

.icon-bookmark::before {
  content: "\e964";
}

.icon-building_01::before {
  content: "\e965";
}

.icon-building_02::before {
  content: "\e966";
}

.icon-building_03::before {
  content: "\e967";
}

.icon-building_04::before {
  content: "\e968";
}

.icon-bulb::before {
  content: "\e969";
}

.icon-calendar::before {
  content: "\e96a";
}

.icon-calendar_add::before {
  content: "\e96b";
}

.icon-calendar_alarm::before {
  content: "\e96c";
}

.icon-calendar_calendar::before {
  content: "\e96d";
}

.icon-calendar_check::before {
  content: "\e96e";
}

.icon-calendar_clock::before {
  content: "\e96f";
}

.icon-calendar_close::before {
  content: "\e970";
}

.icon-calendar_days::before {
  content: "\e971";
}

.icon-calendar_event::before {
  content: "\e972";
}

.icon-calendar_remove::before {
  content: "\e973";
}

.icon-calendar_timer::before {
  content: "\e974";
}

.icon-calendar_timer_add::before {
  content: "\e975";
}

.icon-calendar_timer_close::before {
  content: "\e976";
}

.icon-calendar_timer_remove::before {
  content: "\e977";
}

.icon-calendar_week::before {
  content: "\e978";
}

.icon-camera::before {
  content: "\e979";
}

.icon-car_auto::before {
  content: "\e97a";
}

.icon-caret_circle_down::before {
  content: "\e97b";
}

.icon-caret_circle_left::before {
  content: "\e97c";
}

.icon-caret_circle_right::before {
  content: "\e97d";
}

.icon-caret_circle_up::before {
  content: "\e97e";
}

.icon-caret_down_md::before {
  content: "\e97f";
}

.icon-caret_down_sm::before {
  content: "\e980";
}

.icon-caret_left_sm::before {
  content: "\e981";
}

.icon-caret_right_sm::before {
  content: "\e982";
}

.icon-caret_up_md::before {
  content: "\e983";
}

.icon-caret_up_sm::before {
  content: "\e984";
}

.icon-chart_bar_horizontal_01::before {
  content: "\e985";
}

.icon-chart_bar_vertical_01::before {
  content: "\e986";
}

.icon-chart_line::before {
  content: "\e987";
}

.icon-chart_pie::before {
  content: "\e988";
}

.icon-chat::before {
  content: "\e989";
}

.icon-chat_add::before {
  content: "\e98a";
}

.icon-chat_check::before {
  content: "\e98b";
}

.icon-chat_circle::before {
  content: "\e98c";
}

.icon-chat_circle_add::before {
  content: "\e98d";
}

.icon-chat_circle_check::before {
  content: "\e98e";
}

.icon-chat_circle_close::before {
  content: "\e98f";
}

.icon-chat_circle_dots::before {
  content: "\e990";
}

.icon-chat_circle_remove::before {
  content: "\e991";
}

.icon-chat_close::before {
  content: "\e992";
}

.icon-chat_conversation::before {
  content: "\e993";
}

.icon-chat_conversation_circle::before {
  content: "\e994";
}

.icon-chat_dots::before {
  content: "\e995";
}

.icon-chat_remove::before {
  content: "\e996";
}

.icon-check::before {
  content: "\e997";
}

.icon-check_all::before {
  content: "\e998";
}

.icon-check_all_big::before {
  content: "\e999";
}

.icon-check_big::before {
  content: "\e99a";
}

.icon-checkbox_check::before {
  content: "\e99b";
}

.icon-checkbox_fill::before {
  content: "\e99c";
}

.icon-checkbox_unchecked::before {
  content: "\e99d";
}

.icon-chevron_down::before {
  content: "\e99e";
}

.icon-chevron_down_duo::before {
  content: "";
  background: url("/img/icons/general/chevron_down_duo.svg") no-repeat;
}

.icon-chevron_left::before {
  content: "\e9a0";
}

.icon-chevron_left_duo::before {
  content: "\e9a1";
}

.icon-chevron_left_md::before {
  content: "\e9a2";
}

.icon-chevron_right::before {
  content: "";
  background: url("/img/icons/general/chevron_right.svg") no-repeat;
}

.icon-chevron_right_duo::before {
  content: "\e9a4";
}

.icon-chevron_right_md::before {
  content: "\e9a5";
}

.icon-chevron_up::before {
  content: "\e9a6";
}

.icon-chevron_up_duo::before {
  content: "\e9a7";
}

.icon-chromecast::before {
  content: "\e9a8";
}

.icon-circle::before {
  content: "\e9a9";
}

.icon-circle_check::before {
  content: "\e9aa";
}

.icon-circle_help::before {
  content: "";
  background: url("/img/icons/general/circle_help.svg") no-repeat;
}

.icon-circle_warning::before {
  content: "\e9ac";
}

.icon-clock::before {
  content: "\e9ad";
}

.icon-close_circle::before {
  content: "\e9ae";
}

.icon-close_lg::before {
  content: "\e9af";
}

.icon-close_md::before {
  content: "";
  background: url("/img/icons/general/close_md.svg") no-repeat;
}

.icon-close_sm::before {
  content: "";
  background: url("/img/icons/general/close_sm.svg") no-repeat;
}

.icon-close_square::before {
  content: "\e9b2";
}

.icon-cloud::before {
  content: "\e9b3";
}

.icon-cloud_add::before {
  content: "\e9b4";
}

.icon-cloud_check::before {
  content: "\e9b5";
}

.icon-cloud_close::before {
  content: "\e9b6";
}

.icon-cloud_download::before {
  content: "\e9b7";
}

.icon-cloud_off::before {
  content: "\e9b8";
}

.icon-cloud_remove::before {
  content: "\e9b9";
}

.icon-cloud_upload::before {
  content: "\e9ba";
}

.icon-code::before {
  content: "\e9bb";
}

.icon-coffe_to_go::before {
  content: "\e9bc";
}

.icon-coffee::before {
  content: "\e9bd";
}

.icon-columns::before {
  content: "\e9be";
}

.icon-combine_cells::before {
  content: "\e9bf";
}

.icon-command::before {
  content: "\e9c0";
}

.icon-communication_bell::before {
  content: "\e9c1";
}

.icon-communication_bell_add::before {
  content: "\e9c2";
}

.icon-communication_bell_close::before {
  content: "\e9c3";
}

.icon-communication_bell_notification::before {
  content: "\e9c4";
}

.icon-communication_bell_off::before {
  content: "\e9c5";
}

.icon-communication_bell_remove::before {
  content: "\e9c6";
}

.icon-communication_bell_ring::before {
  content: "\e9c7";
}

.icon-communication_chat::before {
  content: "\e9c8";
}

.icon-communication_chat_add::before {
  content: "\e9c9";
}

.icon-communication_chat_check::before {
  content: "\e9ca";
}

.icon-communication_chat_circle::before {
  content: "\e9cb";
}

.icon-communication_chat_circle_add::before {
  content: "\e9cc";
}

.icon-communication_chat_circle_check::before {
  content: "\e9cd";
}

.icon-communication_chat_circle_close::before {
  content: "\e9ce";
}

.icon-communication_chat_circle_dots::before {
  content: "\e9cf";
}

.icon-communication_chat_circle_remove::before {
  content: "\e9d0";
}

.icon-communication_chat_close::before {
  content: "\e9d1";
}

.icon-communication_chat_conversation::before {
  content: "\e9d2";
}

.icon-communication_chat_conversation_circle::before {
  content: "\e9d3";
}

.icon-communication_chat_dots::before {
  content: "\e9d4";
}

.icon-communication_chat_remove::before {
  content: "\e9d5";
}

.icon-communication_mail::before {
  content: "\e9d6";
}

.icon-communication_mail_open::before {
  content: "\e9d7";
}

.icon-communication_paper_plane::before {
  content: "\e9d8";
}

.icon-communication_phone::before {
  content: "\e9d9";
}

.icon-communication_share_android::before {
  content: "\e9da";
}

.icon-communication_share_ios_export::before {
  content: "\e9db";
}

.icon-compass::before {
  content: "\e9dc";
}

.icon-cookie::before {
  content: "\e9dd";
}

.icon-copy::before {
  content: "\e9de";
}

.icon-credit_card_01::before {
  content: "\e9df";
}

.icon-credit_card_02::before {
  content: "\e9e0";
}

.icon-crop::before {
  content: "\e9e1";
}

.icon-cupcake::before {
  content: "\e9e2";
}

.icon-cursor::before {
  content: "\e9e3";
}

.icon-cylinder::before {
  content: "\e9e4";
}

.icon-data::before {
  content: "\e9e5";
}

.icon-delete_column::before {
  content: "\e9e6";
}

.icon-delete_row::before {
  content: "\e9e7";
}

.icon-desktop::before {
  content: "\e9e8";
}

.icon-desktop_tower::before {
  content: "\e9e9";
}

.icon-devices::before {
  content: "\e9ea";
}

.icon-double_quotes_l::before {
  content: "\e9eb";
}

.icon-double_quotes_r::before {
  content: "\e9ec";
}

.icon-download::before {
  content: "\e9ed";
}

.icon-download_package::before {
  content: "\e9ee";
}

.icon-drag_horizontal::before {
  content: "\e9ef";
}

.icon-drag_vertical::before {
  content: "\e9f0";
}

.icon-dummy_circle::before {
  content: "\e9f1";
}

.icon-dummy_circle_small::before {
  content: "\e9f2";
}

.icon-dummy_square::before {
  content: "\e9f3";
}

.icon-dummy_square_small::before {
  content: "\e9f4";
}

.icon-edit_add_column::before {
  content: "\e9f5";
}

.icon-edit_add_minus_square::before {
  content: "\e9f6";
}

.icon-edit_add_plus::before {
  content: "\e9f7";
}

.icon-edit_add_plus_circle::before {
  content: "\e9f8";
}

.icon-edit_add_plus_square::before {
  content: "\e9f9";
}

.icon-edit_add_row::before {
  content: "\e9fa";
}

.icon-edit_add_to_queue::before {
  content: "\e9fb";
}

.icon-edit_bold::before {
  content: "\e9fc";
}

.icon-edit_close_circle::before {
  content: "\e9fd";
}

.icon-edit_close_square::before {
  content: "\e9fe";
}

.icon-edit_columns::before {
  content: "\e9ff";
}

.icon-edit_combine_cells::before {
  content: "\ea00";
}

.icon-edit_copy::before {
  content: "\ea01";
}

.icon-edit_crop::before {
  content: "\ea02";
}

.icon-edit_delete_column::before {
  content: "\ea03";
}

.icon-edit_delete_row::before {
  content: "\ea04";
}

.icon-edit_double_quotes_l::before {
  content: "\ea05";
}

.icon-edit_double_quotes_r::before {
  content: "\ea06";
}

.icon-edit_figma::before {
  content: "\ea07";
}

.icon-edit_font::before {
  content: "\ea08";
}

.icon-edit_heading::before {
  content: "\ea09";
}

.icon-edit_heading_h1::before {
  content: "\ea0a";
}

.icon-edit_heading_h2::before {
  content: "\ea0b";
}

.icon-edit_heading_h3::before {
  content: "\ea0c";
}

.icon-edit_heading_h4::before {
  content: "\ea0d";
}

.icon-edit_heading_h5::before {
  content: "\ea0e";
}

.icon-edit_heading_h6::before {
  content: "\ea0f";
}

.icon-edit_hide::before {
  content: "\ea10";
}

.icon-edit_italic::before {
  content: "\ea11";
}

.icon-edit_layer::before {
  content: "\ea12";
}

.icon-edit_layers::before {
  content: "\ea13";
}

.icon-edit_list_add::before {
  content: "\ea14";
}

.icon-edit_list_check::before {
  content: "\ea15";
}

.icon-edit_list_checklist::before {
  content: "\ea16";
}

.icon-edit_list_ordered::before {
  content: "\ea17";
}

.icon-edit_list_remove::before {
  content: "\ea18";
}

.icon-edit_list_unordered::before {
  content: "\ea19";
}

.icon-edit_mention::before {
  content: "\ea1a";
}

.icon-edit_move::before {
  content: "\ea1b";
}

.icon-edit_move_horizontal::before {
  content: "\ea1c";
}

.icon-edit_move_vertical::before {
  content: "\ea1d";
}

.icon-edit_paperclip_attechment_horizontal::before {
  content: "\ea1e";
}

.icon-edit_paperclip_attechment_tilt::before {
  content: "\ea1f";
}

.icon-edit_paragraph::before {
  content: "\ea20";
}

.icon-edit_path::before {
  content: "\ea21";
}

.icon-edit_pencil_01::before {
  content: "\ea22";
}

.icon-edit_pencil_02::before {
  content: "\ea23";
}

.icon-edit_pencil_line_01::before {
  content: "\ea24";
}

.icon-edit_pencil_line_02::before {
  content: "\ea25";
}

.icon-edit_redo::before {
  content: "\ea26";
}

.icon-edit_remove_minus::before {
  content: "\ea27";
}

.icon-edit_remove_minus_circle::before {
  content: "\ea28";
}

.icon-edit_rows::before {
  content: "\ea29";
}

.icon-edit_ruler::before {
  content: "\ea2a";
}

.icon-edit_select_multiple::before {
  content: "\ea2b";
}

.icon-edit_show::before {
  content: "\ea2c";
}

.icon-edit_single_quotes_l::before {
  content: "\ea2d";
}

.icon-edit_single_quotes_r::before {
  content: "\ea2e";
}

.icon-edit_sort_ascending::before {
  content: "\ea2f";
}

.icon-edit_sort_descending::before {
  content: "\ea30";
}

.icon-edit_strikethrough::before {
  content: "\ea31";
}

.icon-edit_swatches_palette::before {
  content: "\ea32";
}

.icon-edit_table::before {
  content: "\ea33";
}

.icon-edit_table_add::before {
  content: "\ea34";
}

.icon-edit_table_remove::before {
  content: "\ea35";
}

.icon-edit_text::before {
  content: "\ea36";
}

.icon-edit_text_align_center::before {
  content: "\ea37";
}

.icon-edit_text_align_justify::before {
  content: "\ea38";
}

.icon-edit_text_align_left::before {
  content: "\ea39";
}

.icon-edit_text_align_right::before {
  content: "\ea3a";
}

.icon-edit_underline::before {
  content: "\ea3b";
}

.icon-edit_undo::before {
  content: "\ea3c";
}

.icon-environment_bulb::before {
  content: "\ea3d";
}

.icon-environment_coffe_to_go::before {
  content: "\ea3e";
}

.icon-environment_coffee::before {
  content: "\ea3f";
}

.icon-environment_cookie::before {
  content: "\ea40";
}

.icon-environment_cupcake::before {
  content: "\ea41";
}

.icon-environment_first_aid::before {
  content: "\ea42";
}

.icon-environment_leaf::before {
  content: "\ea43";
}

.icon-environment_moon::before {
  content: "\ea44";
}

.icon-environment_planet::before {
  content: "\ea45";
}

.icon-environment_puzzle::before {
  content: "\ea46";
}

.icon-environment_rainbow::before {
  content: "\ea47";
}

.icon-environment_sun::before {
  content: "\ea48";
}

.icon-environment_water_drop::before {
  content: "\ea49";
}

.icon-exit::before {
  content: "\ea4a";
}

.icon-expand::before {
  content: "\ea4b";
}

.icon-external_link::before {
  content: "\ea4c";
}

.icon-figma::before {
  content: "\ea4d";
}

.icon-file_add::before {
  content: "\ea4e";
}

.icon-file_archive::before {
  content: "\ea4f";
}

.icon-file_blank::before {
  content: "\ea50";
}

.icon-file_check::before {
  content: "\ea51";
}

.icon-file_close::before {
  content: "\ea52";
}

.icon-file_cloud::before {
  content: "\ea53";
}

.icon-file_cloud_add::before {
  content: "\ea54";
}

.icon-file_cloud_check::before {
  content: "\ea55";
}

.icon-file_cloud_close::before {
  content: "\ea56";
}

.icon-file_cloud_download::before {
  content: "\ea57";
}

.icon-file_cloud_off::before {
  content: "\ea58";
}

.icon-file_cloud_remove::before {
  content: "\ea59";
}

.icon-file_cloud_upload::before {
  content: "\ea5a";
}

.icon-file_code::before {
  content: "\ea5b";
}

.icon-file_document::before {
  content: "\ea5c";
}

.icon-file_download::before {
  content: "\ea5d";
}

.icon-file_download_package::before {
  content: "\ea5e";
}

.icon-file_edit::before {
  content: "\ea5f";
}

.icon-file_files::before {
  content: "\ea60";
}

.icon-file_folder::before {
  content: "\ea61";
}

.icon-file_folder_add::before {
  content: "\ea62";
}

.icon-file_folder_check::before {
  content: "\ea63";
}

.icon-file_folder_close::before {
  content: "\ea64";
}

.icon-file_folder_code::before {
  content: "\ea65";
}

.icon-file_folder_document::before {
  content: "\ea66";
}

.icon-file_folder_download::before {
  content: "\ea67";
}

.icon-file_folder_edit::before {
  content: "\ea68";
}

.icon-file_folder_open::before {
  content: "\ea69";
}

.icon-file_folder_remove::before {
  content: "\ea6a";
}

.icon-file_folder_search::before {
  content: "\ea6b";
}

.icon-file_folder_upload::before {
  content: "\ea6c";
}

.icon-file_folders::before {
  content: "\ea6d";
}

.icon-file_note::before {
  content: "\ea6e";
}

.icon-file_note_edit::before {
  content: "\ea6f";
}

.icon-file_note_search::before {
  content: "\ea70";
}

.icon-file_notebook::before {
  content: "\ea71";
}

.icon-file_remove::before {
  content: "\ea72";
}

.icon-file_search::before {
  content: "\ea73";
}

.icon-file_upload::before {
  content: "\ea74";
}

.icon-files::before {
  content: "\ea75";
}

.icon-filter::before {
  content: "\ea76";
}

.icon-filter_off::before {
  content: "\ea77";
}

.icon-first_aid::before {
  content: "\ea78";
}

.icon-flag::before {
  content: "\ea79";
}

.icon-folder::before {
  content: "\ea7a";
}

.icon-folder_add::before {
  content: "\ea7b";
}

.icon-folder_check::before {
  content: "\ea7c";
}

.icon-folder_close::before {
  content: "\ea7d";
}

.icon-folder_code::before {
  content: "\ea7e";
}

.icon-folder_document::before {
  content: "\ea7f";
}

.icon-folder_download::before {
  content: "\ea80";
}

.icon-folder_edit::before {
  content: "\ea81";
}

.icon-folder_open::before {
  content: "\ea82";
}

.icon-folder_remove::before {
  content: "\ea83";
}

.icon-folder_search::before {
  content: "\ea84";
}

.icon-folder_upload::before {
  content: "\ea85";
}

.icon-folders::before {
  content: "\ea86";
}

.icon-font::before {
  content: "\ea87";
}

.icon-forward::before {
  content: "\ea88";
}

.icon-gift::before {
  content: "\ea89";
}

.icon-globe::before {
  content: "\ea8a";
}

.icon-hamburger_lg::before {
  content: "\ea8b";
}

.icon-hamburger_md::before {
  content: "\ea8c";
}

.icon-handbag::before {
  content: "\ea8d";
}

.icon-heading::before {
  content: "\ea8e";
}

.icon-heading_h1::before {
  content: "\ea8f";
}

.icon-heading_h2::before {
  content: "\ea90";
}

.icon-heading_h3::before {
  content: "\ea91";
}

.icon-heading_h4::before {
  content: "\ea92";
}

.icon-heading_h5::before {
  content: "\ea93";
}

.icon-heading_h6::before {
  content: "\ea94";
}

.icon-headphones::before {
  content: "\ea95";
}

.icon-heart_01::before {
  content: "\ea96";
}

.icon-heart_02::before {
  content: "\ea97";
}

.icon-help::before {
  content: "\ea98";
}

.icon-hide::before {
  content: "\ea99";
}

.icon-house_01::before {
  content: "";
  background: url("/img/icons/general/house_01.svg") no-repeat;
}

.icon-house_02::before {
  content: "\ea9b";
}

.icon-house_03::before {
  content: "\ea9c";
}

.icon-house_add::before {
  content: "\ea9d";
}

.icon-house_check::before {
  content: "\ea9e";
}

.icon-house_close::before {
  content: "\ea9f";
}

.icon-house_remove::before {
  content: "\eaa0";
}

.icon-image_01::before {
  content: "\eaa1";
}

.icon-image_02::before {
  content: "\eaa2";
}

.icon-info::before {
  content: "\eaa3";
}

.icon-instance::before {
  content: "\eaa4";
}

.icon-interface_book::before {
  content: "\eaa5";
}

.icon-interface_book_open::before {
  content: "\eaa6";
}

.icon-interface_bookmark::before {
  content: "\eaa7";
}

.icon-interface_chart_bar_horizontal_01::before {
  content: "\eaa8";
}

.icon-interface_chart_bar_vertical_01::before {
  content: "\eaa9";
}

.icon-interface_chart_line::before {
  content: "\eaaa";
}

.icon-interface_chart_pie::before {
  content: "\eaab";
}

.icon-interface_check::before {
  content: "\eaac";
}

.icon-interface_check_all::before {
  content: "\eaad";
}

.icon-interface_check_all_big::before {
  content: "\eaae";
}

.icon-interface_check_big::before {
  content: "\eaaf";
}

.icon-interface_checkbox_check::before {
  content: "\eab0";
}

.icon-interface_checkbox_fill::before {
  content: "\eab1";
}

.icon-interface_checkbox_unchecked::before {
  content: "\eab2";
}

.icon-interface_command::before {
  content: "\eab3";
}

.icon-interface_credit_card_01::before {
  content: "\eab4";
}

.icon-interface_credit_card_02::before {
  content: "\eab5";
}

.icon-interface_download::before {
  content: "\eab6";
}

.icon-interface_drag_horizontal::before {
  content: "\eab7";
}

.icon-interface_drag_vertical::before {
  content: "\eab8";
}

.icon-interface_dummy_circle::before {
  content: "\eab9";
}

.icon-interface_dummy_circle_small::before {
  content: "\eaba";
}

.icon-interface_dummy_square::before {
  content: "\eabb";
}

.icon-interface_dummy_square_small::before {
  content: "\eabc";
}

.icon-interface_exit::before {
  content: "\eabd";
}

.icon-interface_external_link::before {
  content: "\eabe";
}

.icon-interface_filter::before {
  content: "\eabf";
}

.icon-interface_filter_off::before {
  content: "\eac0";
}

.icon-interface_gift::before {
  content: "\eac1";
}

.icon-interface_handbag::before {
  content: "\eac2";
}

.icon-interface_heart_01::before {
  content: "\eac3";
}

.icon-interface_heart_02::before {
  content: "\eac4";
}

.icon-interface_instance::before {
  content: "\eac5";
}

.icon-interface_label::before {
  content: "\eac6";
}

.icon-interface_line_l::before {
  content: "\eac7";
}

.icon-interface_line_m::before {
  content: "\eac8";
}

.icon-interface_line_s::before {
  content: "\eac9";
}

.icon-interface_line_xl::before {
  content: "\eaca";
}

.icon-interface_link::before {
  content: "\eacb";
}

.icon-interface_link_break::before {
  content: "\eacc";
}

.icon-interface_link_horizontal::before {
  content: "\eacd";
}

.icon-interface_link_horizontal_off::before {
  content: "\eace";
}

.icon-interface_link_vertical::before {
  content: "\eacf";
}

.icon-interface_loading::before {
  content: "\ead0";
}

.icon-interface_lock::before {
  content: "\ead1";
}

.icon-interface_lock_open::before {
  content: "\ead2";
}

.icon-interface_log_out::before {
  content: "\ead3";
}

.icon-interface_magnifying_glass_minus::before {
  content: "\ead4";
}

.icon-interface_magnifying_glass_plus::before {
  content: "\ead5";
}

.icon-interface_main_component::before {
  content: "\ead6";
}

.icon-interface_option::before {
  content: "\ead7";
}

.icon-interface_radio_fill::before {
  content: "\ead8";
}

.icon-interface_radio_unchecked::before {
  content: "\ead9";
}

.icon-interface_search_magnifying_glass::before {
  content: "\eada";
}

.icon-interface_settings::before {
  content: "\eadb";
}

.icon-interface_settings_future::before {
  content: "\eadc";
}

.icon-interface_shopping_bag_01::before {
  content: "\eadd";
}

.icon-interface_shopping_bag_02::before {
  content: "\eade";
}

.icon-interface_shopping_cart_01::before {
  content: "\eadf";
}

.icon-interface_shopping_cart_02::before {
  content: "\eae0";
}

.icon-interface_slider_01::before {
  content: "\eae1";
}

.icon-interface_slider_02::before {
  content: "\eae2";
}

.icon-interface_slider_03::before {
  content: "\eae3";
}

.icon-interface_star::before {
  content: "\eae4";
}

.icon-interface_suitcase::before {
  content: "\eae5";
}

.icon-interface_swicht_left::before {
  content: "\eae6";
}

.icon-interface_swicht_right::before {
  content: "\eae7";
}

.icon-interface_tag::before {
  content: "\eae8";
}

.icon-interface_ticket_voucher::before {
  content: "\eae9";
}

.icon-interface_trash_empty::before {
  content: "\eaea";
}

.icon-interface_trash_full::before {
  content: "\eaeb";
}

.icon-interface_trending_down::before {
  content: "\eaec";
}

.icon-interface_trending_up::before {
  content: "\eaed";
}

.icon-italic::before {
  content: "\eaee";
}

.icon-keyboard::before {
  content: "\eaef";
}

.icon-label::before {
  content: "\eaf0";
}

.icon-language::before {
  content: "\eaf1";
}

.icon-laptop::before {
  content: "\eaf2";
}

.icon-layer::before {
  content: "\eaf3";
}

.icon-layers::before {
  content: "\eaf4";
}

.icon-leaf::before {
  content: "\eaf5";
}

.icon-line_l::before {
  content: "\eaf6";
}

.icon-line_m::before {
  content: "\eaf7";
}

.icon-line_s::before {
  content: "\eaf8";
}

.icon-line_xl::before {
  content: "\eaf9";
}

.icon-link::before {
  content: "\eafa";
}

.icon-link_break::before {
  content: "\eafb";
}

.icon-link_horizontal::before {
  content: "\eafc";
}

.icon-link_horizontal_off::before {
  content: "\eafd";
}

.icon-link_vertical::before {
  content: "\eafe";
}

.icon-list_add::before {
  content: "\eaff";
}

.icon-list_check::before {
  content: "\eb00";
}

.icon-list_checklist::before {
  content: "\eb01";
}

.icon-list_ordered::before {
  content: "\eb02";
}

.icon-list_remove::before {
  content: "\eb03";
}

.icon-list_unordered::before {
  content: "\eb04";
}

.icon-loading::before {
  content: "\eb05";
}

.icon-lock::before {
  content: "\eb06";
}

.icon-lock_open::before {
  content: "\eb07";
}

.icon-log_out::before {
  content: "\eb08";
}

.icon-magnifying_glass_minus::before {
  content: "\eb09";
}

.icon-magnifying_glass_plus::before {
  content: "\eb0a";
}

.icon-mail::before {
  content: "\eb0b";
}

.icon-mail_open::before {
  content: "\eb0c";
}

.icon-main_component::before {
  content: "\eb0d";
}

.icon-map::before {
  content: "\eb0e";
}

.icon-map_pin::before {
  content: "\eb0f";
}

.icon-media_airplay::before {
  content: "\eb10";
}

.icon-media_chromecast::before {
  content: "\eb11";
}

.icon-media_forward::before {
  content: "\eb12";
}

.icon-media_headphones::before {
  content: "\eb13";
}

.icon-media_image_01::before {
  content: "\eb14";
}

.icon-media_image_02::before {
  content: "\eb15";
}

.icon-media_pause::before {
  content: "\eb16";
}

.icon-media_pause_circle::before {
  content: "\eb17";
}

.icon-media_play::before {
  content: "\eb18";
}

.icon-media_play_circle::before {
  content: "\eb19";
}

.icon-media_rewind::before {
  content: "\eb1a";
}

.icon-media_shuffle::before {
  content: "\eb1b";
}

.icon-media_skip_back::before {
  content: "\eb1c";
}

.icon-media_skip_forward::before {
  content: "\eb1d";
}

.icon-media_stop::before {
  content: "\eb1e";
}

.icon-media_stop_circle::before {
  content: "\eb1f";
}

.icon-media_volume_max::before {
  content: "\eb20";
}

.icon-media_volume_min::before {
  content: "\eb21";
}

.icon-media_volume_minus::before {
  content: "\eb22";
}

.icon-media_volume_off::before {
  content: "\eb23";
}

.icon-media_volume_off_02::before {
  content: "\eb24";
}

.icon-media_volume_plus::before {
  content: "\eb25";
}

.icon-mention::before {
  content: "\eb26";
}

.icon-menu_alt_01::before {
  content: "\eb27";
}

.icon-menu_alt_02::before {
  content: "\eb28";
}

.icon-menu_alt_03::before {
  content: "\eb29";
}

.icon-menu_alt_04::before {
  content: "\eb2a";
}

.icon-menu_alt_05::before {
  content: "\eb2b";
}

.icon-menu_close_lg::before {
  content: "\eb2c";
}

.icon-menu_close_md::before {
  content: "\eb2d";
}

.icon-menu_close_sm::before {
  content: "\eb2e";
}

.icon-menu_duo_lg::before {
  content: "\eb2f";
}

.icon-menu_duo_md::before {
  content: "\eb30";
}

.icon-menu_hamburger_lg::before {
  content: "\eb31";
}

.icon-menu_hamburger_md::before {
  content: "\eb32";
}

.icon-menu_more_grid_big::before {
  content: "\eb33";
}

.icon-menu_more_grid_small::before {
  content: "\eb34";
}

.icon-menu_more_horizontal::before {
  content: "\eb35";
}

.icon-menu_more_vertical::before {
  content: "\eb36";
}

.icon-mobile::before {
  content: "";
  background: url("/img/icons/general/mobile.svg") no-repeat;
}

.icon-mobile_button::before {
  content: "\eb38";
}

.icon-monitor::before {
  content: "\eb39";
}

.icon-monitor_play::before {
  content: "\eb3a";
}

.icon-moon::before {
  content: "\eb3b";
}

.icon-more_grid_big::before {
  content: "\eb3c";
}

.icon-more_grid_small::before {
  content: "\eb3d";
}

.icon-more_horizontal::before {
  content: "\eb3e";
}

.icon-more_vertical::before {
  content: "\eb3f";
}

.icon-mouse::before {
  content: "\eb40";
}

.icon-move-phone::before {
  content: "\eb41";
}

.icon-move::before {
  content: "\eb42";
}

.icon-move_horizontal::before {
  content: "\eb43";
}

.icon-move_vertical::before {
  content: "\eb44";
}

.icon-moving_desk::before {
  content: "\eb45";
}

.icon-navigation::before {
  content: "\eb46";
}

.icon-navigation_building_01::before {
  content: "\eb47";
}

.icon-navigation_building_02::before {
  content: "\eb48";
}

.icon-navigation_building_03::before {
  content: "\eb49";
}

.icon-navigation_building_04::before {
  content: "\eb4a";
}

.icon-navigation_car_auto::before {
  content: "\eb4b";
}

.icon-navigation_compass::before {
  content: "\eb4c";
}

.icon-navigation_flag::before {
  content: "\eb4d";
}

.icon-navigation_globe::before {
  content: "\eb4e";
}

.icon-navigation_house_01::before {
  content: "\eb4f";
}

.icon-navigation_house_02::before {
  content: "\eb50";
}

.icon-navigation_house_03::before {
  content: "\eb51";
}

.icon-navigation_house_add::before {
  content: "\eb52";
}

.icon-navigation_house_check::before {
  content: "\eb53";
}

.icon-navigation_house_close::before {
  content: "\eb54";
}

.icon-navigation_house_remove::before {
  content: "\eb55";
}

.icon-navigation_map::before {
  content: "\eb56";
}

.icon-navigation_map_pin::before {
  content: "\eb57";
}

.icon-navigation_navigation::before {
  content: "\eb58";
}

.icon-no-camera::before {
  content: "\eb59";
}

.icon-note::before {
  content: "\eb5a";
}

.icon-note_edit::before {
  content: "\eb5b";
}

.icon-note_search::before {
  content: "\eb5c";
}

.icon-notebook::before {
  content: "\eb5d";
}

.icon-octagon::before {
  content: "\eb5e";
}

.icon-octagon_check::before {
  content: "\eb5f";
}

.icon-octagon_help::before {
  content: "\eb60";
}

.icon-octagon_warning::before {
  content: "\eb61";
}

.icon-option::before {
  content: "\eb62";
}

.icon-paper_plane::before {
  content: "\eb63";
}

.icon-paperclip_attechment_horizontal::before {
  content: "\eb64";
}

.icon-paperclip_attechment_tilt::before {
  content: "\eb65";
}

.icon-paragraph::before {
  content: "\eb66";
}

.icon-path::before {
  content: "\eb67";
}

.icon-pause::before {
  content: "\eb68";
}

.icon-pause_circle::before {
  content: "\eb69";
}

.icon-phone::before {
  content: "\eb6a";
}

.icon-pinch::before {
  content: "\eb6b";
}

.icon-planet::before {
  content: "\eb6c";
}

.icon-play::before {
  content: "\eb6d";
}

.icon-play_circle::before {
  content: "\eb6e";
}

.icon-portal::before {
  content: "\eb6f";
}

.icon-printer::before {
  content: "\eb70";
}

.icon-puzzle::before {
  content: "\eb71";
}

.icon-radio_fill::before {
  content: "\eb72";
}

.icon-radio_unchecked::before {
  content: "\eb73";
}

.icon-rainbow::before {
  content: "\eb74";
}

.icon-redo::before {
  content: "\eb75";
}

.icon-remove_minus::before {
  content: "\eb76";
}

.icon-remove_minus_circle::before {
  content: "\eb77";
}

.icon-rewind::before {
  content: "\eb78";
}

.icon-rows::before {
  content: "\eb79";
}

.icon-ruler::before {
  content: "\eb7a";
}

.icon-save::before {
  content: "\eb7b";
}

.icon-search_magnifying_glass::before {
  content: "\eb7c";
}

.icon-select_multiple::before {
  content: "\eb7d";
}

.icon-settings::before {
  content: "\eb7e";
}

.icon-settings_future::before {
  content: "\eb7f";
}

.icon-shape_bitten-cookie::before {
  content: "\eb80";
}

.icon-shape_circle::before {
  content: "\eb81";
}

.icon-shape_octagon::before {
  content: "\eb82";
}

.icon-shape_shield::before {
  content: "\eb83";
}

.icon-shape_square::before {
  content: "\eb84";
}

.icon-shape_triangle::before {
  content: "\eb85";
}

.icon-shape_wavy::before {
  content: "\eb86";
}

.icon-share_android::before {
  content: "";
  background: url("/img/icons/general/share_android.svg") no-repeat;
}

.icon-share_ios_export::before {
  content: "\eb88";
}

.icon-shield::before {
  content: "\eb89";
}

.icon-shield_check::before {
  content: "\eb8a";
}

.icon-shield_warning::before {
  content: "\eb8b";
}

.icon-shopping_bag_01::before {
  content: "\eb8c";
}

.icon-shopping_bag_02::before {
  content: "\eb8d";
}

.icon-shopping_cart_01::before {
  content: "\eb8e";
}

.icon-shopping_cart_02::before {
  content: "\eb8f";
}

.icon-show::before {
  content: "\eb90";
}

.icon-shrink::before {
  content: "\eb91";
}

.icon-shuffle::before {
  content: "\eb92";
}

.icon-single_quotes_l::before {
  content: "\eb93";
}

.icon-single_quotes_r::before {
  content: "\eb94";
}

.icon-skip_back::before {
  content: "\eb95";
}

.icon-skip_forward::before {
  content: "\eb96";
}

.icon-slider_01::before {
  content: "\eb97";
}

.icon-slider_02::before {
  content: "\eb98";
}

.icon-slider_03::before {
  content: "\eb99";
}

.icon-sort_ascending::before {
  content: "\eb9a";
}

.icon-sort_descending::before {
  content: "\eb9b";
}

.icon-square::before {
  content: "\eb9c";
}

.icon-square_check::before {
  content: "\eb9d";
}

.icon-square_help::before {
  content: "\eb9e";
}

.icon-square_warning::before {
  content: "\eb9f";
}

.icon-star::before {
  content: "\eba0";
}

.icon-stop::before {
  content: "\eba1";
}

.icon-stop_circle::before {
  content: "\eba2";
}

.icon-stop_sign::before {
  content: "\eba3";
}

.icon-strikethrough::before {
  content: "\eba4";
}

.icon-suitcase::before {
  content: "\eba5";
}

.icon-sun::before {
  content: "\eba6";
}

.icon-swatches_palette::before {
  content: "\eba7";
}

.icon-swicht_left::before {
  content: "\eba8";
}

.icon-swicht_right::before {
  content: "\eba9";
}

.icon-system_ar::before {
  content: "\ebaa";
}

.icon-system_bar_bottom::before {
  content: "\ebab";
}

.icon-system_bar_left::before {
  content: "\ebac";
}

.icon-system_bar_right::before {
  content: "\ebad";
}

.icon-system_bar_top::before {
  content: "\ebae";
}

.icon-system_barcode::before {
  content: "\ebaf";
}

.icon-system_camera::before {
  content: "\ebb0";
}

.icon-system_code::before {
  content: "\ebb1";
}

.icon-system_cylinder::before {
  content: "\ebb2";
}

.icon-system_data::before {
  content: "\ebb3";
}

.icon-system_desktop::before {
  content: "\ebb4";
}

.icon-system_desktop_tower::before {
  content: "\ebb5";
}

.icon-system_devices::before {
  content: "\ebb6";
}

.icon-system_keyboard::before {
  content: "\ebb7";
}

.icon-system_laptop::before {
  content: "\ebb8";
}

.icon-system_mobile::before {
  content: "\ebb9";
}

.icon-system_mobile_button::before {
  content: "\ebba";
}

.icon-system_monitor::before {
  content: "\ebbb";
}

.icon-system_monitor_play::before {
  content: "\ebbc";
}

.icon-system_mouse::before {
  content: "\ebbd";
}

.icon-system_move-phone::before {
  content: "\ebbe";
}

.icon-system_moving_desk::before {
  content: "\ebbf";
}

.icon-system_no-camera::before {
  content: "\ebc0";
}

.icon-system_pinch::before {
  content: "\ebc1";
}

.icon-system_portal::before {
  content: "\ebc2";
}

.icon-system_printer::before {
  content: "\ebc3";
}

.icon-system_save::before {
  content: "\ebc4";
}

.icon-system_tablet::before {
  content: "\ebc5";
}

.icon-system_tablet_button::before {
  content: "\ebc6";
}

.icon-system_tap::before {
  content: "\ebc7";
}

.icon-system_terminal::before {
  content: "\ebc8";
}

.icon-system_wifi_high::before {
  content: "\ebc9";
}

.icon-system_wifi_low::before {
  content: "\ebca";
}

.icon-system_wifi_medium::before {
  content: "\ebcb";
}

.icon-system_wifi_none::before {
  content: "\ebcc";
}

.icon-system_wifi_off::before {
  content: "\ebcd";
}

.icon-system_wifi_problem::before {
  content: "\ebce";
}

.icon-system_window::before {
  content: "\ebcf";
}

.icon-system_window_check::before {
  content: "\ebd0";
}

.icon-system_window_close::before {
  content: "\ebd1";
}

.icon-system_window_code_block::before {
  content: "\ebd2";
}

.icon-system_window_sidebar::before {
  content: "\ebd3";
}

.icon-system_window_terminal::before {
  content: "\ebd4";
}

.icon-table::before {
  content: "\ebd5";
}

.icon-table_add::before {
  content: "\ebd6";
}

.icon-table_remove::before {
  content: "\ebd7";
}

.icon-tablet::before {
  content: "\ebd8";
}

.icon-tablet_button::before {
  content: "\ebd9";
}

.icon-tag::before {
  content: "\ebda";
}

.icon-tap::before {
  content: "\ebdb";
}

.icon-terminal::before {
  content: "\ebdc";
}

.icon-text::before {
  content: "\ebdd";
}

.icon-text_align_center::before {
  content: "\ebde";
}

.icon-text_align_justify::before {
  content: "\ebdf";
}

.icon-text_align_left::before {
  content: "\ebe0";
}

.icon-text_align_right::before {
  content: "\ebe1";
}

.icon-ticket_voucher::before {
  content: "\ebe2";
}

.icon-timer::before {
  content: "\ebe3";
}

.icon-timer_add::before {
  content: "\ebe4";
}

.icon-timer_close::before {
  content: "\ebe5";
}

.icon-timer_remove::before {
  content: "\ebe6";
}

.icon-trash_empty::before {
  content: "\ebe7";
}

.icon-trash_full::before {
  content: "\ebe8";
}

.icon-trending_down::before {
  content: "\ebe9";
}

.icon-trending_up::before {
  content: "\ebea";
}

.icon-triangle::before {
  content: "\ebeb";
}

.icon-triangle_check::before {
  content: "\ebec";
}

.icon-triangle_warning::before {
  content: "\ebed";
}

.icon-underline::before {
  content: "\ebee";
}

.icon-undo::before {
  content: "\ebef";
}

.icon-unfold_less::before {
  content: "\ebf0";
}

.icon-unfold_more::before {
  content: "\ebf1";
}

.icon-user_01::before {
  content: "\ebf2";
}

.icon-user_02::before {
  content: "\ebf3";
}

.icon-user_03::before {
  content: "\ebf4";
}

.icon-user_add::before {
  content: "\ebf5";
}

.icon-user_card_id::before {
  content: "\ebf6";
}

.icon-user_check::before {
  content: "\ebf7";
}

.icon-user_circle::before {
  content: "\ebf8";
}

.icon-user_close::before {
  content: "\ebf9";
}

.icon-user_remove::before {
  content: "\ebfa";
}

.icon-user_square::before {
  content: "\ebfb";
}

.icon-user_users::before {
  content: "\ebfc";
}

.icon-user_users_group::before {
  content: "\ebfd";
}

.icon-user_voice::before {
  content: "\ebfe";
}

.icon-users::before {
  content: "\ebff";
}

.icon-users_group::before {
  content: "\ec00";
}

.icon-vector::before {
  content: "\ec01";
}

.icon-vector_1::before {
  content: "\ec02";
}

.icon-vector_2::before {
  content: "\ec03";
}

.icon-vector_3::before {
  content: "\ec04";
}

.icon-volume_max::before {
  content: "\ec05";
}

.icon-volume_min::before {
  content: "\ec06";
}

.icon-volume_minus::before {
  content: "\ec07";
}

.icon-volume_off::before {
  content: "\ec08";
}

.icon-volume_off_02::before {
  content: "\ec09";
}

.icon-volume_plus::before {
  content: "\ec0a";
}

.icon-warning::before {
  content: "\ec0b";
}

.icon-warning_circle_check::before {
  content: "\ec0c";
}

.icon-warning_circle_help::before {
  content: "\ec0d";
}

.icon-warning_circle_warning::before {
  content: "\ec0e";
}

.icon-warning_help::before {
  content: "\ec0f";
}

.icon-warning_info::before {
  content: "\ec10";
}

.icon-warning_octagon_check::before {
  content: "\ec11";
}

.icon-warning_octagon_help::before {
  content: "\ec12";
}

.icon-warning_octagon_warning::before {
  content: "\ec13";
}

.icon-warning_shield_check::before {
  content: "\ec14";
}

.icon-warning_shield_warning::before {
  content: "\ec15";
}

.icon-warning_square_check::before {
  content: "\ec16";
}

.icon-warning_square_help::before {
  content: "\ec17";
}

.icon-warning_square_warning::before {
  content: "\ec18";
}

.icon-warning_stop_sign::before {
  content: "\ec19";
}

.icon-warning_triangle_check::before {
  content: "\ec1a";
}

.icon-warning_triangle_warning::before {
  content: "\ec1b";
}

.icon-warning_warning::before {
  content: "\ec1c";
}

.icon-warning_wavy_check::before {
  content: "\ec1d";
}

.icon-warning_wavy_help::before {
  content: "\ec1e";
}

.icon-warning_wavy_warning::before {
  content: "\ec1f";
}

.icon-water_drop::before {
  content: "\ec20";
}

.icon-wavy::before {
  content: "\ec21";
}

.icon-wavy_check::before {
  content: "\ec22";
}

.icon-wavy_help::before {
  content: "\ec23";
}

.icon-wavy_warning::before {
  content: "\ec24";
}

.icon-wifi_high::before {
  content: "\ec25";
}

.icon-wifi_low::before {
  content: "\ec26";
}

.icon-wifi_medium::before {
  content: "\ec27";
}

.icon-wifi_none::before {
  content: "\ec28";
}

.icon-wifi_off::before {
  content: "\ec29";
}

.icon-wifi_problem::before {
  content: "\ec2a";
}

.icon-window::before {
  content: "\ec2b";
}

.icon-window_check::before {
  content: "\ec2c";
}

.icon-window_close::before {
  content: "\ec2d";
}

.icon-window_code_block::before {
  content: "\ec2e";
}

.icon-window_sidebar::before {
  content: "\ec2f";
}

.icon-window_terminal::before {
  content: "\ec30";
}

.btn {
  transition: none;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--s-small, 8px);
  border-radius: var(--Large-radius, 30px);
  border: none;
  cursor: pointer;
  font-family: var(--font-family-headlines);
  font-weight: 800;
  text-transform: uppercase;
}
.btn span:not([class^=icon-]):not([class*=" icon-"]) {
  display: inline-flex;
  align-items: center;
}
.btn span[class^=icon-],
.btn span[class*=" icon-"] {
  display: inline-block !important;
}
.btn [class^=icon-],
.btn [class*=" icon-"] {
  display: inline-block !important;
}

.primary,
.btn-primary {
  background-color: var(--oreo--oreo-blue, #0029A3);
  color: var(--oreo--stuf-white, #FFFFFF);
  font-family: var(--font-family-headlines);
  font-weight: 800;
  text-transform: uppercase;
  padding: var(--button-large-padding-y, 12px) var(--button-large-padding-x, 20px);
  font-size: var(--font-size-button-text, 20px);
  line-height: var(--line-height-sm, 18px);
}
.primary span:not([class^=icon-]):not([class*=" icon-"]),
.btn-primary span:not([class^=icon-]):not([class*=" icon-"]) {
  color: var(--oreo--stuf-white, #ffffff);
}
.primary span[class^=icon-],
.primary span[class*=" icon-"],
.btn-primary span[class^=icon-],
.btn-primary span[class*=" icon-"] {
  display: inline-block !important;
}
.primary span[class^=icon-],
.primary span[class*=" icon-"],
.primary [class^=icon-],
.primary [class*=" icon-"],
.btn-primary span[class^=icon-],
.btn-primary span[class*=" icon-"],
.btn-primary [class^=icon-],
.btn-primary [class*=" icon-"] {
  display: inline-block !important;
  width: var(--button-icon-large, 24px);
  height: var(--button-icon-large, 24px);
  font-size: var(--button-icon-large, 24px);
  color: var(--oreo--stuf-white, #ffffff);
}
.primary.small,
.btn-primary.small {
  padding: var(--button-small-padding-y, 8px) var(--button-small-padding-x, 12px);
  font-size: var(--font-size-copy-small, 12px);
  line-height: var(--line-height-xs, 12px);
  min-height: var(--button-small-height, 32px);
  border-radius: var(--small-radius, 15px);
}
.primary.small [class^=icon-],
.primary.small [class*=" icon-"],
.btn-primary.small [class^=icon-],
.btn-primary.small [class*=" icon-"] {
  display: inline-block !important;
  width: var(--button-icon-small, 16px);
  height: var(--button-icon-small, 16px);
  font-size: var(--button-icon-small, 16px);
}
.primary:active:not(:disabled):not(.disabled),
.btn-primary:active:not(:disabled):not(.disabled) {
  background-color: #001c70;
}
.primary.disabled, .primary:disabled, .primary[aria-disabled=true],
.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary[aria-disabled=true] {
  background-color: #e5e5e5;
  color: #999999;
  cursor: not-allowed;
  opacity: 1;
  pointer-events: none;
}
.primary.disabled span, .primary:disabled span, .primary[aria-disabled=true] span,
.btn-primary.disabled span,
.btn-primary:disabled span,
.btn-primary[aria-disabled=true] span {
  color: #999999;
}
.primary.disabled [class^=icon-],
.primary.disabled [class*=" icon-"], .primary:disabled [class^=icon-],
.primary:disabled [class*=" icon-"], .primary[aria-disabled=true] [class^=icon-],
.primary[aria-disabled=true] [class*=" icon-"],
.btn-primary.disabled [class^=icon-],
.btn-primary.disabled [class*=" icon-"],
.btn-primary:disabled [class^=icon-],
.btn-primary:disabled [class*=" icon-"],
.btn-primary[aria-disabled=true] [class^=icon-],
.btn-primary[aria-disabled=true] [class*=" icon-"] {
  color: #999999;
}

.secondary,
.btn-secondary {
  background-color: var(--oreo--stuf-white, #FFFFFF);
  border: 2px solid var(--oreo--oreo-blue, #0029A3);
  color: var(--oreo--oreo-blue, #0029A3);
  font-family: var(--font-family-headlines);
  font-weight: 800;
  text-transform: uppercase;
  display: inline-flex;
  padding: var(--small, 12px) var(--medium, 20px);
  justify-content: center;
  align-items: center;
  gap: var(--s-small, 8px);
}
.secondary span,
.btn-secondary span {
  color: var(--oreo--oreo-blue, #0029a3);
}
.secondary [class^=icon-],
.secondary [class*=" icon-"],
.btn-secondary [class^=icon-],
.btn-secondary [class*=" icon-"] {
  display: inline-block !important;
  width: var(--button-icon-large, 24px);
  height: var(--button-icon-large, 24px);
  font-size: var(--button-icon-large, 24px);
  color: var(--oreo--oreo-blue, #0029a3);
}
.secondary.small,
.btn-secondary.small {
  padding: calc(var(--button-small-padding-y, 8px) - 2px) calc(var(--button-small-padding-x, 12px) - 2px);
  font-size: var(--font-size-copy-small, 12px);
  line-height: var(--line-height-xs, 12px);
  min-height: var(--button-small-height, 32px);
  border-radius: var(--small-radius, 15px);
}
.secondary.small [class^=icon-],
.secondary.small [class*=" icon-"],
.btn-secondary.small [class^=icon-],
.btn-secondary.small [class*=" icon-"] {
  display: inline-block !important;
  width: var(--button-icon-small, 16px);
  height: var(--button-icon-small, 16px);
  font-size: var(--button-icon-small, 16px);
}
.secondary:active:not(:disabled):not(.disabled),
.btn-secondary:active:not(:disabled):not(.disabled) {
  background-color: rgba(0, 41, 163, 0.1);
}
.secondary.disabled, .secondary:disabled, .secondary[aria-disabled=true],
.btn-secondary.disabled,
.btn-secondary:disabled,
.btn-secondary[aria-disabled=true] {
  background-color: #f5f5f5;
  border-color: #cccccc;
  color: #999999;
  cursor: not-allowed;
  opacity: 0.4;
  pointer-events: none;
}
.secondary.disabled span, .secondary:disabled span, .secondary[aria-disabled=true] span,
.btn-secondary.disabled span,
.btn-secondary:disabled span,
.btn-secondary[aria-disabled=true] span {
  color: #999999;
}
.secondary.disabled [class^=icon-],
.secondary.disabled [class*=" icon-"], .secondary:disabled [class^=icon-],
.secondary:disabled [class*=" icon-"], .secondary[aria-disabled=true] [class^=icon-],
.secondary[aria-disabled=true] [class*=" icon-"],
.btn-secondary.disabled [class^=icon-],
.btn-secondary.disabled [class*=" icon-"],
.btn-secondary:disabled [class^=icon-],
.btn-secondary:disabled [class*=" icon-"],
.btn-secondary[aria-disabled=true] [class^=icon-],
.btn-secondary[aria-disabled=true] [class*=" icon-"] {
  color: #999999;
}

.secondary-revert {
  background-color: var(--oreo--oreo-blue, #0029a3);
  border: 2px solid var(--oreo--stuf-white, #ffffff);
  color: var(--oreo--stuf-white, #ffffff);
  font-family: var(--font-family-headlines);
  font-weight: 800;
  text-transform: uppercase;
  display: inline-flex;
  padding: var(--small, 12px) var(--medium, 20px);
  justify-content: center;
  align-items: center;
  gap: var(--s-small, 8px);
}
.secondary-revert span {
  color: var(--oreo--stuf-white, #ffffff);
}
.secondary-revert [class^=icon-],
.secondary-revert [class*=" icon-"] {
  display: inline-block !important;
  width: var(--button-icon-large, 24px);
  height: var(--button-icon-large, 24px);
  font-size: var(--button-icon-large, 24px);
  color: var(--oreo--stuf-white, #ffffff);
}
.secondary-revert.small {
  padding: calc(var(--button-small-padding-y, 8px) - 2px) calc(var(--button-small-padding-x, 12px) - 2px);
  font-size: var(--font-size-copy-small, 12px);
  line-height: var(--line-height-xs, 12px);
  min-height: var(--button-small-height, 32px);
  border-radius: var(--small-radius, 15px);
}
.secondary-revert.small [class^=icon-],
.secondary-revert.small [class*=" icon-"] {
  display: inline-block !important;
  width: var(--button-icon-small, 16px);
  height: var(--button-icon-small, 16px);
  font-size: var(--button-icon-small, 16px);
}
.secondary-revert:active:not(:disabled):not(.disabled) {
  background-color: rgba(255, 255, 255, 0.1);
}
.secondary-revert.disabled, .secondary-revert:disabled, .secondary-revert[aria-disabled=true] {
  background-color: #f5f5f5;
  border-color: #cccccc;
  color: #999999;
  cursor: not-allowed;
  opacity: 0.4;
  pointer-events: none;
}
.secondary-revert.disabled span, .secondary-revert:disabled span, .secondary-revert[aria-disabled=true] span {
  color: #999999;
}
.secondary-revert.disabled [class^=icon-],
.secondary-revert.disabled [class*=" icon-"], .secondary-revert:disabled [class^=icon-],
.secondary-revert:disabled [class*=" icon-"], .secondary-revert[aria-disabled=true] [class^=icon-],
.secondary-revert[aria-disabled=true] [class*=" icon-"] {
  color: #999999;
}

.special {
  background-color: var(--oreo--stuf-white, #ffffff);
  border: none;
  color: var(--oreo--oreo-blue, #0029a3);
  font-family: var(--font-family-headlines);
  font-weight: 800;
  text-transform: uppercase;
  padding: var(--button-large-padding-y, 12px) var(--button-large-padding-x, 20px);
  font-size: var(--font-size-button-text, 20px);
  line-height: var(--line-height-sm, 18px);
  min-height: var(--button-large-height, 48px);
}
.special span {
  color: var(--oreo--oreo-blue, #0029a3);
}
.special [class^=icon-],
.special [class*=" icon-"] {
  display: inline-block !important;
  width: var(--button-icon-large, 24px);
  height: var(--button-icon-large, 24px);
  font-size: var(--button-icon-large, 24px);
  color: var(--oreo--oreo-blue, #0029a3);
}
.special.small {
  padding: var(--button-small-padding-y, 8px) var(--button-small-padding-x, 12px);
  font-size: var(--font-size-copy-small, 12px);
  line-height: var(--line-height-xs, 12px);
  min-height: var(--button-small-height, 32px);
  border-radius: var(--small-radius, 15px);
}
.special.small [class^=icon-],
.special.small [class*=" icon-"] {
  display: inline-block !important;
  width: var(--button-icon-small, 16px);
  height: var(--button-icon-small, 16px);
  font-size: var(--button-icon-small, 16px);
}
.special:active:not(:disabled):not(.disabled) {
  background-color: rgba(0, 41, 163, 0.1);
}
.special.disabled, .special:disabled, .special[aria-disabled=true] {
  background-color: #f5f5f5;
  color: #999999;
  cursor: not-allowed;
  opacity: 0.4;
  pointer-events: none;
}
.special.disabled span, .special:disabled span, .special[aria-disabled=true] span {
  color: #999999;
}
.special.disabled [class^=icon-],
.special.disabled [class*=" icon-"], .special:disabled [class^=icon-],
.special:disabled [class*=" icon-"], .special[aria-disabled=true] [class^=icon-],
.special[aria-disabled=true] [class*=" icon-"] {
  color: #999999;
}

.yellow-big {
  color: var(--oreo-oreoBlue, #0029a3);
  flex: 1;
  font-family: var(--font-family-headlines, Pluto);
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
  line-height: 27px;
  /* 90% */
  text-transform: uppercase;
  display: flex;
  height: 36px;
  padding: var(--small, 18px) var(--medium, 24px);
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: 60px;
  background: #fdce48;
}

.btn:focus, .btn:focus-visible,
.button:focus,
.button:focus-visible {
  outline: 2px solid var(--oreo--oreo-blue, #0029a3);
  outline-offset: 2px;
}

body.start .card .card-content .button-wrapper {
  justify-content: flex-start;
}

.modal {
  background-color: rgba(var(--black), 0);
  opacity: 0;
  display: none;
  width: 100vw;
  position: fixed;
  left: 0;
  z-index: 100;
  height: 100dvh;
}
.modal.show {
  display: block;
  opacity: 1;
  position: fixed;
  top: 0;
  border: 0;
  width: 100vw;
  height: 100dvh;
  -webkit-animation: fade-in 400ms ease;
          animation: fade-in 400ms ease;
  transform: translateY(0);
  border-radius: 0px;
  background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.43) 0%, rgba(0, 0, 0, 0.77) 100%);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.modal.show .modal-content {
  -webkit-animation: custom-ease-in 300ms ease;
          animation: custom-ease-in 300ms ease;
}
.modal.closed {
  -webkit-animation: fade-out 300ms ease;
          animation: fade-out 300ms ease;
  overflow: hidden;
  height: 0;
}
.modal.closed .modal-content {
  -webkit-animation: custom-ease-out 300ms ease;
          animation: custom-ease-out 300ms ease;
}
@-webkit-keyframes fade-in {
  from {
    background-color: rgba(0, 0, 0, 0);
  }
  to {
    background-color: rgba(0, 0, 0, 0.7);
  }
}
@keyframes fade-in {
  from {
    background-color: rgba(0, 0, 0, 0);
  }
  to {
    background-color: rgba(0, 0, 0, 0.7);
  }
}
@-webkit-keyframes fade-out {
  from {
    background-color: rgba(0, 0, 0, 0.7);
  }
  to {
    background-color: rgba(0, 0, 0, 0);
  }
}
@keyframes fade-out {
  from {
    background-color: rgba(0, 0, 0, 0.7);
  }
  to {
    background-color: rgba(0, 0, 0, 0);
  }
}
@-webkit-keyframes bounce-in {
  0% {
    display: block;
    opacity: 0;
    transform: translateY(100dvh);
  }
  60% {
    opacity: 1;
    transform: translateY(-10px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes bounce-in {
  0% {
    display: block;
    opacity: 0;
    transform: translateY(100dvh);
  }
  60% {
    opacity: 1;
    transform: translateY(-10px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes bounce-out {
  0% {
    opacity: 1;
    transform: translateY(0);
    height: 100dvh;
  }
  10% {
    transform: translateY(10px);
  }
  20% {
    opacity: 1;
    transform: translateY(0);
  }
  50% {
    height: 100dvh;
  }
  99% {
    overflow: unset;
  }
  100% {
    transform: translateY(100dvh);
    opacity: 0;
    height: 0;
    overflow: hidden;
  }
}
@keyframes bounce-out {
  0% {
    opacity: 1;
    transform: translateY(0);
    height: 100dvh;
  }
  10% {
    transform: translateY(10px);
  }
  20% {
    opacity: 1;
    transform: translateY(0);
  }
  50% {
    height: 100dvh;
  }
  99% {
    overflow: unset;
  }
  100% {
    transform: translateY(100dvh);
    opacity: 0;
    height: 0;
    overflow: hidden;
  }
}
@-webkit-keyframes custom-ease-in {
  0% {
    display: block;
    opacity: 0;
    transform: translateY(100dvh);
    background-color: rgba(0, 0, 0, 0);
  }
  100% {
    background-color: rgba(0, 0, 0, 0.7);
    transform: translateY(0);
  }
}
@keyframes custom-ease-in {
  0% {
    display: block;
    opacity: 0;
    transform: translateY(100dvh);
    background-color: rgba(0, 0, 0, 0);
  }
  100% {
    background-color: rgba(0, 0, 0, 0.7);
    transform: translateY(0);
  }
}
@-webkit-keyframes custom-ease-out {
  0% {
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 1;
    transform: translateY(0);
    height: 100dvh;
  }
  100% {
    background-color: rgba(0, 0, 0, 0);
    transform: translateY(100dvh);
    opacity: 0;
    height: 0;
    overflow: hidden;
  }
}
@keyframes custom-ease-out {
  0% {
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 1;
    transform: translateY(0);
    height: 100dvh;
  }
  100% {
    background-color: rgba(0, 0, 0, 0);
    transform: translateY(100dvh);
    opacity: 0;
    height: 0;
    overflow: hidden;
  }
}
.modal .modal-content .close-button-wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: var(--oreo-stufWhite, #fff);
  box-shadow: 0px -4px 14px 0px rgba(0, 0, 0, 0.25);
  position: relative;
  padding: 10px 0;
}
.modal .modal-content .close-button-wrapper .btn-secondary {
  margin-bottom: 0;
}
.modal .modal-content {
  position: relative;
  border-radius: 0;
  margin: 0 auto;
  max-height: 100dvh;
  display: flex;
  flex-direction: column;
  flex-basis: 400px;
}
.modal .modal-body {
  position: relative;
  flex: 1 1 auto;
  margin: 0;
  border-radius: 30px;
  border: 0;
  border-bottom: 0;
  overflow-x: hidden;
  max-width: 100%;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  padding: var(--medium, 16px) var(--Content-Margin, 20px);
}
.modal .modal-body .modal-body-content {
  display: flex;
  color: var(--oreo-oreoCookieBlack);
  min-height: 100%;
}
.modal .modal-body .modal-body-content .modal-content-wrapper {
  display: flex;
  padding: 0px var(--Content-Margin, 20px) var(--Content-Margin, 20px) var(--Content-Margin, 20px);
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  text-align: center;
}
.modal .modal-body .modal-body-content .modal-content-wrapper h1,
.modal .modal-body .modal-body-content .modal-content-wrapper h2,
.modal .modal-body .modal-body-content .modal-content-wrapper h3,
.modal .modal-body .modal-body-content .modal-content-wrapper h4,
.modal .modal-body .modal-body-content .modal-content-wrapper h5,
.modal .modal-body .modal-body-content .modal-content-wrapper h6 {
  text-align: center;
  max-width: 100%;
  width: 100%;
  margin-bottom: 0;
}
.modal .modal-body .modal-body-content .modal-content-wrapper img {
  max-width: 100%;
  margin-bottom: var(--small);
}
.modal .modal-body .modal-body-content .modal-content-wrapper p {
  max-width: 100%;
  width: 100%;
  margin: var(--small) 0;
}
.modal .modal-body .modal-body-content .modal-content-wrapper p.small {
  color: var(--oreo-oreoCookieBlack, #272425);
  text-align: center;
  /* copy-small */
  font-family: var(--font-family-copy);
  font-size: var(--font-size-copy-small, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-sm, 24px); /* 200% */
  padding: 0;
  margin: 0;
}
.modal .modal-body .modal-close-button-wrapper {
  text-align: center;
}

.modal-body .social-link img {
  width: 78px;
  height: 78px;
}

.modal-dialog {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  height: 100%;
  max-width: 445px;
}

.modal-body {
  margin: 0 auto;
  height: 100%;
  max-width: 445px;
}

.content-modal-content {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding-bottom: 7.3rem;
  position: relative;
  height: 100%;
}

@media (min-width: 768px) {
  .modal.show {
    padding-top: 0;
    margin-top: 0;
  }
}
.content-in-modal h1 {
  font-size: 2.4375rem;
}
.content-in-modal img {
  max-width: 100%;
}

.card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  text-align: center;
  margin-bottom: var(--Content-Margin, 20px);
  position: relative;
  width: 335px;
  border-radius: var(--large-radius, 30px);
  box-shadow: 0 6px 10px 0 #001964;
}
.card[data-view=mobile] {
  width: 335px;
}
.card[data-view=desktop] {
  width: 609px;
}
@media (min-width: 768px) {
  .card {
    width: 609px;
  }
}
.card.form-intro-card .card-content {
  padding: 20px !important;
}
@media (min-width: 768px) {
  .card.form-intro-card .card-content {
    padding: 40px !important;
  }
}
.card.form-intro-card .card-content .form-intro-text {
  padding: 0 !important;
  margin: 0 !important;
}
.card.form-intro-card .card-content .form-intro-text h1,
.card.form-intro-card .card-content .form-intro-text h2,
.card.form-intro-card .card-content .form-intro-text p {
  text-align: left !important;
  color: var(--oreo-oreoBlue, #0029a3) !important;
}
.card.form-intro-card .card-content .form-intro-text h1 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 34px;
  line-height: 36px;
}
@media (min-width: 768px) {
  .card.form-intro-card .card-content .form-intro-text h1 {
    margin-bottom: 12px;
  }
}
@media (min-width: 768px) {
  .card.form-intro-card .card-content .form-intro-text h1 {
    font-size: 48px;
  }
}
@media (min-width: 768px) {
  .card.form-intro-card .card-content .form-intro-text h1 {
    line-height: 48px;
  }
}
.card.form-intro-card .card-content .form-intro-text h2 {
  margin-bottom: 12px;
  font-size: 32px;
  line-height: 32px;
}
@media (min-width: 768px) {
  .card.form-intro-card .card-content .form-intro-text h2 {
    margin-bottom: 12px;
  }
}
@media (min-width: 768px) {
  .card.form-intro-card .card-content .form-intro-text h2 {
    font-size: 44px;
  }
}
@media (min-width: 768px) {
  .card.form-intro-card .card-content .form-intro-text h2 {
    line-height: 42px;
  }
}
.card.form-intro-card .card-content .form-intro-text p {
  font-size: 20px;
  line-height: 30px;
  margin-top: 0 !important;
}
@media (min-width: 768px) {
  .card.form-intro-card .card-content .form-intro-text p {
    font-size: 22px;
  }
}
@media (min-width: 768px) {
  .card.form-intro-card .card-content .form-intro-text p {
    line-height: 30px;
  }
}
.card.form-intro-card .card-content .form-intro-text p:last-child {
  margin-bottom: 0 !important;
}
.card.form-intro-card .card-content .form-intro-text p:not(:last-child) {
  margin-bottom: 12px !important;
}
@media (min-width: 768px) {
  .card.form-intro-card .card-content .form-intro-text p:not(:last-child) {
    margin-bottom: 12px !important;
  }
}
.card.form-intro-card.form-intro-card--text-only .card-content {
  padding: 0 !important;
}
.card.form-intro-card.form-intro-card--text-only .card-content .form-intro-text h1,
.card.form-intro-card.form-intro-card--text-only .card-content .form-intro-text h2,
.card.form-intro-card.form-intro-card--text-only .card-content .form-intro-text p {
  color: var(--oreo-stufWhite, #fff) !important;
}
.card.form-outro-card .card-content {
  padding: 20px !important;
}
@media (min-width: 768px) {
  .card.form-outro-card .card-content {
    padding: 40px !important;
  }
}
.card.form-outro-card .card-content h1,
.card.form-outro-card .card-content h2,
.card.form-outro-card .card-content p {
  text-align: left !important;
  color: var(--oreo-oreoBlue, #0029a3) !important;
}
.card.form-outro-card .card-content h1 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 34px;
  line-height: 36px;
}
@media (min-width: 768px) {
  .card.form-outro-card .card-content h1 {
    margin-bottom: 12px;
  }
}
@media (min-width: 768px) {
  .card.form-outro-card .card-content h1 {
    font-size: 48px;
  }
}
@media (min-width: 768px) {
  .card.form-outro-card .card-content h1 {
    line-height: 48px;
  }
}
.card.form-outro-card .card-content h2 {
  margin-bottom: 12px;
  font-size: 32px;
  line-height: 32px;
}
@media (min-width: 768px) {
  .card.form-outro-card .card-content h2 {
    margin-bottom: 12px;
  }
}
@media (min-width: 768px) {
  .card.form-outro-card .card-content h2 {
    font-size: 44px;
  }
}
@media (min-width: 768px) {
  .card.form-outro-card .card-content h2 {
    line-height: 42px;
  }
}
.card.form-outro-card .card-content p {
  font-size: 20px;
  line-height: 30px;
  margin-top: 0 !important;
}
@media (min-width: 768px) {
  .card.form-outro-card .card-content p {
    font-size: 22px;
  }
}
@media (min-width: 768px) {
  .card.form-outro-card .card-content p {
    line-height: 30px;
  }
}
.card.form-outro-card .card-content p:last-child {
  margin-bottom: 0 !important;
}
.card.form-outro-card .card-content p:not(:last-child) {
  margin-bottom: 12px !important;
}
@media (min-width: 768px) {
  .card.form-outro-card .card-content p:not(:last-child) {
    margin-bottom: 12px !important;
  }
}
.card.form-outro-card.form-outro-card--text-only .card-content {
  padding: 0 !important;
}
.card.form-outro-card.form-outro-card--text-only .card-content h1,
.card.form-outro-card.form-outro-card--text-only .card-content h2,
.card.form-outro-card.form-outro-card--text-only .card-content p {
  color: var(--oreo-stufWhite, #fff) !important;
}
.card .card-image {
  border-top-left-radius: var(--Large-radius);
  border-top-right-radius: var(--Large-radius);
  overflow: hidden;
}
.card .card-image picture {
  display: flex;
  justify-content: center;
  align-items: center;
}
.card .card-image img {
  max-width: 100%;
}
.card .card-content {
  background: var(--oreo-stufWhite, #fff);
  border-bottom-left-radius: var(--Large-radius);
  border-bottom-right-radius: var(--Large-radius);
  display: flex;
  flex: 1;
  padding: 0 var(--large) var(--large) var(--large);
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  justify-content: space-between;
}
.card .card-content.card-content-rounded {
  border-top-left-radius: var(--Large-radius);
  border-top-right-radius: var(--Large-radius);
  padding: var(--large) var(--large) var(--large) var(--large);
}
.card .card-content h2,
.card .card-content h1 {
  color: var(--oreo-oreoBlue, #0029a3);
  /* teaser-text */
  font-family: var(--font-family-headlines, Pluto);
  font-size: var(--font-size-teaser-text, 32px);
  font-style: normal;
  font-weight: 800;
  line-height: var(--line-height-teaser-text, 28px);
  /* 87.5% */
  text-transform: uppercase;
  margin: 10px 0;
}
.card .card-content h2 {
  font-size: var(--font-size-headline-small, 28px);
}
.card .card-content .card-content-headline {
  align-self: stretch;
}
.card .card-content .card-content-headline h1 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 34px;
  line-height: 36px;
}
@media (min-width: 768px) {
  .card .card-content .card-content-headline h1 {
    margin-bottom: 12px;
  }
}
@media (min-width: 768px) {
  .card .card-content .card-content-headline h1 {
    font-size: 48px;
  }
}
@media (min-width: 768px) {
  .card .card-content .card-content-headline h1 {
    line-height: 48px;
  }
}
.card .card-content .card-content-text {
  align-self: stretch;
  text-align: center;
}
.card .card-content .card-content-text p {
  color: var(--oreo-oreoBlue, #0029a3);
  /* copy */
  font-family: var(--font-family-copy, Pluto);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* 175% */
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .card .card-content .card-content-text p {
    font-size: 22px;
  }
}
@media (min-width: 768px) {
  .card .card-content .card-content-text p {
    line-height: 30px;
  }
}
.card .card-content .button-wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
}
.card .card-content .button-wrapper:has(> .landing) {
  justify-content: flex-end;
}

@media (min-width: 768px) {
  .start .card {
    max-width: 425px;
  }
}
.start .card .card-content h2,
.start .card .card-content .card-content-text p {
  text-align: left;
}

.cards {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0 var(--content-margin);
}

.qr-code-wrapper {
  display: flex;
  border-radius: var(--Small-radius, 0px);
  border: 2px solid var(--oreo-oreoCookieBlack, #272425);
  background: var(--oreo-stufWhite, #fff);
  padding: var(--Content-Margin, 20px);
}
.qr-code-wrapper img {
  max-width: 100%;
  width: 100%;
}
.qr-code-wrapper .qr-code-img {
  width: 30%;
  padding-right: var(--small, 12px);
}
.qr-code-wrapper .qr-code-content {
  width: 70%;
  text-align: left;
}
.qr-code-wrapper .qr-code-content .qr-code-content-headline {
  display: flex;
}
.qr-code-wrapper .qr-code-content .qr-code-content-headline span {
  font-size: 3.125rem;
}
.qr-code-wrapper .qr-code-content h2 {
  color: var(--oreo-oreoCookieBlack, #272425);
  /* subheadline */
  font-family: var(--font-family-headlines);
  font-size: var(--font-size-subheadline, 1.5rem);
  font-style: normal;
  text-align: left;
  font-weight: 800;
  line-height: var(--line-height-lg, 32px);
  /* 133.333% */
  margin-bottom: 0;
}
.qr-code-wrapper .qr-code-content p {
  margin: var(--small, 12px) 0 0 0;
}

.button-wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
}

.disclaimer_desktop .card {
  width: 100% !important;
}

.full-click {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.error-view {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  background: rgba(0, 0, 0, 0.85);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
  display: none;
  color: var(--white);
}
@media (min-width: 992px) {
  .error-view {
    padding-top: 30px;
    align-items: center;
  }
}
.error-view .camera-access,
.error-view .no-camera-detected,
.error-view .turn-on-light,
.error-view .turn-around,
.error-view .all-set,
.error-view .place-cookie,
.error-view .does-not-work {
  width: 290px;
  text-align: center;
}
.error-view .camera-access,
.error-view .no-camera-detected,
.error-view .turn-on-light,
.error-view .turn-around,
.error-view .all-set,
.error-view .place-cookie,
.error-view .does-not-work {
  display: none;
}
.error-view h2 {
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 130%;
}
.error-view p {
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 20px;
}
.error-view .camera-access .small {
  font-size: 0.75rem;
}
.error-view .camera-access .small.small-1 {
  font-weight: 700;
}

.header-navi {
  margin: var(--medium) auto;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  display: flex;
  z-index: 2;
}
.header-navi .logo-spacer {
  margin: var(--medium);
}
.header-navi a {
  margin: var(--medium) auto;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  display: flex;
}

.keyvisual {
  max-width: unset;
  margin-left: auto;
  margin-right: auto;
  background-image: url("/img/keyvisual/cookie-and-background.jpg");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  width: 100%;
  max-width: 1310px;
  height: 600px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-top: -200px;
}
@media (min-width: 992px) {
  .keyvisual {
    background-size: contain;
  }
}
.keyvisual img {
  max-width: 100%;
}
.keyvisual .keyvisual-wrapper {
  position: relative;
  height: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 10px;
}
@media (min-width: 768px) {
  .keyvisual .keyvisual-wrapper {
    background-size: contain;
  }
}
.keyvisual .keyvisual-wrapper .portal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.keyvisual .keyvisual-wrapper .keyvisual-content {
  height: 100%;
  max-width: 960px;
  display: flex;
  align-content: flex-end;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  margin: 0 auto;
}
@media (max-width: 991.98px) {
  .keyvisual .keyvisual-wrapper .keyvisual-content {
    max-width: 45vh;
  }
}
.keyvisual .keyvisual-wrapper .keyvisual-content .characters {
  position: relative;
  width: 700px;
  max-width: 100%;
  margin: 0 auto -23% auto;
  display: block;
}
.keyvisual .keyvisual-wrapper .keyvisual-content .cookies {
  position: relative;
  max-width: 100%;
  width: 960px;
  margin: 0 auto;
  display: block;
}
.keyvisual .keyvisual-wrapper .keyvisual-content .join-play-win {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  z-index: 2;
  position: relative;
  width: 500px;
}
.keyvisual .keyvisual-wrapper .keyvisual-content .packshot {
  margin-top: -2%;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  z-index: 2;
  position: relative;
  width: 500px;
}
.keyvisual .keyvisual-wrapper .keyvisual-content h1 {
  text-align: center;
  margin-top: -6%;
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  z-index: 2;
  position: relative;
}
.keyvisual .keyvisual-wrapper .keyvisual-content h1 img {
  max-width: 100%;
}
.keyvisual .keyvisual-wrapper .keyvisual-content h2 {
  text-align: center;
  margin-top: -6%;
  max-width: 40%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  z-index: 2;
  position: relative;
}
.keyvisual .keyvisual-wrapper .keyvisual-content h2 img {
  max-width: 100%;
}

.shine {
  width: 600px;
  height: 600px;
}
.shine .ray_box {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  /* -webkit-animation: ray_anim 120s linear 1 ; */
  -webkit-animation: ray_anim 120s linear 1;
          animation: ray_anim 120s linear 1;
}
.shine .ray {
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
  border-radius: 80% 80% 0 0;
  position: absolute;
  opacity: 0.1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.shine .ray0 {
  height: 38%;
  margin-bottom: -38%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(340deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@-webkit-keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 38%;
    margin-bottom: 38%;
  }
  50% {
    width: 5px;
    height: 47%;
    padding-top: 47%;
  }
  100% {
    width: 4px;
    height: 38%;
    margin-bottom: 38%;
  }
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 38%;
    margin-bottom: 38%;
  }
  50% {
    width: 5px;
    height: 47%;
    padding-top: 47%;
  }
  100% {
    width: 4px;
    height: 38%;
    margin-bottom: 38%;
  }
}
.shine .ray1 {
  height: 84%;
  margin-bottom: -84%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(271deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 84%;
    margin-bottom: 84%;
  }
  50% {
    width: 1px;
    height: 50%;
    padding-top: 50%;
  }
  100% {
    width: 1px;
    height: 84%;
    margin-bottom: 84%;
  }
}
.shine .ray2 {
  height: 52%;
  margin-bottom: -52%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(19deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 52%;
    margin-bottom: 52%;
  }
  50% {
    width: 1px;
    height: 99%;
    padding-top: 99%;
  }
  100% {
    width: 2px;
    height: 52%;
    margin-bottom: 52%;
  }
}
.shine .ray3 {
  height: 71%;
  margin-bottom: -71%;
  width: 5px;
  transform: translate(-50%, -50%) rotate(254deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 5px;
    height: 71%;
    margin-bottom: 71%;
  }
  50% {
    width: 1px;
    height: 26%;
    padding-top: 26%;
  }
  100% {
    width: 5px;
    height: 71%;
    margin-bottom: 71%;
  }
}
.shine .ray4 {
  height: 87%;
  margin-bottom: -87%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(77deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 87%;
    margin-bottom: 87%;
  }
  50% {
    width: 7px;
    height: 50%;
    padding-top: 50%;
  }
  100% {
    width: 7px;
    height: 87%;
    margin-bottom: 87%;
  }
}
.shine .ray5 {
  height: 21%;
  margin-bottom: -21%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(291deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 21%;
    margin-bottom: 21%;
  }
  50% {
    width: 3px;
    height: 34%;
    padding-top: 34%;
  }
  100% {
    width: 1px;
    height: 21%;
    margin-bottom: 21%;
  }
}
.shine .ray6 {
  height: 72%;
  margin-bottom: -72%;
  width: 5px;
  transform: translate(-50%, -50%) rotate(60deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 5px;
    height: 72%;
    margin-bottom: 72%;
  }
  50% {
    width: 5px;
    height: 50%;
    padding-top: 50%;
  }
  100% {
    width: 5px;
    height: 72%;
    margin-bottom: 72%;
  }
}
.shine .ray7 {
  height: 100%;
  margin-bottom: -100%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(233deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 100%;
    margin-bottom: 100%;
  }
  50% {
    width: 6px;
    height: 52%;
    padding-top: 52%;
  }
  100% {
    width: 7px;
    height: 100%;
    margin-bottom: 100%;
  }
}
.shine .ray8 {
  height: 51%;
  margin-bottom: -51%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(154deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 51%;
    margin-bottom: 51%;
  }
  50% {
    width: 6px;
    height: 24%;
    padding-top: 24%;
  }
  100% {
    width: 3px;
    height: 51%;
    margin-bottom: 51%;
  }
}
.shine .ray9 {
  height: 25%;
  margin-bottom: -25%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(265deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 25%;
    margin-bottom: 25%;
  }
  50% {
    width: 5px;
    height: 74%;
    padding-top: 74%;
  }
  100% {
    width: 4px;
    height: 25%;
    margin-bottom: 25%;
  }
}
.shine .ray10 {
  height: 60%;
  margin-bottom: -60%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(191deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 60%;
    margin-bottom: 60%;
  }
  50% {
    width: 2px;
    height: 55%;
    padding-top: 55%;
  }
  100% {
    width: 4px;
    height: 60%;
    margin-bottom: 60%;
  }
}
.shine .ray11 {
  height: 47%;
  margin-bottom: -47%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(273deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 47%;
    margin-bottom: 47%;
  }
  50% {
    width: 5px;
    height: 89%;
    padding-top: 89%;
  }
  100% {
    width: 3px;
    height: 47%;
    margin-bottom: 47%;
  }
}
.shine .ray12 {
  height: 22%;
  margin-bottom: -22%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(80deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 22%;
    margin-bottom: 22%;
  }
  50% {
    width: 5px;
    height: 56%;
    padding-top: 56%;
  }
  100% {
    width: 2px;
    height: 22%;
    margin-bottom: 22%;
  }
}
.shine .ray13 {
  height: 58%;
  margin-bottom: -58%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(9deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 58%;
    margin-bottom: 58%;
  }
  50% {
    width: 3px;
    height: 97%;
    padding-top: 97%;
  }
  100% {
    width: 4px;
    height: 58%;
    margin-bottom: 58%;
  }
}
.shine .ray14 {
  height: 41%;
  margin-bottom: -41%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(151deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 41%;
    margin-bottom: 41%;
  }
  50% {
    width: 4px;
    height: 45%;
    padding-top: 45%;
  }
  100% {
    width: 6px;
    height: 41%;
    margin-bottom: 41%;
  }
}
.shine .ray15 {
  height: 54%;
  margin-bottom: -54%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(66deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 54%;
    margin-bottom: 54%;
  }
  50% {
    width: 1px;
    height: 95%;
    padding-top: 95%;
  }
  100% {
    width: 7px;
    height: 54%;
    margin-bottom: 54%;
  }
}
.shine .ray16 {
  height: 41%;
  margin-bottom: -41%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(290deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 41%;
    margin-bottom: 41%;
  }
  50% {
    width: 5px;
    height: 77%;
    padding-top: 77%;
  }
  100% {
    width: 4px;
    height: 41%;
    margin-bottom: 41%;
  }
}
.shine .ray17 {
  height: 79%;
  margin-bottom: -79%;
  width: 5px;
  transform: translate(-50%, -50%) rotate(200deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 5px;
    height: 79%;
    margin-bottom: 79%;
  }
  50% {
    width: 4px;
    height: 87%;
    padding-top: 87%;
  }
  100% {
    width: 5px;
    height: 79%;
    margin-bottom: 79%;
  }
}
.shine .ray18 {
  height: 22%;
  margin-bottom: -22%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(159deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 22%;
    margin-bottom: 22%;
  }
  50% {
    width: 4px;
    height: 22%;
    padding-top: 22%;
  }
  100% {
    width: 7px;
    height: 22%;
    margin-bottom: 22%;
  }
}
.shine .ray19 {
  height: 80%;
  margin-bottom: -80%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(56deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 80%;
    margin-bottom: 80%;
  }
  50% {
    width: 5px;
    height: 74%;
    padding-top: 74%;
  }
  100% {
    width: 7px;
    height: 80%;
    margin-bottom: 80%;
  }
}
.shine .ray20 {
  height: 32%;
  margin-bottom: -32%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(252deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 32%;
    margin-bottom: 32%;
  }
  50% {
    width: 6px;
    height: 77%;
    padding-top: 77%;
  }
  100% {
    width: 1px;
    height: 32%;
    margin-bottom: 32%;
  }
}
.shine .ray21 {
  height: 63%;
  margin-bottom: -63%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(313deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 63%;
    margin-bottom: 63%;
  }
  50% {
    width: 5px;
    height: 97%;
    padding-top: 97%;
  }
  100% {
    width: 6px;
    height: 63%;
    margin-bottom: 63%;
  }
}
.shine .ray22 {
  height: 44%;
  margin-bottom: -44%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(209deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 44%;
    margin-bottom: 44%;
  }
  50% {
    width: 4px;
    height: 99%;
    padding-top: 99%;
  }
  100% {
    width: 7px;
    height: 44%;
    margin-bottom: 44%;
  }
}
.shine .ray23 {
  height: 29%;
  margin-bottom: -29%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(276deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 29%;
    margin-bottom: 29%;
  }
  50% {
    width: 1px;
    height: 35%;
    padding-top: 35%;
  }
  100% {
    width: 7px;
    height: 29%;
    margin-bottom: 29%;
  }
}
.shine .ray24 {
  height: 87%;
  margin-bottom: -87%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(296deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 87%;
    margin-bottom: 87%;
  }
  50% {
    width: 2px;
    height: 46%;
    padding-top: 46%;
  }
  100% {
    width: 2px;
    height: 87%;
    margin-bottom: 87%;
  }
}
.shine .ray25 {
  height: 38%;
  margin-bottom: -38%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(161deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 38%;
    margin-bottom: 38%;
  }
  50% {
    width: 3px;
    height: 59%;
    padding-top: 59%;
  }
  100% {
    width: 6px;
    height: 38%;
    margin-bottom: 38%;
  }
}
.shine .ray26 {
  height: 90%;
  margin-bottom: -90%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(3deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 90%;
    margin-bottom: 90%;
  }
  50% {
    width: 7px;
    height: 48%;
    padding-top: 48%;
  }
  100% {
    width: 1px;
    height: 90%;
    margin-bottom: 90%;
  }
}
.shine .ray27 {
  height: 92%;
  margin-bottom: -92%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(320deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 92%;
    margin-bottom: 92%;
  }
  50% {
    width: 6px;
    height: 93%;
    padding-top: 93%;
  }
  100% {
    width: 1px;
    height: 92%;
    margin-bottom: 92%;
  }
}
.shine .ray28 {
  height: 68%;
  margin-bottom: -68%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(155deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 68%;
    margin-bottom: 68%;
  }
  50% {
    width: 2px;
    height: 23%;
    padding-top: 23%;
  }
  100% {
    width: 7px;
    height: 68%;
    margin-bottom: 68%;
  }
}
.shine .ray29 {
  height: 65%;
  margin-bottom: -65%;
  width: 5px;
  transform: translate(-50%, -50%) rotate(155deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 5px;
    height: 65%;
    margin-bottom: 65%;
  }
  50% {
    width: 4px;
    height: 96%;
    padding-top: 96%;
  }
  100% {
    width: 5px;
    height: 65%;
    margin-bottom: 65%;
  }
}
.shine .ray30 {
  height: 60%;
  margin-bottom: -60%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(236deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 60%;
    margin-bottom: 60%;
  }
  50% {
    width: 1px;
    height: 49%;
    padding-top: 49%;
  }
  100% {
    width: 4px;
    height: 60%;
    margin-bottom: 60%;
  }
}
.shine .ray31 {
  height: 34%;
  margin-bottom: -34%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(112deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 34%;
    margin-bottom: 34%;
  }
  50% {
    width: 1px;
    height: 51%;
    padding-top: 51%;
  }
  100% {
    width: 2px;
    height: 34%;
    margin-bottom: 34%;
  }
}
.shine .ray32 {
  height: 97%;
  margin-bottom: -97%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(69deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 97%;
    margin-bottom: 97%;
  }
  50% {
    width: 1px;
    height: 48%;
    padding-top: 48%;
  }
  100% {
    width: 3px;
    height: 97%;
    margin-bottom: 97%;
  }
}
.shine .ray33 {
  height: 52%;
  margin-bottom: -52%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(179deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 52%;
    margin-bottom: 52%;
  }
  50% {
    width: 2px;
    height: 94%;
    padding-top: 94%;
  }
  100% {
    width: 7px;
    height: 52%;
    margin-bottom: 52%;
  }
}
.shine .ray34 {
  height: 40%;
  margin-bottom: -40%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(179deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 40%;
    margin-bottom: 40%;
  }
  50% {
    width: 1px;
    height: 60%;
    padding-top: 60%;
  }
  100% {
    width: 6px;
    height: 40%;
    margin-bottom: 40%;
  }
}
.shine .ray35 {
  height: 58%;
  margin-bottom: -58%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(64deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 58%;
    margin-bottom: 58%;
  }
  50% {
    width: 2px;
    height: 74%;
    padding-top: 74%;
  }
  100% {
    width: 7px;
    height: 58%;
    margin-bottom: 58%;
  }
}
.shine .ray36 {
  height: 84%;
  margin-bottom: -84%;
  width: 5px;
  transform: translate(-50%, -50%) rotate(228deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 5px;
    height: 84%;
    margin-bottom: 84%;
  }
  50% {
    width: 4px;
    height: 89%;
    padding-top: 89%;
  }
  100% {
    width: 5px;
    height: 84%;
    margin-bottom: 84%;
  }
}
.shine .ray37 {
  height: 72%;
  margin-bottom: -72%;
  width: 5px;
  transform: translate(-50%, -50%) rotate(164deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 5px;
    height: 72%;
    margin-bottom: 72%;
  }
  50% {
    width: 4px;
    height: 30%;
    padding-top: 30%;
  }
  100% {
    width: 5px;
    height: 72%;
    margin-bottom: 72%;
  }
}
.shine .ray38 {
  height: 55%;
  margin-bottom: -55%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(36deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 55%;
    margin-bottom: 55%;
  }
  50% {
    width: 7px;
    height: 92%;
    padding-top: 92%;
  }
  100% {
    width: 4px;
    height: 55%;
    margin-bottom: 55%;
  }
}
.shine .ray39 {
  height: 90%;
  margin-bottom: -90%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(157deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 90%;
    margin-bottom: 90%;
  }
  50% {
    width: 5px;
    height: 85%;
    padding-top: 85%;
  }
  100% {
    width: 1px;
    height: 90%;
    margin-bottom: 90%;
  }
}
.shine .ray40 {
  height: 61%;
  margin-bottom: -61%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(24deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 61%;
    margin-bottom: 61%;
  }
  50% {
    width: 6px;
    height: 88%;
    padding-top: 88%;
  }
  100% {
    width: 4px;
    height: 61%;
    margin-bottom: 61%;
  }
}
.shine .ray41 {
  height: 75%;
  margin-bottom: -75%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(190deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 75%;
    margin-bottom: 75%;
  }
  50% {
    width: 1px;
    height: 55%;
    padding-top: 55%;
  }
  100% {
    width: 3px;
    height: 75%;
    margin-bottom: 75%;
  }
}
.shine .ray42 {
  height: 64%;
  margin-bottom: -64%;
  width: 5px;
  transform: translate(-50%, -50%) rotate(108deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 5px;
    height: 64%;
    margin-bottom: 64%;
  }
  50% {
    width: 3px;
    height: 56%;
    padding-top: 56%;
  }
  100% {
    width: 5px;
    height: 64%;
    margin-bottom: 64%;
  }
}
.shine .ray43 {
  height: 73%;
  margin-bottom: -73%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(272deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 73%;
    margin-bottom: 73%;
  }
  50% {
    width: 6px;
    height: 68%;
    padding-top: 68%;
  }
  100% {
    width: 6px;
    height: 73%;
    margin-bottom: 73%;
  }
}
.shine .ray44 {
  height: 43%;
  margin-bottom: -43%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(320deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 43%;
    margin-bottom: 43%;
  }
  50% {
    width: 6px;
    height: 62%;
    padding-top: 62%;
  }
  100% {
    width: 2px;
    height: 43%;
    margin-bottom: 43%;
  }
}
.shine .ray45 {
  height: 65%;
  margin-bottom: -65%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(303deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 65%;
    margin-bottom: 65%;
  }
  50% {
    width: 2px;
    height: 26%;
    padding-top: 26%;
  }
  100% {
    width: 4px;
    height: 65%;
    margin-bottom: 65%;
  }
}
.shine .ray46 {
  height: 75%;
  margin-bottom: -75%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(190deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 75%;
    margin-bottom: 75%;
  }
  50% {
    width: 4px;
    height: 57%;
    padding-top: 57%;
  }
  100% {
    width: 7px;
    height: 75%;
    margin-bottom: 75%;
  }
}
.shine .ray47 {
  height: 33%;
  margin-bottom: -33%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(296deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 33%;
    margin-bottom: 33%;
  }
  50% {
    width: 2px;
    height: 34%;
    padding-top: 34%;
  }
  100% {
    width: 1px;
    height: 33%;
    margin-bottom: 33%;
  }
}
.shine .ray48 {
  height: 72%;
  margin-bottom: -72%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(323deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 72%;
    margin-bottom: 72%;
  }
  50% {
    width: 4px;
    height: 43%;
    padding-top: 43%;
  }
  100% {
    width: 2px;
    height: 72%;
    margin-bottom: 72%;
  }
}
.shine .ray49 {
  height: 79%;
  margin-bottom: -79%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(210deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 79%;
    margin-bottom: 79%;
  }
  50% {
    width: 7px;
    height: 90%;
    padding-top: 90%;
  }
  100% {
    width: 6px;
    height: 79%;
    margin-bottom: 79%;
  }
}
.shine .ray50 {
  height: 90%;
  margin-bottom: -90%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(118deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 90%;
    margin-bottom: 90%;
  }
  50% {
    width: 1px;
    height: 64%;
    padding-top: 64%;
  }
  100% {
    width: 4px;
    height: 90%;
    margin-bottom: 90%;
  }
}
.shine .ray51 {
  height: 62%;
  margin-bottom: -62%;
  width: 5px;
  transform: translate(-50%, -50%) rotate(285deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 5px;
    height: 62%;
    margin-bottom: 62%;
  }
  50% {
    width: 2px;
    height: 31%;
    padding-top: 31%;
  }
  100% {
    width: 5px;
    height: 62%;
    margin-bottom: 62%;
  }
}
.shine .ray52 {
  height: 30%;
  margin-bottom: -30%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(275deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 30%;
    margin-bottom: 30%;
  }
  50% {
    width: 1px;
    height: 92%;
    padding-top: 92%;
  }
  100% {
    width: 3px;
    height: 30%;
    margin-bottom: 30%;
  }
}
.shine .ray53 {
  height: 47%;
  margin-bottom: -47%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(296deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 47%;
    margin-bottom: 47%;
  }
  50% {
    width: 5px;
    height: 92%;
    padding-top: 92%;
  }
  100% {
    width: 2px;
    height: 47%;
    margin-bottom: 47%;
  }
}
.shine .ray54 {
  height: 51%;
  margin-bottom: -51%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(114deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 51%;
    margin-bottom: 51%;
  }
  50% {
    width: 1px;
    height: 93%;
    padding-top: 93%;
  }
  100% {
    width: 6px;
    height: 51%;
    margin-bottom: 51%;
  }
}
.shine .ray55 {
  height: 25%;
  margin-bottom: -25%;
  width: 5px;
  transform: translate(-50%, -50%) rotate(99deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 5px;
    height: 25%;
    margin-bottom: 25%;
  }
  50% {
    width: 7px;
    height: 49%;
    padding-top: 49%;
  }
  100% {
    width: 5px;
    height: 25%;
    margin-bottom: 25%;
  }
}
.shine .ray56 {
  height: 23%;
  margin-bottom: -23%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(149deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 23%;
    margin-bottom: 23%;
  }
  50% {
    width: 7px;
    height: 89%;
    padding-top: 89%;
  }
  100% {
    width: 6px;
    height: 23%;
    margin-bottom: 23%;
  }
}
.shine .ray57 {
  height: 46%;
  margin-bottom: -46%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(61deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 46%;
    margin-bottom: 46%;
  }
  50% {
    width: 4px;
    height: 75%;
    padding-top: 75%;
  }
  100% {
    width: 2px;
    height: 46%;
    margin-bottom: 46%;
  }
}
.shine .ray58 {
  height: 48%;
  margin-bottom: -48%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(188deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 48%;
    margin-bottom: 48%;
  }
  50% {
    width: 3px;
    height: 64%;
    padding-top: 64%;
  }
  100% {
    width: 7px;
    height: 48%;
    margin-bottom: 48%;
  }
}
.shine .ray59 {
  height: 80%;
  margin-bottom: -80%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(187deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 80%;
    margin-bottom: 80%;
  }
  50% {
    width: 7px;
    height: 88%;
    padding-top: 88%;
  }
  100% {
    width: 4px;
    height: 80%;
    margin-bottom: 80%;
  }
}
.shine .ray60 {
  height: 74%;
  margin-bottom: -74%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(237deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 74%;
    margin-bottom: 74%;
  }
  50% {
    width: 3px;
    height: 90%;
    padding-top: 90%;
  }
  100% {
    width: 7px;
    height: 74%;
    margin-bottom: 74%;
  }
}
.shine .ray61 {
  height: 38%;
  margin-bottom: -38%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(286deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 38%;
    margin-bottom: 38%;
  }
  50% {
    width: 2px;
    height: 87%;
    padding-top: 87%;
  }
  100% {
    width: 1px;
    height: 38%;
    margin-bottom: 38%;
  }
}
.shine .ray62 {
  height: 52%;
  margin-bottom: -52%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(310deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 52%;
    margin-bottom: 52%;
  }
  50% {
    width: 1px;
    height: 97%;
    padding-top: 97%;
  }
  100% {
    width: 1px;
    height: 52%;
    margin-bottom: 52%;
  }
}
.shine .ray63 {
  height: 94%;
  margin-bottom: -94%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(100deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 94%;
    margin-bottom: 94%;
  }
  50% {
    width: 4px;
    height: 74%;
    padding-top: 74%;
  }
  100% {
    width: 4px;
    height: 94%;
    margin-bottom: 94%;
  }
}
.shine .ray64 {
  height: 55%;
  margin-bottom: -55%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(269deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 55%;
    margin-bottom: 55%;
  }
  50% {
    width: 7px;
    height: 33%;
    padding-top: 33%;
  }
  100% {
    width: 3px;
    height: 55%;
    margin-bottom: 55%;
  }
}
.shine .ray65 {
  height: 53%;
  margin-bottom: -53%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(150deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 53%;
    margin-bottom: 53%;
  }
  50% {
    width: 7px;
    height: 99%;
    padding-top: 99%;
  }
  100% {
    width: 3px;
    height: 53%;
    margin-bottom: 53%;
  }
}
.shine .ray66 {
  height: 77%;
  margin-bottom: -77%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(347deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 77%;
    margin-bottom: 77%;
  }
  50% {
    width: 3px;
    height: 44%;
    padding-top: 44%;
  }
  100% {
    width: 4px;
    height: 77%;
    margin-bottom: 77%;
  }
}
.shine .ray67 {
  height: 67%;
  margin-bottom: -67%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(122deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 67%;
    margin-bottom: 67%;
  }
  50% {
    width: 4px;
    height: 37%;
    padding-top: 37%;
  }
  100% {
    width: 3px;
    height: 67%;
    margin-bottom: 67%;
  }
}
.shine .ray68 {
  height: 82%;
  margin-bottom: -82%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(341deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 82%;
    margin-bottom: 82%;
  }
  50% {
    width: 5px;
    height: 25%;
    padding-top: 25%;
  }
  100% {
    width: 3px;
    height: 82%;
    margin-bottom: 82%;
  }
}
.shine .ray69 {
  height: 68%;
  margin-bottom: -68%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(205deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 68%;
    margin-bottom: 68%;
  }
  50% {
    width: 7px;
    height: 68%;
    padding-top: 68%;
  }
  100% {
    width: 7px;
    height: 68%;
    margin-bottom: 68%;
  }
}
.shine .ray70 {
  height: 96%;
  margin-bottom: -96%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(113deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 96%;
    margin-bottom: 96%;
  }
  50% {
    width: 4px;
    height: 24%;
    padding-top: 24%;
  }
  100% {
    width: 2px;
    height: 96%;
    margin-bottom: 96%;
  }
}
.shine .ray71 {
  height: 53%;
  margin-bottom: -53%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(251deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 53%;
    margin-bottom: 53%;
  }
  50% {
    width: 1px;
    height: 92%;
    padding-top: 92%;
  }
  100% {
    width: 2px;
    height: 53%;
    margin-bottom: 53%;
  }
}
.shine .ray72 {
  height: 75%;
  margin-bottom: -75%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(348deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 75%;
    margin-bottom: 75%;
  }
  50% {
    width: 6px;
    height: 65%;
    padding-top: 65%;
  }
  100% {
    width: 6px;
    height: 75%;
    margin-bottom: 75%;
  }
}
.shine .ray73 {
  height: 77%;
  margin-bottom: -77%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(346deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 77%;
    margin-bottom: 77%;
  }
  50% {
    width: 6px;
    height: 37%;
    padding-top: 37%;
  }
  100% {
    width: 4px;
    height: 77%;
    margin-bottom: 77%;
  }
}
.shine .ray74 {
  height: 80%;
  margin-bottom: -80%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(106deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 80%;
    margin-bottom: 80%;
  }
  50% {
    width: 3px;
    height: 71%;
    padding-top: 71%;
  }
  100% {
    width: 3px;
    height: 80%;
    margin-bottom: 80%;
  }
}
.shine .ray75 {
  height: 44%;
  margin-bottom: -44%;
  width: 5px;
  transform: translate(-50%, -50%) rotate(124deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 5px;
    height: 44%;
    margin-bottom: 44%;
  }
  50% {
    width: 5px;
    height: 29%;
    padding-top: 29%;
  }
  100% {
    width: 5px;
    height: 44%;
    margin-bottom: 44%;
  }
}
.shine .ray76 {
  height: 26%;
  margin-bottom: -26%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(148deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 26%;
    margin-bottom: 26%;
  }
  50% {
    width: 1px;
    height: 96%;
    padding-top: 96%;
  }
  100% {
    width: 4px;
    height: 26%;
    margin-bottom: 26%;
  }
}
.shine .ray77 {
  height: 44%;
  margin-bottom: -44%;
  width: 5px;
  transform: translate(-50%, -50%) rotate(44deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 5px;
    height: 44%;
    margin-bottom: 44%;
  }
  50% {
    width: 2px;
    height: 67%;
    padding-top: 67%;
  }
  100% {
    width: 5px;
    height: 44%;
    margin-bottom: 44%;
  }
}
.shine .ray78 {
  height: 94%;
  margin-bottom: -94%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(198deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 94%;
    margin-bottom: 94%;
  }
  50% {
    width: 5px;
    height: 70%;
    padding-top: 70%;
  }
  100% {
    width: 4px;
    height: 94%;
    margin-bottom: 94%;
  }
}
.shine .ray79 {
  height: 83%;
  margin-bottom: -83%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(315deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 83%;
    margin-bottom: 83%;
  }
  50% {
    width: 3px;
    height: 75%;
    padding-top: 75%;
  }
  100% {
    width: 7px;
    height: 83%;
    margin-bottom: 83%;
  }
}
.shine .ray80 {
  height: 72%;
  margin-bottom: -72%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(268deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 72%;
    margin-bottom: 72%;
  }
  50% {
    width: 1px;
    height: 66%;
    padding-top: 66%;
  }
  100% {
    width: 2px;
    height: 72%;
    margin-bottom: 72%;
  }
}
.shine .ray81 {
  height: 41%;
  margin-bottom: -41%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(246deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 41%;
    margin-bottom: 41%;
  }
  50% {
    width: 3px;
    height: 69%;
    padding-top: 69%;
  }
  100% {
    width: 6px;
    height: 41%;
    margin-bottom: 41%;
  }
}
.shine .ray82 {
  height: 59%;
  margin-bottom: -59%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(353deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 59%;
    margin-bottom: 59%;
  }
  50% {
    width: 6px;
    height: 95%;
    padding-top: 95%;
  }
  100% {
    width: 7px;
    height: 59%;
    margin-bottom: 59%;
  }
}
.shine .ray83 {
  height: 60%;
  margin-bottom: -60%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(9deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 60%;
    margin-bottom: 60%;
  }
  50% {
    width: 6px;
    height: 29%;
    padding-top: 29%;
  }
  100% {
    width: 3px;
    height: 60%;
    margin-bottom: 60%;
  }
}
.shine .ray84 {
  height: 44%;
  margin-bottom: -44%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(55deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 44%;
    margin-bottom: 44%;
  }
  50% {
    width: 6px;
    height: 59%;
    padding-top: 59%;
  }
  100% {
    width: 7px;
    height: 44%;
    margin-bottom: 44%;
  }
}
.shine .ray85 {
  height: 84%;
  margin-bottom: -84%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(288deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 84%;
    margin-bottom: 84%;
  }
  50% {
    width: 3px;
    height: 80%;
    padding-top: 80%;
  }
  100% {
    width: 1px;
    height: 84%;
    margin-bottom: 84%;
  }
}
.shine .ray86 {
  height: 64%;
  margin-bottom: -64%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(206deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 64%;
    margin-bottom: 64%;
  }
  50% {
    width: 1px;
    height: 49%;
    padding-top: 49%;
  }
  100% {
    width: 7px;
    height: 64%;
    margin-bottom: 64%;
  }
}
.shine .ray87 {
  height: 53%;
  margin-bottom: -53%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(101deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 53%;
    margin-bottom: 53%;
  }
  50% {
    width: 5px;
    height: 50%;
    padding-top: 50%;
  }
  100% {
    width: 1px;
    height: 53%;
    margin-bottom: 53%;
  }
}
.shine .ray88 {
  height: 21%;
  margin-bottom: -21%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(298deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 21%;
    margin-bottom: 21%;
  }
  50% {
    width: 5px;
    height: 43%;
    padding-top: 43%;
  }
  100% {
    width: 4px;
    height: 21%;
    margin-bottom: 21%;
  }
}
.shine .ray89 {
  height: 38%;
  margin-bottom: -38%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(318deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 38%;
    margin-bottom: 38%;
  }
  50% {
    width: 2px;
    height: 64%;
    padding-top: 64%;
  }
  100% {
    width: 2px;
    height: 38%;
    margin-bottom: 38%;
  }
}
.shine .ray90 {
  height: 80%;
  margin-bottom: -80%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(187deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 80%;
    margin-bottom: 80%;
  }
  50% {
    width: 2px;
    height: 22%;
    padding-top: 22%;
  }
  100% {
    width: 3px;
    height: 80%;
    margin-bottom: 80%;
  }
}
.shine .ray91 {
  height: 27%;
  margin-bottom: -27%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(216deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 27%;
    margin-bottom: 27%;
  }
  50% {
    width: 1px;
    height: 33%;
    padding-top: 33%;
  }
  100% {
    width: 1px;
    height: 27%;
    margin-bottom: 27%;
  }
}
.shine .ray92 {
  height: 98%;
  margin-bottom: -98%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(339deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 98%;
    margin-bottom: 98%;
  }
  50% {
    width: 2px;
    height: 86%;
    padding-top: 86%;
  }
  100% {
    width: 4px;
    height: 98%;
    margin-bottom: 98%;
  }
}
.shine .ray93 {
  height: 93%;
  margin-bottom: -93%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(212deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 93%;
    margin-bottom: 93%;
  }
  50% {
    width: 7px;
    height: 79%;
    padding-top: 79%;
  }
  100% {
    width: 6px;
    height: 93%;
    margin-bottom: 93%;
  }
}
.shine .ray94 {
  height: 41%;
  margin-bottom: -41%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(134deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 41%;
    margin-bottom: 41%;
  }
  50% {
    width: 2px;
    height: 28%;
    padding-top: 28%;
  }
  100% {
    width: 2px;
    height: 41%;
    margin-bottom: 41%;
  }
}
.shine .ray95 {
  height: 55%;
  margin-bottom: -55%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(185deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 55%;
    margin-bottom: 55%;
  }
  50% {
    width: 1px;
    height: 27%;
    padding-top: 27%;
  }
  100% {
    width: 6px;
    height: 55%;
    margin-bottom: 55%;
  }
}
.shine .ray96 {
  height: 97%;
  margin-bottom: -97%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(154deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 97%;
    margin-bottom: 97%;
  }
  50% {
    width: 7px;
    height: 66%;
    padding-top: 66%;
  }
  100% {
    width: 2px;
    height: 97%;
    margin-bottom: 97%;
  }
}
.shine .ray97 {
  height: 100%;
  margin-bottom: -100%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(356deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 100%;
    margin-bottom: 100%;
  }
  50% {
    width: 5px;
    height: 76%;
    padding-top: 76%;
  }
  100% {
    width: 6px;
    height: 100%;
    margin-bottom: 100%;
  }
}
.shine .ray98 {
  height: 32%;
  margin-bottom: -32%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(49deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 32%;
    margin-bottom: 32%;
  }
  50% {
    width: 1px;
    height: 27%;
    padding-top: 27%;
  }
  100% {
    width: 4px;
    height: 32%;
    margin-bottom: 32%;
  }
}
.shine .ray99 {
  height: 32%;
  margin-bottom: -32%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(290deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 32%;
    margin-bottom: 32%;
  }
  50% {
    width: 7px;
    height: 85%;
    padding-top: 85%;
  }
  100% {
    width: 1px;
    height: 32%;
    margin-bottom: 32%;
  }
}
.shine .ray100 {
  height: 73%;
  margin-bottom: -73%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(150deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 73%;
    margin-bottom: 73%;
  }
  50% {
    width: 7px;
    height: 25%;
    padding-top: 25%;
  }
  100% {
    width: 3px;
    height: 73%;
    margin-bottom: 73%;
  }
}
.shine .ray101 {
  height: 56%;
  margin-bottom: -56%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(181deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 56%;
    margin-bottom: 56%;
  }
  50% {
    width: 3px;
    height: 92%;
    padding-top: 92%;
  }
  100% {
    width: 2px;
    height: 56%;
    margin-bottom: 56%;
  }
}
.shine .ray102 {
  height: 45%;
  margin-bottom: -45%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(207deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 45%;
    margin-bottom: 45%;
  }
  50% {
    width: 4px;
    height: 41%;
    padding-top: 41%;
  }
  100% {
    width: 3px;
    height: 45%;
    margin-bottom: 45%;
  }
}
.shine .ray103 {
  height: 74%;
  margin-bottom: -74%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(191deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 74%;
    margin-bottom: 74%;
  }
  50% {
    width: 4px;
    height: 61%;
    padding-top: 61%;
  }
  100% {
    width: 4px;
    height: 74%;
    margin-bottom: 74%;
  }
}
.shine .ray104 {
  height: 48%;
  margin-bottom: -48%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(209deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 48%;
    margin-bottom: 48%;
  }
  50% {
    width: 3px;
    height: 24%;
    padding-top: 24%;
  }
  100% {
    width: 3px;
    height: 48%;
    margin-bottom: 48%;
  }
}
.shine .ray105 {
  height: 58%;
  margin-bottom: -58%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(157deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 58%;
    margin-bottom: 58%;
  }
  50% {
    width: 1px;
    height: 66%;
    padding-top: 66%;
  }
  100% {
    width: 3px;
    height: 58%;
    margin-bottom: 58%;
  }
}
.shine .ray106 {
  height: 26%;
  margin-bottom: -26%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(274deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 26%;
    margin-bottom: 26%;
  }
  50% {
    width: 1px;
    height: 72%;
    padding-top: 72%;
  }
  100% {
    width: 4px;
    height: 26%;
    margin-bottom: 26%;
  }
}
.shine .ray107 {
  height: 50%;
  margin-bottom: -50%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(337deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 50%;
    margin-bottom: 50%;
  }
  50% {
    width: 1px;
    height: 78%;
    padding-top: 78%;
  }
  100% {
    width: 4px;
    height: 50%;
    margin-bottom: 50%;
  }
}
.shine .ray108 {
  height: 22%;
  margin-bottom: -22%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(197deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 22%;
    margin-bottom: 22%;
  }
  50% {
    width: 6px;
    height: 57%;
    padding-top: 57%;
  }
  100% {
    width: 2px;
    height: 22%;
    margin-bottom: 22%;
  }
}
.shine .ray109 {
  height: 80%;
  margin-bottom: -80%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(360deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 80%;
    margin-bottom: 80%;
  }
  50% {
    width: 4px;
    height: 85%;
    padding-top: 85%;
  }
  100% {
    width: 4px;
    height: 80%;
    margin-bottom: 80%;
  }
}
.shine .ray110 {
  height: 48%;
  margin-bottom: -48%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(251deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 48%;
    margin-bottom: 48%;
  }
  50% {
    width: 5px;
    height: 47%;
    padding-top: 47%;
  }
  100% {
    width: 7px;
    height: 48%;
    margin-bottom: 48%;
  }
}
.shine .ray111 {
  height: 31%;
  margin-bottom: -31%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(103deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 31%;
    margin-bottom: 31%;
  }
  50% {
    width: 5px;
    height: 26%;
    padding-top: 26%;
  }
  100% {
    width: 1px;
    height: 31%;
    margin-bottom: 31%;
  }
}
.shine .ray112 {
  height: 85%;
  margin-bottom: -85%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(195deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 85%;
    margin-bottom: 85%;
  }
  50% {
    width: 6px;
    height: 27%;
    padding-top: 27%;
  }
  100% {
    width: 7px;
    height: 85%;
    margin-bottom: 85%;
  }
}
.shine .ray113 {
  height: 30%;
  margin-bottom: -30%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(306deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 30%;
    margin-bottom: 30%;
  }
  50% {
    width: 6px;
    height: 79%;
    padding-top: 79%;
  }
  100% {
    width: 4px;
    height: 30%;
    margin-bottom: 30%;
  }
}
.shine .ray114 {
  height: 51%;
  margin-bottom: -51%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(204deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 51%;
    margin-bottom: 51%;
  }
  50% {
    width: 4px;
    height: 82%;
    padding-top: 82%;
  }
  100% {
    width: 6px;
    height: 51%;
    margin-bottom: 51%;
  }
}
.shine .ray115 {
  height: 100%;
  margin-bottom: -100%;
  width: 5px;
  transform: translate(-50%, -50%) rotate(60deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 5px;
    height: 100%;
    margin-bottom: 100%;
  }
  50% {
    width: 4px;
    height: 58%;
    padding-top: 58%;
  }
  100% {
    width: 5px;
    height: 100%;
    margin-bottom: 100%;
  }
}
.shine .ray116 {
  height: 81%;
  margin-bottom: -81%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(173deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 81%;
    margin-bottom: 81%;
  }
  50% {
    width: 5px;
    height: 64%;
    padding-top: 64%;
  }
  100% {
    width: 1px;
    height: 81%;
    margin-bottom: 81%;
  }
}
.shine .ray117 {
  height: 75%;
  margin-bottom: -75%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(161deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 75%;
    margin-bottom: 75%;
  }
  50% {
    width: 5px;
    height: 32%;
    padding-top: 32%;
  }
  100% {
    width: 4px;
    height: 75%;
    margin-bottom: 75%;
  }
}
.shine .ray118 {
  height: 54%;
  margin-bottom: -54%;
  width: 5px;
  transform: translate(-50%, -50%) rotate(117deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 5px;
    height: 54%;
    margin-bottom: 54%;
  }
  50% {
    width: 1px;
    height: 82%;
    padding-top: 82%;
  }
  100% {
    width: 5px;
    height: 54%;
    margin-bottom: 54%;
  }
}
.shine .ray119 {
  height: 39%;
  margin-bottom: -39%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(348deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 39%;
    margin-bottom: 39%;
  }
  50% {
    width: 2px;
    height: 93%;
    padding-top: 93%;
  }
  100% {
    width: 4px;
    height: 39%;
    margin-bottom: 39%;
  }
}
.shine .ray120 {
  height: 80%;
  margin-bottom: -80%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(167deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 80%;
    margin-bottom: 80%;
  }
  50% {
    width: 3px;
    height: 23%;
    padding-top: 23%;
  }
  100% {
    width: 2px;
    height: 80%;
    margin-bottom: 80%;
  }
}
.shine .ray121 {
  height: 88%;
  margin-bottom: -88%;
  width: 5px;
  transform: translate(-50%, -50%) rotate(47deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 5px;
    height: 88%;
    margin-bottom: 88%;
  }
  50% {
    width: 4px;
    height: 55%;
    padding-top: 55%;
  }
  100% {
    width: 5px;
    height: 88%;
    margin-bottom: 88%;
  }
}
.shine .ray122 {
  height: 97%;
  margin-bottom: -97%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(267deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 97%;
    margin-bottom: 97%;
  }
  50% {
    width: 5px;
    height: 95%;
    padding-top: 95%;
  }
  100% {
    width: 3px;
    height: 97%;
    margin-bottom: 97%;
  }
}
.shine .ray123 {
  height: 70%;
  margin-bottom: -70%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(90deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 70%;
    margin-bottom: 70%;
  }
  50% {
    width: 7px;
    height: 95%;
    padding-top: 95%;
  }
  100% {
    width: 6px;
    height: 70%;
    margin-bottom: 70%;
  }
}
.shine .ray124 {
  height: 90%;
  margin-bottom: -90%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(100deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 90%;
    margin-bottom: 90%;
  }
  50% {
    width: 1px;
    height: 98%;
    padding-top: 98%;
  }
  100% {
    width: 6px;
    height: 90%;
    margin-bottom: 90%;
  }
}
.shine .ray125 {
  height: 45%;
  margin-bottom: -45%;
  width: 5px;
  transform: translate(-50%, -50%) rotate(142deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 5px;
    height: 45%;
    margin-bottom: 45%;
  }
  50% {
    width: 6px;
    height: 56%;
    padding-top: 56%;
  }
  100% {
    width: 5px;
    height: 45%;
    margin-bottom: 45%;
  }
}
.shine .ray126 {
  height: 33%;
  margin-bottom: -33%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(126deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 33%;
    margin-bottom: 33%;
  }
  50% {
    width: 3px;
    height: 60%;
    padding-top: 60%;
  }
  100% {
    width: 3px;
    height: 33%;
    margin-bottom: 33%;
  }
}
.shine .ray127 {
  height: 83%;
  margin-bottom: -83%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(338deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 83%;
    margin-bottom: 83%;
  }
  50% {
    width: 7px;
    height: 65%;
    padding-top: 65%;
  }
  100% {
    width: 2px;
    height: 83%;
    margin-bottom: 83%;
  }
}
.shine .ray128 {
  height: 62%;
  margin-bottom: -62%;
  width: 5px;
  transform: translate(-50%, -50%) rotate(170deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 5px;
    height: 62%;
    margin-bottom: 62%;
  }
  50% {
    width: 3px;
    height: 98%;
    padding-top: 98%;
  }
  100% {
    width: 5px;
    height: 62%;
    margin-bottom: 62%;
  }
}
.shine .ray129 {
  height: 32%;
  margin-bottom: -32%;
  width: 5px;
  transform: translate(-50%, -50%) rotate(130deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 5px;
    height: 32%;
    margin-bottom: 32%;
  }
  50% {
    width: 7px;
    height: 63%;
    padding-top: 63%;
  }
  100% {
    width: 5px;
    height: 32%;
    margin-bottom: 32%;
  }
}
.shine .ray130 {
  height: 53%;
  margin-bottom: -53%;
  width: 5px;
  transform: translate(-50%, -50%) rotate(283deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 5px;
    height: 53%;
    margin-bottom: 53%;
  }
  50% {
    width: 6px;
    height: 98%;
    padding-top: 98%;
  }
  100% {
    width: 5px;
    height: 53%;
    margin-bottom: 53%;
  }
}
.shine .ray131 {
  height: 23%;
  margin-bottom: -23%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(345deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 23%;
    margin-bottom: 23%;
  }
  50% {
    width: 4px;
    height: 65%;
    padding-top: 65%;
  }
  100% {
    width: 6px;
    height: 23%;
    margin-bottom: 23%;
  }
}
.shine .ray132 {
  height: 53%;
  margin-bottom: -53%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(338deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 53%;
    margin-bottom: 53%;
  }
  50% {
    width: 2px;
    height: 84%;
    padding-top: 84%;
  }
  100% {
    width: 4px;
    height: 53%;
    margin-bottom: 53%;
  }
}
.shine .ray133 {
  height: 69%;
  margin-bottom: -69%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(157deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 69%;
    margin-bottom: 69%;
  }
  50% {
    width: 7px;
    height: 48%;
    padding-top: 48%;
  }
  100% {
    width: 2px;
    height: 69%;
    margin-bottom: 69%;
  }
}
.shine .ray134 {
  height: 76%;
  margin-bottom: -76%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(102deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 76%;
    margin-bottom: 76%;
  }
  50% {
    width: 3px;
    height: 37%;
    padding-top: 37%;
  }
  100% {
    width: 1px;
    height: 76%;
    margin-bottom: 76%;
  }
}
.shine .ray135 {
  height: 91%;
  margin-bottom: -91%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(324deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 91%;
    margin-bottom: 91%;
  }
  50% {
    width: 7px;
    height: 50%;
    padding-top: 50%;
  }
  100% {
    width: 7px;
    height: 91%;
    margin-bottom: 91%;
  }
}
.shine .ray136 {
  height: 72%;
  margin-bottom: -72%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(187deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 72%;
    margin-bottom: 72%;
  }
  50% {
    width: 6px;
    height: 50%;
    padding-top: 50%;
  }
  100% {
    width: 6px;
    height: 72%;
    margin-bottom: 72%;
  }
}
.shine .ray137 {
  height: 39%;
  margin-bottom: -39%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(36deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 39%;
    margin-bottom: 39%;
  }
  50% {
    width: 4px;
    height: 47%;
    padding-top: 47%;
  }
  100% {
    width: 4px;
    height: 39%;
    margin-bottom: 39%;
  }
}
.shine .ray138 {
  height: 51%;
  margin-bottom: -51%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(195deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 51%;
    margin-bottom: 51%;
  }
  50% {
    width: 7px;
    height: 36%;
    padding-top: 36%;
  }
  100% {
    width: 7px;
    height: 51%;
    margin-bottom: 51%;
  }
}
.shine .ray139 {
  height: 74%;
  margin-bottom: -74%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(120deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 74%;
    margin-bottom: 74%;
  }
  50% {
    width: 5px;
    height: 71%;
    padding-top: 71%;
  }
  100% {
    width: 1px;
    height: 74%;
    margin-bottom: 74%;
  }
}
.shine .ray140 {
  height: 47%;
  margin-bottom: -47%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(339deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 47%;
    margin-bottom: 47%;
  }
  50% {
    width: 1px;
    height: 46%;
    padding-top: 46%;
  }
  100% {
    width: 3px;
    height: 47%;
    margin-bottom: 47%;
  }
}
.shine .ray141 {
  height: 42%;
  margin-bottom: -42%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(44deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 42%;
    margin-bottom: 42%;
  }
  50% {
    width: 5px;
    height: 21%;
    padding-top: 21%;
  }
  100% {
    width: 4px;
    height: 42%;
    margin-bottom: 42%;
  }
}
.shine .ray142 {
  height: 72%;
  margin-bottom: -72%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(331deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 72%;
    margin-bottom: 72%;
  }
  50% {
    width: 2px;
    height: 49%;
    padding-top: 49%;
  }
  100% {
    width: 2px;
    height: 72%;
    margin-bottom: 72%;
  }
}
.shine .ray143 {
  height: 34%;
  margin-bottom: -34%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(73deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 34%;
    margin-bottom: 34%;
  }
  50% {
    width: 4px;
    height: 83%;
    padding-top: 83%;
  }
  100% {
    width: 6px;
    height: 34%;
    margin-bottom: 34%;
  }
}
.shine .ray144 {
  height: 45%;
  margin-bottom: -45%;
  width: 5px;
  transform: translate(-50%, -50%) rotate(268deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 5px;
    height: 45%;
    margin-bottom: 45%;
  }
  50% {
    width: 7px;
    height: 57%;
    padding-top: 57%;
  }
  100% {
    width: 5px;
    height: 45%;
    margin-bottom: 45%;
  }
}
.shine .ray145 {
  height: 40%;
  margin-bottom: -40%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(57deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 40%;
    margin-bottom: 40%;
  }
  50% {
    width: 6px;
    height: 83%;
    padding-top: 83%;
  }
  100% {
    width: 4px;
    height: 40%;
    margin-bottom: 40%;
  }
}
.shine .ray146 {
  height: 86%;
  margin-bottom: -86%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(188deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 86%;
    margin-bottom: 86%;
  }
  50% {
    width: 3px;
    height: 20%;
    padding-top: 20%;
  }
  100% {
    width: 6px;
    height: 86%;
    margin-bottom: 86%;
  }
}
.shine .ray147 {
  height: 48%;
  margin-bottom: -48%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(248deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 48%;
    margin-bottom: 48%;
  }
  50% {
    width: 6px;
    height: 96%;
    padding-top: 96%;
  }
  100% {
    width: 6px;
    height: 48%;
    margin-bottom: 48%;
  }
}
.shine .ray148 {
  height: 53%;
  margin-bottom: -53%;
  width: 5px;
  transform: translate(-50%, -50%) rotate(188deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 5px;
    height: 53%;
    margin-bottom: 53%;
  }
  50% {
    width: 4px;
    height: 92%;
    padding-top: 92%;
  }
  100% {
    width: 5px;
    height: 53%;
    margin-bottom: 53%;
  }
}
.shine .ray149 {
  height: 85%;
  margin-bottom: -85%;
  width: 5px;
  transform: translate(-50%, -50%) rotate(51deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 5px;
    height: 85%;
    margin-bottom: 85%;
  }
  50% {
    width: 7px;
    height: 53%;
    padding-top: 53%;
  }
  100% {
    width: 5px;
    height: 85%;
    margin-bottom: 85%;
  }
}
.shine .ray150 {
  height: 97%;
  margin-bottom: -97%;
  width: 5px;
  transform: translate(-50%, -50%) rotate(151deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 5px;
    height: 97%;
    margin-bottom: 97%;
  }
  50% {
    width: 3px;
    height: 51%;
    padding-top: 51%;
  }
  100% {
    width: 5px;
    height: 97%;
    margin-bottom: 97%;
  }
}
.shine .ray151 {
  height: 51%;
  margin-bottom: -51%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(310deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 51%;
    margin-bottom: 51%;
  }
  50% {
    width: 5px;
    height: 26%;
    padding-top: 26%;
  }
  100% {
    width: 1px;
    height: 51%;
    margin-bottom: 51%;
  }
}
.shine .ray152 {
  height: 30%;
  margin-bottom: -30%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(322deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 30%;
    margin-bottom: 30%;
  }
  50% {
    width: 6px;
    height: 46%;
    padding-top: 46%;
  }
  100% {
    width: 1px;
    height: 30%;
    margin-bottom: 30%;
  }
}
.shine .ray153 {
  height: 62%;
  margin-bottom: -62%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(102deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 62%;
    margin-bottom: 62%;
  }
  50% {
    width: 2px;
    height: 97%;
    padding-top: 97%;
  }
  100% {
    width: 3px;
    height: 62%;
    margin-bottom: 62%;
  }
}
.shine .ray154 {
  height: 25%;
  margin-bottom: -25%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(355deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 25%;
    margin-bottom: 25%;
  }
  50% {
    width: 7px;
    height: 36%;
    padding-top: 36%;
  }
  100% {
    width: 4px;
    height: 25%;
    margin-bottom: 25%;
  }
}
.shine .ray155 {
  height: 75%;
  margin-bottom: -75%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(255deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 75%;
    margin-bottom: 75%;
  }
  50% {
    width: 5px;
    height: 92%;
    padding-top: 92%;
  }
  100% {
    width: 7px;
    height: 75%;
    margin-bottom: 75%;
  }
}
.shine .ray156 {
  height: 55%;
  margin-bottom: -55%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(219deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 55%;
    margin-bottom: 55%;
  }
  50% {
    width: 6px;
    height: 43%;
    padding-top: 43%;
  }
  100% {
    width: 4px;
    height: 55%;
    margin-bottom: 55%;
  }
}
.shine .ray157 {
  height: 37%;
  margin-bottom: -37%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(189deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 37%;
    margin-bottom: 37%;
  }
  50% {
    width: 3px;
    height: 75%;
    padding-top: 75%;
  }
  100% {
    width: 7px;
    height: 37%;
    margin-bottom: 37%;
  }
}
.shine .ray158 {
  height: 74%;
  margin-bottom: -74%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(297deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 74%;
    margin-bottom: 74%;
  }
  50% {
    width: 2px;
    height: 94%;
    padding-top: 94%;
  }
  100% {
    width: 1px;
    height: 74%;
    margin-bottom: 74%;
  }
}
.shine .ray159 {
  height: 54%;
  margin-bottom: -54%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(334deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 54%;
    margin-bottom: 54%;
  }
  50% {
    width: 5px;
    height: 26%;
    padding-top: 26%;
  }
  100% {
    width: 3px;
    height: 54%;
    margin-bottom: 54%;
  }
}
.shine .ray160 {
  height: 36%;
  margin-bottom: -36%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(271deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 36%;
    margin-bottom: 36%;
  }
  50% {
    width: 3px;
    height: 84%;
    padding-top: 84%;
  }
  100% {
    width: 2px;
    height: 36%;
    margin-bottom: 36%;
  }
}
.shine .ray161 {
  height: 45%;
  margin-bottom: -45%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(332deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 45%;
    margin-bottom: 45%;
  }
  50% {
    width: 4px;
    height: 44%;
    padding-top: 44%;
  }
  100% {
    width: 7px;
    height: 45%;
    margin-bottom: 45%;
  }
}
.shine .ray162 {
  height: 94%;
  margin-bottom: -94%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(39deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 94%;
    margin-bottom: 94%;
  }
  50% {
    width: 3px;
    height: 85%;
    padding-top: 85%;
  }
  100% {
    width: 2px;
    height: 94%;
    margin-bottom: 94%;
  }
}
.shine .ray163 {
  height: 87%;
  margin-bottom: -87%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(191deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 87%;
    margin-bottom: 87%;
  }
  50% {
    width: 2px;
    height: 66%;
    padding-top: 66%;
  }
  100% {
    width: 7px;
    height: 87%;
    margin-bottom: 87%;
  }
}
.shine .ray164 {
  height: 37%;
  margin-bottom: -37%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(16deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 37%;
    margin-bottom: 37%;
  }
  50% {
    width: 4px;
    height: 27%;
    padding-top: 27%;
  }
  100% {
    width: 4px;
    height: 37%;
    margin-bottom: 37%;
  }
}
.shine .ray165 {
  height: 99%;
  margin-bottom: -99%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(116deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 99%;
    margin-bottom: 99%;
  }
  50% {
    width: 2px;
    height: 61%;
    padding-top: 61%;
  }
  100% {
    width: 4px;
    height: 99%;
    margin-bottom: 99%;
  }
}
.shine .ray166 {
  height: 64%;
  margin-bottom: -64%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(112deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 64%;
    margin-bottom: 64%;
  }
  50% {
    width: 2px;
    height: 91%;
    padding-top: 91%;
  }
  100% {
    width: 3px;
    height: 64%;
    margin-bottom: 64%;
  }
}
.shine .ray167 {
  height: 97%;
  margin-bottom: -97%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(309deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 97%;
    margin-bottom: 97%;
  }
  50% {
    width: 4px;
    height: 72%;
    padding-top: 72%;
  }
  100% {
    width: 1px;
    height: 97%;
    margin-bottom: 97%;
  }
}
.shine .ray168 {
  height: 77%;
  margin-bottom: -77%;
  width: 5px;
  transform: translate(-50%, -50%) rotate(228deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 5px;
    height: 77%;
    margin-bottom: 77%;
  }
  50% {
    width: 6px;
    height: 89%;
    padding-top: 89%;
  }
  100% {
    width: 5px;
    height: 77%;
    margin-bottom: 77%;
  }
}
.shine .ray169 {
  height: 86%;
  margin-bottom: -86%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(135deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 86%;
    margin-bottom: 86%;
  }
  50% {
    width: 6px;
    height: 27%;
    padding-top: 27%;
  }
  100% {
    width: 7px;
    height: 86%;
    margin-bottom: 86%;
  }
}
.shine .ray170 {
  height: 82%;
  margin-bottom: -82%;
  width: 5px;
  transform: translate(-50%, -50%) rotate(5deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 5px;
    height: 82%;
    margin-bottom: 82%;
  }
  50% {
    width: 7px;
    height: 45%;
    padding-top: 45%;
  }
  100% {
    width: 5px;
    height: 82%;
    margin-bottom: 82%;
  }
}
.shine .ray171 {
  height: 80%;
  margin-bottom: -80%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(355deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 80%;
    margin-bottom: 80%;
  }
  50% {
    width: 2px;
    height: 83%;
    padding-top: 83%;
  }
  100% {
    width: 1px;
    height: 80%;
    margin-bottom: 80%;
  }
}
.shine .ray172 {
  height: 62%;
  margin-bottom: -62%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(174deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 62%;
    margin-bottom: 62%;
  }
  50% {
    width: 2px;
    height: 52%;
    padding-top: 52%;
  }
  100% {
    width: 4px;
    height: 62%;
    margin-bottom: 62%;
  }
}
.shine .ray173 {
  height: 70%;
  margin-bottom: -70%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(131deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 70%;
    margin-bottom: 70%;
  }
  50% {
    width: 5px;
    height: 90%;
    padding-top: 90%;
  }
  100% {
    width: 3px;
    height: 70%;
    margin-bottom: 70%;
  }
}
.shine .ray174 {
  height: 93%;
  margin-bottom: -93%;
  width: 5px;
  transform: translate(-50%, -50%) rotate(116deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 5px;
    height: 93%;
    margin-bottom: 93%;
  }
  50% {
    width: 1px;
    height: 26%;
    padding-top: 26%;
  }
  100% {
    width: 5px;
    height: 93%;
    margin-bottom: 93%;
  }
}
.shine .ray175 {
  height: 94%;
  margin-bottom: -94%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(134deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 94%;
    margin-bottom: 94%;
  }
  50% {
    width: 7px;
    height: 39%;
    padding-top: 39%;
  }
  100% {
    width: 6px;
    height: 94%;
    margin-bottom: 94%;
  }
}
.shine .ray176 {
  height: 95%;
  margin-bottom: -95%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(336deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 95%;
    margin-bottom: 95%;
  }
  50% {
    width: 4px;
    height: 75%;
    padding-top: 75%;
  }
  100% {
    width: 7px;
    height: 95%;
    margin-bottom: 95%;
  }
}
.shine .ray177 {
  height: 80%;
  margin-bottom: -80%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(342deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 80%;
    margin-bottom: 80%;
  }
  50% {
    width: 5px;
    height: 85%;
    padding-top: 85%;
  }
  100% {
    width: 3px;
    height: 80%;
    margin-bottom: 80%;
  }
}
.shine .ray178 {
  height: 56%;
  margin-bottom: -56%;
  width: 5px;
  transform: translate(-50%, -50%) rotate(287deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 5px;
    height: 56%;
    margin-bottom: 56%;
  }
  50% {
    width: 3px;
    height: 70%;
    padding-top: 70%;
  }
  100% {
    width: 5px;
    height: 56%;
    margin-bottom: 56%;
  }
}
.shine .ray179 {
  height: 75%;
  margin-bottom: -75%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(340deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 75%;
    margin-bottom: 75%;
  }
  50% {
    width: 1px;
    height: 66%;
    padding-top: 66%;
  }
  100% {
    width: 6px;
    height: 75%;
    margin-bottom: 75%;
  }
}
.shine .ray180 {
  height: 93%;
  margin-bottom: -93%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(31deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 93%;
    margin-bottom: 93%;
  }
  50% {
    width: 2px;
    height: 51%;
    padding-top: 51%;
  }
  100% {
    width: 1px;
    height: 93%;
    margin-bottom: 93%;
  }
}
.shine .ray181 {
  height: 36%;
  margin-bottom: -36%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(204deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 36%;
    margin-bottom: 36%;
  }
  50% {
    width: 6px;
    height: 97%;
    padding-top: 97%;
  }
  100% {
    width: 1px;
    height: 36%;
    margin-bottom: 36%;
  }
}
.shine .ray182 {
  height: 97%;
  margin-bottom: -97%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(198deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 97%;
    margin-bottom: 97%;
  }
  50% {
    width: 6px;
    height: 99%;
    padding-top: 99%;
  }
  100% {
    width: 2px;
    height: 97%;
    margin-bottom: 97%;
  }
}
.shine .ray183 {
  height: 84%;
  margin-bottom: -84%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(31deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 84%;
    margin-bottom: 84%;
  }
  50% {
    width: 6px;
    height: 62%;
    padding-top: 62%;
  }
  100% {
    width: 6px;
    height: 84%;
    margin-bottom: 84%;
  }
}
.shine .ray184 {
  height: 39%;
  margin-bottom: -39%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(150deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 39%;
    margin-bottom: 39%;
  }
  50% {
    width: 7px;
    height: 64%;
    padding-top: 64%;
  }
  100% {
    width: 1px;
    height: 39%;
    margin-bottom: 39%;
  }
}
.shine .ray185 {
  height: 45%;
  margin-bottom: -45%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(331deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 45%;
    margin-bottom: 45%;
  }
  50% {
    width: 5px;
    height: 26%;
    padding-top: 26%;
  }
  100% {
    width: 6px;
    height: 45%;
    margin-bottom: 45%;
  }
}
.shine .ray186 {
  height: 96%;
  margin-bottom: -96%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(31deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 96%;
    margin-bottom: 96%;
  }
  50% {
    width: 2px;
    height: 63%;
    padding-top: 63%;
  }
  100% {
    width: 6px;
    height: 96%;
    margin-bottom: 96%;
  }
}
.shine .ray187 {
  height: 31%;
  margin-bottom: -31%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(333deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 31%;
    margin-bottom: 31%;
  }
  50% {
    width: 7px;
    height: 89%;
    padding-top: 89%;
  }
  100% {
    width: 3px;
    height: 31%;
    margin-bottom: 31%;
  }
}
.shine .ray188 {
  height: 38%;
  margin-bottom: -38%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(15deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 38%;
    margin-bottom: 38%;
  }
  50% {
    width: 6px;
    height: 74%;
    padding-top: 74%;
  }
  100% {
    width: 3px;
    height: 38%;
    margin-bottom: 38%;
  }
}
.shine .ray189 {
  height: 69%;
  margin-bottom: -69%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(5deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 69%;
    margin-bottom: 69%;
  }
  50% {
    width: 7px;
    height: 26%;
    padding-top: 26%;
  }
  100% {
    width: 6px;
    height: 69%;
    margin-bottom: 69%;
  }
}
.shine .ray190 {
  height: 81%;
  margin-bottom: -81%;
  width: 6px;
  transform: translate(-50%, -50%) rotate(134deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 6px;
    height: 81%;
    margin-bottom: 81%;
  }
  50% {
    width: 7px;
    height: 42%;
    padding-top: 42%;
  }
  100% {
    width: 6px;
    height: 81%;
    margin-bottom: 81%;
  }
}
.shine .ray191 {
  height: 52%;
  margin-bottom: -52%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(191deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 52%;
    margin-bottom: 52%;
  }
  50% {
    width: 1px;
    height: 36%;
    padding-top: 36%;
  }
  100% {
    width: 2px;
    height: 52%;
    margin-bottom: 52%;
  }
}
.shine .ray192 {
  height: 98%;
  margin-bottom: -98%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(39deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 98%;
    margin-bottom: 98%;
  }
  50% {
    width: 4px;
    height: 49%;
    padding-top: 49%;
  }
  100% {
    width: 7px;
    height: 98%;
    margin-bottom: 98%;
  }
}
.shine .ray193 {
  height: 75%;
  margin-bottom: -75%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(193deg);
  -webkit-animation: dynamicAnim 6s infinite ease-in-out;
          animation: dynamicAnim 6s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 75%;
    margin-bottom: 75%;
  }
  50% {
    width: 6px;
    height: 59%;
    padding-top: 59%;
  }
  100% {
    width: 2px;
    height: 75%;
    margin-bottom: 75%;
  }
}
.shine .ray194 {
  height: 44%;
  margin-bottom: -44%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(12deg);
  -webkit-animation: dynamicAnim 4s infinite ease-in-out;
          animation: dynamicAnim 4s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 44%;
    margin-bottom: 44%;
  }
  50% {
    width: 2px;
    height: 92%;
    padding-top: 92%;
  }
  100% {
    width: 2px;
    height: 44%;
    margin-bottom: 44%;
  }
}
.shine .ray195 {
  height: 56%;
  margin-bottom: -56%;
  width: 2px;
  transform: translate(-50%, -50%) rotate(299deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 2px;
    height: 56%;
    margin-bottom: 56%;
  }
  50% {
    width: 4px;
    height: 76%;
    padding-top: 76%;
  }
  100% {
    width: 2px;
    height: 56%;
    margin-bottom: 56%;
  }
}
.shine .ray196 {
  height: 78%;
  margin-bottom: -78%;
  width: 3px;
  transform: translate(-50%, -50%) rotate(302deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 3px;
    height: 78%;
    margin-bottom: 78%;
  }
  50% {
    width: 1px;
    height: 77%;
    padding-top: 77%;
  }
  100% {
    width: 3px;
    height: 78%;
    margin-bottom: 78%;
  }
}
.shine .ray197 {
  height: 94%;
  margin-bottom: -94%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(229deg);
  -webkit-animation: dynamicAnim 3s infinite ease-in-out;
          animation: dynamicAnim 3s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 94%;
    margin-bottom: 94%;
  }
  50% {
    width: 7px;
    height: 29%;
    padding-top: 29%;
  }
  100% {
    width: 1px;
    height: 94%;
    margin-bottom: 94%;
  }
}
.shine .ray198 {
  height: 33%;
  margin-bottom: -33%;
  width: 4px;
  transform: translate(-50%, -50%) rotate(5deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 4px;
    height: 33%;
    margin-bottom: 33%;
  }
  50% {
    width: 6px;
    height: 27%;
    padding-top: 27%;
  }
  100% {
    width: 4px;
    height: 33%;
    margin-bottom: 33%;
  }
}
.shine .ray199 {
  height: 37%;
  margin-bottom: -37%;
  width: 7px;
  transform: translate(-50%, -50%) rotate(111deg);
  -webkit-animation: dynamicAnim 5s infinite ease-in-out;
          animation: dynamicAnim 5s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 7px;
    height: 37%;
    margin-bottom: 37%;
  }
  50% {
    width: 3px;
    height: 71%;
    padding-top: 71%;
  }
  100% {
    width: 7px;
    height: 37%;
    margin-bottom: 37%;
  }
}
.shine .ray200 {
  height: 99%;
  margin-bottom: -99%;
  width: 1px;
  transform: translate(-50%, -50%) rotate(6deg);
  -webkit-animation: dynamicAnim 2s infinite ease-in-out;
          animation: dynamicAnim 2s infinite ease-in-out;
}
@keyframes dynamicAnim {
  0% {
    width: 1px;
    height: 99%;
    margin-bottom: 99%;
  }
  50% {
    width: 5px;
    height: 29%;
    padding-top: 29%;
  }
  100% {
    width: 1px;
    height: 99%;
    margin-bottom: 99%;
  }
}
@-webkit-keyframes ray_anim {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

footer {
  position: relative;
  overflow: hidden;
  padding-top: 35px;
}
@media (min-width: 768px) {
  footer {
    min-height: 380px;
  }
}
footer .copyright {
  color: var(--oreo-stufWhite, #fff);
  text-align: center;
  /* copy-small */
  font-family: var(--font-family-copy, Pluto);
  font-size: var(--font-size-copy-small, 12px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-sm, 18px); /* 150% */
}
@media (min-width: 768px) {
  footer .footer-design-wrapper {
    height: 100%;
    width: 100%;
    max-width: 720px;
    margin: -240px auto 0 auto;
  }
}
footer .footer-design {
  position: relative;
  height: 240px;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
footer .footer-design .cube-1 {
  width: 105px;
  height: 116px;
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("/img/design/cubes-1.png");
  transform: translate(78px, 103px);
}
footer .footer-design .cube-2 {
  height: 60px;
  width: 60px;
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("/img/design/cubes-2.png");
  transform: translate(-75px, 55px);
}
footer .footer-design .creeper {
  width: 119.825px;
  height: 240.144px;
  transform: rotate(7.599deg) translateY(25px);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("/img/design/creeper.png");
}
@media (min-width: 768px) {
  footer .footer-design {
    display: block;
    overflow: unset;
  }
  footer .footer-design .cube-1 {
    transform: translate(0, 0);
    width: 162px;
    height: 179px;
    position: absolute;
    left: -165px;
    bottom: 58.232px;
  }
  footer .footer-design .cube-2 {
    transform: translate(0, 0);
    width: 95px;
    height: 94px;
    position: absolute;
    left: -240px;
    top: -70px;
  }
  footer .footer-design .creeper {
    position: absolute;
    right: -212px;
    bottom: -89.472px;
    width: 202.089px;
    height: 405.012px;
    transform: rotate(7.6deg);
  }
}
footer .copyright-wrapper {
  text-align: center;
  position: relative;
  z-index: 10;
  padding: 0 var(--Content-Margin, 20px) var(--medium, 20px) var(--Content-Margin, 20px);
}
footer .copyright-wrapper .copyright-wrapper-logo-wrapper {
  margin-bottom: 12px;
  min-height: 40px;
  display: flex;
  justify-content: center;
  align-items: end;
}
footer .copyright-wrapper .copyright-wrapper-logo-wrapper img {
  max-height: 100%;
}
footer .group-spacer {
  width: 1px;
  height: 100%;
  opacity: 0.5;
  background: #fff;
  margin: 0 auto;
}
footer .logo-spacer-wrapper {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .logo-spacer {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
footer .oreo-logo {
  padding: var(--medium, 20px) var(--Content-Margin, 20px);
}
footer .col-5:has(> .minecraft-logo) {
  display: flex;
  align-items: center;
}
footer .col-5:has(> .minecraft-logo) .minecraft-logo {
  padding: var(--medium, 20px) var(--Content-Margin, 20px);
}
footer .footer-links-wrapper {
  display: block;
  position: relative;
  z-index: 10;
}
footer .footer-links {
  list-style: none;
  margin: 0;
  padding: var(--Content-Margin, 20px) var(--Content-Margin, 20px) 0 var(--Content-Margin, 20px);
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer .footer-links .footer-link {
  margin-bottom: var(--small);
}
footer .footer-links .footer-link a {
  color: var(--oreo-stufWhite, #fff);
  text-align: center;
  /* copy-small */
  font-family: var(--font-family-copy, Pluto);
  font-size: var(--font-size-copy-small, 12px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-sm, 18px); /* 150% */
  text-decoration: none;
}
footer .footer-links .footer-link:hover {
  text-decoration: underline;
  color: var(--oreo-stufWhite, #fff);
}
@media (min-width: 768px) {
  footer .footer-links {
    flex-direction: row;
    justify-content: center;
  }
  footer .footer-links .footer-link {
    margin-right: 20px;
  }
  footer .footer-links .footer-link:last-child {
    margin-right: 0;
  }
}

.no-footer-links-spacer {
  height: 113px;
}

.uk-footer p,
.uk-footer p a {
  text-align: center !important;
  font-size: 0.75rem;
  color: white;
  opacity: 0.5;
}
.uk-footer a {
  text-decoration: underline;
  color: white;
}

.additional-footer-info {
  color: var(--oreo-stufWhite, #fff);
  text-align: center;
  font-family: var(--font-family-copy);
  font-size: var(--font-size-copy-small, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-sm, 18px);
  opacity: 0.57;
}

.language-switcher-modal-content-wrapper .language-switcher-items-wrapper {
  display: flex;
  flex-direction: column;
}
.language-switcher-modal-content-wrapper .language-switcher-item label {
  display: flex;
  margin: 10px 0;
  line-height: 30px;
}
.language-switcher-modal-content-wrapper .language-switcher-item label > input {
  visibility: hidden;
  width: 0;
}
.language-switcher-modal-content-wrapper .language-switcher-item label {
  cursor: pointer;
}
.language-switcher-modal-content-wrapper .language-switcher-item label:before {
  background-image: url("/img/icons/empty-checkbox.svg");
  content: "";
  height: 30px;
  width: 30px;
}
.language-switcher-modal-content-wrapper .language-switcher-item label:has(> input:checked):before {
  background-image: url("/img/icons/checked-checkbox.svg");
}

.language-switcher {
  position: relative;
  z-index: 100;
  margin: 20px auto;
}
.language-switcher .switch-modal-button {
  display: flex;
  padding: var(--small, 12px) var(--medium, 20px);
  justify-content: center;
  align-items: center;
  gap: var(--s-small, 8px);
  border-radius: var(--Large-radius, 0px);
  border: 2px solid var(--oreo-stufWhite, #fff);
  opacity: 0.6;
  background-color: transparent;
  color: var(--oreo-stufWhite, #fff);
  /* button-text */
  font-family: var(--font-family-headlines);
  font-size: var(--font-size-button-text, 1.25rem);
  font-style: normal;
  font-weight: 800;
  line-height: var(--line-height-sm, 18px); /* 90% */
  margin: 0px auto;
  cursor: pointer;
  text-transform: uppercase;
}

.language-switcher-save-button-wrapper-inner {
  padding-bottom: var(--large);
}

.language-switcher-modal-content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.language-switcher-modal-content-wrapper .language-switcher-items-wrapper {
  width: 100%;
  margin-bottom: 28px;
}

.social-media {
  display: flex;
  max-width: 335px;
  padding: var(--medium, 16px) 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto var(--Content-Margin, 20px) auto;
}
.social-media h3 {
  color: var(--oreo-stufWhite, #fff);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  /* button-text */
  font-family: var(--font-family-headlines, Pluto);
  font-size: var(--font-size-button-text, 20px);
  font-style: normal;
  font-weight: 800;
  line-height: var(--line-height-sm, 18px); /* 90% */
  text-transform: uppercase;
  margin-top: calc(var(--content-margin) + var(--small));
  margin-bottom: 10px;
}
.social-media h2 {
  color: var(--oreo-stufWhite, #fff);
  text-align: center;
  /* headline-large */
  font-family: var(--font-family-headlines, Pluto);
  font-size: var(--font-size-headline-large, 34px);
  font-style: normal;
  font-weight: 800;
  line-height: var(--line-height-3xl, 36px); /* 105.882% */
  text-transform: uppercase;
}
.social-media button {
  border-radius: var(--Large-radius, 30px);
  border: 2px solid var(--oreo-stufWhite, #ffffff);
}
.social-media .social-media-icons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--Content-Margin, 20px);
  flex-wrap: wrap;
  gap: 16px;
}
.social-media .social-media-icons .social-media-icon {
  height: 48px;
  width: 48px;
  border-radius: var(--Large-radius, 30px);
  background: var(--oreo-stufWhite, #fff);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}
.social-media .social-media-icons .social-media-icon img {
  max-width: 100%;
  max-height: 100%;
}

.social-share-content {
  width: auto;
  text-align: center;
}
.social-share-content .share-link {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding: var(--s-small, 8px);
  height: 48px;
  width: 48px;
  display: block;
}

.phase-content .phase-content-text-wrapper {
  text-align: center;
  padding: 0 var(--large, 28px);
}
.phase-content .phase-content-text-wrapper h1 {
  color: var(--oreo-stufWhite, #fff);
  text-align: center;
  /* headline-small */
  font-family: var(--font-family-headlines);
  font-size: var(--font-size-headline-small, 1.75rem);
  font-style: normal;
  font-weight: 800;
  line-height: var(--line-height-xl, 30px); /* 107.143% */
}
.phase-content .phase-content-text-wrapper p {
  color: var(--oreo-stufWhite, #fff);
  text-align: center;
  /* copy */
  font-family: var(--font-family-copy);
  font-size: var(--font-size-copy, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-lg, 28px); /* 155.556% */
}
.phase-content .phase-content-text-wrapper a {
  color: white;
}

.back-and-home-button .btn {
  background-color: white;
}

.content-texts-wrapper {
  color: var(--oreo-stufWhite, #fff);
  /* copy */
  font-family: var(--font-family-copy);
  font-size: var(--font-size-copy, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-lg, 1.75rem);
  /* 155.556% */
  width: 335px;
}
.content-texts-wrapper .content.content-page {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.content-texts-wrapper .content.content-page .section-wrapper {
  padding-bottom: 28px;
  padding-top: 28px;
}
@media (min-width: 768px) {
  .content-texts-wrapper .content.content-page .section-wrapper {
    padding-bottom: 44px;
  }
}
@media (min-width: 768px) {
  .content-texts-wrapper .content.content-page .section-wrapper {
    padding-top: 44px;
  }
}
.content-texts-wrapper .content.content-page .section-wrapper.spacer {
  padding-bottom: 48px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .content-texts-wrapper .content.content-page .section-wrapper.spacer {
    padding-bottom: 84px;
  }
}
@media (min-width: 768px) {
  .content-texts-wrapper .content.content-page .section-wrapper.spacer {
    margin-bottom: 40px;
  }
}
.content-texts-wrapper .content.content-page .section-wrapper h2 {
  margin-bottom: 12px !important;
  font-size: 28px;
  line-height: 30px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .content-texts-wrapper .content.content-page .section-wrapper h2 {
    margin-bottom: 12px !important;
  }
}
@media (min-width: 768px) {
  .content-texts-wrapper .content.content-page .section-wrapper h2 {
    font-size: 32px;
  }
}
@media (min-width: 768px) {
  .content-texts-wrapper .content.content-page .section-wrapper h2 {
    line-height: 30px;
  }
}
.content-texts-wrapper .content.content-page .section-wrapper p {
  font-size: 16px;
  line-height: 28px;
}
.content-texts-wrapper .content.content-page .section-wrapper p.small {
  margin-top: 0 !important;
  text-align: left;
  font-size: 12px;
  line-height: 18px;
}
@media (min-width: 768px) {
  .content-texts-wrapper .content.content-page .section-wrapper p.small {
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .content-texts-wrapper .content.content-page .section-wrapper p.small {
    line-height: 18px;
  }
}
.content-texts-wrapper .content.content-page .section-wrapper p.small:not(:last-child) {
  margin-bottom: 12px !important;
}
@media (min-width: 768px) {
  .content-texts-wrapper .content.content-page .section-wrapper p.small:not(:last-child) {
    margin-bottom: 12px !important;
  }
}
@media (min-width: 768px) {
  .content-texts-wrapper .content.content-page .section-wrapper p {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .content-texts-wrapper .content.content-page .section-wrapper p {
    line-height: 32px;
  }
}
.content-texts-wrapper .content.content-page .section-wrapper p:not(:last-child) {
  margin-bottom: 16px !important;
}
@media (min-width: 768px) {
  .content-texts-wrapper .content.content-page .section-wrapper p:not(:last-child) {
    margin-bottom: 20px !important;
  }
}
.content-texts-wrapper .content.content-page .section-wrapper ul,
.content-texts-wrapper .content.content-page .section-wrapper ol {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}
@media (min-width: 768px) {
  .content-texts-wrapper .content.content-page .section-wrapper ul,
.content-texts-wrapper .content.content-page .section-wrapper ol {
    margin-top: 44px !important;
  }
}
@media (min-width: 768px) {
  .content-texts-wrapper .content.content-page .section-wrapper ul,
.content-texts-wrapper .content.content-page .section-wrapper ol {
    margin-bottom: 44px !important;
  }
}
.content-texts-wrapper .content.content-page .section-wrapper ul li,
.content-texts-wrapper .content.content-page .section-wrapper ol li {
  font-size: 16px !important;
  line-height: 28px !important;
}
@media (min-width: 768px) {
  .content-texts-wrapper .content.content-page .section-wrapper ul li,
.content-texts-wrapper .content.content-page .section-wrapper ol li {
    font-size: 20px !important;
  }
}
@media (min-width: 768px) {
  .content-texts-wrapper .content.content-page .section-wrapper ul li,
.content-texts-wrapper .content.content-page .section-wrapper ol li {
    line-height: 32px !important;
  }
}
.content-texts-wrapper .content.content-page .section-wrapper a.btn {
  font-size: 20px !important;
  line-height: 18px !important;
  text-transform: uppercase;
  margin-top: 28px !important;
}
@media (min-width: 768px) {
  .content-texts-wrapper .content.content-page .section-wrapper a.btn {
    font-size: 20px !important;
  }
}
@media (min-width: 768px) {
  .content-texts-wrapper .content.content-page .section-wrapper a.btn {
    line-height: 18px !important;
  }
}
@media (min-width: 768px) {
  .content-texts-wrapper .content.content-page .section-wrapper a.btn {
    margin-top: 44px !important;
  }
}
@media (min-width: 768px) {
  .content-texts-wrapper {
    width: 609px;
  }
}
.content-texts-wrapper img {
  max-width: 100%;
}
.content-texts-wrapper picture,
.content-texts-wrapper img {
  border-radius: 30px;
}
.content-texts-wrapper .otnotice-content {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.content-texts-wrapper .otnotice-menu li a {
  line-height: 28px;
  font-size: 16px;
}
@media (min-width: 768px) {
  .content-texts-wrapper .otnotice-menu li a {
    line-height: 32px;
  }
}
@media (min-width: 768px) {
  .content-texts-wrapper .otnotice-menu li a {
    font-size: 20px;
  }
}
.content-texts-wrapper p {
  padding: 0;
  margin: 0 !important;
  line-height: 28px;
  font-size: 16px;
}
@media (min-width: 768px) {
  .content-texts-wrapper p {
    line-height: 32px;
  }
}
@media (min-width: 768px) {
  .content-texts-wrapper p {
    font-size: 20px;
  }
}
.content-texts-wrapper p:last-child {
  padding: 0;
}
.content-texts-wrapper p:last-child br:only-child {
  display: none;
}
.content-texts-wrapper .otnotice-sections ol {
  margin-top: 12px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (min-width: 768px) {
  .content-texts-wrapper .otnotice-sections ol {
    margin-top: 12px !important;
  }
}
.content-texts-wrapper .otnotice-sections ol:not(:last-child) {
  margin-bottom: 20px !important;
}
@media (min-width: 768px) {
  .content-texts-wrapper .otnotice-sections ol:not(:last-child) {
    margin-bottom: 40px !important;
  }
}
.content-texts-wrapper .otnotice-sections ol:last-child {
  margin-bottom: 0 !important;
}
.content-texts-wrapper .otnotice-sections ol li {
  line-height: 28px;
  font-size: 16px;
}
@media (min-width: 768px) {
  .content-texts-wrapper .otnotice-sections ol li {
    line-height: 32px;
  }
}
@media (min-width: 768px) {
  .content-texts-wrapper .otnotice-sections ol li {
    font-size: 20px;
  }
}
.content-texts-wrapper .otnotice-sections ul {
  margin-top: 12px !important;
}
@media (min-width: 768px) {
  .content-texts-wrapper .otnotice-sections ul {
    margin-top: 12px !important;
  }
}
.content-texts-wrapper .otnotice-sections ul li {
  line-height: 28px;
  font-size: 16px;
}
@media (min-width: 768px) {
  .content-texts-wrapper .otnotice-sections ul li {
    line-height: 32px;
  }
}
@media (min-width: 768px) {
  .content-texts-wrapper .otnotice-sections ul li {
    font-size: 20px;
  }
}
.content-texts-wrapper .ot-sdk-show-settings {
  transition: none;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--s-small, 8px);
  border-radius: var(--Large-radius, 30px);
  border: none;
  cursor: pointer;
  font-family: var(--font-family-headlines);
  font-weight: 800;
  text-transform: uppercase;
  background-color: var(--oreo--stuf-white, #FFFFFF) !important;
  border: 2px solid var(--oreo--oreo-blue, #0029A3) !important;
  color: var(--oreo--oreo-blue, #0029A3) !important;
  font-family: var(--font-family-headlines);
  font-weight: 800;
  font-size: 20px;
  margin-top: 20px;
  text-transform: uppercase;
  display: inline-flex;
  padding: var(--small, 12px) var(--medium, 20px);
  justify-content: center;
  align-items: center;
  gap: var(--s-small, 8px);
}
.content-texts-wrapper .ot-sdk-show-settings span:not([class^=icon-]):not([class*=" icon-"]) {
  display: inline-flex;
  align-items: center;
}
.content-texts-wrapper .ot-sdk-show-settings span[class^=icon-],
.content-texts-wrapper .ot-sdk-show-settings span[class*=" icon-"] {
  display: inline-block !important;
}
.content-texts-wrapper .ot-sdk-show-settings [class^=icon-],
.content-texts-wrapper .ot-sdk-show-settings [class*=" icon-"] {
  display: inline-block !important;
}
@media (min-width: 768px) {
  .content-texts-wrapper .ot-sdk-show-settings {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .content-texts-wrapper .ot-sdk-show-settings {
    margin-top: 40px;
  }
}
.content-texts-wrapper .ot-sdk-show-settings span {
  color: var(--oreo--oreo-blue, #0029a3);
}
.content-texts-wrapper .ot-sdk-show-settings:active:not(:disabled):not(.disabled) {
  background-color: rgba(0, 41, 163, 0.1);
}
.content-texts-wrapper .ot-sdk-show-settings.disabled, .content-texts-wrapper .ot-sdk-show-settings:disabled, .content-texts-wrapper .ot-sdk-show-settings[aria-disabled=true] {
  background-color: #f5f5f5;
  border-color: #cccccc;
  color: #999999;
  cursor: not-allowed;
  opacity: 0.4;
  pointer-events: none;
}
.content-texts-wrapper .ot-sdk-show-settings.disabled span, .content-texts-wrapper .ot-sdk-show-settings:disabled span, .content-texts-wrapper .ot-sdk-show-settings[aria-disabled=true] span {
  color: #999999;
}
.content-texts-wrapper h1 {
  color: var(--oreo-stufWhite, #fff);
  /* headline-small */
  font-family: var(--font-family-headlines);
  font-size: 34px;
  font-style: normal;
  font-weight: 800;
  line-height: 36px;
  /* 107.143% */
  margin-top: 28px;
  margin-bottom: 44px;
}
@media (min-width: 768px) {
  .content-texts-wrapper h1 {
    font-size: 48px;
  }
}
@media (min-width: 768px) {
  .content-texts-wrapper h1 {
    line-height: 48px;
  }
}
@media (min-width: 768px) {
  .content-texts-wrapper h1 {
    margin-top: 44px;
  }
}
@media (min-width: 768px) {
  .content-texts-wrapper h1 {
    margin-bottom: 64px;
  }
}
.content-texts-wrapper h2 {
  color: var(--oreo-stufWhite, #FFF);
  /* subheadline */
  font-family: var(--font-family-headlines);
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: 28px;
  /* 116.667% */
  margin-top: 44px;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .content-texts-wrapper h2 {
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  .content-texts-wrapper h2 {
    line-height: 32px;
  }
}
@media (min-width: 768px) {
  .content-texts-wrapper h2 {
    margin-top: 64px;
  }
}
@media (min-width: 768px) {
  .content-texts-wrapper h2 {
    margin-bottom: 12px;
  }
}
.content-texts-wrapper .small {
  color: var(--oreo-stufWhite, #fff);
  text-align: center;
  /* copy-small */
  font-family: var(--font-family-copy);
  font-size: var(--font-size-copy-small, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-sm, 18px);
  /* 150% */
}
.content-texts-wrapper .section-wrapper {
  padding: var(--large, 28px) 0px;
  margin-bottom: var(--content-margin);
}
.content-texts-wrapper .section-wrapper:empty {
  margin: 0;
  padding: 0;
}
.content-texts-wrapper .section-wrapper:not(:has(*)), .content-texts-wrapper .section-wrapper:empty {
  margin: 0;
  padding: 0;
}
.content-texts-wrapper .section-wrapper.spacer {
  border-bottom: 2px solid var(--oreo--stuf-white);
}
.content-texts-wrapper .content.legal {
  padding-bottom: var(--large, 28px);
  margin-bottom: var(--content-margin);
}
.content-texts-wrapper .content.legal_mdlz {
  padding-bottom: var(--large, 28px);
  margin-bottom: var(--content-margin);
}
.content-texts-wrapper .content.legal_mdlz ol li {
  display: block;
}
.content-texts-wrapper.winners_page {
  margin-bottom: 24px;
}
.content-texts-wrapper.winners_page .content-texts .w-100 table tr th {
  text-align: left;
  padding-bottom: 20px;
}

.legal .content-texts-wrapper .content a {
  color: var(--oreo-stufWhite);
}

.scroll-to-explore {
  text-align: center;
  color: var(--oreo-stufWhite, #fff);
  /* button-text */
  font-family: var(--font-family-headlines);
  font-size: var(--font-size-button-text, 1.25rem);
  font-style: normal;
  font-weight: 800;
  line-height: var(--line-height-sm, 18px); /* 90% */
  padding: var(--small, 12px) var(--medium, 16px);
  margin-bottom: var(--content-margin);
  position: relative;
  z-index: 10;
}
.scroll-to-explore .scroll-to-explore-button {
  display: inline;
  padding: var(--small, 12px) var(--medium, 16px);
  color: var(--oreo-stufWhite, #fff);
  /* button-text */
  font-family: var(--font-family-headlines);
  font-size: var(--font-size-button-text, 1.25rem);
  font-style: normal;
  font-weight: 800;
  line-height: var(--line-height-sm, 18px); /* 90% */
  text-decoration: none;
}
.scroll-to-explore .scroll-to-explore-button:hover {
  text-decoration: none;
}
.scroll-to-explore .scroll-to-explore-text {
  padding: var(--small, 12px) 0;
}

.form-container {
  max-width: 740px;
  margin: 0 auto;
  margin-bottom: var(--Content-Margin, 20px);
  padding-bottom: var(--Content-Margin, 20px);
}

form {
  margin: 0 20px;
  background-color: var(--oreo--stuf-white);
  color: var(--oreo-oreoCookieBlack);
  padding-top: 28px;
  padding-bottom: 28px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}
@media (min-width: 768px) {
  form {
    padding-top: 44px;
  }
}
@media (min-width: 768px) {
  form {
    padding-bottom: 44px;
  }
}
@media (min-width: 768px) {
  form {
    padding-left: 40px;
  }
}
@media (min-width: 768px) {
  form {
    padding-right: 40px;
  }
}
form::after {
  content: "";
  height: 100%;
  width: 100%;
  box-shadow: var(--card-shadow-blue-bg);
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
}
form img {
  max-width: 100%;
}
form .error-list,
form .error-inline {
  display: none;
}
form a {
  text-decoration: underline;
}
form.was-validated .field.was-validated input:invalid, form.was-validated .field.was-validated input.is-invalid,
form.was-validated .field.was-validated select:invalid,
form.was-validated .field.was-validated select.is-invalid,
form.was-validated .field.was-validated textarea:invalid,
form.was-validated .field.was-validated textarea.is-invalid {
  border: 1px solid var(--utility-utility-error-border);
}
form.was-validated .field.was-validated label.is-invalid {
  color: var(--utility-utility-error-border);
}
form .load_only.headline {
  color: var(--oreo-oreoCookieBlack, #272425);
  /* button-text-small */
  font-family: var(--font-family-headlines);
  font-size: var(--font-size-copy-small, 0.75rem);
  font-style: normal;
  font-weight: 800;
  line-height: var(--line-height-xs, 12px);
  /* 100% */
  margin: var(--small, 12px) 0;
}
form .load_only.content {
  color: var(--oreo-oreoCookieBlack, #272425);
  text-align: center;
  /* copy */
  font-family: var(--font-family-copy);
  font-size: var(--font-size-copy, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-lg, 28px);
  /* 155.556% */
}
form .load_only.small {
  color: var(--oreo-hertiageGray, #6c6463);
  /* copy-small */
  font-family: var(--font-family-copy);
  font-size: var(--font-size-copy-small, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-sm, 18px);
  /* 150% */
}
form .load_only.small a {
  color: var(--oreo-hertiageGray, #6c6463);
  /* copy-small */
  font-family: var(--font-family-copy);
  font-size: var(--font-size-copy-small, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-sm, 18px);
  /* 150% */
  text-decoration: underline;
}
form .form-group.barcode .hint {
  text-decoration: underline;
  cursor: pointer;
}
form .form-group.barcode .button-wrapper {
  display: flex;
}
form .form-group.barcode .button-wrapper .btn {
  margin-top: var(--small, 12px);
  margin-bottom: var(--small, 12px);
}
form .button-container.double {
  display: flex;
  flex-direction: column;
}

.error {
  color: var(--utility-utility-error-border);
}

.field-body:has(+ .errors) label {
  color: var(--utility-utility-error-border) !important;
}
.field-body:has(+ .errors) label a {
  color: var(--utility-utility-error-border) !important;
}
.field-body:has(+ .errors):before,
.field-body:has(+ .errors) input {
  border-color: var(--utility-utility-error-border) !important;
  background-color: var(--utility-utility-validate) !important;
}

.errors {
  /* copy-small */
  font-family: var(--font-family-copy);
  font-size: var(--font-size-copy-small, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-sm, 18px);
  /* 150% */
  padding-top: var(--s-small, 8px);
}

.form-group.checkbox .errors {
  display: none;
}
.form-group.checkbox .field-body:has(+ .errors):before {
  content: " ";
  background-image: url("/img/icons/empty-checkbox-error.svg");
}

.form-group.date .field-body {
  display: flex;
  position: relative;
}
.form-group.date input[type=date] {
  width: auto;
  display: flex;
  flex-direction: row;
  cursor: pointer;
  font-family: var(--font-family-headlines);
  font-size: var(--font-size-copy, 1.125rem);
  align-items: unset;
  flex-direction: column;
}
.form-group.date:not(.fancy-label) label {
  position: absolute;
  top: -35px !important;
  left: 0;
  right: 45px;
  bottom: 0;
  opacity: 1;
  display: block;
}
.form-group.date.fancy-label .field-body:not(.multi-input) > label {
  top: 8px;
  right: 56px;
  transform: none;
  font-size: var(--font-size-copy-small, 0.75rem);
  line-height: var(--line-height-xs, 0.75rem);
}
.form-group.date.fancy-label .field-body:not(.multi-input) > input[type=date] {
  padding-top: 28px;
  padding-bottom: 12px;
}

button[type=submit][disabled] span.text {
  display: none;
}
button[type=submit][disabled] .sk-circle {
  display: block;
}

fieldset {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
fieldset legend {
  font-size: 1.5625rem;
}
fieldset:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.errors {
  font-size: 0.75rem;
  color: var(--utility-utility-error-border);
}
.errors span {
  display: block;
}

.form-group {
  margin-bottom: var(--s-small, 8px);
  position: relative;
}
.form-group.has-error input,
.form-group.has-error select {
  border-color: var(--utility-utility-error-border);
}
.form-group.has-error label {
  color: var(--utility-utility-error-border);
}
.form-group.has-error .errors.help-block {
  margin-top: 10px;
  background-color: var(--utility-utility-error-border);
  color: white;
  border-radius: 0;
  padding: 10px;
  font-size: 0.75rem;
  line-height: 170%;
}
.form-group.field-type-checkbox label {
  display: inline-block;
  cursor: pointer;
  order: 2;
  padding-left: 50px;
  position: relative;
  z-index: 2;
}
.form-group.field-type-checkbox label a {
  color: var(--oreo-oreoCookieBlack);
}
.form-group.field-type-checkbox input {
  position: absolute;
  width: auto;
  height: 1px;
  width: 1px;
  opacity: 0;
}
.form-group.field-type-checkbox .field-body {
  cursor: pointer;
  position: relative;
  min-height: 30px;
}
.form-group.field-type-checkbox .field-body:before, .form-group.field-type-checkbox .field-body:after {
  content: "";
  position: absolute;
  background-image: url("/img/icons/empty-checkbox.svg");
  background-color: #272425;
  width: 30px;
  height: 30px;
  left: 0px;
  top: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5625rem;
  line-height: 20px;
}
.form-group.field-type-checkbox .field-body:after {
  background-image: none;
  opacity: 0;
}
.form-group.field-type-checkbox .field-body:has(> input:checked):after {
  content: " ";
  background-image: url("/img/icons/checked-checkbox.svg");
  color: #fff;
  opacity: 1;
}
.form-group.checkbox-checked .field-body:after {
  content: " ";
  background-image: url("/img/icons/checked-checkbox.svg");
  color: #fff;
  opacity: 1;
}
.form-group.select .field-body:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 18px;
  height: 9px;
  background-image: url("/img/icons/general/chevron_down.svg");
  pointer-events: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.form-group .field-wrap input,
.form-group .field-wrap select {
  padding: 0 20px;
  width: 100%;
  border-radius: 0.25rem;
  font-size: 1.25rem;
  height: 72px;
}
.form-group .field-wrap input:focus,
.form-group .field-wrap select:focus {
  border-color: #fff;
}
.form-group .field-wrap input:invalid, .form-group .field-wrap input:empty,
.form-group .field-wrap input [disabled],
.form-group .field-wrap select:invalid,
.form-group .field-wrap select:empty,
.form-group .field-wrap select [disabled] {
  color: gray;
  cursor: not-allowed;
}
.form-group .field-wrap textarea {
  padding: 0.9rem;
  min-height: 150px;
}
.form-group .hint,
.form-group .hint a {
  color: var(--oreo-hertiageGray, #6c6463);
  /* copy-small */
  font-family: var(--font-family-copy);
  font-size: var(--font-size-copy-small, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-sm, 18px);
  /* 150% */
  margin-top: var(--s-small, 8px);
}

input::-webkit-input-placeholder,
input::-moz-placeholder {
  opacity: 0;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  transition: inherit;
}

input:focus::-webkit-input-placeholder,
input:focus:-ms-input-placeholder,
input:active:-ms-input-placeholder {
  opacity: 1;
}

input:not(:-moz-placeholder-shown) + label {
  cursor: pointer;
}

input:not(:-ms-input-placeholder) + label {
  cursor: pointer;
}

input:not(:placeholder-shown) + label,
input:focus + label {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

.form-control {
  display: flex;
  padding: var(--medium, 20px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--s-small, 8px);
  align-self: stretch;
  border: 1px solid var(--oreo-oreoCookieBlack, #272425);
  background: var(--oreo-stufWhite, #fff);
}
.form-control.dropdown {
  height: auto;
  padding: 20px 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  font-family: var(--font-family-headlines);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-sm, 18px);
}

.configurani-form .form-group.date-dmy .field-body.multi-input > label {
  color: var(--oreo-oreoCookieBlack, #272425);
  font-family: var(--font-family-copy, Pluto);
  font-size: var(--font-size-copy-small, 0.75rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--line-height-sm, 18px);
  /* 150% */
  margin-bottom: var(--small, 12px);
  padding: 0;
}
.configurani-form .form-group.date-dmy .field-body.multi-input .input-wrapper {
  display: flex;
  flex-direction: row;
  gap: 12px;
  width: 100%;
}
.configurani-form .form-group.date-dmy .field-body.multi-input .input-wrapper .tripple-date-field {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
}
.configurani-form .form-group.date-dmy .field-body.multi-input .input-wrapper .tripple-date-field:nth-child(3) {
  flex: 2 1 0;
}
.configurani-form .form-group.date-dmy .field-body.multi-input .input-wrapper .tripple-date-field input {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 60px;
  padding: 24px 20px 8px;
  font-family: var(--font-family-headlines);
  font-size: var(--font-size-copy, 1.25rem);
  font-weight: 400;
  line-height: var(--line-height-sm, 18px);
  text-transform: uppercase;
  border: 1px solid var(--oreo-oreoCookieBlack, #272425);
  border-radius: var(--small-radius, 15px);
  background: #fff;
}
.configurani-form .form-group.date-dmy .field-body.multi-input .input-wrapper .tripple-date-field input::-moz-placeholder {
  opacity: 1;
  color: var(--oreo-oreoCookieBlack, #272425);
}
.configurani-form .form-group.date-dmy .field-body.multi-input .input-wrapper .tripple-date-field input:-ms-input-placeholder {
  opacity: 1;
  color: var(--oreo-oreoCookieBlack, #272425);
}
.configurani-form .form-group.date-dmy .field-body.multi-input .input-wrapper .tripple-date-field input::placeholder {
  opacity: 1;
  color: var(--oreo-oreoCookieBlack, #272425);
}
.configurani-form .form-group.date-dmy .field-body.multi-input .input-wrapper .tripple-date-field label {
  position: absolute;
  padding-top: 0;
  top: 8px;
  left: 20px;
  font-weight: 400;
  font-size: var(--font-size-copy-small, 0.75rem);
  line-height: var(--line-height-xs, 12px);
}

form.configurani-form {
  border-radius: var(--small-radius, 15px);
  box-shadow: var(--shadow-figma, 0 6px 10px rgb(0, 25, 100));
  overflow: hidden;
}
form.configurani-form::after {
  box-shadow: none;
}

.configurani-form .all-fields {
  display: flex;
  flex-direction: column;
  gap: var(--s-small, 8px);
}
.configurani-form .form-group {
  margin-bottom: 0;
}
.configurani-form .form-group.field-type-checkbox {
  margin: 0 !important;
  margin-bottom: 12px !important;
  padding: 0 !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
@media (min-width: 768px) {
  .configurani-form .form-group.field-type-checkbox {
    margin-bottom: 12px !important;
  }
}
@media (min-width: 768px) {
  .configurani-form .form-group.field-type-checkbox {
    padding-top: 8px !important;
  }
}
@media (min-width: 768px) {
  .configurani-form .form-group.field-type-checkbox {
    padding-bottom: 8px !important;
  }
}
.configurani-form .form-group.field-type-checkbox label {
  padding-left: 50px;
  font-family: var(--font-family-copy);
  font-size: 12px;
  line-height: 18px;
  font-style: normal;
  font-weight: 400;
  color: var(--oreo-oreoCookieBlack, #272425);
}
@media (min-width: 768px) {
  .configurani-form .form-group.field-type-checkbox label {
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .configurani-form .form-group.field-type-checkbox label {
    line-height: 18px;
  }
}
.configurani-form .form-group.field-type-checkbox label a {
  color: var(--oreo-oreoCookieBlack, #272425);
}
.configurani-form .form-group.field-type-checkbox .field-body {
  position: relative;
  min-height: 30px;
}
.configurani-form .form-group.field-type-checkbox .field-body::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  left: 0;
  top: 0;
  border: 1px solid var(--oreo-oreoCookieBlack, #272425);
  border-radius: 2px;
  background: #fff;
}
.configurani-form .form-group.field-type-checkbox .field-body::after {
  content: "";
  position: absolute;
  left: 11px;
  top: 6px;
  width: 8px;
  height: 14px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
}
.configurani-form .form-group.field-type-checkbox.checkbox-checked .field-body::before,
.configurani-form .form-group.field-type-checkbox .field-body:has(> input:checked)::before {
  background: var(--oreo-oreoCookieBlack, #272425);
}
.configurani-form .form-group.field-type-checkbox.checkbox-checked .field-body::after,
.configurani-form .form-group.field-type-checkbox .field-body:has(> input:checked)::after {
  opacity: 1;
}
.configurani-form .form-group.field-type-checkbox + .form-group.field-type-checkbox {
  margin-top: calc(var(--s-small, 8px) * -0.5);
}
.configurani-form .form-group.select .field-body {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--s-small, 8px);
  position: relative;
}
.configurani-form .form-group.select label {
  position: static;
  margin: 0;
  color: var(--oreo-oreoCookieBlack, #272425);
  font-family: var(--font-family-headlines);
  font-size: var(--font-size-copy-small, 0.75rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--line-height-sm, 18px);
}
.configurani-form .form-group.select select.form-control {
  box-sizing: border-box;
  display: block;
  height: 63px;
  padding: 20px 40px 20px 20px;
  width: 100%;
  border-radius: var(--small-radius, 15px);
  border: 1px solid var(--oreo-oreoCookieBlack, #272425);
  font-family: var(--font-family-headlines);
  font-size: var(--font-size-copy, 1.25rem);
  font-weight: 400;
  line-height: var(--line-height-sm, 18px);
  color: var(--oreo-oreoCookieBlack, #272425);
  background-color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.configurani-form .form-group.input.phone .field-body.multi-input .input-wrapper {
  gap: 8px;
}
.configurani-form .form-group.input.phone .field-body.multi-input > label {
  margin-bottom: var(--small, 12px);
  color: var(--oreo-oreoCookieBlack, #272425);
  font-family: var(--font-family-headlines);
  font-size: var(--font-size-copy-small, 0.75rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--line-height-sm, 18px);
}
.configurani-form .form-group.input.phone .phone-subfield {
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
}
.configurani-form .form-group.input.phone .phone-subfield .label {
  display: none;
}
.configurani-form .form-group.input.phone .phone-subfield select,
.configurani-form .form-group.input.phone .phone-subfield input {
  box-sizing: border-box;
  display: block;
  height: 60px;
  padding: 20px;
  width: 100%;
  border-radius: var(--small-radius, 15px);
  border: 1px solid var(--oreo-oreoCookieBlack, #272425);
  font-family: var(--font-family-headlines);
  font-size: var(--font-size-copy, 1.25rem);
  font-weight: 400;
  line-height: var(--line-height-sm, 18px);
  color: var(--oreo-oreoCookieBlack, #272425);
  background-color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  min-width: 0;
}
.configurani-form .form-group.input.phone .phone-subfield select {
  display: block;
  padding-right: 40px;
  text-indent: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  direction: ltr;
  background-image: url("/img/icons/general/chevron_down.svg");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 18px 9px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.configurani-form .form-group.input.phone .phone-subfield select option {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.configurani-form .form-group.input.phone .phone-area-code-field {
  flex: 1 1 0;
  max-width: none;
}
.configurani-form .form-group.input.phone .phone-number-field {
  flex: 2 1 0;
  min-width: 0;
}
.configurani-form .form-group.date-dmy .field-body.multi-input .input-wrapper {
  width: 100%;
  gap: 12px;
}
.configurani-form #receipt_date,
.configurani-form #emission_date {
  padding-right: 56px;
  background-image: url("/img/icons/general/calendar.svg");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 24px;
}
.configurani-form #receipt_date::-webkit-calendar-picker-indicator,
.configurani-form #emission_date::-webkit-calendar-picker-indicator {
  opacity: 0;
}
.configurani-form #receipt_time {
  padding-right: 56px;
  background-image: url("/img/icons/general/clock.svg");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 24px;
}
.configurani-form #product_spend,
.configurani-form #first_product_sum,
.configurani-form #total_sum {
  padding-right: 56px;
  background-image: url("/img/icons/general/info.svg");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 24px;
}
.configurani-form .form-group:has(.g-recaptcha) .hint {
  text-align: center;
}
.configurani-form .load_only.small {
  text-align: center;
}

.field-cwReCaptcha .recaptcha {
  max-width: 100%;
}
@media (min-width: 992px) {
  .field-cwReCaptcha .errors.help-block {
    margin-left: 25%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.form-outro {
  margin-top: 20px !important;
}
@media (min-width: 768px) {
  .form-outro {
    margin-top: 40px !important;
  }
}

.form-intro {
  margin-left: 0;
  margin-right: 0;
  margin-top: calc(-1 * var(--Content-Margin, 20px));
}
.form-intro .form-intro-card {
  margin-left: 20px;
  margin-right: 20px;
  width: calc(100% - 40px);
  max-width: calc(100% - 40px);
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}
@media (min-width: 768px) {
  .form-intro .form-intro-card {
    margin-bottom: 40px !important;
  }
}
.form-intro .card-content {
  align-items: stretch;
}
.form-intro .form-intro-card--text-only {
  box-shadow: none;
  border-radius: 0;
}
.form-intro .form-intro-card--text-only .card-content {
  background: transparent;
  padding: 0;
  border-radius: 0;
}
.form-intro .form-intro-text {
  margin-left: 20px;
  margin-right: 20px;
  text-align: center;
  padding-top: var(--medium, 20px);
  margin-bottom: var(--medium, 20px);
}
.form-intro .form-intro-text h1 {
  color: var(--oreo-oreoCookieBlack, #272425);
  text-align: center;
  /* headline-large */
  font-family: var(--font-family-headlines);
  font-size: var(--font-size-headline-large, 3rem);
  font-style: normal;
  font-weight: 800;
  line-height: var(--line-height-3xl, 48px);
  /* 100% */
  margin-top: 0;
}
.form-intro .form-intro-text p {
  color: var(--oreo-oreoCookieBlack, #272425);
  text-align: center;
  /* copy-large */
  font-family: var(--font-family-copy);
  font-size: var(--font-size-copy-large, 1.375rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-xl, 30px);
  /* 136.364% */
}

.form-outro {
  color: var(--oreo-hertiageGray, #6c6463);
  text-align: center;
  /* copy-small */
  font-family: var(--font-family-copy);
  font-size: var(--font-size-copy-small, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-sm, 18px);
  /* 150% */
}
.form-outro .form-outro-card {
  margin-left: 20px;
  margin-right: 20px;
  width: calc(100% - 40px);
  max-width: calc(100% - 40px);
}
.form-outro .card-content {
  align-items: stretch;
}
.form-outro .form-outro-card--text-only {
  box-shadow: none;
  border-radius: 0;
  width: 100%;
  max-width: none;
}
.form-outro .form-outro-card--text-only .card-content {
  background: transparent;
  padding: 0;
  border-radius: 0;
}

.form-border .all-fields {
  border-radius: var(--Large-radius, 0px);
  border: 1px solid var(--oreo-oreoCookieBlack, #272425);
  padding: var(--medium, 16px);
  margin-bottom: var(--small, 12px);
}

.form-modal-opener-text {
  color: var(--oreo-hertiageGray, #6c6463);
  /* copy-small */
  font-family: var(--font-family-copy);
  font-size: var(--font-size-copy-small, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-sm, 18px);
  /* 150% */
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  margin-top: var(--s-small, 8px);
  cursor: pointer;
}

[data-formname=question_gr] .form-intro:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='49' height='48' viewBox='0 0 49 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.7929 18.1468C19.1345 17.0943 19.7602 16.1575 20.6015 15.4386C21.4427 14.7196 22.4675 14.2472 23.5605 14.0738C24.6534 13.9004 25.7723 14.0324 26.7948 14.4557C27.8173 14.8789 28.7028 15.5771 29.3534 16.4723C30.004 17.3674 30.3937 18.4247 30.4806 19.5279C30.5676 20.6311 30.3476 21.7372 29.8453 22.7232C29.343 23.7093 28.5786 24.5366 27.6351 25.1149C26.6916 25.6931 25.6065 25.9991 24.4999 25.9991V27.9991M24.5995 33.9996V34.1996L24.4003 34.199V33.9996H24.5995ZM26.9921 6.91759L29.434 8.99858C30.0492 9.52286 30.8131 9.83982 31.6188 9.90411L34.8169 10.159C36.6972 10.309 38.1907 11.8016 38.3407 13.6819L38.595 16.8805C38.6593 17.6862 38.9774 18.4512 39.5017 19.0664L41.5817 21.5076C42.8052 22.9433 42.8054 25.0551 41.5819 26.4907L39.5019 28.9323C38.9776 29.5476 38.6599 30.3128 38.5956 31.1186L38.3397 34.3166C38.1897 36.1969 36.6985 37.6904 34.8183 37.8404L31.619 38.0957C30.8133 38.16 30.0487 38.4761 29.4335 39.0004L26.9921 41.0815C25.5564 42.3049 23.4434 42.3052 22.0077 41.0817L19.5663 39.0006C18.9511 38.4763 18.1865 38.1596 17.3808 38.0953L14.1815 37.8404C12.3013 37.6904 10.8101 36.1973 10.6601 34.317L10.4042 31.1188C10.3399 30.313 10.0222 29.5484 9.49795 28.9332L7.41787 26.4908C6.19442 25.0552 6.19385 22.9441 7.4173 21.5084L9.49925 19.066C10.0235 18.4508 10.3382 17.6862 10.4024 16.8805L10.6583 13.6822C10.8083 11.802 12.3038 10.3088 14.1841 10.1588L17.3798 9.90391C18.1855 9.83962 18.9505 9.52292 19.5657 8.99864L22.0079 6.91759C23.4436 5.69414 25.5564 5.69414 26.9921 6.91759Z' stroke='%23272425' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  height: 40px;
  width: 40px;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto -29px auto;
  padding: 20px 0 0 0;
}
[data-formname=question_gr] .form-intro .form-intro-text {
  display: flex;
  flex-direction: column-reverse;
}
[data-formname=question_gr] .form-intro .form-intro-text p {
  color: var(--oreo-oreoCookieBlack, #272425);
  text-align: center;
  /* copy-small */
  font-family: var(--font-family-copy);
  font-size: var(--font-size-copy-small, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-sm, 18px);
  /* 150% */
}
[data-formname=question_gr] .form-intro .form-intro-text h1 {
  color: var(--oreo-oreoCookieBlack, #272425);
  text-align: center;
  /* headline-small */
  font-family: var(--font-family-headlines);
  font-size: var(--font-size-headline-small, 1.75rem);
  font-style: normal;
  font-weight: 800;
  line-height: var(--line-height-xl, 30px);
  /* 107.143% */
}
[data-formname=question_gr] .radio-inputs-wrapper {
  padding: 0px 0 var(--Content-Margin, 20px) 0;
}
[data-formname=question_gr] .radio-inputs-wrapper .radio-input-wrapper {
  display: flex;
  padding: var(--s-small, 8px) 0px;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  position: relative;
  margin-bottom: var(--s-small, 8px) 0px;
  min-height: 30px;
}
[data-formname=question_gr] .radio-inputs-wrapper .radio-input-wrapper label {
  color: var(--oreo-oreoCookieBlack, #272425);
  /* form-input-text */
  font-family: var(--font-family-headlines);
  font-size: var(--font-size-copy, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-sm, 18px);
  /* 100% */
  margin-left: -26px;
  z-index: 1;
  padding-left: 42px;
}
[data-formname=question_gr] .radio-inputs-wrapper .radio-input-wrapper input {
  position: relative;
  height: 1px;
  width: 1px;
  opacity: 0;
}
[data-formname=question_gr] .radio-inputs-wrapper .radio-input-wrapper::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='29' height='29' rx='14.5' fill='white' stroke='%23272425'/%3E%3C/svg%3E%0A");
  height: 40px;
  width: 40px;
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  left: -8px;
  top: 0px;
}
[data-formname=question_gr] .radio-inputs-wrapper .radio-input-wrapper:has(input[type=radio]:checked)::before {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='29' height='29' rx='14.5' fill='%23272425' stroke='%23272425'/%3E%3Crect x='10' y='10' width='10' height='10' rx='5' fill='white'/%3E%3C/svg%3E%0A");
}

.multi-file-upload-field-wrapper [type=file] {
  display: none;
}
.multi-file-upload-field-wrapper .input-wrapper {
  cursor: pointer;
}
.multi-file-upload-field-wrapper .fileupload-events {
  background: var(--oreo-stufWhite, #fff);
  padding: var(--medium, 16px) var(--Content-Margin, 20px);
  border: 1px solid var(--oreo-oreoCookieBlack, #272425);
  border-radius: var(--small-radius, 15px);
  color: var(--oreo-oreoCookieBlack, #272425);
  /* form-input-text */
  font-family: var(--font-family-headlines);
  font-size: var(--font-size-copy, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-sm, 18px); /* 100% */
}
.multi-file-upload-field-wrapper .select-image {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.multi-file-upload-field-wrapper .isUploading {
  display: flex;
  justify-content: space-between;
}
.multi-file-upload-field-wrapper .isUploading-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.multi-file-upload-field-wrapper .isUploading-status #filename-span {
  display: none;
}
.multi-file-upload-field-wrapper .cancel-upload {
  margin-top: var(--s-small, 8px);
  color: var(--oreo-oreoCookieBlack, #272425);
  /* copy-small */
  font-family: var(--font-family-copy);
  font-size: var(--font-size-copy-small, 0.75rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--line-height-sm, 18px); /* 150% */
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.multi-file-upload-field-wrapper .file-preview-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.multi-file-upload-field-wrapper #file-preview {
  border-radius: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 76px;
  height: 76px;
  border: 1px solid var(--oreo-oreoCookieBlack, #272425);
  position: relative;
}
.multi-file-upload-field-wrapper .delete-upload {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: var(--utility-utility-error-border, #eb171d);
  /* button-text-small */
  font-family: var(--font-family-headlines);
  font-size: var(--font-size-copy-small, 0.75rem);
  font-style: normal;
  font-weight: 800;
  line-height: var(--line-height-xs, 12px); /* 100% */
}

.configurani-form .form-group.fancy-label {
  position: relative;
}
.configurani-form .form-group.fancy-label .field-body {
  position: relative !important;
  display: block !important;
  width: 100%;
}
.configurani-form .form-group.fancy-label .field-body.multi-input {
  display: flex;
  flex-direction: column;
}
.configurani-form .form-group.fancy-label .field-body.multi-input .input-wrapper {
  display: flex;
  flex-direction: row;
  gap: 12px;
  width: 100%;
}
.configurani-form .form-group.fancy-label .field-body.multi-input .input-wrapper input[disabled] {
  color: darkgrey;
  border-color: darkgrey;
}
.configurani-form .form-group.fancy-label .field-body.multi-input label {
  position: relative;
  left: 0;
  top: 0;
  transform: none;
  opacity: 1;
  margin-bottom: var(--s-small, 8px);
  font-family: var(--font-family-headlines);
  font-size: var(--font-size-copy-small, 0.75rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--line-height-sm, 1.125rem);
}
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > label,
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input.form-control {
  transition: opacity 0.2s, transform 0.2s, top 0.2s, font-size 0.2s, padding 0.2s, line-height 0.2s;
  touch-action: manipulation;
  transform-origin: left top;
}
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > label {
  margin: 0;
  position: absolute;
  left: 20px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--oreo-oreoCookieBlack, #272425);
  /* form-input-text */
  font-family: var(--font-family-headlines);
  font-size: 16px;
  line-height: 18px;
  font-style: normal;
  font-weight: 400;
}
@media (min-width: 768px) {
  .configurani-form .form-group.fancy-label .field-body:not(.multi-input) > label {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .configurani-form .form-group.fancy-label .field-body:not(.multi-input) > label {
    line-height: 18px;
  }
}
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > label:empty {
  display: none;
}
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input,
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input.form-control {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: text;
  box-sizing: border-box;
  display: block;
  height: 60px;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  padding: 16px;
  border: 1px solid var(--oreo-oreoCookieBlack, #272425);
  border-radius: var(--small-radius, 15px);
  background: #ffffff;
  font-family: var(--font-family-headlines);
  color: var(--oreo-oreoCookieBlack, #272425);
}
@media (min-width: 768px) {
  .configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input,
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input.form-control {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input,
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input.form-control {
    line-height: 18px;
  }
}
@media (min-width: 768px) {
  .configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input,
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input.form-control {
    padding: 20px;
  }
}
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:focus,
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input.form-control:focus {
  outline: none;
  box-shadow: none;
}
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input::-moz-placeholder, .configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input.form-control::-moz-placeholder {
  opacity: 0;
  color: var(--oreo-oreoCookieBlack, #272425);
}
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:-ms-input-placeholder, .configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input.form-control:-ms-input-placeholder {
  opacity: 0;
  color: var(--oreo-oreoCookieBlack, #272425);
}
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input::placeholder,
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input.form-control::placeholder {
  opacity: 0;
  color: var(--oreo-oreoCookieBlack, #272425);
}
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input[disabled],
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input.form-control[disabled] {
  color: darkgrey;
  border-color: darkgrey;
}
.configurani-form .form-group.fancy-label .field-body:not(.multi-input):has(> label:empty) > input::-moz-placeholder {
  opacity: 1;
}
.configurani-form .form-group.fancy-label .field-body:not(.multi-input):has(> label:empty) > input:-ms-input-placeholder {
  opacity: 1;
}
.configurani-form .form-group.fancy-label .field-body:not(.multi-input):has(> label:empty) > input::placeholder {
  opacity: 1;
}
.configurani-form .form-group.fancy-label .field-body:not(.multi-input):has(> label:empty) > input:focus::-moz-placeholder {
  font-size: var(--font-size-copy-small, 0.75rem);
  line-height: var(--line-height-xs, 0.75rem);
}
.configurani-form .form-group.fancy-label .field-body:not(.multi-input):has(> label:empty) > input:focus:-ms-input-placeholder {
  font-size: var(--font-size-copy-small, 0.75rem);
  line-height: var(--line-height-xs, 0.75rem);
}
.configurani-form .form-group.fancy-label .field-body:not(.multi-input):has(> label:empty) > input:focus::placeholder {
  font-size: var(--font-size-copy-small, 0.75rem);
  line-height: var(--line-height-xs, 0.75rem);
}
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:not(:-moz-placeholder-shown) {
  padding-top: 28px;
  padding-bottom: 12px;
}
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:not(:-ms-input-placeholder) {
  padding-top: 28px;
  padding-bottom: 12px;
}
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:focus,
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:not(:placeholder-shown) {
  padding-top: 28px;
  padding-bottom: 12px;
}
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:not(:-moz-placeholder-shown) + label {
  top: 8px;
  transform: none;
  font-size: 12px;
  line-height: 12px;
  opacity: 1;
}
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:not(:-ms-input-placeholder) + label {
  top: 8px;
  transform: none;
  font-size: 12px;
  line-height: 12px;
  opacity: 1;
}
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:focus + label,
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:not(:placeholder-shown) + label {
  top: 8px;
  transform: none;
  font-size: 12px;
  line-height: 12px;
  opacity: 1;
}
@media (min-width: 768px) {
  .configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:not(:-moz-placeholder-shown) + label {
    font-size: 12px;
  }
  .configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:not(:-ms-input-placeholder) + label {
    font-size: 12px;
  }
  .configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:focus + label,
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:not(:placeholder-shown) + label {
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:not(:-moz-placeholder-shown) + label {
    line-height: 12px;
  }
  .configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:not(:-ms-input-placeholder) + label {
    line-height: 12px;
  }
  .configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:focus + label,
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:not(:placeholder-shown) + label {
    line-height: 12px;
  }
}
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:-moz-placeholder-shown + label {
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 18px;
  opacity: 1;
}
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:-ms-input-placeholder + label {
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 18px;
  opacity: 1;
}
.configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:placeholder-shown + label {
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 18px;
  opacity: 1;
}
@media (min-width: 768px) {
  .configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:-moz-placeholder-shown + label {
    font-size: 20px;
  }
  .configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:-ms-input-placeholder + label {
    font-size: 20px;
  }
  .configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:placeholder-shown + label {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:-moz-placeholder-shown + label {
    line-height: 18px;
  }
  .configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:-ms-input-placeholder + label {
    line-height: 18px;
  }
  .configurani-form .form-group.fancy-label .field-body:not(.multi-input) > input:placeholder-shown + label {
    line-height: 18px;
  }
}
.configurani-form .form-group.fancy-label .field-body.multi-input input:not(:-moz-placeholder-shown) {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 60px;
}
.configurani-form .form-group.fancy-label .field-body.multi-input input:not(:-ms-input-placeholder) {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 60px;
}
.configurani-form .form-group.fancy-label .field-body.multi-input input:focus,
.configurani-form .form-group.fancy-label .field-body.multi-input input:not(:placeholder-shown) {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 60px;
}
.configurani-form .form-group.fancy-label .field-body.multi-input input:not(:-moz-placeholder-shown) + label {
  top: 0;
  transform: none;
  font-size: var(--font-size-copy-small, 0.75rem);
  line-height: var(--line-height-sm, 1.125rem);
  opacity: 1;
}
.configurani-form .form-group.fancy-label .field-body.multi-input input:not(:-ms-input-placeholder) + label {
  top: 0;
  transform: none;
  font-size: var(--font-size-copy-small, 0.75rem);
  line-height: var(--line-height-sm, 1.125rem);
  opacity: 1;
}
.configurani-form .form-group.fancy-label .field-body.multi-input input:focus + label,
.configurani-form .form-group.fancy-label .field-body.multi-input input:not(:placeholder-shown) + label {
  top: 0;
  transform: none;
  font-size: var(--font-size-copy-small, 0.75rem);
  line-height: var(--line-height-sm, 1.125rem);
  opacity: 1;
}

.barcode-modal-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.barcode-modal-content p {
  color: var(--oreo-oreoCookieBlack, #272425);
  text-align: center;
  /* copy */
  font-family: var(--font-family-copy);
  font-size: var(--font-size-copy, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-lg, 28px); /* 155.556% */
}
.barcode-modal-content .small {
  opacity: 0.5;
  color: var(--oreo-oreoCookieBlack, #272425);
  /* copy-small */
  font-family: var(--font-family-copy);
  font-size: var(--font-size-copy-small, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-sm, 18px);
  opacity: 0.5;
}
.barcode-modal-content .small.bold {
  color: var(--oreo-oreoCookieBlack, #272425);
  text-align: center;
  /* copy-small */
  font-family: var(--font-family-copy);
  font-size: var(--font-size-copy-small, 0.75rem);
  font-style: normal;
  font-weight: 700;
  line-height: var(--line-height-sm, 18px); /* 150% */
}
.barcode-modal-content h2 {
  text-align: center;
}
.barcode-modal-content #barcode-camera-frame {
  width: 100%;
  height: 100%;
  min-width: 250px;
  min-height: 250px;
}
.barcode-modal-content #qr-shaded-region {
  border-color: transparent !important;
}
.barcode-modal-content #qr-shaded-region div {
  display: none !important;
}
.barcode-modal-content #qr-shaded-region:before {
  content: "";
  background-image: url("/img/design/scan-bounding-box.png");
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  display: block;
  background-position: center;
}

.cointoss-wrapper .cointoss-counter-wrapper {
  display: flex;
  justify-content: center;
}
.cointoss-wrapper .cointoss-counter-wrapper .counter {
  border-radius: var(--Large-radius, 0px);
  background: var(--oreo-oreoBlue, #0029a3);
  /* card-shadow */
  box-shadow: var(--card-shadow-blue-bg);
  display: inline;
  padding: var(--small, 12px) var(--medium, 16px);
  gap: 10px;
  color: var(--oreo-stufWhite, #fff);
  text-align: center;
  text-shadow: 0px 4px 14px rgba(0, 0, 0, 0.45);
  font-family: var(--font-family-copy);
  font-size: var(--font-size-copy, 1.125rem);
  font-style: normal;
  font-weight: 800;
  line-height: var(--line-height-lg, 28px); /* 155.556% */
}
.cointoss-wrapper .cointoss-counter-wrapper .counter-2,
.cointoss-wrapper .cointoss-counter-wrapper .counter-3,
.cointoss-wrapper .cointoss-counter-wrapper .counter-4 {
  width: 44px;
  height: 50px;
  color: var(--oreo-stufWhite, #fff);
  text-align: center;
  text-shadow: 0px 4px 14px rgba(0, 0, 0, 0.45);
  /* headline-hero */
  font-family: var(--font-family-headlines);
  font-size: var(--font-size-headline-hero, 3rem);
  font-style: normal;
  font-weight: 800;
  line-height: var(--line-height-4xl, 48px); /* 100% */
}
.cointoss-wrapper .winner-animation {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  transform: scale(0);
  -webkit-animation: scaleUpAnimation 4s ease forwards;
          animation: scaleUpAnimation 4s ease forwards;
  padding: var(--small);
}
.cointoss-wrapper .winner-animation p {
  color: var(--oreo-stufWhite, #fff);
  text-align: center;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  /* headline-hero */
  font-family: var(--font-family-headlines);
  font-size: var(--font-size-headline-hero, 3rem);
  font-style: normal;
  font-weight: 800;
  line-height: var(--line-height-4xl, 48px);
}
.cointoss-wrapper .fail-animation {
  -webkit-animation: scaleUpCreeper 4s ease forwards;
          animation: scaleUpCreeper 4s ease forwards;
  padding: var(--small);
}
.cointoss-wrapper .fail-animation img {
  max-width: 100%;
  transform: rotate(7.599deg);
}

@-webkit-keyframes scaleUpCreeper {
  0% {
    transform: scale(0);
  }
  30% {
    transform: scale(0);
  }
  100% {
    transform: scale(1.5);
  }
}

@keyframes scaleUpCreeper {
  0% {
    transform: scale(0);
  }
  30% {
    transform: scale(0);
  }
  100% {
    transform: scale(1.5);
  }
}
@-webkit-keyframes scaleUpAnimation {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(0);
  }
  85% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scaleUpAnimation {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(0);
  }
  85% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
#fallback > div.m-y-auto > div.note {
  margin: 20px;
}

#fallback-slider > div > button.btn.btn-special.btn-left,
#fallback-slider > div > button.btn.btn-special.btn-right {
  height: 50px;
  width: 50px;
}
#fallback-slider > div > button.btn.btn-special.btn-left span,
#fallback-slider > div > button.btn.btn-special.btn-right span {
  font-size: 1.5625rem;
}

#fallback-slider > div > button.btn.btn-special.btn-left:active {
  margin-top: -2px;
}

#fallback-slider > div > button.btn.btn-special.btn-right:active {
  margin-right: -4px;
  margin-top: -2px;
}

#fallback {
  justify-content: space-around !important;
}
#fallback .m-y-auto {
  margin-top: 0;
  margin-bottom: 0;
}

#ui div.error-view div button.small {
  display: flex;
  height: 48px;
  padding: var(--small, 12px) var(--medium, 16px);
  justify-content: center;
  align-items: center;
  border-radius: var(--Large-radius, 0px);
  border: 2px solid #000;
  box-shadow: 4px 4px 0px 0px #171615, -4px -4px 0px 0px rgba(0, 0, 0, 0.2) inset, 4px 4px 0px 0px rgba(255, 255, 255, 0.4) inset;
  color: var(--oreo-stufWhite, #FFF);
  font-family: var(--font-family-headlines);
  font-size: var(--font-size-button-text, 1.25rem);
  font-style: normal;
  font-weight: 800;
  line-height: var(--line-height-sm, 1.125rem);
  margin: 0 auto;
}

[id^=cameraPermissions-] {
  display: none !important;
}

#fallback div.m-y-auto .note {
  margin: 20px;
}

.content.legal #ot-sdk-cookie-policy * {
  color: var(--oreo-stufWhite, #fff) !important;
  background-color: transparent !important;
}
.content.legal #ot-sdk-cookie-policy p {
  color: var(--oreo-stufWhite, #fff);
  font-family: var(--font-family-copy);
  font-size: var(--font-size-copy, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-lg, 28px);
}
.content.legal #ot-sdk-btn {
  background-color: transparent;
  border: 1px solid white;
}

body.oreo-ritual {
  background: radial-gradient(120% 120% at 50% 0%, #4cbcec 0%, #0029a3 45%, #001b66 100%);
  min-height: 100vh;
}
body.oreo-ritual .ritual-shell {
  max-width: 520px;
  margin: 0 auto;
  padding: 2rem 1.25rem 3rem;
  color: #fff;
  position: relative;
}
body.oreo-ritual .ritual-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25rem;
}
body.oreo-ritual .ritual-logo {
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
body.oreo-ritual .ritual-home {
  width: 44px;
  height: 44px;
  border: 2px solid #fff;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #fff;
  transition: background 0.2s ease, color 0.2s ease;
}
body.oreo-ritual .ritual-home:hover {
  background: #fff;
  color: #0029a3;
}
body.oreo-ritual .camera-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  background: #1f1f1f;
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
  border: 4px solid #0a2d99;
}
body.oreo-ritual .camera-frame video#camera {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scaleX(-1);
}
body.oreo-ritual .camera-frame .frame-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
body.oreo-ritual .camera-frame .overlay-circle {
  position: absolute;
  width: 76%;
  height: 76%;
  left: 12%;
  top: 12%;
  -o-object-fit: contain;
     object-fit: contain;
  filter: drop-shadow(0 0 26px rgba(0, 0, 0, 0.35));
}
body.oreo-ritual .camera-frame .corner {
  position: absolute;
  width: 54px;
  height: 54px;
  -o-object-fit: contain;
     object-fit: contain;
}
body.oreo-ritual .camera-frame .corner.tl {
  top: 10%;
  left: 10%;
}
body.oreo-ritual .camera-frame .corner.tr {
  top: 10%;
  right: 10%;
}
body.oreo-ritual .camera-frame .corner.bl {
  bottom: 10%;
  left: 10%;
}
body.oreo-ritual .camera-frame .corner.br {
  bottom: 10%;
  right: 10%;
}
body.oreo-ritual .ritual-actions {
  margin-top: 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
body.oreo-ritual .ritual-actions .scan-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  width: 100%;
  padding: 1.1rem 1rem;
  font-size: 1.2rem;
  font-weight: 800;
  text-transform: uppercase;
  background: #ffd048;
  color: #272425;
  border: none;
  border-radius: 50px;
  box-shadow: 0 0 130px rgba(255, 208, 72, 0.7);
  transition: transform 0.1s ease, box-shadow 0.2s ease;
}
body.oreo-ritual .ritual-actions .scan-btn .scan-icon {
  width: 48px;
  height: 48px;
  display: inline-block;
}
body.oreo-ritual .ritual-actions .scan-btn:disabled {
  opacity: 0.75;
  cursor: not-allowed;
  box-shadow: none;
}
body.oreo-ritual .ritual-actions .scan-btn:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 15px 80px rgba(0, 0, 0, 0.3);
}
body.oreo-ritual .ritual-actions .info-bubble {
  width: 44px;
  height: 44px;
  border: 2px solid #fff;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
body.oreo-ritual .ritual-actions .info-bubble .icon-Info:before {
  color: #fff;
}
body.oreo-ritual .ritual-actions .status-bar {
  margin-top: 0.5rem;
  text-align: center;
  color: #d4e7ff;
  min-height: 1.2rem;
  font-size: 0.95rem;
}
body.oreo-ritual .ritual-actions .helper-text {
  font-size: 0.95rem;
  color: #d4e7ff;
  text-align: center;
  margin-top: 0.5rem;
}

body.winner_page,
body.loser-page {
  background-color: var(--oreo--oreo-blue);
}

body.winner_page.countdown-complete {
  --countdown-bg-y: 35%;
}

body.winner_page.countdown-complete main {
  position: relative;
}

body.winner_page.countdown-complete main::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  background-image: url(/img/backgrounds/prizes_background.png);
  background-image: -webkit-image-set(url(/img/backgrounds/prizes_background.webp) type("image/webp"), url(/img/backgrounds/prizes_background.png) type("image/png"));
  background-image: image-set(url(/img/backgrounds/prizes_background.webp) type("image/webp"), url(/img/backgrounds/prizes_background.png) type("image/png"));
  background-position: center var(--countdown-bg-y);
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: 0;
}

body.winner_page.countdown-complete main > * {
  position: relative;
  z-index: 1;
}

body.winner_page.countdown-complete .header-navi + section.countdown-winner.is-complete {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: max(0px, 100dvh - var(--winner-header-height, 0px));
}

.countdown {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  padding: var(--large, 28px) var(--medium, 16px) var(--x-large, 44px);
  text-align: center;
  color: var(--oreo--stuf-white, #ffffff);
}

.countdown__timer {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(160px, 30vh, 240px);
  max-height: clamp(200px, 40vh, 320px);
  padding: var(--small, 12px) var(--medium, 16px);
  overflow: visible;
  transition: opacity 0.3s ease, transform 0.3s ease, max-height 0.3s ease;
}

.countdown__number {
  font-family: var(--font-family-headlines);
  font-weight: 800;
  font-size: clamp(3.75rem, 14vw, 6.5rem);
  line-height: 0.9;
  text-shadow: 0px 4px 14px rgba(0, 0, 0, 0.45);
  will-change: transform, opacity;
}

.countdown__number.is-animating {
  -webkit-animation: countdown-pop 1s ease-out both;
          animation: countdown-pop 1s ease-out both;
  transform-origin: center;
}

.countdown.is-complete .countdown__timer {
  opacity: 0;
  transform: scale(0.95);
  max-height: 0;
  min-height: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.winner-countdown__result {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 38.75rem;
  max-height: 0;
  min-height: 0;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.4s ease, transform 0.4s ease, max-height 0.4s ease;
  pointer-events: none;
  overflow: hidden;
  margin: 0;
  text-align: center;
}

.winner-countdown__title {
  margin: 0 0 var(--medium, 16px);
  font-family: var(--font-family-headlines);
  font-weight: 800;
  font-size: 48px;
  line-height: 48px;
  text-shadow: 0px 4px 14px rgba(0, 0, 0, 0.45);
}
@media (min-width: 768px) {
  .winner-countdown__title {
    font-size: 62px;
  }
}
@media (min-width: 768px) {
  .winner-countdown__title {
    line-height: 62px;
  }
}

.winner-countdown__copy {
  margin: 0;
  font-size: 20px;
  line-height: 28px;
  text-shadow: 0px 4px 14px rgba(0, 0, 0, 0.35);
}
@media (min-width: 768px) {
  .winner-countdown__copy {
    font-size: 22px;
  }
}
@media (min-width: 768px) {
  .winner-countdown__copy {
    line-height: 32px;
  }
}

.winner-countdown__actions {
  margin-top: var(--large, 28px);
}

body.winner_page.countdown-complete .winner-countdown__result {
  max-height: 125rem;
  min-height: 100%;
  flex: 1;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  margin-top: 0;
}

body.winner_page .countdown.is-complete {
  padding-top: 0;
}

.winner-countdown__button {
  background: #fdce48;
  border: none;
  border-radius: 3.75rem;
  box-shadow: 0 0 100px 0 #ffbd00;
  color: #0029a3;
  font-family: var(--font-family-headlines);
  font-weight: 800;
  text-transform: uppercase;
  font-size: clamp(1.25rem, 5vw, 1.875rem);
  line-height: clamp(1.375rem, 5vw, 1.6875rem);
  padding: var(--small, 18px) var(--medium, 30px);
  gap: var(--s-small, 12px);
  white-space: nowrap;
}

.winner-countdown__icon {
  width: 2.25rem;
  height: 2.25rem;
  display: inline-block;
}

body.loser-page:not(.countdown-complete) #cards {
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: opacity 0.4s ease, transform 0.4s ease, visibility 0s linear 0.4s, max-height 0.4s ease;
  max-height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

body.loser-page.countdown-complete #cards {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  max-height: 125rem;
  transition-delay: 0s;
}

body.loser-page .countdown.is-complete {
  padding: 0;
  margin: 0;
  max-height: 0;
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .countdown__number.is-animating {
    -webkit-animation: none;
            animation: none;
  }
  .countdown__timer,
.winner-countdown__result,
body.loser-page #cards {
    transition: none;
  }
}
@-webkit-keyframes countdown-pop {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  45% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1.7);
    opacity: 0;
  }
}
@keyframes countdown-pop {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  45% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1.7);
    opacity: 0;
  }
}

/*# sourceMappingURL=app.css.map*/