/* Define Custom Media queries */
/* Define global CSS variables inside :root */
:root {
  --content-max-width: 100%;
  --grid-column: calc(100vw / 14);
  --grid-row: calc(100vh / 14);
  --grid-row-2: calc(100vh / 7);
  --grid-row-3: calc(100vh / 4);
  --grid-gutter: 1.5rem;
  --border-radius: .5rem;
  --border-radius-buttons: 14px;
  --modal-top-margin: 1.1rem;

  /* Colors */
  --color-pf-dark: #222222;
  --color-pf-dark-5: rgba(34,34,34,0.05098);
  --color-pf-dark-10: rgba(34,34,34,0.10196);
  --color-pf-dark-20: rgba(34,34,34,0.2);
  --color-pf-dark-50: rgba(34,34,34,0.50196);
  --color-pf-dark-80: rgba(34,34,34,0.8);

  --color-pf-white: #FFFFFF;
  --color-pf-grey: #dddddd;
  --color-pf-black: #232624;

  --color-pf-yellow-dskd: #ffff9c;
  --color-pf-yellow: #FCDC00;
  --color-pf-yellow-light: #FFF4A6;
  --color-pf-beige: #F7E1B9;
  --color-pf-blue-light: #D5FAFA;
  --color-pf-blue: #00C2FF;
  --color-pf-blue-dark: #585E86;
  --color-pf-pink: #FBD3D3;
  --color-pf-orange: #F9A000;
  --color-pf-red-light: #F36B82;
  --color-pf-magenta: #FF00F5;
  --color-pf-red: #D40035;
  --color-pf-green: #47B1B1;
  --color-pf-lavender: #DED4F6;
  --color-pf-purple-light: #C6B4EF;
  --color-pf-purple: #5620CF;
  --color-pf-purple-dark: #3C3281;



  /* Set the default font to use on the site */
  --font-ubuntu: 'Ubuntu', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;


  /* Set the default font size */
  --font-size-tiny: 10px;
  --font-size-small: 13px;
  --font-size-cta: 14px;
  --font-size-body: 16px;
  --font-size-xs: 1.25rem;
  --font-size-sm: 1.5rem;
  --font-size-md: 1.875rem;
  --font-size-lg: 2.5rem;
  --font-size-xl: 3rem;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;

  --font-lineheight-body: 1.4;
  --font-lineheight-headers: 1em;

  --border: 1px solid currentColor;

  --opacity-dim: .7;
  --opacity-font: .5;
  --opacity-border: .2;
  --opacity-background: 0;
  --opacity-background-focus: .05;

  --filter-box-shadow: drop-shadow(0px 8px 8px rgba(0, 0, 0, .16));

  --cubic-ease-in-out: cubic-bezier(.5, 0, .5, 1);
  --cubic-ease-out: cubic-bezier(.5, 1, .5, 1);

  --z-index-header: 100;
  --z-index-modal-bottom: 102;
}
/* Uncomment and set these variables to customize the grid. */
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}
.row {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}
.row.reverse {
  flex-direction: row-reverse;
}
.col.reverse {
  flex-direction: column-reverse;
}
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 1rem;
  padding-left: 1rem;
}
.col-xs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}
.col-xs-1 {
  flex-basis: 8.333%;
  max-width: 8.333%;
}
.col-xs-2 {
  flex-basis: 16.667%;
  max-width: 16.667%;
}
.col-xs-3 {
  flex-basis: 25%;
  max-width: 25%;
}
.col-xs-4 {
  flex-basis: 33.333%;
  max-width: 33.333%;
}
.col-xs-5 {
  flex-basis: 41.667%;
  max-width: 41.667%;
}
.col-xs-6 {
  flex-basis: 50%;
  max-width: 50%;
}
.col-xs-7 {
  flex-basis: 58.333%;
  max-width: 58.333%;
}
.col-xs-8 {
  flex-basis: 66.667%;
  max-width: 66.667%;
}
.col-xs-9 {
  flex-basis: 75%;
  max-width: 75%;
}
.col-xs-10 {
  flex-basis: 83.333%;
  max-width: 83.333%;
}
.col-xs-11 {
  flex-basis: 91.667%;
  max-width: 91.667%;
}
.col-xs-12 {
  flex-basis: 100%;
  max-width: 100%;
}
.col-xs-offset-1 {
  margin-left: 8.333%;
}
.col-xs-offset-2 {
  margin-left: 16.667%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-4 {
  margin-left: 33.333%;
}
.col-xs-offset-5 {
  margin-left: 41.667%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-7 {
  margin-left: 58.333%;
}
.col-xs-offset-8 {
  margin-left: 66.667%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-10 {
  margin-left: 83.333%;
}
.col-xs-offset-11 {
  margin-left: 91.667%;
}
.start-xs {
  justify-content: flex-start;
  text-align: left;
}
.center-xs {
  justify-content: center;
  text-align: center;
}
.end-xs {
  justify-content: flex-end;
  text-align: right;
}
.top-xs {
  align-items: flex-start;
}
.middle-xs {
  align-items: center;
}
.bottom-xs {
  align-items: flex-end;
}
.around-xs {
  justify-content: space-around;
}
.between-xs {
  justify-content: space-between;
}
.first-xs {
  order: -1;
}
.last-xs {
  order: 1;
}
@media only screen and (min-width: 48em) {
  .container {
    width: 46rem;
  }

  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

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

  .col-sm-1 {
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-sm-2 {
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

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

  .col-sm-4 {
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-sm-5 {
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

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

  .col-sm-7 {
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-sm-8 {
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

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

  .col-sm-10 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-sm-11 {
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

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

  .col-sm-offset-0 {
    margin-left: 0;
  }

  .col-sm-offset-1 {
    margin-left: 8.333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.667%;
  }

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

  .col-sm-offset-4 {
    margin-left: 33.333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.667%;
  }

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

  .col-sm-offset-7 {
    margin-left: 58.333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.667%;
  }

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

  .col-sm-offset-10 {
    margin-left: 83.333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.667%;
  }

  .start-sm {
    justify-content: flex-start;
    text-align: left;
  }

  .center-sm {
    justify-content: center;
    text-align: center;
  }

  .end-sm {
    justify-content: flex-end;
    text-align: right;
  }

  .top-sm {
    align-items: flex-start;
  }

  .middle-sm {
    align-items: center;
  }

  .bottom-sm {
    align-items: flex-end;
  }

  .around-sm {
    justify-content: space-around;
  }

  .between-sm {
    justify-content: space-between;
  }

  .first-sm {
    order: -1;
  }

  .last-sm {
    order: 1;
  }
}
@media only screen and (min-width: 62em) {
  .container {
    width: 61rem;
  }

  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

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

  .col-md-1 {
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-md-2 {
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

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

  .col-md-4 {
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-md-5 {
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

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

  .col-md-7 {
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-md-8 {
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

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

  .col-md-10 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-md-11 {
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

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

  .col-md-offset-0 {
    margin-left: 0;
  }

  .col-md-offset-1 {
    margin-left: 8.333%;
  }

  .col-md-offset-2 {
    margin-left: 16.667%;
  }

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

  .col-md-offset-4 {
    margin-left: 33.333%;
  }

  .col-md-offset-5 {
    margin-left: 41.667%;
  }

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

  .col-md-offset-7 {
    margin-left: 58.333%;
  }

  .col-md-offset-8 {
    margin-left: 66.667%;
  }

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

  .col-md-offset-10 {
    margin-left: 83.333%;
  }

  .col-md-offset-11 {
    margin-left: 91.667%;
  }

  .start-md {
    justify-content: flex-start;
    text-align: left;
  }

  .center-md {
    justify-content: center;
    text-align: center;
  }

  .end-md {
    justify-content: flex-end;
    text-align: right;
  }

  .top-md {
    align-items: flex-start;
  }

  .middle-md {
    align-items: center;
  }

  .bottom-md {
    align-items: flex-end;
  }

  .around-md {
    justify-content: space-around;
  }

  .between-md {
    justify-content: space-between;
  }

  .first-md {
    order: -1;
  }

  .last-md {
    order: 1;
  }
}
@media only screen and (min-width: 75em) {
  .container {
    width: 71rem;
  }

  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

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

  .col-lg-1 {
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-lg-2 {
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

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

  .col-lg-4 {
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-lg-5 {
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

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

  .col-lg-7 {
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-lg-8 {
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

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

  .col-lg-10 {
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-lg-11 {
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

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

  .col-lg-offset-0 {
    margin-left: 0;
  }

  .col-lg-offset-1 {
    margin-left: 8.333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.667%;
  }

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

  .col-lg-offset-4 {
    margin-left: 33.333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.667%;
  }

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

  .col-lg-offset-7 {
    margin-left: 58.333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.667%;
  }

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

  .col-lg-offset-10 {
    margin-left: 83.333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.667%;
  }

  .start-lg {
    justify-content: flex-start;
    text-align: left;
  }

  .center-lg {
    justify-content: center;
    text-align: center;
  }

  .end-lg {
    justify-content: flex-end;
    text-align: right;
  }

  .top-lg {
    align-items: flex-start;
  }

  .middle-lg {
    align-items: center;
  }

  .bottom-lg {
    align-items: flex-end;
  }

  .around-lg {
    justify-content: space-around;
  }

  .between-lg {
    justify-content: space-between;
  }

  .first-lg {
    order: -1;
  }

  .last-lg {
    order: 1;
  }
}
/* ADD XLARGE */
@media only screen and (min-width: 90em) {
  .container {
    width: 91rem;
  }

  .col-xl,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl-offset-0,
  .col-xl-offset-1,
  .col-xl-offset-2,
  .col-xl-offset-3,
  .col-xl-offset-4,
  .col-xl-offset-5,
  .col-xl-offset-6,
  .col-xl-offset-7,
  .col-xl-offset-8,
  .col-xl-offset-9,
  .col-xl-offset-10,
  .col-xl-offset-11,
  .col-xl-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .col-xl-offset-0 {
    margin-left: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

  .start-xl {
    justify-content: flex-start;
    text-align: left;
  }

  .center-xl {
    justify-content: center;
    text-align: center;
  }

  .end-xl {
    justify-content: flex-end;
    text-align: right;
  }

  .top-xl {
    align-items: flex-start;
  }

  .middle-xl {
    align-items: center;
  }

  .bottom-xl {
    align-items: flex-end;
  }

  .around-xl {
    justify-content: space-around;
  }

  .between-xl {
    justify-content: space-between;
  }

  .first-xl {
    order: -1;
  }

  .last-xl {
    order: 1;
  }
}
/* ADD XXLARGE */
@media only screen and (min-width: 120em) {
  .container {
    width: 118rem;
  }

  .col-xxl,
  .col-xxl-1,
  .col-xxl-2,
  .col-xxl-3,
  .col-xxl-4,
  .col-xxl-5,
  .col-xxl-6,
  .col-xxl-7,
  .col-xxl-8,
  .col-xxl-9,
  .col-xxl-10,
  .col-xxl-11,
  .col-xxl-12,
  .col-xxl-offset-0,
  .col-xxl-offset-1,
  .col-xxl-offset-2,
  .col-xxl-offset-3,
  .col-xxl-offset-4,
  .col-xxl-offset-5,
  .col-xxl-offset-6,
  .col-xxl-offset-7,
  .col-xxl-offset-8,
  .col-xxl-offset-9,
  .col-xxl-offset-10,
  .col-xxl-offset-11,
  .col-xxl-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .col-xxl-offset-0 {
    margin-left: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

  .start-xxl {
    justify-content: flex-start;
    text-align: left;
  }

  .center-xxl {
    justify-content: center;
    text-align: center;
  }

  .end-xxl {
    justify-content: flex-end;
    text-align: right;
  }

  .top-xxl {
    align-items: flex-start;
  }

  .middle-xxl {
    align-items: center;
  }

  .bottom-xxl {
    align-items: flex-end;
  }

  .around-xxl {
    justify-content: space-around;
  }

  .between-xxl {
    justify-content: space-between;
  }

  .first-xxl {
    order: -1;
  }

  .last-xxl {
    order: 1;
  }
}
/* flexboxgrid overrides */
.container-fluid {
  position: relative;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  height: 100%;
}
.container {
  width: 100%;
  max-width: 100%;
  max-width: var(--content-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-left: var(--grid-gutter);
  padding-right: 1.5rem;
  padding-right: var(--grid-gutter);
}
@media (min-width: 1024px) {
.container {
    padding-left: calc(1 * 1.5rem);
    padding-left: calc(1 * var(--grid-gutter));
    padding-right: calc(1 * 1.5rem);
    padding-right: calc(1 * var(--grid-gutter))
}
  }
/* WITH GUTTER */
.row {
  margin-right: calc(-1 * 1.5rem);
  margin-right: calc(-1 * var(--grid-gutter));
  margin-left: calc(-1 * 1.5rem);
  margin-left: calc(-1 * var(--grid-gutter));
}
[class*="col-"] {
  padding-left: calc(1 * 1.5rem);
  padding-left: calc(1 * var(--grid-gutter));
  padding-right: calc(1 * 1.5rem);
  padding-right: calc(1 * var(--grid-gutter));
}
.center-xs,
.center-sm,
.center-md,
.center-lg,
.center-xl {
  text-align: left;
}
html, body {
  padding: 0;
  margin: 0;
  width: 100%;
  min-height: 100vh;
}
*, *:before, *:after {
  box-sizing: border-box;
}
img {
  display: block;
  border: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
}
[hidden] {
  pointer-events: none !important;
}
[hidden] {
  opacity: 0;
  transition: opacity .3s;
}
[hidden] * {
    pointer-events: none !important;
  }
@media (min-width: 768px) {
.hide-sm {
    display: none
}
  }
@media (min-width: 1024px) {
.hide-md {
    display: none
}
  }
@media (max-width: 767px) {
.show-sm {
    display: none
}
  }
@media (max-width: 1023px) {
.show-md {
    display: none
}
  }
.flex-align-bottom {
  display: flex;
  align-items: flex-end;
}
.breadcrumb {
  margin-bottom: calc(.5 * (100vh / 14));
  margin-bottom: calc(.5 * calc(100vh / 14));
  margin-bottom: calc(.5 * var(--grid-row));
}
html, body {
  font-family: 'Ubuntu', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  font-family: var(--font-ubuntu);
  font-size: 16px;
  font-size: var(--font-size-body);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  line-height: 1.4;
  line-height: var(--font-lineheight-body);
  background-color: #FFFFFF;
  background-color: var(--color-pf-white);
  color: #222222;
  color: var(--color-pf-dark);
  letter-spacing: -.04em;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 .75em 0;
  line-height: 1em;
  line-height: var(--font-lineheight-headers);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
}
.h1, h1 {
  font-size: 2.5rem;
  font-size: var(--font-size-lg);
}
.h2, h2 {
  font-size: 1.875rem;
  font-size: var(--font-size-md);
}
.h3, h3 {
  font-size: 16px;
  font-size: var(--font-size-body);
}
p {
  margin-top: 0;
  margin-bottom: .75em;
}
b,
strong {
  font-weight: 700;
  font-weight: var(--font-weight-bold);
}
small {
  display: block;
  font-size: 13px;
  font-size: var(--font-size-small);
  line-height: 1.4;
  line-height: var(--font-lineheight-body);
}
small * {
    font-size: 13px;
    font-size: var(--font-size-small);
    line-height: 1.4;
    line-height: var(--font-lineheight-body);
  }
pre {
  margin: 0;
}
a {
  color: currentColor;
  text-decoration-thickness: 1px;
  -webkit-text-decoration: none;
  text-decoration: none;
}
a[aria-disabled="true"] {
    pointer-events: none;
    opacity: .5;
    opacity: var(--opacity-font);
  }
a > svg + span,
  a > span + svg,
  button > svg + span,
  button > span + svg {
    margin-left: .75em;
  }
svg {
  fill: currentColor;
  stroke: currentColor;
}
ul, ol {
  margin-top: 0;
  padding: 0;
  list-style-type: none;
}
dl dt {
    font-weight: 700;
    font-weight: var(--font-weight-bold);
  }
dl dd {
    margin: 0;
  }
hr {
  border: none;
  background-color: currentColor;
  color: currentColor;
  height: 1px;
  margin: 2.5rem 0 1.25rem 0;
  opacity: .2;
  opacity: var(--opacity-border);
}
hr.xxs {
    margin: 0;
  }
hr.xs {
    margin: .5rem 0;
  }
hr.sm {
    margin: .75rem 0;
  }
hr.md {
    margin: 1rem 0;
  }
hr.lg {
    margin: 1.5rem 0;
  }
hr.xl {
    margin: 2.5rem 0;
  }
hr.xxl {
    margin: 5rem 0;
  }
hr.transparent {
    opacity: 0;
  }
form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.input-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.input-wrapper-inline {
  display: flex;
  gap: 20px;
}
label {
  display: block;
  margin-bottom: .5rem;
  font-size: 13px;
  font-size: var(--font-size-small);
}
.input {
  position: relative;
  width: 100%;
  margin-bottom: 1.5rem;
}
.input:before {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    opacity: .2;
    opacity: var(--opacity-border);
    border: 1px solid currentColor;
    border: var(--border);
    border-radius: .5rem;
    border-radius: var(--border-radius);
  }
.input input[type].big {
      padding: .75rem 0;
    }
.input + label {
    margin-top: -1rem;
  }
input[type] {
  -webkit-appearance: none;
          appearance: none;
  outline: none;
  display: inline-flex;
  justify-content: left;
  align-items: center;
  color: currentColor;
  width: 100%;
  min-height: 45px;
  margin: 0;
  padding: .75rem 1.25rem;
  border: none;
  background: transparent;
  font-family: 'Ubuntu', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  font-family: var(--font-ubuntu);
  font-size: 14px;
  font-size: var(--font-size-cta);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  line-height: 1.4;
  line-height: var(--font-lineheight-body);
  letter-spacing: inherit;
}
input[type].big {
    padding: 9px 0 8px 0;
    font-size: 2.5rem;
    font-size: var(--font-size-lg);
  }
input[type]:-webkit-autofill {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
  }
input[type]::placeholder {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    opacity: .5;
    opacity: var(--opacity-font);
  }
input[type][disabled] {
    opacity: .5;
    cursor: not-allowed;
  }
input[type] + .error-validation {
    margin-top: -15px;
  }
input[type="range"] {
  -webkit-appearance: none;
          appearance: none;
  display: inline-flex;
  min-height: auto;
  height: 1rem;
  padding: 0;
  margin: 1rem 0 1rem 0;
  background-color: transparent;
  cursor: pointer;
}
input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background-color: currentColor;
    border-radius: 1px;
  }
input[type="range"]::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background-color: currentColor;
    border-radius: 1px;
  }
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
            appearance: none;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: calc(-.75rem + 1px);
    background-color: #FF00F5;
    background-color: var(--color-pf-magenta);
    border: none;
    border-radius: 1.5rem;
    cursor: pointer;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
  }
input[type="range"]::-webkit-slider-thumb:hover {
      transform: scale(1.25);
    }
input[type="range"]::-moz-range-thumb {
    appearance: none;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: calc(-.75rem + 1px);
    background-color: #FF00F5;
    background-color: var(--color-pf-magenta);
    border: none;
    border-radius: 1.5rem;
    cursor: pointer;
    -moz-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
  }
input[type="range"]::-moz-range-thumb:hover {
      transform: scale(1.25);
    }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  background-color: transparent;
  -webkit-text-fill-color: currentColor;
  -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset;
  -webkit-box-shadow: 0 0 0 1000px var(--color-pf-white) inset;
}
select {
  padding: .5rem;
  border-radius: .25rem;
  border-color: #232624;
  border-color: var(--color-pf-black);
  font-family: 'Ubuntu', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  font-family: var(--font-ubuntu);
  margin-bottom: 2rem;
}
.error-message {
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  color: #D40035;
  color: var(--color-pf-red);
  margin-bottom: 2em;
}
.message {
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  color: #3C3281;
  color: var(--color-pf-purple-dark);
  margin-bottom: 2em;
}
.message + .message {
    margin-top: -1.5em;
  }
input[type="color"] {
  -webkit-appearance: none;
          appearance: none;
  border: none;
  width: 40px;
  height: 40px;
  min-width: 40px;
  padding: 0;
  cursor: pointer;
}
textarea {
  width: 100%;
  border: 1px solid currentColor;
  border: var(--border);
  font-family: inherit;
  border: none;
  padding: .5rem;
  margin-bottom: .5rem;
  min-height: 100px;
  resize: vertical;
  background-color: transparent;
  border: var(--border);
  border-color: rgba(34,34,34,0.2);
  border-color: var(--color-pf-dark-20);
  border-radius: .5rem;
  border-radius: var(--border-radius);
  transition: border-color .2s, background-color .2s;
}
textarea:focus {
    background-color: rgba(34,34,34,0.05098);
    background-color: var(--color-pf-dark-5);
    border-color: transparent;
  }
textarea:focus {
    outline: none;
  }
.radio,
.checkbox {
  display: block;
  position: relative;
  padding-left: 2rem;
  margin-bottom: .75rem;
  min-height: 1.35rem;
  cursor: pointer;
  font-family: 'Ubuntu', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  font-family: var(--font-ubuntu);
  font-size: 13px;
  font-size: var(--font-size-small);
  -webkit-user-select: none;
          user-select: none;
}
.radio[aria-disabled="true"], .checkbox[aria-disabled="true"] {
    pointer-events: none;
    opacity: .5;
  }
.radio:hover input ~ .checkmark, .checkbox:hover input ~ .checkmark {
      opacity: 1;
    }
.radio input, .checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 0;
    height: 0;
    min-height: 0;
    padding: 0;
  }
.radio input[disabled], .checkbox input[disabled] {
      pointer-events: none;
      opacity: .5;
    }
.radio input:checked ~ .checkmark:after, .checkbox input:checked ~ .checkmark:after {
        display: block;
      }
.radio .checklabel, .checkbox .checklabel {
    display: inline-block;
    font-size: 14px;
    font-size: var(--font-size-cta);
    line-height: 1.4;
    line-height: var(--font-lineheight-body);
    text-align: left;
  }
.radio .checklabel a, .checkbox .checklabel a {
      -webkit-text-decoration: underline;
      text-decoration: underline;
    }
.radio .checkmark, .checkbox .checkmark {
    position: absolute;
    top: -2px;
    left: 0;
    height: 22px;
    width: 22px;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: opacity .2s;
  }
.radio .checkmark:before, .checkbox .checkmark:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border: 1px solid currentColor;
      border: var(--border);
      border-radius: 4px;
      opacity: .5;
      opacity: var(--opacity-font);
    }
.radio .checkmark:after, .checkbox .checkmark:after {
      content: '';
      position: absolute;
      display: none;
      left: 6px;
      top: 2px;
      width: 8px;
      height: 12px;
      border: solid currentColor;
      border-width: 0 2px 2px 0;
      transform: rotate(40deg);
    }
.radio .checkmark {
    border-radius: 100%;
  }
.radio .checkmark:before {
      border-radius: 100%;
    }
.radio .checkmark:after {
      left: 6px;
      top: 6px;
      width: 8px;
      height: 8px;
      border: none;
      background-color: #FFFFFF;
      background-color: var(--color-pf-white);
      border-radius: 100%;
    }
.radio input:checked ~ .checkmark:after {
        background-color: currentColor;
        display: block;
      }
.description {
  font-size: 13px;
  font-size: var(--font-size-small);
  opacity: .5;
  opacity: var(--opacity-font);
  margin-top: .5em;
}
button {
  -webkit-appearance: none;
          appearance: none;
  background-color: transparent;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  color: currentColor;
  max-width: 100%;
  border: none;
  outline: none;
  cursor: pointer;
}
button[aria-disabled="true"],
  button[disabled] {
    pointer-events: none;
    opacity: .5;
    opacity: var(--opacity-font);
  }
input[type="submit"],
button[type="submit"],
.button {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  padding: 0 1.25em;
  font-family: inherit;
  font-size: 14px;
  font-size: var(--font-size-cta);
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  background-color: #5620CF;
  background-color: var(--color-pf-purple);
  color: #FFFFFF;
  color: var(--color-pf-white);
  outline: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-shadow: none;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 14px;
  border-radius: var(--border-radius-buttons);
  height: 3rem;
  transition: background-color .2s;
}
input[type="submit"].prev, button[type="submit"].prev, .button.prev {
    opacity: .5;
    opacity: var(--opacity-font);
  }
input[type="submit"].sm, button[type="submit"].sm, .button.sm {
    height: 2rem;
    font-size: 13px;
    font-size: var(--font-size-small);
  }
input[type="submit"].md, button[type="submit"].md, .button.md {
    height: 2.5rem;
    font-size: 14px;
    font-size: var(--font-size-cta);
  }
input[type="submit"].lg, button[type="submit"].lg, .button.lg {
    height: 3rem;
    font-size: 1.5rem;
    font-size: var(--font-size-sm);
  }
input[type="submit"].xl, button[type="submit"].xl, .button.xl {
    height: 4rem;
    font-size: 2.5rem;
    font-size: var(--font-size-lg);
  }
input[type="submit"].round, button[type="submit"].round, .button.round {
    width: 6rem;
    height: 6rem;
    border-radius: 3rem;
  }
input[type="submit"].square, button[type="submit"].square, .button.square {
    width: 3rem;
    height: 3rem;
    border-radius: 5px;
  }
input[type="submit"].outline, button[type="submit"].outline, .button.outline {
    background-color: transparent;
    color: #222222;
    color: var(--color-pf-dark);
    border: 1px solid currentColor;
    border: var(--border);
  }
input[type="submit"].link, button[type="submit"].link, .button.link {
    padding: 0 !important;
    height: auto !important;
  }
input[type="submit"].link, button[type="submit"].link, .button.link {
    background-color: transparent;
    color: #222222;
    color: var(--color-pf-dark);
    justify-content: flex-start;
    border: none;
    border-radius: 0;
    overflow: auto;
  }
input[type="submit"].danger, button[type="submit"].danger, .button.danger {
    background-color: #D40035;
    background-color: var(--color-pf-red);
    color: #FFFFFF;
    color: var(--color-pf-white);
  }
.button-group .button {
    margin-bottom: .75rem;
  }
.button-group .button:not(:last-of-type) {
      margin-right: .75rem;
    }
._Views_ysfou_1 {}

._main_ysfou_3 {
  min-height: calc(100vh - (1 * var(--grid-row)));
}
._Update_f9ess_1 {
  width: 100%;
  margin: calc(2 * var(--grid-row)) 0;
}
@keyframes _enter_1bec7_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

._Header_1bec7_10 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-index-header);
  display: flex;
  align-items: center;
  pointer-events: none;
  width: 100%;
  height: calc(1 * var(--grid-row));
  border-bottom: 1px solid var(--color-pf-grey);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
  background-color: var(--color-pf-yellow-dskd);
  animation: _enter_1bec7_1 .5s var(--cubic-ease-out) forwards;
}

._logoLink_1bec7_26 {
  display: flex;
  justify-content: flex-start;
  -webkit-text-decoration: none;
  text-decoration: none;
  pointer-events: auto;
}

._logoLink_1bec7_26 > svg {
    stroke: none;
    width: auto;
    height: 30px;
  }

._centerVertical_1bec7_39 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  overflow: hidden;
}

._linkMaps_1bec7_47 {
  pointer-events: auto;
  opacity: var(--opacity-font);
}

._mapTitle_1bec7_52 {
  padding: .25rem 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-cta);
  margin: 0 0 0 .75rem;
}

@media (min-width: 768px) {

._mapTitle_1bec7_52 {
    font-size: var(--font-size-body);
    margin: 0 0 0 2rem
}
  }

._adminWrapper_1bec7_69 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}

._buttonSettings_1bec7_76 {
  width: 30px;
  height: 30px;
  margin: 0 1rem 0 0;
  pointer-events: auto;
}
._ButtonProfileCurrent_ia9xa_1 {
  position: relative;
  display: flex;
  justify-content: flex-end;
  width: 1.75rem;
  height: 1.75rem;
  pointer-events: auto;
}
._ButtonProfile_pn1dd_1 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-pf-dark-80);
  color: var(--color-pf-white);
  font-size: var(--font-size-small);
  line-height: 1em;
  margin: 0;
  padding: 1px 0 0 1px;
  width: 1.75rem;
  height: 1.75rem;
  max-width: 1.75rem;
  border-radius: 1rem;
  transition: border-color .2s;
}

  ._ButtonProfile_pn1dd_1[disabled] {
    opacity: 1;
  }

  ._ButtonProfile_pn1dd_1:hover {
    background-color: var(--color-pf-dark);
  }

  ._ButtonProfile_pn1dd_1 > * {
    pointer-events: none;
  }
._AdminMenu_xox3o_1 {
  position: absolute;
  top: calc(100% + .5rem);
  right: 0;
  font-size: var(--font-size-small);
  background-color: var(--color-pf-dark);
  color: var(--color-pf-white);
  margin: 0;
  padding: .5rem 1rem;
  border-radius: var(--border-radius);
}

  ._AdminMenu_xox3o_1 li {
    display: block;
    white-space: nowrap;
  }

  ._AdminMenu_xox3o_1 li > * {
      display: block;
      padding: .5rem 0;
    }

  ._AdminMenu_xox3o_1 a {
    -webkit-text-decoration: none;
    text-decoration: none;
  }

._user_xox3o_27 {
  pointer-events: none;
  opacity: var(--opacity-dim);
}
._play_1orcu_1 {
  width: 12px;
  min-width: 12px;
  height: 16px;
}
._base-shadow-single_1orcu_6 {
  width: 195px;
  min-width: 195px;
  height: 26px;
}
._base-shadow_1orcu_6 {
  width: 839px;
  min-width: 839px;
  height: 74px;
}
._audio_1orcu_16 {
  width: 29px;
  min-width: 29px;
  height: 21px;
}
._text-spike-left_1orcu_21,
._text-spike-right_1orcu_22 {
  width: 48px;
  min-width: 48px;
  height: 38px;
}
._arrow-prev_1orcu_27,
._arrow-next_1orcu_28 {
  width: 57px;
  min-width: 57px;
  height: 37px;
}
._arrow-right_1orcu_33 {
  width: 6px;
  min-width: 6px;
  height: 12px;
}
._arrow-left-small_1orcu_38,
._arrow-right-small_1orcu_39 {
  width: 5px;
  min-width: 5px;
  height: 10px;
}
._arrow-up-small_1orcu_44,
._arrow-down-small_1orcu_45 {
  width: 10px;
  min-width: 10px;
  height: 5px;
}
._arrow-down_1orcu_45 {
  width: 14px;
  min-width: 14px;
  height: 7px;
}
._checkmark_1orcu_55 {
  width: 14px;
  min-width: 14px;
  height: 11px;
}
._arrow-download_1orcu_60 {
  width: 10px;
  min-width: 10px;
  height: 10px;
}
._delete_1orcu_65 {
  width: 14px;
  min-width: 14px;
  height: 2px;
}
._edit_1orcu_70 {
  width: 14px;
  min-width: 14px;
  height: 14px;
}
._plus-medium_1orcu_75 {
  width: 12px;
  min-width: 12px;
  height: 12px;
}
._Account_1le5r_1 {
  width: 100%;
  margin: calc(2 * var(--grid-row)) 0;
}
._Account_hap7k_1 {
  width: 100%;
}

._formSection_hap7k_5 {
  margin-top: 2rem;
}
._Login_106ir_1 {
  width: 100%;
  margin: calc(2 * var(--grid-row)) 0;
}

._labels_106ir_6 {
  display: flex;
  justify-content: space-between;
}

._labels_106ir_6 a {
    font-size: var(--font-size-small);
    margin-bottom: .75rem;
  }

._signupWrapper_106ir_16 {
  margin-top: 2rem;
}

._signupWrapper_106ir_16 a {
    margin-left: .5em;
  }
._Forgot_5m95y_1 {
  width: 100%;
  margin: calc(2 * var(--grid-row)) 0;
}

._labels_5m95y_6 {
  display: flex;
  justify-content: space-between;
}

._labels_5m95y_6 a {
    font-size: var(--font-size-small);
    margin-bottom: .75rem;
  }

._signupWrapper_5m95y_16 {
  margin-top: 2rem;
}
._Signup_11gjh_1 {
  width: 100%;
  padding: calc(2 * var(--grid-row)) 0;
}

._signupWrapper_11gjh_6 {
  margin-top: 2rem;
}

._signupWrapper_11gjh_6 a {
    margin-left: .5em;
  }

._usernameValid_11gjh_14 {
  position: absolute;
  top: 50%;
  right: .5rem;
  transform: translateY(-50%);
  width: 1.75rem;
  height: 1.75rem;
  color: var(--color-pf-white);
  background-color: var(--color-pf-green);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

._usernameInValid_11gjh_29 {
  margin: -1rem 0 2rem 0;
  color: var(--color-pf-red);
}

._slug_11gjh_34 {
  opacity: .5;
  margin-top: -1rem;
  margin-bottom: 2rem;
}
._Home_6ejlb_1 {
  width: 100%;
  padding: calc(2 * var(--grid-row)) 0;
}

._user_6ejlb_6 {
  margin-bottom: 2rem;
}

._name_6ejlb_10 {
  margin-bottom: 0;
}

._navList_6ejlb_14 {
  display: flex;
}

._navList_6ejlb_14 > * {
    margin-right: .5rem;
  }

._page_6ejlb_22 {
  color: var(--color-pf-purple-dark);
  background-color: transparent;
}

._pageActive_6ejlb_27 {
  background-color: var(--color-pf-purple);
}

._factorTitle_6ejlb_31 {
  margin-top: 1rem;
  font-weight: var(--font-weight-bold);
}@keyframes _progress_a4z5c_39 {
  0% {
    stroke-dashoffset: 100;
  }
  50% {
    stroke-dashoffset: 68;
  }
  51% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -32;
  }
}

._Loader_a4z5c_16 {
  z-index: 1000;
  position: fixed;
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

._Loader_a4z5c_16 *, ._Loader_a4z5c_16 *:before, ._Loader_a4z5c_16 *:after {
    box-sizing: border-box;
  }

._svg_a4z5c_33 {
  transform: rotate(-90deg);
  fill: none;
  stroke: var(--color-pf-dark);
}

._progress_a4z5c_39 {
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  animation: _progress_a4z5c_39 1.5s forwards infinite;
  animation-timing-function: linear;
}
._Collection_th96w_1 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  list-style-type: none;
  pointer-events: none;
}
._DocSchool_mto2i_1 {
  position: relative;
  border: var(--border);
  border-color: var(--color-pf-dark-20);
  border-radius: var(--border-radius);
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  pointer-events: auto;
}

._field_mto2i_11 {
  margin-bottom: .75rem;
}

._buttons_mto2i_15 {
  display: flex;
  justify-content: space-between;
  margin: 0 -.5rem;
}
._ButtonNew_17tjj_1 {
  max-width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: var(--font-size-body);
  pointer-events: auto;
  margin: 1rem 0;
}

  ._ButtonNew_17tjj_1 span {
    opacity: var(--opacity-font);
    transition: opacity .1s;
  }

  ._ButtonNew_17tjj_1:hover ._iconWrapper_17tjj_16 {
      background-color: var(--color-pf-dark);
      color: var(--color-pf-white);
    }

  ._ButtonNew_17tjj_1:hover span {
      opacity: 1;
    }

._iconWrapper_17tjj_16 {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  border-radius: 100%;
  margin-right: .75rem;
  background-color: var(--color-pf-dark-10);
  transition: color .15s, background-color .15s;
}
._ContentEditable_gzvcq_1 {
  position: relative;
}

  ._ContentEditable_gzvcq_1 span {
    display: block;
    word-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
            hyphens: auto;
  }

  ._ContentEditable_gzvcq_1 span ul, ._ContentEditable_gzvcq_1 span ol {
      margin-top: 0;
      padding-left: 1em;
      list-style-type: disc;
    }

  ._ContentEditable_gzvcq_1 span ul li, ._ContentEditable_gzvcq_1 span ol li {
        margin-bottom: .25em;
      }

._input_gzvcq_22 {
  position: relative;
  padding: .85em 0;
  font-size: var(--font-size-body);
  min-height: 3.1em;
  outline: none;
  word-break: normal;
  word-wrap: normal;
  -webkit-hyphens: none;
          hyphens: none;
  transition: font-size .1s var(--cubic-ease-in-out);
  cursor: text;
}

._input_gzvcq_22[class*="xs"] {
    font-size: var(--font-size-small);
  }

._input_gzvcq_22[class*="sm"] {
    font-size: var(--font-size-body);
  }

._input_gzvcq_22[class*="md"] {
    font-size: var(--font-size-md);
  }

._input_gzvcq_22[class*="lg"] {
    font-size: var(--font-size-lg);
  }

._input_gzvcq_22[class*="xl"] {
    font-size: var(--font-size-xl);
  }

._input_gzvcq_22[aria-disabled="true"] {
    pointer-events: none;
  }

._input_gzvcq_22:before {
    z-index: 0;
    content: '';
    position: absolute;
    top: 0;
    left: -.5rem;
    width: calc(100% + 1rem);
    height: 100%;
    pointer-events: none;
    background-color: transparent;
    border: var(--border);
    border-radius: var(--border-radius);
    opacity: var(--opacity-border);
    transition: opacity .2s, background-color .2s;
  }

._input_gzvcq_22[aria-disabled="true"]:before {
      border-color: transparent;
    }

._input_gzvcq_22:focus:before {
      background-color: currentColor;
      opacity: var(--opacity-background-focus);
    }

._inputError_gzvcq_84:before {
    border-color: var(--color-pf-red);
    opacity: 1;
  }

._placeholder_gzvcq_91 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: var(--opacity-font);
  pointer-events: none;
}

._placeholder_gzvcq_91:before {
    content: none;
  }

._label_gzvcq_106 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: var(--opacity-font);
  pointer-events: none;
}
@keyframes _enter_zzqpm_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes _progress_zzqpm_67 {
  0% {
    stroke-dashoffset: 100;
  }
  50% {
    stroke-dashoffset: 68;
  }
  51% {
    stroke-dashoffset: 0;
  }
  100% {
    //stroke-dashoffset: -32;
    stroke-dashoffset: 100;
  }
}

._LoaderField_zzqpm_26 {
  z-index: 1000;
  position: absolute;
  bottom: .5em;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  opacity: 0;
  animation: _enter_zzqpm_1 1s forwards;
  animation-delay: 1s;
}

._LoaderField_zzqpm_26 *, ._LoaderField_zzqpm_26 *:before, ._LoaderField_zzqpm_26 *:after {
    box-sizing: border-box;
  }

._LoaderButton_zzqpm_44 {
  z-index: auto;
  position: relative;
  bottom: auto;
  right: -.5em;
}

._LoaderButton_zzqpm_44 ._svgLoading_zzqpm_51 {
    stroke: currentColor;
  }

._LoaderButton_zzqpm_44 ._svgDone_zzqpm_55 {
    stroke: currentColor;
  }

._svgLoading_zzqpm_51 {
  transform: rotate(-90deg);
  fill: none;
  stroke: currentColor;
  opacity: var(--opacity-font);
}

._progress_zzqpm_67 {
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  animation: _progress_zzqpm_67 .75s forwards infinite;
  animation-timing-function: linear;
}

._svgDone_zzqpm_55 {
  transform: rotate(0deg);
  stroke: currentColor;
  opacity: var(--opacity-font);
}

._done_zzqpm_80 {
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  animation: _progress_zzqpm_67 .75s forwards;
  animation-timing-function: linear;
}
._ButtonDelete_tf5rv_1 {
  max-width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: var(--font-size-small);
  pointer-events: auto;
}

  ._ButtonDelete_tf5rv_1:hover ._iconWrapper_tf5rv_10 {
      background-color: var(--color-pf-red);
      color: var(--color-pf-white);
    }

  ._ButtonDelete_tf5rv_1:hover ._label_tf5rv_15 {
      visibility: visible;
      opacity: 1;
    }

._iconWrapper_tf5rv_10 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: var(--color-pf-dark-10);
  transition: color .15s, background-color .15s;
}

._label_tf5rv_15 {
  margin-left: .5rem;
}._ButtonLink_1hdt6_1 {
  max-width: 100%;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  font-size: var(--font-size-cta);
  pointer-events: auto;
}

  ._ButtonLink_1hdt6_1:hover ._iconWrapper_1hdt6_10 {
      background-color: var(--color-pf-dark);
      color: var(--color-pf-white);

    }

  ._ButtonLink_1hdt6_1 > ._label_1hdt6_17 {
    visibility: visible;
    opacity: 1;
  }

._ButtonLinkOutline_1hdt6_23 {
}

._ButtonLinkOutline_1hdt6_23 ._iconWrapper_1hdt6_10 {
    background-color: transparent;
    border: 1px solid var(--color-pf-dark-80);
    color: var(--color-pf-dark);
  }

._iconWrapper_1hdt6_10 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  margin-right: .5rem;
  border-radius: 100%;
  background-color: var(--color-pf-dark-80);
  color: var(--color-pf-white);
  transition: color .15s, background-color .15s;
}

._iconWrapperReverse_1hdt6_48 {
}

._iconWrapperReverse_1hdt6_48 svg {
    transform: rotate(180deg);
  }._DocQuestion_1ecc1_1 {
  position: relative;
  margin-bottom: .25rem;
  pointer-events: auto;
}

  ._DocQuestion_1ecc1_1 [class*="checkbox"] {
    display: inline-block;
    margin-bottom: 0;
  }

._label_1ecc1_12 {
  margin-bottom: 0;
}._Quiz_1m8c0_1 {
  position: relative;
  height: 100vh;
  background-color: var(--color-pf-lavender);
}@keyframes _enter_1h9yj_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

._Questions_1h9yj_10 {
  display: flex;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  opacity: 0;
  animation: _enter_1h9yj_1 1s forwards;
}

._wrapper_1h9yj_19 {
  display: flex;
  flex-wrap: nowrap;
  transition: transform .75s var(--cubic-ease-in-out);
}
._Question_lg63k_1 {
  position: relative;
  width: 100vw;
  height: 100vh;
  padding: 5vh 0 22vh 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: opacity .5s;
}

._qText_lg63k_12 {
  width: 80%;
}

._qTextAll_lg63k_16 {
  width: 100%;
  transform: translateX(-3rem);
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
}

._bubble_lg63k_24 {
  transform: translateX(6rem) translateY(1rem);
  max-width: calc(100% - 6rem);
}

._baseSingle_lg63k_29 {
  position: absolute;
  left: 0;
  bottom: -1.25rem;
  transform: translateX(-50%);
}

._baseSingle_lg63k_29 svg {
    transform: scale(.5);
  }

@media (min-width: 500px) {

._baseSingle_lg63k_29 svg {
      transform: scale(.65)
  }
    }

@media (min-width: 768px) {

._baseSingle_lg63k_29 svg {
      transform: scale(.9)
  }
    }

@media (min-width: 1024px) {

._baseSingle_lg63k_29 svg {
      transform: scale(1)
  }
    }

@media (min-width: 1200px) {

._baseSingle_lg63k_29 svg {
      transform: scale(1.25)
  }
    }

@media (min-width: 1440px) {

._baseSingle_lg63k_29 svg {
      transform: scale(1.5)
  }
    }

._base_lg63k_29 {
  display: flex;
  justify-content: center;
}

._chars_lg63k_61 {
  position: relative;
  display: inline-flex;
}

._charsAll_lg63k_66 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 700px;
  margin: 0 auto;
  transform: translateY(2.5rem);
}

._charsAll_lg63k_66 ._char_lg63k_61 {
    width: 200px;
    height: 200px;
    transform: translateX(0);
  }

._charsAll_lg63k_66 ._charBlue_lg63k_80 {
    transform: translateX(0) translateY(2.1rem);
  }

._charsAll_lg63k_66 ._charRed_lg63k_84 {
    transform: translateX(0) translateY(1.0rem);
  }

._char_lg63k_61 {
  width: 17vw;
  height: 17vw;
  transform: translateX(-50%);
}

._charBlue_lg63k_80 {
  transform: translateX(-50%) translateY(2.5rem);
}

._charRed_lg63k_84 {
  transform: translateX(-50%) translateY(1.3rem);
}

._answers_lg63k_105 {
  width: 100%;
  padding-top: 9vh;
}

._options_lg63k_110 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

._confetti_lg63k_116 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}._AnswerOption_16obv_1 {
  margin: 0;
}

  ._AnswerOption_16obv_1[aria-disabled="true"] {
    opacity: .2;
    pointer-events: none;
    touch-action: none;
  }

._audioPlayer_16obv_11 {
  display: none;
}

._radio_16obv_15 {
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
}

._radio_16obv_15 {
  position: absolute;
  opacity: 0;
}

._radio_16obv_15[checked] + ._label_16obv_23:before {
      background-color: var(--color-pf-orange);
    }

._label_16obv_23 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 12vw;
  height: 12vw;
  border-radius: 100%;
  padding: 1.5vw;
  color: var(--color-pf-white);
  filter: var(--filter-box-shadow);
  cursor: pointer;
  font-family: var(--font-ubuntu);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  -webkit-user-select: none;
          user-select: none;
}

._label_16obv_23:before {
    z-index: -2;
    content: '';
    position: absolute;
    top: -15px;
    left: -15px;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    border-radius: 100%;
    background-color: transparent;
  }

._label_16obv_23:after {
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: var(--color-pf-purple);
  }

._imageWrapper_16obv_73 {
  width: 100%;
  padding: 0;
}

._labelSquare_16obv_78 {
  min-width: 100%;
  height: 100%;
  min-height: 12vh;
  max-height: 24vh;
  border-radius: 2vw;
}

._labelSquare_16obv_78:before {
    border-radius: 38px;
  }

._labelSquare_16obv_78:after {
    border-radius: 30px;
  }

._labelSquare_16obv_78 ._imageWrapper_16obv_73 {
    padding: 0 2.5vw;
  }

@media (min-width: 1024px) {

._labelSquare_16obv_78 ._imageWrapper_16obv_73 {
      padding: 0 2.5vh
  }
    }

._textBottom_16obv_103 {
  width: 100%;
  text-align: center;
  font-size: 1.2vw;
  font-weight: var(--font-weight-bold);
  margin-top: 1vw;
}._AudioPlayer_4tvii_1 button {
    filter: var(--filter-box-shadow);
  }
._TextBubble_oks2p_1 {
  position: relative;
  z-index: 1;
  background-color: var(--color-pf-white);
  border-radius: var(--border-radius-buttons);
  filter: var(--filter-box-shadow);
  display: inline-flex;
  padding: 1rem 2rem 1rem 1rem;
}

._audio_oks2p_11 {
  width: 4rem;
  height: 4rem;
  padding-right: 1rem;
}

._text_oks2p_17 {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-bold);
  color: var(--color-pf-purple);
}

._spike_oks2p_23 {
  position: absolute;
  transform-origin: 50% 0;
  transform: translateX(-50%);
  bottom: -38px;
  width: 48px;
  height: 38px;
  color: var(--color-pf-white);
}._QuizNavigation_1q73l_1 {
  position: absolute;
  bottom: 5vh;
  left: 0;
  width: 100%;
}

._navButtons_1q73l_8 {
  display: flex;
  justify-content: space-between;
}

._navButtons_1q73l_8 button {
    filter: var(--filter-box-shadow);
    transition: transform .3s;
  }

._navButtons_1q73l_8 button:hover {
      transform: scale(1.05);
    }

._navButtons_1q73l_8 button[disabled] {
      opacity: .2;
    }
._Progress_1pl8b_1 {
  position: absolute;
  width: 100vw;
  height: 100vh;
  padding: 5vh 0 22vh 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-color: var(--color-pf-lavender);
}

._mapRef_1pl8b_12 {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 0;
  //opacity: .5;
}
._ProgressSection_15mse_1 {

}

@keyframes _enter_15mse_1 {
  0% {
    background-color: var(--color-pf-purple-light);
  }
  100% {
    background-color: currentColor;
  }
}

@keyframes _enterBeaker_15mse_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

._dot_15mse_23 {
  position: absolute;
  width: 3vw;
  height: 3vw;
  transform-origin: center center;
  transform: translate(-50%, -50%);
  border-radius: 100%;
  animation: _enter_15mse_1 1s var(--cubic-ease-out) forwards;
  background-color: var(--color-pf-purple-light);
}

._beaker_15mse_34 {
  //pointer-events: none;
  position: absolute;
  width: 20vw;
  height: 20vw;
  transform-origin: center center;
  transform: translate(-50%, -50%);
  animation: _enterBeaker_15mse_1 1s var(--cubic-ease-out) forwards;
  opacity: 0;
}

._beaker_15mse_34 svg {
    stroke: none;
    width: 100%;
    height: 100%;
  }

._beakerImage_15mse_51 {
  position: absolute;
  top: -12px;
  left: 0;
  width: 7.4vw;
  height: 7.4vw;
  transform-origin: center center;
  transform: translate(85%, 85%);
}@keyframes _enter_mceor_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

._QuizIntro_mceor_10 {
  position: relative;
  padding: 5vh 0 22vh 0;
  height: 100vh;
  display: flex;
  align-items: flex-end;
  animation: _enter_mceor_1 1s forwards;
}

._content_mceor_19 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

._start_mceor_26 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

._bubble_mceor_33 {
  transform: translateX(10%) translateY(2rem);
  max-width: 720px;
}

._chars_mceor_38 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 700px;
  margin: 0 auto;
  transform: translateY(2.5rem);
}

._chars_mceor_38 > div {
    width: 200px;
    height: 200px;
  }._School_sy4js_1 {
  width: 100%;
  padding: calc(1.5 * var(--grid-row)) 0;
}

._inputFile_sy4js_6 {

}

._error_sy4js_10 {
  color: var(--color-pf-red);
  margin-top: 1rem;
}

._fieldsetWrapper_sy4js_15{
  padding: 20px;
}@keyframes _fade-in_kzifb_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

._DocGame_kzifb_10 {
  position: relative;
  border: var(--border);
  border-color: transparent;
  background-color: var(--color-pf-dark-5);
  border-radius: var(--border-radius);
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  pointer-events: auto;
  opacity: 0;
  animation: _fade-in_kzifb_1 .3s ease forwards;
  animation-delay: .2s;
}

._field_kzifb_24 {
  margin-bottom: .75rem;
}

._buttons_kzifb_28 {
  display: flex;
  justify-content: space-between;
  margin: 0 -.5rem;
}@keyframes _fade-in_1x6fq_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

._DocProject_1x6fq_10 {
  position: relative;
  border: var(--border);
  border-color: transparent;
  background-color: var(--color-pf-dark-5);
  border-radius: var(--border-radius);
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  pointer-events: auto;
  opacity: 0;
  animation: _fade-in_1x6fq_1 .3s ease forwards;
  animation-delay: .2s;
}

._field_1x6fq_24 {
  margin-bottom: .75rem;
}

._buttons_1x6fq_28 {
  display: flex;
  justify-content: space-between;
  margin: 0 -.5rem;
}
._DocTeacher_1281f_1 {
  position: relative;
  border: var(--border);
  border-color: transparent;
  background-color: var(--color-pf-dark-5);
  border-radius: var(--border-radius);
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  pointer-events: auto;
}

._fields_1281f_12 {
  display: block;
  margin-bottom: .75rem;
}

._field_1281f_12 {
  display: block;
  margin-bottom: .75rem;
}

._buttons_1281f_22 {
  display: flex;
  justify-content: flex-end;
  margin: 0 -.5rem;
}
._DocPupil_pxg4f_1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  border: var(--border);
  border-color: transparent;
  background-color: var(--color-pf-dark-5);
  border-radius: var(--border-radius);
  padding: .5rem 1.25rem;
  margin-bottom: .5rem;
  pointer-events: auto;
}

._field_pxg4f_15 {
  display: block;
}
@keyframes _fade-in_zhs9n_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

._DocGroup_zhs9n_10 {
  position: relative;
  border: var(--border);
  border-color: transparent;
  background-color: var(--color-pf-dark-5);
  border-radius: var(--border-radius);
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  pointer-events: auto;
  opacity: 0;
  animation: _fade-in_zhs9n_1 .3s ease forwards;
  animation-delay: .2s;
}

._field_zhs9n_24 {
  margin-bottom: .75rem;
}

._buttons_zhs9n_28 {
  display: flex;
  justify-content: space-between;
  margin: 0 -.5rem;
}
._Group_1cwbw_1 {
  width: 100%;
  margin: calc(1.5 * var(--grid-row)) 0;
}

._field_1cwbw_6 {
  font-size: var(--font-size-lg);
}

._breadcrumb_1cwbw_10 {
  margin-bottom: calc(.5 * var(--grid-row));
}

._inputSearch_1cwbw_14 {
  width: 100%;
  margin-bottom: calc(1.5 * var(--grid-row));
}

._activeItem_1cwbw_19 {
  margin-bottom: .5rem;
}

._activeName_1cwbw_22 {
  line-height: 1em;
}._DocGroupTeacher_662mr_1 {
  position: relative;
}

._label_662mr_5 {
  display: inline-block;
  pointer-events: auto;
  padding-bottom: .75rem;
  margin: 0;
}

._label_662mr_5 > * {
    pointer-events: none;
  }

._label_662mr_5:hover [class="checkmark"]:before {
        background-color: var(--color-pf-green) !important;
      }

._label_662mr_5 input:checked ~ [class="checkmark"]:before {
      background-color: var(--color-pf-blue-light);
    }._DocGroupChild_1azmg_1 {
  position: relative;
}

._label_1azmg_5 {
  display: inline-block;
  pointer-events: auto;
  padding-bottom: .75rem;
  margin: 0;
}

._label_1azmg_5 > * {
    pointer-events: none;
  }

._label_1azmg_5:hover [class="checkmark"]:before {
        background-color: var(--color-pf-green) !important;
      }

._label_1azmg_5 input:checked ~ [class="checkmark"]:before {
      background-color: var(--color-pf-blue-light);
    }._Project_h52yc_1 {
  width: 100%;
  margin: calc(1.5 * var(--grid-row)) 0;
}

._dates_h52yc_6 {
  display: flex;
  justify-content: space-between;
  margin-top: .5rem;
  opacity: .5;
}._DocProjectGroup_khgoq_1 {
  position: relative;
  border: var(--border);
  border-color: var(--color-pf-dark-20);
  border-radius: var(--border-radius);
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  pointer-events: auto;
}

  ._DocProjectGroup_khgoq_1 [class*="checkbox"] {
    margin-top: .75rem;
    margin-bottom: 0;
  }

._label_khgoq_16 {
  margin-bottom: 0;
}._DocProjectGame_z3o2h_1 {
  position: relative;
  border: var(--border);
  border-color: var(--color-pf-dark-20);
  border-radius: var(--border-radius);
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  pointer-events: auto;
}

  ._DocProjectGame_z3o2h_1 [class*="checkbox"] {
    margin-top: .75rem;
    margin-bottom: 0;
  }

._label_z3o2h_16 {
  margin-bottom: 0;
}._SessionListItem_5b6n7_1 {
  position: relative;
  margin: 3rem 0;
}

  ._SessionListItem_5b6n7_1:before {
    content: '';
    position: absolute;
    top: -1rem;
    left: -1rem;
    width: calc(100% + 2rem);
    height: calc(100% + 2rem);
    border: var(--border);
    border-radius: 1rem;
    opacity: var(--opacity-border);
    pointer-events: none;
  }

._wrapper_5b6n7_19 {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .35s var(--cubic-ease-in-out);
}

._wrapper_5b6n7_19 > * {
    overflow: hidden;
  }

._wrapperOpen_5b6n7_29 {
  grid-template-rows: 1fr;
}

._info_5b6n7_34 {
  width: 100%;
  margin-bottom: 1rem;
}

._info_5b6n7_34 > li {
    display: flex;
    justify-content: space-between;
  }

._graph_5b6n7_44 {
  width: 100%;
  height: 200px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 1px solid var(--color-pf-magenta);
  margin-bottom: 2rem;
}

._bar_5b6n7_54 {
  flex: 1;
  background: var(--color-pf-magenta);
  height: 0;
  margin-right: 1px;
  max-height: 0;
  animation: _enter-bar_5b6n7_1 1s var(--cubic-ease-in-out) forwards;
}

@keyframes _enter-bar_5b6n7_1 {
  to {
    max-height: 100%;
  }
}._SessionAnswers_3wdn8_1 {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 2rem;
}

._listItem_3wdn8_8 {
  display: flex;
  justify-content: space-between;
  margin-bottom: .5em;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-regular);
  line-height: 1em;
}

._listItem_3wdn8_8 span:first-child {
      width: 70%;
    }

._listItem_3wdn8_8 span:last-child {
      width: 30%;
    }

._questionText_3wdn8_27 {
  margin-right: 2rem;
}._SessionGraph_1v8fo_1 {
  position: relative;
  width: 100%;
  height: 200px;
}

._yAxis_1v8fo_7 {
  position: absolute;
  top: 0;
  right: calc(100% - 3rem);
  padding: 0 .25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
  font-size: var(--font-size-tiny);
  text-align: right;
  line-height: 1.1em;
}

._graph_1v8fo_22 {
  width: calc(100% - 3rem);
  height: 200px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-left: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  margin-left: 3rem;
  margin-bottom: 2rem;
}

._barWrapper_1v8fo_34 {
  position: relative;
  flex: 1;
  height: 100%;
  display: flex;
  align-items: flex-end;
}

._barWrapper_1v8fo_34:hover ._question_1v8fo_42 {
      display: block;
    }

._question_1v8fo_42 {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  font-size: var(--font-size-small);
  color: var(--color-pf-white);
  padding: .5rem;
  z-index: 10;
  width: 8rem;
  word-break: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
}

._question_1v8fo_42::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 200px;
    width: 1px;
    background-color: inherit;
  }

._label_1v8fo_72 {
  position: absolute;
  top: calc(100% + .5rem);
  left: 50%;
  transform: translateX(-50%);
  font-size: var(--font-size-tiny);
}

._bar_1v8fo_34 {
  flex: 1;
  background: currentColor;
  height: 0;
  margin-right: 1px;
  max-height: 0;
  animation: _enter-bar_1v8fo_1 1s var(--cubic-ease-in-out) forwards;
}

@keyframes _enter-bar_1v8fo_1 {
  to {
    max-height: 100%;
  }
}._SessionFactors_63y7g_1 {
}

._factorList_63y7g_4 {
  font-weight: var(--font-weight-regular);
}

._blobsWrapper_63y7g_8 {
  position: relative;
  height: calc(40vw + 40vh);
  overflow: hidden;
}

._blobs_63y7g_8 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

._blobs_63y7g_8 > li {
    position: absolute;
  }

._blobs_63y7g_8 > li:hover {
      z-index: 100 !important;
      mix-blend-mode: normal !important;
    }

._blobs_63y7g_8 > li:nth-of-type(1) {
      animation-delay: 1s;
      transform: translate(-50%, -50%);
    }

._blobs_63y7g_8 > li:nth-of-type(2) {
      animation-delay: 2s;
      transform: translate(-30%, 0%);
    }

._blobs_63y7g_8 > li:nth-of-type(3) {
      animation-delay: 3s;
      transform: translate(-5%, -100%);
    }

._blobs_63y7g_8 > li:nth-of-type(4) {
      animation-delay: 4s;
      transform: translate(30%, -35%);
    }

._blobs_63y7g_8 > li:nth-of-type(5) {
      animation-delay: 5s;
      transform: translate(-140%, -60%);
    }

._blobs_63y7g_8 > li:nth-of-type(6) {
      animation-delay: 6s;
      transform: translate(-100%, 0%);
    }

._blobs_63y7g_8 > li:nth-of-type(7) {
      animation-delay: 7s;
      transform: translate(-85%, -105%);
    }

._blob_63y7g_8 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1vw;
  aspect-ratio: 1/1;
  border-radius: 100%;
  text-align: center;
  -webkit-hyphens: auto;
          hyphens: auto;
  word-break: break-word;
  mix-blend-mode: multiply;
}

._blob_63y7g_8 svg {
    position: absolute;
    width: 100%;
    height: auto;
    stroke: none;
    animation: _blob_63y7g_8 10s infinite var(--cubic-ease-in-out);
  }

._blob_63y7g_8 h3 {
    position: relative;
    line-height: 1.3em;
    margin: 0;
  }

._blob_63y7g_8 h3 small {
      font-weight: var(--font-weight-regular);
      opacity: 0.5;
    }

@keyframes _blob_63y7g_8 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}._Game_nvgmf_1 {
  width: 100%;
  padding: calc(1.5 * var(--grid-row)) 0;
}

._breadcrumb_nvgmf_6 {
  margin-bottom: calc(.5 * var(--grid-row));
}

._field_nvgmf_10 {
  font-size: var(--font-size-lg);
}

._teaser_nvgmf_14 {
  height: 10rem;
}

._topBar_nvgmf_18 {
  display: flex;
  justify-content: space-between;
}

._buttonActive_nvgmf_23 {
  background-color: var(--color-pf-purple);
}

._buttonDeActive_nvgmf_26 {
  background-color: var(--color-pf-red);
}._PlayType_y8l04_1 {
  position: relative;
  width: 70%;
  aspect-ratio: 1 / 1;
  margin: 5rem auto;
}

._svg_y8l04_8 {
  width: 80%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

._spiderRange_y8l04_18 {
  position: absolute !important;

}

._spiderRange_y8l04_18 {
  transform-origin: 0 24px;
  top: 50%;
  left: 70%;
  width: 40%;

}

._spiderRange_y8l04_18:hover [class*="info"] {
      opacity: 1;
    }

._spiderRange_y8l04_18 > label {
    left: calc(100% + 1rem);
    max-width: 6rem;
  }

._spiderRange_y8l04_18:nth-of-type(1) > input::-webkit-slider-thumb {
        background-color: var(--color-pf-yellow);
      }

._spiderRange_y8l04_18:nth-of-type(2) > input::-webkit-slider-thumb {
        background-color: var(--color-pf-orange);
      }

._spiderRange_y8l04_18:nth-of-type(3) > input::-webkit-slider-thumb {
        background-color: var(--color-pf-red);
      }

._spiderRange_y8l04_18:nth-of-type(4) > input::-webkit-slider-thumb {
        background-color: var(--color-pf-magenta);
      }

._spiderRange_y8l04_18:nth-of-type(5) > input::-webkit-slider-thumb {
        background-color: var(--color-pf-green);
      }

._spiderRange_y8l04_18:nth-of-type(6) > input::-webkit-slider-thumb {
        background-color: var(--color-pf-blue);
      }

._spiderRange_y8l04_18:nth-of-type(7) > input::-webkit-slider-thumb {
        background-color: var(--color-pf-purple);
      }
._InputRange_846sh_1 {
  position: relative;
}

._label_846sh_5 {
  position: absolute;
  top: calc(50%);
  left: calc(100% + 2rem);
  transform-origin: 50% 50%;
  margin-bottom: 0;
  text-align: center;
  width: 6rem;
  word-break: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
  pointer-events: none;
}

._labelText_846sh_18 {
}

._info_846sh_21 {
  opacity: 0;
  top: 1rem;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-regular);
  display: block;
  height: 0;
}

._datalist_846sh_29 {
  display: flex;
  justify-content: space-between; 
  margin-bottom: 2rem;
  font-size: var(--font-size-small);
}

._datalist_846sh_29 option{
    text-transform: capitalize; 
  }

._optionActive_846sh_40 {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}