@keyframes mdc-slider-emphasize {
  0% {
    animation-timing-function: ease-out; }
  50% {
    animation-timing-function: ease-in;
    transform: scale(0.85); }
  100% {
    transform: scale(0.571); } }

.mdc-slider {
  position: relative;
  width: 100%;
  height: 48px;
  cursor: pointer;
  touch-action: pan-x;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track {
    background-color: #018786;
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786); }
  .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-container {
    background-color: rgba(1, 135, 134, 0.26); }
  .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker::after,
  .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker-container::after {
    background-color: #018786;
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786); }
  .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb {
    fill: #018786;
    /* @alternate */
    fill: var(--mdc-theme-secondary, #018786);
    stroke: #018786;
    /* @alternate */
    stroke: var(--mdc-theme-secondary, #018786); }
  .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__focus-ring {
    background-color: #018786;
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786); }
  .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin {
    background-color: #018786;
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786); }
  .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin {
    color: white;
    /* @alternate */
    color: var(--mdc-theme-text-primary-on-dark, white); }
  .mdc-slider--disabled {
    cursor: auto; }
    .mdc-slider--disabled .mdc-slider__track {
      background-color: #9a9a9a; }
    .mdc-slider--disabled .mdc-slider__track-container {
      background-color: rgba(154, 154, 154, 0.26); }
    .mdc-slider--disabled .mdc-slider__track-marker::after,
    .mdc-slider--disabled .mdc-slider__track-marker-container::after {
      background-color: #9a9a9a; }
    .mdc-slider--disabled .mdc-slider__thumb {
      fill: #9a9a9a;
      stroke: #9a9a9a; }
    .mdc-slider--disabled .mdc-slider__thumb {
      /* @alternate */
      stroke: white;
      stroke: var(--mdc-slider-bg-color-behind-component, white); }
  .mdc-slider:focus {
    outline: none; }
  .mdc-slider__track-container {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 2px;
    overflow: hidden; }
  .mdc-slider__track {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-origin: left top;
    will-change: transform; }
    .mdc-slider[dir="rtl"] .mdc-slider__track,
    [dir="rtl"] .mdc-slider .mdc-slider__track {
      transform-origin: right top; }
  .mdc-slider__track-marker-container {
    display: flex;
    margin-right: 0;
    margin-left: -1px;
    visibility: hidden; }
    .mdc-slider[dir="rtl"] .mdc-slider__track-marker-container,
    [dir="rtl"] .mdc-slider .mdc-slider__track-marker-container {
      margin-right: -1px;
      margin-left: 0; }
    .mdc-slider__track-marker-container::after {
      display: block;
      width: 2px;
      height: 2px;
      content: ""; }
  .mdc-slider__track-marker {
    flex: 1; }
    .mdc-slider__track-marker::after {
      display: block;
      width: 2px;
      height: 2px;
      content: ""; }
    .mdc-slider__track-marker:first-child::after {
      width: 3px; }
  .mdc-slider__thumb-container {
    position: absolute;
    top: 15px;
    left: 0;
    width: 21px;
    height: 100%;
    user-select: none;
    will-change: transform; }
  .mdc-slider__thumb {
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0.571);
    transition: transform 100ms ease-out, fill 100ms ease-out, stroke 100ms ease-out;
    stroke-width: 3.5; }
  .mdc-slider__focus-ring {
    width: 21px;
    height: 21px;
    transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out;
    border-radius: 50%;
    opacity: 0; }
  .mdc-slider__pin {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-top: -2px;
    margin-left: -2px;
    transform: rotate(-45deg) scale(0) translate(0, 0);
    transition: transform 100ms ease-out;
    border-radius: 50% 50% 50% 0%;
    z-index: 1; }
  .mdc-slider__pin-value-marker {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: 0.01786em;
    text-decoration: inherit;
    text-transform: inherit;
    transform: rotate(45deg); }

.mdc-slider--active .mdc-slider__thumb {
  transform: scale3d(1, 1, 1); }

.mdc-slider--focus .mdc-slider__thumb {
  animation: mdc-slider-emphasize 266.67ms linear; }

.mdc-slider--focus .mdc-slider__focus-ring {
  transform: scale3d(1.55, 1.55, 1.55);
  opacity: .25; }

.mdc-slider--in-transit .mdc-slider__thumb {
  transition-delay: 140ms; }

.mdc-slider--in-transit .mdc-slider__thumb-container,
.mdc-slider--in-transit .mdc-slider__track,
.mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__thumb-container,
.mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__track {
  transition: transform 80ms ease; }

.mdc-slider--discrete.mdc-slider--active .mdc-slider__thumb {
  transform: scale(calc(12 / 21)); }

.mdc-slider--discrete.mdc-slider--active .mdc-slider__pin {
  transform: rotate(-45deg) scale(1) translate(19px, -20px); }

.mdc-slider--discrete.mdc-slider--focus .mdc-slider__thumb {
  animation: none; }

.mdc-slider--discrete.mdc-slider--display-markers .mdc-slider__track-marker-container {
  visibility: visible; }

.survey-step-list {
  width: 100%;
  background-color: #FFF;
  margin-top: 8em;
  display: flex;
  position: relative;
  box-sizing: border-box;
  box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.4);
  /* @media($os-media-tablet) {
		padding: 1em 0;
	} */ }
  .survey-step-list .step-1-container,
  .survey-step-list .step-2-container,
  .survey-step-list .step-3-container {
    width: 30%;
    text-align: center;
    flex: 1;
    justify-content: center;
    text-transform: uppercase;
    align-items: center;
    font-size: .9em;
    line-height: 1;
    padding: .4em 0; }
    .survey-step-list .step-1-container .step-1-container__step-number,
    .survey-step-list .step-1-container .step-2-container__step-number,
    .survey-step-list .step-1-container .step-3-container__step-number,
    .survey-step-list .step-2-container .step-1-container__step-number,
    .survey-step-list .step-2-container .step-2-container__step-number,
    .survey-step-list .step-2-container .step-3-container__step-number,
    .survey-step-list .step-3-container .step-1-container__step-number,
    .survey-step-list .step-3-container .step-2-container__step-number,
    .survey-step-list .step-3-container .step-3-container__step-number {
      display: block;
      font-size: .7em;
      color: #23ae84; }
    @media (min-width: 480px) and (max-width: 839px) {
      .survey-step-list .step-1-container,
      .survey-step-list .step-2-container,
      .survey-step-list .step-3-container {
        padding-left: 3em;
        display: inline-block;
        text-align: left;
        font-size: 1.2em;
        padding: 1em 1em; }
        .survey-step-list .step-1-container .step-1-container__step-name,
        .survey-step-list .step-1-container .step-2-container__step-name,
        .survey-step-list .step-1-container .step-3-container__step-name,
        .survey-step-list .step-2-container .step-1-container__step-name,
        .survey-step-list .step-2-container .step-2-container__step-name,
        .survey-step-list .step-2-container .step-3-container__step-name,
        .survey-step-list .step-3-container .step-1-container__step-name,
        .survey-step-list .step-3-container .step-2-container__step-name,
        .survey-step-list .step-3-container .step-3-container__step-name {
          display: block;
          font-weight: bold; }
        .survey-step-list .step-1-container .step-1-container__step-number,
        .survey-step-list .step-1-container .step-2-container__step-number,
        .survey-step-list .step-1-container .step-3-container__step-number,
        .survey-step-list .step-2-container .step-1-container__step-number,
        .survey-step-list .step-2-container .step-2-container__step-number,
        .survey-step-list .step-2-container .step-3-container__step-number,
        .survey-step-list .step-3-container .step-1-container__step-number,
        .survey-step-list .step-3-container .step-2-container__step-number,
        .survey-step-list .step-3-container .step-3-container__step-number {
          font-family: 'Poppins-Medium';
          text-transform: lowercase;
          font-size: 1em;
          display: block; } }
    @media (min-width: 840px) {
      .survey-step-list .step-1-container,
      .survey-step-list .step-2-container,
      .survey-step-list .step-3-container {
        padding: 1.04em 0em 1.04em 3em;
        display: inline-block;
        text-align: left;
        font-size: 1.2em; }
        .survey-step-list .step-1-container .step-1-container__step-name,
        .survey-step-list .step-1-container .step-2-container__step-name,
        .survey-step-list .step-1-container .step-3-container__step-name,
        .survey-step-list .step-2-container .step-1-container__step-name,
        .survey-step-list .step-2-container .step-2-container__step-name,
        .survey-step-list .step-2-container .step-3-container__step-name,
        .survey-step-list .step-3-container .step-1-container__step-name,
        .survey-step-list .step-3-container .step-2-container__step-name,
        .survey-step-list .step-3-container .step-3-container__step-name {
          display: block;
          font-weight: bold; }
        .survey-step-list .step-1-container .step-1-container__step-number,
        .survey-step-list .step-1-container .step-2-container__step-number,
        .survey-step-list .step-1-container .step-3-container__step-number,
        .survey-step-list .step-2-container .step-1-container__step-number,
        .survey-step-list .step-2-container .step-2-container__step-number,
        .survey-step-list .step-2-container .step-3-container__step-number,
        .survey-step-list .step-3-container .step-1-container__step-number,
        .survey-step-list .step-3-container .step-2-container__step-number,
        .survey-step-list .step-3-container .step-3-container__step-number {
          font-family: 'Poppins-Medium';
          text-transform: lowercase;
          font-size: .9em;
          display: block;
          margin-bottom: .2em; } }
  @media (min-width: 480px) and (max-width: 839px) {
    .survey-step-list {
      margin-top: 16em;
      margin-right: auto;
      margin-left: auto;
      max-width: 1280px; } }
  @media (min-width: 1024px) and (max-width: 1439px) {
    .survey-step-list {
      margin-top: 16em;
      margin-right: auto;
      margin-left: auto;
      max-width: 1280px; } }
  @media (min-width: 840px) and (max-width: 1023px) {
    .survey-step-list {
      margin-top: 16em;
      margin-right: auto;
      margin-left: auto;
      max-width: 1280px; } }
  @media (min-width: 1440px) {
    .survey-step-list {
      margin-top: 16em;
      margin-right: 22em;
      margin-left: 19.5em;
      width: calc(1268px - 1.86em); } }

@media (min-width: 480px) {
  .step-1-container__icon {
    background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 23.9614 32' enable-background='new 0 0 23.9614 32' xml:space='preserve'%3E %3Cg%3E %3Cg%3E %3Cpath fill='%23004F9F' d='M21.8485,0H2.1126C0.9477,0,0,0.9365,0,2.0874v24.5373c0,0.1645,0.0622,0.323,0.1741,0.4439l4.3766,4.7223 C4.6741,31.9241,4.8479,32,5.0297,32h16.8189c1.1652,0,2.1129-0.9365,2.1129-2.0874V2.0874C23.9614,0.9365,23.0137,0,21.8485,0z M4.3667,29.671L2.576,27.7388h1.7907V29.671z M22.6553,29.9126c0,0.4308-0.3619,0.7813-0.8068,0.7813H5.6728v-3.6081 c0-0.3606-0.2924-0.6531-0.6531-0.6531H1.4104c-0.0134,0-0.0246,0.0069-0.0378,0.0077l-0.0665-0.0717V2.0874 c0-0.4308,0.3616-0.7813,0.8064-0.7813h19.736c0.4448,0,0.8068,0.3504,0.8068,0.7813V29.9126z'/%3E %3Cpath fill='%23004F9F' d='M12.8189,8.5434H4.4997c-0.3607,0-0.6531,0.2924-0.6531,0.6531c0,0.3607,0.2924,0.6531,0.6531,0.6531 h8.3192c0.3607,0,0.6531-0.2924,0.6531-0.6531C13.4719,8.8358,13.1795,8.5434,12.8189,8.5434z'/%3E %3Cpath fill='%2324AC82' d='M19.5702,6.707c-0.3004-0.199-0.7054-0.1161-0.9047,0.1846l-1.4646,2.2149l-0.5073-0.492 c-0.2586-0.251-0.6719-0.2452-0.9235,0.014c-0.251,0.2589-0.2449,0.6722,0.014,0.9235l1.0724,1.0405 c0.1224,0.1189,0.2857,0.1843,0.4547,0.1843c0.0233,0,0.0469-0.0013,0.0705-0.0038c0.1932-0.021,0.367-0.1269,0.4742-0.2892 l1.8989-2.8721C19.9538,7.3109,19.8712,6.9056,19.5702,6.707z'/%3E %3Cpath fill='%23004F9F' d='M12.8189,15.154H4.4997c-0.3607,0-0.6531,0.2924-0.6531,0.6531s0.2924,0.6531,0.6531,0.6531h8.3192 c0.3607,0,0.6531-0.2924,0.6531-0.6531S13.1795,15.154,12.8189,15.154z'/%3E %3Cpath fill='%2324AC82' d='M19.5702,13.3176c-0.3004-0.1987-0.7063-0.1164-0.9047,0.1846l-1.4646,2.2152l-0.5073-0.4923 c-0.2586-0.251-0.6719-0.2449-0.9235,0.014c-0.251,0.2586-0.2449,0.6722,0.014,0.9235l1.0724,1.0408 c0.1224,0.1186,0.2857,0.1843,0.4547,0.1843c0.0233,0,0.0469-0.0013,0.0705-0.0038c0.1932-0.021,0.367-0.1269,0.4742-0.2892 l1.8989-2.8724C19.9538,13.9216,19.8712,13.5163,19.5702,13.3176z'/%3E %3Cpath fill='%23004F9F' d='M12.8189,21.7647H4.4997c-0.3607,0-0.6531,0.2924-0.6531,0.6531c0,0.3606,0.2924,0.6531,0.6531,0.6531 h8.3192c0.3607,0,0.6531-0.2924,0.6531-0.6531C13.4719,22.0571,13.1795,21.7647,12.8189,21.7647z'/%3E %3Cpath fill='%2324AC82' d='M19.5702,19.9283c-0.3004-0.1993-0.7063-0.1164-0.9047,0.1846l-1.4646,2.2152l-0.5073-0.492 c-0.2586-0.251-0.6719-0.2449-0.9235,0.014c-0.251,0.2589-0.2449,0.6722,0.014,0.9235l1.0724,1.0405 c0.1224,0.1189,0.2857,0.1843,0.4547,0.1843c0.0233,0,0.0469-0.0013,0.0705-0.0038c0.1932-0.021,0.367-0.1269,0.4742-0.2892 l1.8989-2.8724C19.9538,20.5322,19.8712,20.1269,19.5702,19.9283z'/%3E %3C/g%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3C/svg%3E");
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 1.5em; }
  .step-2-container__icon {
    background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32.0004 32' enable-background='new 0 0 32.0004 32' xml:space='preserve'%3E %3Cg%3E %3Cg%3E %3Cpath fill='%23004F9F' d='M16.0004,32c-2.2466,0-4.4336-0.4697-6.505-1.3962c-1.817,0.3858-5.6293,1.1987-5.8691,1.2557 c-0.5631,0.132-1.1086-0.025-1.4613-0.4222c-0.356-0.4024-0.4476-0.9695-0.2461-1.5176c0.0228-0.0644,0.1872-0.5705,1.3156-4.2776 C1.1461,22.8776,0,19.4699,0,16.0004C0,7.1778,7.1778,0,16.0004,0s16,7.1778,16,16.0004C32.0004,24.8226,24.823,32,16.0004,32z M9.5821,29.062c0.1092,0,0.2177,0.0239,0.3182,0.0706c1.9387,0.903,3.9911,1.3609,6.1001,1.3609 c7.9917,0,14.4935-6.5017,14.4935-14.4931c0-7.9921-6.5017-14.4938-14.4935-14.4938c-7.9921,0-14.4938,6.5017-14.4938,14.4938 c0,3.2632,1.1192,6.4661,3.1514,9.0186c0.1545,0.1942,0.2034,0.4513,0.1313,0.6885c-0.8305,2.7302-1.3116,4.2964-1.4333,4.6645 c0.8518-0.1839,5.1629-1.1012,6.0699-1.2936C9.4773,29.0675,9.5299,29.062,9.5821,29.062z'/%3E %3Cpath fill='%2324AC82' d='M24.4702,12.4437H7.5305c-0.416,0-0.7533-0.3373-0.7533-0.7533c0-0.416,0.3373-0.7533,0.7533-0.7533 h16.9397c0.416,0,0.7533,0.3373,0.7533,0.7533C25.2235,12.1064,24.8862,12.4437,24.4702,12.4437z'/%3E %3Cpath fill='%2324AC82' d='M24.4702,17.6084H7.5305c-0.416,0-0.7533-0.3373-0.7533-0.7533c0-0.416,0.3373-0.7533,0.7533-0.7533 h16.9397c0.416,0,0.7533,0.3373,0.7533,0.7533C25.2235,17.2711,24.8862,17.6084,24.4702,17.6084z'/%3E %3Cpath fill='%2324AC82' d='M13.9252,22.7728H7.5305c-0.416,0-0.7533-0.3373-0.7533-0.7533c0-0.416,0.3373-0.7533,0.7533-0.7533 h6.3947c0.416,0,0.7533,0.3373,0.7533,0.7533C14.6785,22.4355,14.3412,22.7728,13.9252,22.7728z'/%3E %3C/g%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3C/svg%3E");
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    margin-right: 1.5em;
    float: left; }
  .step-3-container__icon {
    background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 36.8153 32' enable-background='new 0 0 36.8153 32' xml:space='preserve'%3E %3Cg%3E %3Cg%3E %3Cpath fill='%23004F9F' d='M7.5583,20.5316c-0.3927,0-0.7111,0.3184-0.7111,0.7111s0.3184,0.7111,0.7111,0.7111h5.784 c0.3927,0,0.7111-0.3184,0.7111-0.7111s-0.3184-0.7111-0.7111-0.7111H7.5583z'/%3E %3Cpath fill='%23004F9F' d='M15.6694,29.9167c-2.1326,0-4.1844-0.4604-6.0983-1.3681c-0.1424-0.0677-0.3042-0.0861-0.4576-0.0521 l-5.6278,1.2389l1.3212-4.3441c0.0694-0.2281,0.0201-0.4757-0.1316-0.6594c-2.0979-2.5424-3.2531-5.7608-3.2531-9.0625 c0-7.8559,6.3913-14.2472,14.2472-14.2472s14.2472,6.3913,14.2472,14.2472c0,0.3927,0.3184,0.7111,0.7111,0.7111 c0.3927,0,0.7111-0.3184,0.7111-0.7111C31.3389,7.0292,24.3097,0,15.6694,0S0,7.0292,0,15.6694 c0,3.5028,1.1823,6.9205,3.3375,9.6681l-1.3486,4.4323c-0.1201,0.3948-0.0247,0.8108,0.2552,1.1135 c0.2795,0.3021,0.6868,0.4292,1.0896,0.3417l5.8507-1.2878c2.042,0.9302,4.2226,1.4017,6.4851,1.4017 c0.3927,0,0.7111-0.3184,0.7111-0.7111C16.3806,30.2351,16.0622,29.9167,15.6694,29.9167z'/%3E %3Cpath fill='%23004F9F' d='M23.9128,10.5594H7.5583c-0.3927,0-0.7111,0.3184-0.7111,0.7111c0,0.3927,0.3184,0.7111,0.7111,0.7111 h16.3545c0.3927,0,0.7111-0.3184,0.7111-0.7111C24.624,10.8778,24.3056,10.5594,23.9128,10.5594z'/%3E %3Cpath fill='%23004F9F' d='M24.624,16.2566c0-0.3927-0.3184-0.7111-0.7111-0.7111H7.5583c-0.3927,0-0.7111,0.3184-0.7111,0.7111 c0,0.3927,0.3184,0.7111,0.7111,0.7111h16.3545C24.3056,16.9677,24.624,16.6493,24.624,16.2566z'/%3E %3Cpath fill='%2324AC82' d='M36.4965,14.2472c-0.3281-0.217-0.7684-0.1264-0.9854,0.2007L25.108,30.1812l-5.5257-5.3615 c-0.2816-0.2733-0.7316-0.267-1.0056,0.0153c-0.2733,0.2819-0.2667,0.7319,0.0153,1.0056l6.141,5.9587 C24.8663,31.9288,25.0441,32,25.2281,32c0.0253,0,0.051-0.0014,0.0767-0.0042c0.2104-0.0229,0.3997-0.1382,0.5163-0.3146 l10.876-16.4486C36.9139,14.9049,36.824,14.4639,36.4965,14.2472z'/%3E %3C/g%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3C/svg%3E");
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    margin-right: 1.5em;
    float: left; } }

.step-1-container--active {
  position: relative;
  background-color: #004f9f; }
  .step-1-container--active .step-1-container__icon {
    background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 23.9614 32' enable-background='new 0 0 23.9614 32' xml:space='preserve'%3E %3Cg%3E %3Cg%3E %3Cpath fill='%23FFFFFF' d='M21.8485,0H2.1126C0.9477,0,0,0.9365,0,2.0874v24.5373c0,0.1645,0.0622,0.323,0.1741,0.4439l4.3766,4.7223 C4.6741,31.9241,4.8479,32,5.0297,32h16.8189c1.1652,0,2.1129-0.9365,2.1129-2.0874V2.0874C23.9614,0.9365,23.0137,0,21.8485,0z M4.3667,29.671L2.576,27.7388h1.7907V29.671z M22.6553,29.9126c0,0.4308-0.3619,0.7813-0.8068,0.7813H5.6728v-3.6081 c0-0.3606-0.2924-0.6531-0.6531-0.6531H1.4104c-0.0134,0-0.0246,0.0069-0.0378,0.0077l-0.0665-0.0717V2.0874 c0-0.4308,0.3616-0.7813,0.8064-0.7813h19.736c0.4448,0,0.8068,0.3504,0.8068,0.7813V29.9126z'/%3E %3Cpath fill='%23FFFFFF' d='M12.8189,8.5434H4.4997c-0.3607,0-0.6531,0.2924-0.6531,0.6531c0,0.3607,0.2924,0.6531,0.6531,0.6531 h8.3192c0.3607,0,0.6531-0.2924,0.6531-0.6531C13.4719,8.8358,13.1795,8.5434,12.8189,8.5434z'/%3E %3Cpath fill='%2324AC82' d='M19.5702,6.707c-0.3004-0.199-0.7054-0.1161-0.9047,0.1846l-1.4646,2.2149l-0.5073-0.492 c-0.2586-0.251-0.6719-0.2452-0.9235,0.014c-0.251,0.2589-0.2449,0.6722,0.014,0.9235l1.0724,1.0405 c0.1224,0.1189,0.2857,0.1843,0.4547,0.1843c0.0233,0,0.0469-0.0013,0.0705-0.0038c0.1932-0.021,0.367-0.1269,0.4742-0.2892 l1.8989-2.8721C19.9538,7.3109,19.8712,6.9056,19.5702,6.707z'/%3E %3Cpath fill='%23FFFFFF' d='M12.8189,15.154H4.4997c-0.3607,0-0.6531,0.2924-0.6531,0.6531s0.2924,0.6531,0.6531,0.6531h8.3192 c0.3607,0,0.6531-0.2924,0.6531-0.6531S13.1795,15.154,12.8189,15.154z'/%3E %3Cpath fill='%2324AC82' d='M19.5702,13.3176c-0.3004-0.1987-0.7063-0.1164-0.9047,0.1846l-1.4646,2.2152l-0.5073-0.4923 c-0.2586-0.251-0.6719-0.2449-0.9235,0.014c-0.251,0.2586-0.2449,0.6722,0.014,0.9235l1.0724,1.0408 c0.1224,0.1186,0.2857,0.1843,0.4547,0.1843c0.0233,0,0.0469-0.0013,0.0705-0.0038c0.1932-0.021,0.367-0.1269,0.4742-0.2892 l1.8989-2.8724C19.9538,13.9216,19.8712,13.5163,19.5702,13.3176z'/%3E %3Cpath fill='%23FFFFFF' d='M12.8189,21.7647H4.4997c-0.3607,0-0.6531,0.2924-0.6531,0.6531c0,0.3606,0.2924,0.6531,0.6531,0.6531 h8.3192c0.3607,0,0.6531-0.2924,0.6531-0.6531C13.4719,22.0571,13.1795,21.7647,12.8189,21.7647z'/%3E %3Cpath fill='%2324AC82' d='M19.5702,19.9283c-0.3004-0.1993-0.7063-0.1164-0.9047,0.1846l-1.4646,2.2152l-0.5073-0.492 c-0.2586-0.251-0.6719-0.2449-0.9235,0.014c-0.251,0.2589-0.2449,0.6722,0.014,0.9235l1.0724,1.0405 c0.1224,0.1189,0.2857,0.1843,0.4547,0.1843c0.0233,0,0.0469-0.0013,0.0705-0.0038c0.1932-0.021,0.367-0.1269,0.4742-0.2892 l1.8989-2.8724C19.9538,20.5322,19.8712,20.1269,19.5702,19.9283z'/%3E %3C/g%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3C/svg%3E"); }
  @media (min-width: 840px) {
    .step-1-container--active::after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      right: -2.95em;
      box-sizing: border-box;
      color: #004f9f;
      border: 1.49em solid #004f9f;
      border-color: transparent transparent #004f9f #004f9f;
      transform-origin: 0 0;
      transform: rotate(-135deg);
      top: 100%; } }
  .step-1-container--active .step-1-container__step-name {
    color: #FFF; }

.step-2-container--active {
  position: relative;
  background-color: #004f9f; }
  .step-2-container--active .step-2-container__icon {
    background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32.0004 32' enable-background='new 0 0 32.0004 32' xml:space='preserve'%3E %3Cg%3E %3Cg%3E %3Cpath fill='%23FFFFFF' d='M16.0004,32c-2.2466,0-4.4336-0.4697-6.505-1.3962c-1.817,0.3858-5.6293,1.1987-5.8691,1.2557 c-0.5631,0.132-1.1086-0.025-1.4613-0.4222c-0.356-0.4024-0.4476-0.9695-0.2461-1.5176c0.0228-0.0644,0.1872-0.5705,1.3156-4.2776 C1.1461,22.8776,0,19.4699,0,16.0004C0,7.1778,7.1778,0,16.0004,0s16,7.1778,16,16.0004C32.0004,24.8226,24.823,32,16.0004,32z M9.5821,29.062c0.1092,0,0.2177,0.0239,0.3182,0.0706c1.9387,0.903,3.9911,1.3609,6.1001,1.3609 c7.9917,0,14.4935-6.5017,14.4935-14.4931c0-7.9921-6.5017-14.4938-14.4935-14.4938c-7.9921,0-14.4938,6.5017-14.4938,14.4938 c0,3.2632,1.1192,6.4661,3.1514,9.0186c0.1545,0.1942,0.2034,0.4513,0.1313,0.6885c-0.8305,2.7302-1.3116,4.2964-1.4333,4.6645 c0.8518-0.1839,5.1629-1.1012,6.0699-1.2936C9.4773,29.0675,9.5299,29.062,9.5821,29.062z'/%3E %3Cpath fill='%2324AC82' d='M24.4702,12.4437H7.5305c-0.416,0-0.7533-0.3373-0.7533-0.7533c0-0.416,0.3373-0.7533,0.7533-0.7533 h16.9397c0.416,0,0.7533,0.3373,0.7533,0.7533C25.2235,12.1064,24.8862,12.4437,24.4702,12.4437z'/%3E %3Cpath fill='%2324AC82' d='M24.4702,17.6084H7.5305c-0.416,0-0.7533-0.3373-0.7533-0.7533c0-0.416,0.3373-0.7533,0.7533-0.7533 h16.9397c0.416,0,0.7533,0.3373,0.7533,0.7533C25.2235,17.2711,24.8862,17.6084,24.4702,17.6084z'/%3E %3Cpath fill='%2324AC82' d='M13.9252,22.7728H7.5305c-0.416,0-0.7533-0.3373-0.7533-0.7533c0-0.416,0.3373-0.7533,0.7533-0.7533 h6.3947c0.416,0,0.7533,0.3373,0.7533,0.7533C14.6785,22.4355,14.3412,22.7728,13.9252,22.7728z'/%3E %3C/g%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3C/svg%3E"); }
  @media (min-width: 840px) {
    .step-2-container--active::after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      right: -2.91em;
      box-sizing: border-box;
      color: #004f9f;
      border: 1.49em solid #004f9f;
      border-color: transparent transparent #004f9f #004f9f;
      transform-origin: 0 0;
      transform: rotate(-135deg);
      top: 100%; } }
  .step-2-container--active .step-2-container__step-name {
    color: #FFF; }

@media (min-width: 840px) {
  .step-3-container::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: -2.91em;
    box-sizing: border-box;
    border: 1.49em solid black;
    border-color: transparent transparent #FFF #FFF;
    transform-origin: 0 0;
    transform: rotate(-135deg);
    top: 101%;
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.4); } }

.step-3-container--active {
  position: relative;
  background-color: #004f9f; }
  .step-3-container--active .step-3-container__icon {
    background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 36.8153 32' enable-background='new 0 0 36.8153 32' xml:space='preserve'%3E %3Cg%3E %3Cg%3E %3Cpath fill='%23FFFFFF' d='M7.5583,20.5316c-0.3927,0-0.7111,0.3184-0.7111,0.7111s0.3184,0.7111,0.7111,0.7111h5.784 c0.3927,0,0.7111-0.3184,0.7111-0.7111s-0.3184-0.7111-0.7111-0.7111H7.5583z'/%3E %3Cpath fill='%23FFFFFF' d='M15.6694,29.9167c-2.1326,0-4.1844-0.4604-6.0983-1.3681c-0.1424-0.0677-0.3042-0.0861-0.4576-0.0521 l-5.6278,1.2389l1.3212-4.3441c0.0694-0.2281,0.0201-0.4757-0.1316-0.6594c-2.0979-2.5424-3.2531-5.7608-3.2531-9.0625 c0-7.8559,6.3913-14.2472,14.2472-14.2472s14.2472,6.3913,14.2472,14.2472c0,0.3927,0.3184,0.7111,0.7111,0.7111 c0.3927,0,0.7111-0.3184,0.7111-0.7111C31.3389,7.0292,24.3097,0,15.6694,0S0,7.0292,0,15.6694 c0,3.5028,1.1823,6.9205,3.3375,9.6681l-1.3486,4.4323c-0.1201,0.3948-0.0247,0.8108,0.2552,1.1135 c0.2795,0.3021,0.6868,0.4292,1.0896,0.3417l5.8507-1.2878c2.042,0.9302,4.2226,1.4017,6.4851,1.4017 c0.3927,0,0.7111-0.3184,0.7111-0.7111C16.3806,30.2351,16.0622,29.9167,15.6694,29.9167z'/%3E %3Cpath fill='%23FFFFFF' d='M23.9128,10.5594H7.5583c-0.3927,0-0.7111,0.3184-0.7111,0.7111c0,0.3927,0.3184,0.7111,0.7111,0.7111 h16.3545c0.3927,0,0.7111-0.3184,0.7111-0.7111C24.624,10.8778,24.3056,10.5594,23.9128,10.5594z'/%3E %3Cpath fill='%23FFFFFF' d='M24.624,16.2566c0-0.3927-0.3184-0.7111-0.7111-0.7111H7.5583c-0.3927,0-0.7111,0.3184-0.7111,0.7111 c0,0.3927,0.3184,0.7111,0.7111,0.7111h16.3545C24.3056,16.9677,24.624,16.6493,24.624,16.2566z'/%3E %3Cpath fill='%2324AC82' d='M36.4965,14.2472c-0.3281-0.217-0.7684-0.1264-0.9854,0.2007L25.108,30.1812l-5.5257-5.3615 c-0.2816-0.2733-0.7316-0.267-1.0056,0.0153c-0.2733,0.2819-0.2667,0.7319,0.0153,1.0056l6.141,5.9587 C24.8663,31.9288,25.0441,32,25.2281,32c0.0253,0,0.051-0.0014,0.0767-0.0042c0.2104-0.0229,0.3997-0.1382,0.5163-0.3146 l10.876-16.4486C36.9139,14.9049,36.824,14.4639,36.4965,14.2472z'/%3E %3C/g%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3C/svg%3E"); }
  @media (min-width: 840px) {
    .step-3-container--active::after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      right: -2.91em;
      box-sizing: border-box;
      color: #004f9f;
      border: 1.49em solid #004f9f;
      border-color: transparent transparent #004f9f #004f9f;
      transform-origin: 0 0;
      transform: rotate(-135deg);
      top: 100%; } }
  .step-3-container--active .step-3-container__step-name {
    color: #FFF; }

.survey-introduction {
  margin-top: 1em; }
  @media (min-width: 840px) {
    .survey-introduction {
      margin-top: 4em; } }
  .survey-introduction .mdc-layout-grid {
    background-color: #FFF;
    max-width: 1280px; }
  .survey-introduction .survey-introduction__prefold {
    text-align: center; }
    @media (min-width: 840px) {
      .survey-introduction .survey-introduction__prefold {
        text-align: left; } }
    .survey-introduction .survey-introduction__prefold hr {
      margin: 1em auto; }
      @media (min-width: 840px) {
        .survey-introduction .survey-introduction__prefold hr {
          margin: 1em; } }
      .survey-introduction .survey-introduction__prefold hr.grey {
        width: 100%;
        background-color: #DCE7F5;
        height: 0.10em; }
  .survey-introduction .survey-introduction__company-logo {
    max-width: 15.65em;
    max-height: 6em; }
    @media (min-width: 840px) {
      .survey-introduction .survey-introduction__company-logo {
        float: right;
        margin-left: 1em; } }
  .survey-introduction .survey-introduction__os-macaron-container {
    display: none; }
    @media (min-width: 840px) {
      .survey-introduction .survey-introduction__os-macaron-container {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%; }
        .survey-introduction .survey-introduction__os-macaron-container img {
          width: 15.625em;
          height: 15.625em; } }
  .survey-introduction button {
    width: 100%; }
    @media (min-width: 840px) {
      .survey-introduction button {
        width: auto; } }

.survey-introduction-svg__container {
  z-index: -1;
  position: relative;
  width: 100%;
  min-height: 20em;
  margin-top: -15em;
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1920 326.1856' style='enable-background:new 0 0 1920 326.1856;' xml:space='preserve' preserveAspectRatio='xMidYMax'%3E %3Cstyle type='text/css'%3E .st0%7Bfill:url(%23SVGID_1_);%7D .st1%7Bfill:url(%23SVGID_2_);%7D .st2%7Bopacity:0.4;%7D .st3%7Bfill:%230B1742;%7D .st4%7Bopacity:0.3;%7D .st5%7Bfill:%230E2050;%7D %3C/style%3E %3Cg%3E %3Cg%3E %3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='1046.0933' y1='782.6882' x2='104.4159' y2='1142.9822' gradientTransform='matrix(1 0 0 1 0 -589.1897)'%3E %3Cstop offset='0' style='stop-color:%23102D69'/%3E %3Cstop offset='0.2839' style='stop-color:%230F2F6D'/%3E %3Cstop offset='0.5466' style='stop-color:%230C3678'/%3E %3Cstop offset='0.8001' style='stop-color:%2306428B'/%3E %3Cstop offset='1' style='stop-color:%23004F9F'/%3E %3C/linearGradient%3E %3Cpolygon class='st0' points='-11.361,131.0382 -11.361,326.1856 1920,326.1856 1920,0 '/%3E %3C/g%3E %3Cg%3E %3ClinearGradient id='SVGID_2_' gradientUnits='userSpaceOnUse' x1='902.7471' y1='851.4033' x2='154.0445' y2='469.0112' gradientTransform='matrix(1 0 0 1 0 -589.1897)'%3E %3Cstop offset='0' style='stop-color:%23102D69'/%3E %3Cstop offset='0.2798' style='stop-color:%230D3373'/%3E %3Cstop offset='0.7584' style='stop-color:%2305458F'/%3E %3Cstop offset='1' style='stop-color:%23004F9F'/%3E %3C/linearGradient%3E %3Cpolygon class='st1' points='1920,250.9218 1920,326.1856 -11.361,326.1856 -11.361,133.294 '/%3E %3C/g%3E %3Cg class='st2'%3E %3Cpolygon class='st3' points='1920,325.0334 1920,326.1856 -11.3278,326.1856 -11.3278,193.9952 '/%3E %3C/g%3E %3Cg class='st4'%3E %3Cpolygon class='st3' points='-11.361,239.5077 -11.361,326.1856 1920,325.8495 1920,201.6201 '/%3E %3C/g%3E %3C/g%3E %3Cg%3E %3Cpolygon class='st5' points='-11.361,303.1259 -11.361,326.1856 1920,326.1856 1920,326.1856 '/%3E %3C/g%3E %3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom; }
  @media (max-width: 599px) {
    .survey-introduction-svg__container {
      margin-top: -20em; } }

.survey-step-1 {
  margin-top: 1em; }
  @media (min-width: 840px) {
    .survey-step-1 {
      margin-top: 4em; } }
  .survey-step-1 .mdc-layout-grid {
    background-color: #FFF;
    max-width: 1280px; }
  .survey-step-1 .form-group {
    margin-bottom: 1em; }
  .survey-step-1 .mdc-select {
    width: 100%; }
  @media (min-width: 840px) {
    .survey-step-1 #first_name_error_group {
      display: inline-flex;
      flex-direction: column;
      width: 48.5%;
      margin-right: 1.25%; }
    .survey-step-1 #last_name_error_group {
      display: inline-flex;
      flex-direction: column;
      margin-left: 1.25%;
      width: 48.5%; }
    .survey-step-1 #city_error_group {
      display: inline-flex;
      flex-direction: column;
      width: 48.5%;
      margin-right: 1.25%; }
    .survey-step-1 #postal_code_error_group {
      display: inline-flex;
      flex-direction: column;
      margin-left: 1.25%;
      width: 48.5%; } }

.survey-step-1__validation-container {
  display: flex; }

.survey-step-1__sms-validation {
  position: relative;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 1em;
  border: 2px solid transparent; }
  @media (min-width: 840px) {
    .survey-step-1__sms-validation {
      display: inline-flex;
      width: 49%;
      align-items: center; } }
  .survey-step-1__sms-validation:hover {
    cursor: pointer; }
  .survey-step-1__sms-validation .survey-step-1__sms-validation-checkmark {
    display: none; }
  .survey-step-1__sms-validation.active {
    border: 2px solid #23ae84; }
    .survey-step-1__sms-validation.active .survey-step-1__sms-validation-checkmark {
      display: block;
      position: absolute;
      top: -.5em;
      right: -.5em;
      background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20.3432 20.3432' enable-background='new 0 0 20.3432 20.3432' xml:space='preserve'%3E %3Cg%3E %3Ccircle fill='%2323AE84' cx='10.1716' cy='10.1716' r='10.1716'/%3E %3Cpath fill='%23FFFFFF' d='M16.0845,3.4879l-7.6267,8.0753L5.8624,9.3208l-0.7688,0.7688l-1.0524,1.097l4.4167,4.2854l7.8223-11.8295 C16.3637,3.5148,16.1894,3.377,16.0845,3.4879z'/%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3C/svg%3E");
      background-repeat: no-repeat;
      height: 20px;
      width: 20px; }
      @media (min-width: 840px) {
        .survey-step-1__sms-validation.active .survey-step-1__sms-validation-checkmark {
          width: 30px;
          height: 30px;
          top: -1em;
          right: -1em; } }
    .survey-step-1__sms-validation.active .survey-step-1__validation-icon--sms {
      background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 42 38.2118' enable-background='new 0 0 42 38.2118' xml:space='preserve'%3E %3Cg%3E %3Cpath fill='%23004F9E' d='M37.7257,0H4.2743C1.9227,0,0,1.9156,0,4.2743v19.7134c0,2.3587,1.9227,4.2743,4.2743,4.2743h2.5231 l-2.7662,8.32c-0.1715,0.5075,0.0072,1.0722,0.4432,1.3938c0.2145,0.1572,0.4718,0.2359,0.7291,0.2359s0.5147-0.0787,0.7362-0.2359 l12.8444-9.3921c0.2788-0.2073,0.6218-0.3217,0.9721-0.3217h17.9694c2.3516,0,4.2743-1.9156,4.2743-4.2743V4.2743 C42,1.9156,40.0773,0,37.7257,0z M39.5198,23.9878c0,0.9864-0.8077,1.7941-1.7941,1.7941H19.7563 c-0.8792,0-1.7226,0.2788-2.4374,0.8005l-9.7066,7.0977l1.8513-5.5681c0.1787-0.5361,0.0858-1.1365-0.243-1.594 c-0.3359-0.4646-0.872-0.7362-1.4367-0.7362H4.2743c-0.9864,0-1.7941-0.8005-1.7941-1.7941V4.2743 c0-0.9864,0.8077-1.7941,1.7941-1.7941h33.4513c0.9864,0,1.7941,0.8077,1.7941,1.7941V23.9878z'/%3E %3Crect x='8.6527' y='11.4875' fill='%2323AE84' width='4.27' height='4.27'/%3E %3Crect x='18.8647' y='11.4875' fill='%2323AE84' width='4.27' height='4.27'/%3E %3Crect x='29.0767' y='11.4875' fill='%2323AE84' width='4.27' height='4.27'/%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3C/svg%3E"); }
  .survey-step-1__sms-validation .survey-step-1__validation-icon--sms {
    position: absolute;
    top: 1em;
    right: 1em;
    background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 42 38.2118' enable-background='new 0 0 42 38.2118' xml:space='preserve'%3E %3Cg%3E %3Cpath fill='%233D495E' d='M37.7257,0H4.2743C1.9227,0,0,1.9156,0,4.2743v19.7134c0,2.3587,1.9227,4.2743,4.2743,4.2743h2.5231 l-2.7662,8.32c-0.1715,0.5075,0.0072,1.0722,0.4432,1.3938c0.2145,0.1572,0.4718,0.2359,0.7291,0.2359s0.5147-0.0787,0.7362-0.2359 l12.8444-9.3921c0.2788-0.2073,0.6218-0.3217,0.9721-0.3217h17.9694c2.3516,0,4.2743-1.9156,4.2743-4.2743V4.2743 C42,1.9156,40.0773,0,37.7257,0z M39.5198,23.9878c0,0.9864-0.8077,1.7941-1.7941,1.7941H19.7563 c-0.8792,0-1.7226,0.2788-2.4374,0.8005l-9.7066,7.0977l1.8513-5.5681c0.1787-0.5361,0.0858-1.1365-0.243-1.594 c-0.3359-0.4646-0.872-0.7362-1.4367-0.7362H4.2743c-0.9864,0-1.7941-0.8005-1.7941-1.7941V4.2743 c0-0.9864,0.8077-1.7941,1.7941-1.7941h33.4513c0.9864,0,1.7941,0.8077,1.7941,1.7941L39.5198,23.9878L39.5198,23.9878z'/%3E %3Crect x='8.6527' y='11.4875' fill='%233D495E' width='4.27' height='4.27'/%3E %3Crect x='18.8647' y='11.4875' fill='%233D495E' width='4.27' height='4.27'/%3E %3Crect x='29.0767' y='11.4875' fill='%233D495E' width='4.27' height='4.27'/%3E %3C/g%3E %3C/svg%3E");
    background-repeat: no-repeat;
    width: 22px;
    height: 20px; }
    @media (min-width: 840px) {
      .survey-step-1__sms-validation .survey-step-1__validation-icon--sms {
        position: relative;
        width: 33%;
        height: 50px;
        display: flex;
        top: 0;
        right: 0;
        align-self: center;
        display: flex; } }
  .survey-step-1__sms-validation .survey-step-1__sms-validation-free {
    color: #23ae84;
    text-transform: uppercase; }

.survey-step-1__callback-validation {
  position: relative;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 1em;
  border: 2px solid transparent; }
  @media (min-width: 840px) {
    .survey-step-1__callback-validation {
      display: inline-flex;
      width: 49%;
      align-items: center; } }
  .survey-step-1__callback-validation:hover {
    cursor: pointer; }
  .survey-step-1__callback-validation .survey-step-callback-validation-checkmark {
    display: none; }
  .survey-step-1__callback-validation.active {
    border: 2px solid #23ae84; }
    .survey-step-1__callback-validation.active .survey-step-1__callback-validation-checkmark {
      display: block;
      position: absolute;
      top: -.5em;
      right: -.5em;
      background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20.3432 20.3432' enable-background='new 0 0 20.3432 20.3432' xml:space='preserve'%3E %3Cg%3E %3Ccircle fill='%2323AE84' cx='10.1716' cy='10.1716' r='10.1716'/%3E %3Cpath fill='%23FFFFFF' d='M16.0845,3.4879l-7.6267,8.0753L5.8624,9.3208l-0.7688,0.7688l-1.0524,1.097l4.4167,4.2854l7.8223-11.8295 C16.3637,3.5148,16.1894,3.377,16.0845,3.4879z'/%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3C/svg%3E");
      background-repeat: no-repeat;
      height: 20px;
      width: 20px; }
      @media (min-width: 840px) {
        .survey-step-1__callback-validation.active .survey-step-1__callback-validation-checkmark {
          width: 30px;
          height: 30px;
          top: -1em;
          right: -1em; } }
    .survey-step-1__callback-validation.active .survey-step-1__validation-icon--callback {
      background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 42 41.7935' enable-background='new 0 0 42 41.7935' xml:space='preserve'%3E %3Cg%3E %3Cpath fill='%23004F9E' d='M28.767,27.5005c-0.9046-1.2665-2.7139-1.6283-3.9803-0.7237l-3.4376,2.1711h-0.3618v0.3618 c-0.3618,0-1.9902-0.3618-6.1514-6.1514c-3.6185-5.4277-3.6185-7.5988-3.4376-8.3225c0-0.1809,0.1809-0.3618,0.1809-0.3618 l3.6185-2.352c1.2665-0.7237,1.8092-2.5329,0.9046-3.9803l-5.0659-7.237V0.7237c0,0-0.9046-0.7237-2.352-0.7237 S5.7896,0.5428,4.1613,1.8092L3.7994,1.9902C0.7237,6.6942,0,12.3029,0,12.6647v0.1809v0.1809 C1.2665,18.997,4.1613,23.882,6.3323,27.1386l0,0l1.6283,2.5329l0,0c2.352,3.4376,5.6087,7.5988,10.4936,10.8555l0.1809,0.1809 c0.1809,0,3.2566,1.0855,7.237,1.0855c1.4474,0,2.7139-0.1809,3.9803-0.3619l0.3619-0.1809 c4.5231-2.7139,3.7994-5.7896,3.6185-5.9705L28.767,27.5005z M29.4907,39.4415c-1.0855,0.1809-2.1711,0.3619-3.4376,0.3619 c-3.2566,0-5.9705-0.7237-6.5133-0.9046c-4.885-3.4376-7.9607-7.5988-10.4936-11.0364l-0.5428-0.7237 c-1.9902-3.2566-5.4277-8.3225-6.6942-14.4739c0.1809-0.9046,0.9046-5.6087,3.4376-9.4081 c2.8948-1.9902,4.1613-1.2665,4.5231-1.0855l4.885,7.237c0.3618,0.5428,0.1809,1.0855-0.3618,1.4474l-3.4376,1.9902 c-0.1809,0.1809-0.7237,0.5428-1.0855,1.2665c-0.7237,1.9902,0.3618,5.2468,3.6185,10.1318 c3.2566,4.704,5.6087,6.8751,7.5988,6.8751c0.7237,0,1.2665-0.3619,1.4474-0.7237l3.2566-2.1711 c0.5428-0.3618,1.0855-0.1809,1.4474,0.3618l5.0659,7.237C32.2045,36.1849,32.2045,37.8132,29.4907,39.4415z'/%3E %3Cpath fill='%2323AE84' d='M39.2606,6.5133c-2.7139-3.7994-6.6942-5.9705-11.3982-6.3323c-0.5428,0-0.9046,0.3618-0.9046,0.9046 s0.3618,0.9046,0.9046,0.9046c3.9803,0.1809,7.5988,2.1711,9.9508,5.4277c2.1711,3.0757,2.8948,7.056,1.8092,10.8555 c-0.1809,0.5428,0.1809,0.9046,0.7237,1.0855h0.1809c0.3619,0,0.7237-0.1809,0.9046-0.7237 C42.6981,14.6549,41.7935,10.1318,39.2606,6.5133z'/%3E %3Cpath fill='%2323AE84' d='M26.0531,5.7896c-0.5428,0-0.9046,0.3618-0.9046,0.9046c0,0.5428,0.3618,0.9046,0.9046,0.9046 c2.7139,0.1809,5.0659,1.4474,6.5133,3.6185c1.4474,1.9902,1.8092,4.704,1.2665,7.056c-0.1809,0.5428,0.1809,0.9046,0.7237,1.0855 h0.1809c0.3619,0,0.7237-0.1809,0.9046-0.7237c0.7237-2.8948,0.1809-6.1514-1.4474-8.6844 C32.2045,7.4179,29.3097,5.7896,26.0531,5.7896z'/%3E %3Cpath fill='%2323AE84' d='M24.0629,13.3884c1.2665,0,2.352,0.7237,3.0757,1.6283c0.7237,0.9046,0.9046,2.1711,0.5428,3.2566 c-0.1809,0.5428,0.1809,0.9046,0.5428,1.0855h0.1809c0.3618,0,0.7237-0.1809,0.9046-0.7237 c0.3618-1.6283,0.1809-3.4376-0.9046-4.704c-1.0855-1.4474-2.5329-2.352-4.3422-2.352c-0.5428,0-0.9046,0.3618-0.9046,0.9046 C23.1583,13.0265,23.5202,13.3884,24.0629,13.3884z'/%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3C/svg%3E"); }
  .survey-step-1__callback-validation .survey-step-1__validation-icon--callback {
    position: absolute;
    top: 1em;
    right: 1em;
    background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 42 41.7935' enable-background='new 0 0 42 41.7935' xml:space='preserve'%3E %3Cg%3E %3Cg%3E %3Cpath fill='%233D495E' d='M28.767,27.5005c-0.9046-1.2665-2.7139-1.6283-3.9803-0.7237l-3.4376,2.1711h-0.3618v0.3618 c-0.3618,0-1.9902-0.3618-6.1514-6.1514c-3.6185-5.4277-3.6185-7.5988-3.4376-8.3225c0-0.1809,0.1809-0.3618,0.1809-0.3618 l3.6185-2.352c1.2665-0.7237,1.8092-2.5329,0.9046-3.9803l-5.0659-7.237v-0.181c0,0-0.9046-0.7237-2.352-0.7237 S5.7896,0.5428,4.1613,1.8092l-0.3619,0.181C0.7237,6.6942,0,12.3029,0,12.6647v0.1809v0.1809 C1.2665,18.997,4.1613,23.882,6.3323,27.1386l0,0l1.6283,2.5329l0,0c2.352,3.4376,5.6087,7.5988,10.4936,10.8555l0.1809,0.1809 c0.1809,0,3.2566,1.0855,7.237,1.0855c1.4474,0,2.7139-0.1809,3.9803-0.3619l0.3619-0.1809 c4.5231-2.7139,3.7994-5.7896,3.6185-5.9705L28.767,27.5005z M29.4907,39.4415c-1.0855,0.1809-2.1711,0.3619-3.4376,0.3619 c-3.2566,0-5.9705-0.7237-6.5133-0.9046c-4.885-3.4376-7.9607-7.5988-10.4936-11.0364l-0.5428-0.7237 c-1.9902-3.2566-5.4277-8.3225-6.6942-14.4739c0.1809-0.9046,0.9046-5.6087,3.4376-9.4081 c2.8948-1.9902,4.1613-1.2665,4.5231-1.0855l4.885,7.237c0.3618,0.5428,0.1809,1.0855-0.3618,1.4474l-3.4376,1.9902 c-0.1809,0.1809-0.7237,0.5428-1.0855,1.2665c-0.7237,1.9902,0.3618,5.2468,3.6185,10.1318 c3.2566,4.704,5.6087,6.8751,7.5988,6.8751c0.7237,0,1.2665-0.3619,1.4474-0.7237l3.2566-2.1711 c0.5428-0.3618,1.0855-0.1809,1.4474,0.3618l5.0659,7.237C32.2045,36.1849,32.2045,37.8132,29.4907,39.4415z'/%3E %3Cpath fill='%233D495E' d='M39.2606,6.5133c-2.7139-3.7994-6.6942-5.9705-11.3982-6.3323c-0.5428,0-0.9046,0.3618-0.9046,0.9046 s0.3618,0.9046,0.9046,0.9046c3.9803,0.1809,7.5988,2.1711,9.9508,5.4277c2.1711,3.0757,2.8948,7.056,1.8092,10.8555 c-0.1809,0.5428,0.1809,0.9046,0.7237,1.0855h0.1809c0.3619,0,0.7237-0.1809,0.9046-0.7237 C42.6981,14.6549,41.7935,10.1318,39.2606,6.5133z'/%3E %3Cpath fill='%233D495E' d='M26.0531,5.7896c-0.5428,0-0.9046,0.3618-0.9046,0.9046s0.3618,0.9046,0.9046,0.9046 c2.7139,0.1809,5.0659,1.4474,6.5133,3.6185c1.4474,1.9902,1.8092,4.704,1.2665,7.056c-0.1809,0.5428,0.1809,0.9046,0.7237,1.0855 h0.1809c0.3619,0,0.7237-0.1809,0.9046-0.7237c0.7237-2.8948,0.1809-6.1514-1.4474-8.6844 C32.2045,7.4179,29.3097,5.7896,26.0531,5.7896z'/%3E %3Cpath fill='%233D495E' d='M24.0629,13.3884c1.2665,0,2.352,0.7237,3.0757,1.6283c0.7237,0.9046,0.9046,2.1711,0.5428,3.2566 c-0.1809,0.5428,0.1809,0.9046,0.5428,1.0855h0.1809c0.3618,0,0.7237-0.1809,0.9046-0.7237 c0.3618-1.6283,0.1809-3.4376-0.9046-4.704c-1.0855-1.4474-2.5329-2.352-4.3422-2.352c-0.5428,0-0.9046,0.3618-0.9046,0.9046 C23.1583,13.0265,23.5202,13.3884,24.0629,13.3884z'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
    background-repeat: no-repeat;
    width: 22px;
    height: 22px; }
    @media (min-width: 840px) {
      .survey-step-1__callback-validation .survey-step-1__validation-icon--callback {
        position: relative;
        width: 33%;
        height: 50px;
        display: flex;
        top: 0;
        right: 0;
        align-self: center;
        display: flex; } }
  .survey-step-1__callback-validation .survey-step-1__callback-validation-free {
    color: #23ae84;
    text-transform: uppercase; }

.survey-step-1__cnil-box {
  /* 	background-image: url('../../image/survey-step-1/cnil-background.svg');
	background-repeat: no-repeat;
	width: 403px;
	height: 256px;
	box-sizing: border-box;
	padding: 2em 3em;*/
  margin-top: 84%;
  margin: 2em 2em;
  box-sizing: border-box;
  background: #fafbfe;
  border: 1px solid #CDD9E8;
  border-radius: .4em;
  border: none;
  position: relative;
  padding: 2em 2em; }
  .survey-step-1__cnil-box:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid #CDD9E8;
    border-top: 20px solid #CDD9E8;
    border-bottom: 20px solid transparent;
    left: -20px;
    top: 19px; }
  .survey-step-1__cnil-box:after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 9px solid transparent;
    border-right: 9px solid #fafbfe;
    border-top: 19px solid #fafbfe;
    border-bottom: 19px solid transparent;
    left: -18px;
    top: 20px; }
  .survey-step-1__cnil-box a {
    text-decoration: underline; }
  .survey-step-1__cnil-box svg {
    width: 77px;
    height: 23px; }

@keyframes mdc-slider-emphasize {
  0% {
    animation-timing-function: ease-out; }
  50% {
    animation-timing-function: ease-in;
    transform: scale(0.85); }
  100% {
    transform: scale(0.571); } }

.mdc-slider {
  position: relative;
  width: 100%;
  height: 48px;
  cursor: pointer;
  touch-action: pan-x;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track {
    background-color: #018786;
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786); }
  .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-container {
    background-color: rgba(1, 135, 134, 0.26); }
  .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker::after,
  .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker-container::after {
    background-color: #018786;
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786); }
  .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb {
    fill: #018786;
    /* @alternate */
    fill: var(--mdc-theme-secondary, #018786);
    stroke: #018786;
    /* @alternate */
    stroke: var(--mdc-theme-secondary, #018786); }
  .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__focus-ring {
    background-color: #018786;
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786); }
  .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin {
    background-color: #018786;
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #018786); }
  .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin {
    color: white;
    /* @alternate */
    color: var(--mdc-theme-text-primary-on-dark, white); }
  .mdc-slider--disabled {
    cursor: auto; }
    .mdc-slider--disabled .mdc-slider__track {
      background-color: #9a9a9a; }
    .mdc-slider--disabled .mdc-slider__track-container {
      background-color: rgba(154, 154, 154, 0.26); }
    .mdc-slider--disabled .mdc-slider__track-marker::after,
    .mdc-slider--disabled .mdc-slider__track-marker-container::after {
      background-color: #9a9a9a; }
    .mdc-slider--disabled .mdc-slider__thumb {
      fill: #9a9a9a;
      stroke: #9a9a9a; }
    .mdc-slider--disabled .mdc-slider__thumb {
      /* @alternate */
      stroke: white;
      stroke: var(--mdc-slider-bg-color-behind-component, white); }
  .mdc-slider:focus {
    outline: none; }
  .mdc-slider__track-container {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 2px;
    overflow: hidden; }
  .mdc-slider__track {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-origin: left top;
    will-change: transform; }
    .mdc-slider[dir="rtl"] .mdc-slider__track,
    [dir="rtl"] .mdc-slider .mdc-slider__track {
      transform-origin: right top; }
  .mdc-slider__track-marker-container {
    display: flex;
    margin-right: 0;
    margin-left: -1px;
    visibility: hidden; }
    .mdc-slider[dir="rtl"] .mdc-slider__track-marker-container,
    [dir="rtl"] .mdc-slider .mdc-slider__track-marker-container {
      margin-right: -1px;
      margin-left: 0; }
    .mdc-slider__track-marker-container::after {
      display: block;
      width: 2px;
      height: 2px;
      content: ""; }
  .mdc-slider__track-marker {
    flex: 1; }
    .mdc-slider__track-marker::after {
      display: block;
      width: 2px;
      height: 2px;
      content: ""; }
    .mdc-slider__track-marker:first-child::after {
      width: 3px; }
  .mdc-slider__thumb-container {
    position: absolute;
    top: 15px;
    left: 0;
    width: 21px;
    height: 100%;
    user-select: none;
    will-change: transform; }
  .mdc-slider__thumb {
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0.571);
    transition: transform 100ms ease-out, fill 100ms ease-out, stroke 100ms ease-out;
    stroke-width: 3.5; }
  .mdc-slider__focus-ring {
    width: 21px;
    height: 21px;
    transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out;
    border-radius: 50%;
    opacity: 0; }
  .mdc-slider__pin {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-top: -2px;
    margin-left: -2px;
    transform: rotate(-45deg) scale(0) translate(0, 0);
    transition: transform 100ms ease-out;
    border-radius: 50% 50% 50% 0%;
    z-index: 1; }
  .mdc-slider__pin-value-marker {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: 0.01786em;
    text-decoration: inherit;
    text-transform: inherit;
    transform: rotate(45deg); }

.mdc-slider--active .mdc-slider__thumb {
  transform: scale3d(1, 1, 1); }

.mdc-slider--focus .mdc-slider__thumb {
  animation: mdc-slider-emphasize 266.67ms linear; }

.mdc-slider--focus .mdc-slider__focus-ring {
  transform: scale3d(1.55, 1.55, 1.55);
  opacity: .25; }

.mdc-slider--in-transit .mdc-slider__thumb {
  transition-delay: 140ms; }

.mdc-slider--in-transit .mdc-slider__thumb-container,
.mdc-slider--in-transit .mdc-slider__track,
.mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__thumb-container,
.mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__track {
  transition: transform 80ms ease; }

.mdc-slider--discrete.mdc-slider--active .mdc-slider__thumb {
  transform: scale(calc(12 / 21)); }

.mdc-slider--discrete.mdc-slider--active .mdc-slider__pin {
  transform: rotate(-45deg) scale(1) translate(19px, -20px); }

.mdc-slider--discrete.mdc-slider--focus .mdc-slider__thumb {
  animation: none; }

.mdc-slider--discrete.mdc-slider--display-markers .mdc-slider__track-marker-container {
  visibility: visible; }

:root {
  --mdc-layout-grid-margin-desktop: 24px;
  --mdc-layout-grid-gutter-desktop: 24px;
  --mdc-layout-grid-column-width-desktop: 72px;
  --mdc-layout-grid-margin-tablet: 16px;
  --mdc-layout-grid-gutter-tablet: 16px;
  --mdc-layout-grid-column-width-tablet: 72px;
  --mdc-layout-grid-margin-phone: 16px;
  --mdc-layout-grid-gutter-phone: 16px;
  --mdc-layout-grid-column-width-phone: 72px; }

@media (min-width: 840px) {
  .mdc-layout-grid {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 24px;
    padding: var(--mdc-layout-grid-margin-desktop, 24px); } }

@media (min-width: 480px) and (max-width: 839px) {
  .mdc-layout-grid {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 16px;
    padding: var(--mdc-layout-grid-margin-tablet, 16px); } }

@media (max-width: 479px) {
  .mdc-layout-grid {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 16px;
    padding: var(--mdc-layout-grid-margin-phone, 16px); } }

@media (min-width: 840px) {
  .mdc-layout-grid__inner {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: -12px;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1); }
    @supports (display: grid) {
      .mdc-layout-grid__inner {
        display: grid;
        margin: 0;
        grid-gap: 24px;
        grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px);
        grid-template-columns: repeat(12, minmax(0, 1fr)); } } }

@media (min-width: 480px) and (max-width: 839px) {
  .mdc-layout-grid__inner {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: -8px;
    margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1); }
    @supports (display: grid) {
      .mdc-layout-grid__inner {
        display: grid;
        margin: 0;
        grid-gap: 16px;
        grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px);
        grid-template-columns: repeat(8, minmax(0, 1fr)); } } }

@media (max-width: 479px) {
  .mdc-layout-grid__inner {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: -8px;
    margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1); }
    @supports (display: grid) {
      .mdc-layout-grid__inner {
        display: grid;
        margin: 0;
        grid-gap: 16px;
        grid-gap: var(--mdc-layout-grid-gutter-phone, 16px);
        grid-template-columns: repeat(4, minmax(0, 1fr)); } } }

@media (min-width: 840px) {
  .mdc-layout-grid__cell {
    width: calc(33.33333% - 24px);
    width: calc(33.33333% - var(--mdc-layout-grid-gutter-desktop, 24px));
    box-sizing: border-box;
    margin: 12px;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2); }
    @supports (display: grid) {
      .mdc-layout-grid__cell {
        width: auto;
        grid-column-end: span 4; } }
    @supports (display: grid) {
      .mdc-layout-grid__cell {
        margin: 0; } }
    .mdc-layout-grid__cell--span-1,
    .mdc-layout-grid__cell--span-1-desktop {
      width: calc(8.33333% - 24px);
      width: calc(8.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-1,
        .mdc-layout-grid__cell--span-1-desktop {
          width: auto;
          grid-column-end: span 1; } }
    .mdc-layout-grid__cell--span-2,
    .mdc-layout-grid__cell--span-2-desktop {
      width: calc(16.66667% - 24px);
      width: calc(16.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-2,
        .mdc-layout-grid__cell--span-2-desktop {
          width: auto;
          grid-column-end: span 2; } }
    .mdc-layout-grid__cell--span-3,
    .mdc-layout-grid__cell--span-3-desktop {
      width: calc(25% - 24px);
      width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-3,
        .mdc-layout-grid__cell--span-3-desktop {
          width: auto;
          grid-column-end: span 3; } }
    .mdc-layout-grid__cell--span-4,
    .mdc-layout-grid__cell--span-4-desktop {
      width: calc(33.33333% - 24px);
      width: calc(33.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-4,
        .mdc-layout-grid__cell--span-4-desktop {
          width: auto;
          grid-column-end: span 4; } }
    .mdc-layout-grid__cell--span-5,
    .mdc-layout-grid__cell--span-5-desktop {
      width: calc(41.66667% - 24px);
      width: calc(41.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-5,
        .mdc-layout-grid__cell--span-5-desktop {
          width: auto;
          grid-column-end: span 5; } }
    .mdc-layout-grid__cell--span-6,
    .mdc-layout-grid__cell--span-6-desktop {
      width: calc(50% - 24px);
      width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-6,
        .mdc-layout-grid__cell--span-6-desktop {
          width: auto;
          grid-column-end: span 6; } }
    .mdc-layout-grid__cell--span-7,
    .mdc-layout-grid__cell--span-7-desktop {
      width: calc(58.33333% - 24px);
      width: calc(58.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-7,
        .mdc-layout-grid__cell--span-7-desktop {
          width: auto;
          grid-column-end: span 7; } }
    .mdc-layout-grid__cell--span-8,
    .mdc-layout-grid__cell--span-8-desktop {
      width: calc(66.66667% - 24px);
      width: calc(66.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-8,
        .mdc-layout-grid__cell--span-8-desktop {
          width: auto;
          grid-column-end: span 8; } }
    .mdc-layout-grid__cell--span-9,
    .mdc-layout-grid__cell--span-9-desktop {
      width: calc(75% - 24px);
      width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-9,
        .mdc-layout-grid__cell--span-9-desktop {
          width: auto;
          grid-column-end: span 9; } }
    .mdc-layout-grid__cell--span-10,
    .mdc-layout-grid__cell--span-10-desktop {
      width: calc(83.33333% - 24px);
      width: calc(83.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-10,
        .mdc-layout-grid__cell--span-10-desktop {
          width: auto;
          grid-column-end: span 10; } }
    .mdc-layout-grid__cell--span-11,
    .mdc-layout-grid__cell--span-11-desktop {
      width: calc(91.66667% - 24px);
      width: calc(91.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-11,
        .mdc-layout-grid__cell--span-11-desktop {
          width: auto;
          grid-column-end: span 11; } }
    .mdc-layout-grid__cell--span-12,
    .mdc-layout-grid__cell--span-12-desktop {
      width: calc(100% - 24px);
      width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-12,
        .mdc-layout-grid__cell--span-12-desktop {
          width: auto;
          grid-column-end: span 12; } } }

@media (min-width: 480px) and (max-width: 839px) {
  .mdc-layout-grid__cell {
    width: calc(50% - 16px);
    width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));
    box-sizing: border-box;
    margin: 8px;
    margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2); }
    @supports (display: grid) {
      .mdc-layout-grid__cell {
        width: auto;
        grid-column-end: span 4; } }
    @supports (display: grid) {
      .mdc-layout-grid__cell {
        margin: 0; } }
    .mdc-layout-grid__cell--span-1,
    .mdc-layout-grid__cell--span-1-tablet {
      width: calc(12.5% - 16px);
      width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-1,
        .mdc-layout-grid__cell--span-1-tablet {
          width: auto;
          grid-column-end: span 1; } }
    .mdc-layout-grid__cell--span-2,
    .mdc-layout-grid__cell--span-2-tablet {
      width: calc(25% - 16px);
      width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-2,
        .mdc-layout-grid__cell--span-2-tablet {
          width: auto;
          grid-column-end: span 2; } }
    .mdc-layout-grid__cell--span-3,
    .mdc-layout-grid__cell--span-3-tablet {
      width: calc(37.5% - 16px);
      width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-3,
        .mdc-layout-grid__cell--span-3-tablet {
          width: auto;
          grid-column-end: span 3; } }
    .mdc-layout-grid__cell--span-4,
    .mdc-layout-grid__cell--span-4-tablet {
      width: calc(50% - 16px);
      width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-4,
        .mdc-layout-grid__cell--span-4-tablet {
          width: auto;
          grid-column-end: span 4; } }
    .mdc-layout-grid__cell--span-5,
    .mdc-layout-grid__cell--span-5-tablet {
      width: calc(62.5% - 16px);
      width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-5,
        .mdc-layout-grid__cell--span-5-tablet {
          width: auto;
          grid-column-end: span 5; } }
    .mdc-layout-grid__cell--span-6,
    .mdc-layout-grid__cell--span-6-tablet {
      width: calc(75% - 16px);
      width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-6,
        .mdc-layout-grid__cell--span-6-tablet {
          width: auto;
          grid-column-end: span 6; } }
    .mdc-layout-grid__cell--span-7,
    .mdc-layout-grid__cell--span-7-tablet {
      width: calc(87.5% - 16px);
      width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-7,
        .mdc-layout-grid__cell--span-7-tablet {
          width: auto;
          grid-column-end: span 7; } }
    .mdc-layout-grid__cell--span-8,
    .mdc-layout-grid__cell--span-8-tablet {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-8,
        .mdc-layout-grid__cell--span-8-tablet {
          width: auto;
          grid-column-end: span 8; } }
    .mdc-layout-grid__cell--span-9,
    .mdc-layout-grid__cell--span-9-tablet {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-9,
        .mdc-layout-grid__cell--span-9-tablet {
          width: auto;
          grid-column-end: span 8; } }
    .mdc-layout-grid__cell--span-10,
    .mdc-layout-grid__cell--span-10-tablet {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-10,
        .mdc-layout-grid__cell--span-10-tablet {
          width: auto;
          grid-column-end: span 8; } }
    .mdc-layout-grid__cell--span-11,
    .mdc-layout-grid__cell--span-11-tablet {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-11,
        .mdc-layout-grid__cell--span-11-tablet {
          width: auto;
          grid-column-end: span 8; } }
    .mdc-layout-grid__cell--span-12,
    .mdc-layout-grid__cell--span-12-tablet {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-12,
        .mdc-layout-grid__cell--span-12-tablet {
          width: auto;
          grid-column-end: span 8; } } }

@media (max-width: 479px) {
  .mdc-layout-grid__cell {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
    box-sizing: border-box;
    margin: 8px;
    margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2); }
    @supports (display: grid) {
      .mdc-layout-grid__cell {
        width: auto;
        grid-column-end: span 4; } }
    @supports (display: grid) {
      .mdc-layout-grid__cell {
        margin: 0; } }
    .mdc-layout-grid__cell--span-1,
    .mdc-layout-grid__cell--span-1-phone {
      width: calc(25% - 16px);
      width: calc(25% - var(--mdc-layout-grid-gutter-phone, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-1,
        .mdc-layout-grid__cell--span-1-phone {
          width: auto;
          grid-column-end: span 1; } }
    .mdc-layout-grid__cell--span-2,
    .mdc-layout-grid__cell--span-2-phone {
      width: calc(50% - 16px);
      width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-2,
        .mdc-layout-grid__cell--span-2-phone {
          width: auto;
          grid-column-end: span 2; } }
    .mdc-layout-grid__cell--span-3,
    .mdc-layout-grid__cell--span-3-phone {
      width: calc(75% - 16px);
      width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-3,
        .mdc-layout-grid__cell--span-3-phone {
          width: auto;
          grid-column-end: span 3; } }
    .mdc-layout-grid__cell--span-4,
    .mdc-layout-grid__cell--span-4-phone {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-4,
        .mdc-layout-grid__cell--span-4-phone {
          width: auto;
          grid-column-end: span 4; } }
    .mdc-layout-grid__cell--span-5,
    .mdc-layout-grid__cell--span-5-phone {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-5,
        .mdc-layout-grid__cell--span-5-phone {
          width: auto;
          grid-column-end: span 4; } }
    .mdc-layout-grid__cell--span-6,
    .mdc-layout-grid__cell--span-6-phone {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-6,
        .mdc-layout-grid__cell--span-6-phone {
          width: auto;
          grid-column-end: span 4; } }
    .mdc-layout-grid__cell--span-7,
    .mdc-layout-grid__cell--span-7-phone {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-7,
        .mdc-layout-grid__cell--span-7-phone {
          width: auto;
          grid-column-end: span 4; } }
    .mdc-layout-grid__cell--span-8,
    .mdc-layout-grid__cell--span-8-phone {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-8,
        .mdc-layout-grid__cell--span-8-phone {
          width: auto;
          grid-column-end: span 4; } }
    .mdc-layout-grid__cell--span-9,
    .mdc-layout-grid__cell--span-9-phone {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-9,
        .mdc-layout-grid__cell--span-9-phone {
          width: auto;
          grid-column-end: span 4; } }
    .mdc-layout-grid__cell--span-10,
    .mdc-layout-grid__cell--span-10-phone {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-10,
        .mdc-layout-grid__cell--span-10-phone {
          width: auto;
          grid-column-end: span 4; } }
    .mdc-layout-grid__cell--span-11,
    .mdc-layout-grid__cell--span-11-phone {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-11,
        .mdc-layout-grid__cell--span-11-phone {
          width: auto;
          grid-column-end: span 4; } }
    .mdc-layout-grid__cell--span-12,
    .mdc-layout-grid__cell--span-12-phone {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-12,
        .mdc-layout-grid__cell--span-12-phone {
          width: auto;
          grid-column-end: span 4; } } }

.mdc-layout-grid__cell--order-1 {
  order: 1; }

.mdc-layout-grid__cell--order-2 {
  order: 2; }

.mdc-layout-grid__cell--order-3 {
  order: 3; }

.mdc-layout-grid__cell--order-4 {
  order: 4; }

.mdc-layout-grid__cell--order-5 {
  order: 5; }

.mdc-layout-grid__cell--order-6 {
  order: 6; }

.mdc-layout-grid__cell--order-7 {
  order: 7; }

.mdc-layout-grid__cell--order-8 {
  order: 8; }

.mdc-layout-grid__cell--order-9 {
  order: 9; }

.mdc-layout-grid__cell--order-10 {
  order: 10; }

.mdc-layout-grid__cell--order-11 {
  order: 11; }

.mdc-layout-grid__cell--order-12 {
  order: 12; }

.mdc-layout-grid__cell--align-top {
  align-self: flex-start; }
  @supports (display: grid) {
    .mdc-layout-grid__cell--align-top {
      align-self: start; } }

.mdc-layout-grid__cell--align-middle {
  align-self: center; }

.mdc-layout-grid__cell--align-bottom {
  align-self: flex-end; }
  @supports (display: grid) {
    .mdc-layout-grid__cell--align-bottom {
      align-self: end; } }

@media (min-width: 840px) {
  .mdc-layout-grid--fixed-column-width {
    width: 1176px;
    width: calc( var(--mdc-layout-grid-column-width-desktop, 72px) * 12 + var(--mdc-layout-grid-gutter-desktop, 24px) * 11 + var(--mdc-layout-grid-margin-desktop, 24px) * 2); } }

@media (min-width: 480px) and (max-width: 839px) {
  .mdc-layout-grid--fixed-column-width {
    width: 720px;
    width: calc( var(--mdc-layout-grid-column-width-tablet, 72px) * 8 + var(--mdc-layout-grid-gutter-tablet, 16px) * 7 + var(--mdc-layout-grid-margin-tablet, 16px) * 2); } }

@media (max-width: 479px) {
  .mdc-layout-grid--fixed-column-width {
    width: 368px;
    width: calc( var(--mdc-layout-grid-column-width-phone, 72px) * 4 + var(--mdc-layout-grid-gutter-phone, 16px) * 3 + var(--mdc-layout-grid-margin-phone, 16px) * 2); } }

.mdc-layout-grid--align-left {
  margin-right: auto;
  margin-left: 0; }

.mdc-layout-grid--align-right {
  margin-right: 0;
  margin-left: auto; }

.survey-step-2 {
  margin-top: 1em; }
  @media (min-width: 840px) {
    .survey-step-2 {
      margin-top: 4em; } }
  .survey-step-2 .os-layout-grid--no-gutter.mdc-layout-grid {
    background-color: #FFF;
    max-width: 1280px; }

@media (min-width: 840px) and (min-width: 840px) {
  .survey-step-2 .os-layout-grid--no-gutter.mdc-layout-grid {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 24px;
    padding: var(--mdc-layout-grid-margin-desktop, 24px); } }

@media (min-width: 840px) and (min-width: 480px) and (max-width: 839px) {
  .survey-step-2 .os-layout-grid--no-gutter.mdc-layout-grid {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 16px;
    padding: var(--mdc-layout-grid-margin-tablet, 16px); } }

@media (min-width: 840px) and (max-width: 479px) {
  .survey-step-2 .os-layout-grid--no-gutter.mdc-layout-grid {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 16px;
    padding: var(--mdc-layout-grid-margin-phone, 16px); } }

@media (min-width: 840px) and (min-width: 840px) {
  .survey-step-2 .os-layout-grid--no-gutter.mdc-layout-grid .mdc-layout-grid__inner {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: -12px;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1); }
    @supports (display: grid) {
      .survey-step-2 .os-layout-grid--no-gutter.mdc-layout-grid .mdc-layout-grid__inner {
        display: grid;
        margin: 0;
        grid-gap: 24px;
        grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px);
        grid-template-columns: repeat(12, minmax(0, 1fr)); } } }

@media (min-width: 840px) and (min-width: 480px) and (max-width: 839px) {
  .survey-step-2 .os-layout-grid--no-gutter.mdc-layout-grid .mdc-layout-grid__inner {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: -8px;
    margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1); }
    @supports (display: grid) {
      .survey-step-2 .os-layout-grid--no-gutter.mdc-layout-grid .mdc-layout-grid__inner {
        display: grid;
        margin: 0;
        grid-gap: 16px;
        grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px);
        grid-template-columns: repeat(8, minmax(0, 1fr)); } } }

@media (min-width: 840px) and (max-width: 479px) {
  .survey-step-2 .os-layout-grid--no-gutter.mdc-layout-grid .mdc-layout-grid__inner {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: -8px;
    margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1); }
    @supports (display: grid) {
      .survey-step-2 .os-layout-grid--no-gutter.mdc-layout-grid .mdc-layout-grid__inner {
        display: grid;
        margin: 0;
        grid-gap: 16px;
        grid-gap: var(--mdc-layout-grid-gutter-phone, 16px);
        grid-template-columns: repeat(4, minmax(0, 1fr)); } } }

.survey-step-2__floating-score-box,
.survey-step-2__floating-score-box--desktop {
  margin-top: 2em;
  background-color: #fafbfe;
  border: 1px solid rgba(128, 159, 189, 0.25);
  box-sizing: border-box;
  padding: 1em; }
  @media (min-width: 840px) {
    .survey-step-2__floating-score-box,
    .survey-step-2__floating-score-box--desktop {
      position: relative;
      margin: 2em 2em;
      background: #fafbfe;
      border: 1px solid #CDD9E8;
      border-radius: .4em;
      border: none;
      padding: 2.5em;
      z-index: 2; }
      .survey-step-2__floating-score-box h3,
      .survey-step-2__floating-score-box--desktop h3 {
        margin-bottom: 0;
        font-size: 1.2em; }
      .survey-step-2__floating-score-box p,
      .survey-step-2__floating-score-box--desktop p {
        font-size: .8em;
        margin-bottom: 0; }
      .survey-step-2__floating-score-box strong,
      .survey-step-2__floating-score-box--desktop strong {
        font-size: .8em; }
      .survey-step-2__floating-score-box:before,
      .survey-step-2__floating-score-box--desktop:before {
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid #CDD9E8;
        border-top: 20px solid #CDD9E8;
        border-bottom: 20px solid transparent;
        left: -20px;
        top: 19px; }
      .survey-step-2__floating-score-box:after,
      .survey-step-2__floating-score-box--desktop:after {
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        border-left: 9px solid transparent;
        border-right: 9px solid #fafbfe;
        border-top: 19px solid #fafbfe;
        border-bottom: 19px solid transparent;
        left: -18px;
        top: 20px; } }
  .survey-step-2__floating-score-box.top-fixed,
  .survey-step-2__floating-score-box--desktop.top-fixed {
    background-color: #fafbfe;
    position: fixed;
    top: 56px;
    margin-top: 0;
    width: 100%;
    z-index: 4; }
  .survey-step-2__floating-score-box.fixed,
  .survey-step-2__floating-score-box--desktop.fixed {
    background-color: #fafbfe;
    position: fixed;
    top: 0;
    margin-top: 0;
    width: 100%;
    z-index: 4; }
  .survey-step-2__floating-score-box .survey-step-2__floating-score-box-smiley,
  .survey-step-2__floating-score-box--desktop .survey-step-2__floating-score-box-smiley {
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: .5em;
    width: 16px;
    height: 16px; }
    .survey-step-2__floating-score-box .survey-step-2__floating-score-box-smiley.notation-smiley-good,
    .survey-step-2__floating-score-box--desktop .survey-step-2__floating-score-box-smiley.notation-smiley-good {
      background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='smiley-positive' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32.0001 31.9999' enable-background='new 0 0 32.0001 31.9999' xml:space='preserve'%3E %3Cg%3E %3Cpath fill='%2323AE84' d='M16.0244,0c-0.0084,0-0.0168,0-0.0252,0C7.1898,0,0.0153,7.1604,0,15.9737 c-0.0141,8.8216,7.1513,16.011,15.9733,16.0263c0.0084,0,0.016,0,0.0244,0c8.811-0.0004,15.9878-7.1608,16.0023-15.974 C32.0138,7.2031,24.8476,0.0141,16.0244,0z M15.9985,29.6585c-0.0069,0-0.0145,0-0.0213,0 c-7.5309-0.013-13.6475-6.1501-13.6357-13.681c0.013-7.524,6.1372-13.636,13.6578-13.636c0.0069,0,0.0152,0,0.0221,0 c7.5313,0.0118,13.6494,6.149,13.6372,13.6806C29.6456,23.5461,23.5199,29.6588,15.9985,29.6585z'/%3E %3Cpath fill='%2323AE84' d='M11.0096,14.351c1.1627,0.0013,2.1059-0.939,2.1084-2.1005c0.0013-1.1627-0.939-2.1072-2.1018-2.1084 c-1.1627-0.0025-2.1059,0.9378-2.1084,2.1018C8.9066,13.4053,9.8468,14.3485,11.0096,14.351z'/%3E %3Cpath fill='%2323AE84' d='M20.9955,14.3675c1.1626,0.0012,2.1059-0.939,2.1084-2.1006c0.0012-1.1626-0.9392-2.1071-2.1019-2.1083 c-1.1615-0.0026-2.106,0.9377-2.1083,2.1018C18.8924,13.4218,19.8326,14.3651,20.9955,14.3675z'/%3E %3Cpath fill='%2323AE84' d='M21.3133,19.8818c-1.5061,1.3384-3.2614,2.0457-5.0755,2.0457c-1.8148,0-3.5701-0.7073-5.077-2.0461 c-0.4832-0.4295-1.2245-0.3845-1.6528,0.0979c-0.4291,0.4832-0.3857,1.2233,0.0979,1.6528 c1.9421,1.7248,4.2348,2.6368,6.6319,2.6368c2.3963,0,4.6898-0.912,6.6303-2.6372c0.4832-0.4295,0.5274-1.1696,0.0976-1.6528 C22.5374,19.4961,21.7958,19.4512,21.3133,19.8818z'/%3E %3C/g%3E %3C/svg%3E"); }
    .survey-step-2__floating-score-box .survey-step-2__floating-score-box-smiley.notation-smiley-neutral,
    .survey-step-2__floating-score-box--desktop .survey-step-2__floating-score-box-smiley.notation-smiley-neutral {
      background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='smiley-neutral' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 31.9999' enable-background='new 0 0 32 31.9999' xml:space='preserve'%3E %3Cg%3E %3Cpath fill='%23004F9E' d='M16.0244,0c-0.0084,0-0.0168,0-0.0252,0C7.1906,0,0.0153,7.1604,0,15.9737 C-0.013,24.7953,7.1524,31.9847,15.9733,32c0.0084,0,0.016,0,0.0244,0C24.8087,31.9996,31.9855,24.8392,32,16.026 C32.0137,7.2031,24.8475,0.0141,16.0244,0z M15.9985,29.6585c-0.0069,0-0.0145,0-0.0213,0 C8.4474,29.6455,2.33,23.5083,2.3415,15.9775c0.013-7.524,6.1372-13.636,13.6578-13.636c0.0069,0,0.0152,0,0.0221,0 c7.5312,0.0118,13.6494,6.149,13.6372,13.6806C29.6456,23.5461,23.5198,29.6588,15.9985,29.6585z'/%3E %3Cpath fill='%23004F9E' d='M13.1183,12.2504c0.0012-1.1627-0.9392-2.1072-2.1018-2.1084c-1.1628-0.0025-2.106,0.9378-2.1084,2.1018 c-0.0013,1.1614,0.9389,2.1047,2.1018,2.1071C12.1725,14.3522,13.1158,13.4119,13.1183,12.2504z'/%3E %3Cpath fill='%23004F9E' d='M21.0023,10.1586c-1.1614-0.0026-2.1059,0.9377-2.1082,2.1018c-0.0013,1.1614,0.9388,2.1047,2.1017,2.1071 c1.1626,0.0012,2.1058-0.939,2.1084-2.1006C23.1054,11.1043,22.165,10.1598,21.0023,10.1586z'/%3E %3Cpath fill='%23004F9E' d='M21.016,20.3662h-9.5572c-0.6463,0-1.1707,0.524-1.1707,1.1707s0.5244,1.1707,1.1707,1.1707h9.5572 c0.6463,0,1.1707-0.524,1.1707-1.1707S21.6623,20.3662,21.016,20.3662z'/%3E %3C/g%3E %3C/svg%3E"); }
    .survey-step-2__floating-score-box .survey-step-2__floating-score-box-smiley.notation-smiley-bad,
    .survey-step-2__floating-score-box--desktop .survey-step-2__floating-score-box-smiley.notation-smiley-bad {
      background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='smiley-negative' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 31.9999' enable-background='new 0 0 32 31.9999' xml:space='preserve'%3E %3Cg%3E %3Cpath fill='%23E4032E' d='M16.0244,0c-0.0084,0-0.0168,0-0.0252,0C7.1898,0,0.0145,7.1604,0,15.9737 c-0.0137,8.8216,7.1509,16.011,15.9725,16.0263c0.0084,0,0.016,0,0.0244,0c8.811-0.0004,15.9878-7.1608,16.003-15.974 C32.0137,7.2031,24.8475,0.0141,16.0244,0z M15.9977,29.6585c-0.0069,0-0.0145,0-0.0213,0 c-7.5305-0.013-13.6471-6.1501-13.6349-13.681c0.013-7.524,6.1364-13.636,13.6578-13.636c0.0069,0,0.0152,0,0.0221,0 c7.5312,0.0118,13.6494,6.149,13.6372,13.6806C29.6456,23.5457,23.519,29.6588,15.9977,29.6585z'/%3E %3Cpath fill='%23E4032E' d='M13.118,12.2504c0.0011-1.1627-0.9392-2.1072-2.1019-2.1084c-1.1627-0.0025-2.1059,0.9378-2.1082,2.1018 c-0.0013,1.1614,0.9388,2.1047,2.1017,2.1071C12.1721,14.3522,13.1153,13.4119,13.118,12.2504z'/%3E %3Cpath fill='%23E4032E' d='M21.0019,10.1586c-1.1616-0.0026-2.1059,0.9377-2.1084,2.1018c-0.0012,1.1614,0.939,2.1047,2.1017,2.1071 c1.1627,0.0012,2.1059-0.939,2.1084-2.1006C23.105,11.1043,22.1646,10.1598,21.0019,10.1586z'/%3E %3Cpath fill='%23E4032E' d='M21.686,20.5765c-1.6052-1.1197-3.4901-1.7115-5.4497-1.7115c-1.9604,0-3.8437,0.5918-5.4474,1.7119 c-0.5305,0.3704-0.6601,1.1002-0.2896,1.6303c0.2271,0.3258,0.5907,0.5004,0.9604,0.5004c0.2317,0,0.4657-0.0682,0.6692-0.2107 c2.4177-1.689,5.7965-1.6883,8.2172,0c0.5297,0.3689,1.2591,0.2401,1.6303-0.29C22.346,21.6764,22.2165,20.9466,21.686,20.5765z'/%3E %3C/g%3E %3C/svg%3E"); }

.step-2__question-wrapper {
  margin: 1em 0; }
  @media (min-width: 840px) {
    .step-2__question-wrapper {
      margin: 2em 0; } }

.step-2-form-group {
  padding: 1em; }
  @media (min-width: 840px) {
    .step-2-form-group {
      padding: 1em 2em; } }
  .step-2-form-group.question-group {
    background-color: #fafbfe; }
    @media (min-width: 840px) {
      .step-2-form-group.question-group h4 {
        margin-top: 1em; } }

.survey-step-2__suggestion-button {
  border: none;
  border-top: 1px solid rgba(128, 159, 189, 0.25);
  background-color: #fafbfe;
  width: 100%;
  text-transform: uppercase;
  color: #3D495E;
  text-align: left;
  font-size: 0.8em;
  padding: 1em;
  font-family: "Poppins-Light"; }
  @media (min-width: 840px) {
    .survey-step-2__suggestion-button {
      padding: 1.5em 1.5em 1.5em 5em; } }
  .survey-step-2__suggestion-button.active {
    background-color: #004f9f;
    color: #FFF; }
  .survey-step-2__suggestion-button:hover {
    cursor: pointer; }

.survey-step-2__suggestion-box-wrapper {
  box-sizing: border-box;
  padding: 1em; }

.survey-step-2__floating-score-box-group {
  display: flex;
  align-items: center; }
  .survey-step-2__floating-score-box-group .mdc-linear-progress {
    height: 0.4286em;
    -webkit-border-top-right-radius: 0.2143em;
    -webkit-border-bottom-right-radius: 0.2143em;
    -moz-border-radius-topright: 0.2143em;
    -moz-border-radius-bottomright: 0.2143em;
    border-top-right-radius: 0.2143em;
    border-bottom-right-radius: 0.2143em; }
  .survey-step-2__floating-score-box-group .mdc-linear-progress__bar {
    transition-duration: 500ms;
    transform: scaleX(0); }
  .survey-step-2__floating-score-box-group .mdc-linear-progress__bar-inner {
    -webkit-border-top-right-radius: 0.2143em;
    -webkit-border-bottom-right-radius: 0.2143em;
    -moz-border-radius-topright: 0.2143em;
    -moz-border-radius-bottomright: 0.2143em;
    border-top-right-radius: 0.2143em;
    border-bottom-right-radius: 0.2143em; }
    .survey-step-2__floating-score-box-group .mdc-linear-progress__bar-inner.progress-bar-green {
      background-color: #23ae84; }
    .survey-step-2__floating-score-box-group .mdc-linear-progress__bar-inner.progress-bar-blue {
      background-color: #004f9f; }
    .survey-step-2__floating-score-box-group .mdc-linear-progress__bar-inner.progress-bar-red {
      background-color: #E4032E; }
  .survey-step-2__floating-score-box-group .mdc-linear-progress__buffer {
    background-color: #dce7f5; }
  .survey-step-2__floating-score-box-group .our-company-total,
  .survey-step-2__floating-score-box-group .your-score {
    line-height: 0.5em;
    font-family: "Poppins-Medium";
    margin-left: 0.5em; }
    .survey-step-2__floating-score-box-group .our-company-total.color-green,
    .survey-step-2__floating-score-box-group .your-score.color-green {
      color: #23ae84; }
    .survey-step-2__floating-score-box-group .our-company-total.color-blue,
    .survey-step-2__floating-score-box-group .your-score.color-blue {
      color: #004f9f; }
    .survey-step-2__floating-score-box-group .our-company-total.color-red,
    .survey-step-2__floating-score-box-group .your-score.color-red {
      color: #E4032E; }
  .survey-step-2__floating-score-box-group svg {
    margin-left: .5em;
    width: 16px;
    height: 16px; }

.survey-step-2__question-header {
  font-family: "Poppins-Light"; }
  @media (min-width: 840px) {
    .survey-step-2__question-header {
      font-size: 1.5em; } }

.survey-step-2__form .question-group div[class^="survey-step-2__slider-plus-icon-"] {
  margin-left: .5em; }
  @media (min-width: 840px) {
    .survey-step-2__form .question-group div[class^="survey-step-2__slider-plus-icon-"] {
      margin-left: 1em; } }

.survey-step-2__form .question-group div[class^="survey-step-2__slider-minus-icon-"] {
  margin-right: .5em; }
  @media (min-width: 840px) {
    .survey-step-2__form .question-group div[class^="survey-step-2__slider-minus-icon-"] {
      margin-right: 1em; } }

.survey-step-2__form .question-group svg:not(.mdc-slider__thumb) {
  width: 22px;
  height: 22px; }
  .survey-step-2__form .question-group svg:not(.mdc-slider__thumb):hover {
    cursor: pointer; }
  @media (min-width: 840px) {
    .survey-step-2__form .question-group svg:not(.mdc-slider__thumb) {
      width: 32px;
      height: 32px; } }

.survey-step-2__form .question-group#satisfaction-question p .suggestion-minus-icon,
.survey-step-2__form .question-group#satisfaction-question p .suggestion-plus-icon {
  width: 15px;
  height: 15px;
  margin: 0;
  border-radius: 50%;
  border: 1px solid rgba(0, 79, 158, 0.4);
  color: rgba(0, 79, 158, 0.75);
  font-weight: bold;
  display: inline-block;
  text-align: center;
  padding: 0.2em;
  line-height: 15px;
  margin: 0 0.25em; }
  @media (min-width: 840px) {
    .survey-step-2__form .question-group#satisfaction-question p .suggestion-minus-icon,
    .survey-step-2__form .question-group#satisfaction-question p .suggestion-plus-icon {
      line-height: 20px;
      width: 20px;
      height: 20px; } }

.survey-step-2__form .survey-step-2__slider-container {
  display: flex; }
  @media (min-width: 480px) and (max-width: 839px) {
    .survey-step-2__form .survey-step-2__slider-container {
      justify-content: center; } }
  .survey-step-2__form .survey-step-2__slider-container .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb {
    fill: #CDD9E8;
    stroke: #CDD9E8; }
  .survey-step-2__form .survey-step-2__slider-container .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-container {
    background-color: #cdd9e8; }
  .survey-step-2__form .survey-step-2__slider-container .slider-green:not(.mdc-slider--disabled) .mdc-slider__track {
    background-color: #23ae84; }
  .survey-step-2__form .survey-step-2__slider-container .slider-green:not(.mdc-slider--disabled) .mdc-slider__track-container {
    background-color: rgba(35, 174, 132, 0.26); }
  .survey-step-2__form .survey-step-2__slider-container .slider-green:not(.mdc-slider--disabled) .mdc-slider__track-marker::after,
  .survey-step-2__form .survey-step-2__slider-container .slider-green:not(.mdc-slider--disabled) .mdc-slider__track-marker-container::after {
    background-color: #23ae84; }
  .survey-step-2__form .survey-step-2__slider-container .slider-green:not(.mdc-slider--disabled) .mdc-slider__thumb {
    fill: #23ae84;
    stroke: #23ae84; }
  .survey-step-2__form .survey-step-2__slider-container .slider-green:not(.mdc-slider--disabled) .mdc-slider__focus-ring {
    background-color: #23ae84; }
  .survey-step-2__form .survey-step-2__slider-container .slider-green:not(.mdc-slider--disabled) .mdc-slider__pin {
    background-color: #23ae84; }
  .survey-step-2__form .survey-step-2__slider-container .slider-green:not(.mdc-slider--disabled) .mdc-slider__pin {
    color: rgba(0, 0, 0, 0.87);
    /* @alternate */
    color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)); }
  .survey-step-2__form .survey-step-2__slider-container .slider-blue:not(.mdc-slider--disabled) .mdc-slider__track {
    background-color: #004f9f; }
  .survey-step-2__form .survey-step-2__slider-container .slider-blue:not(.mdc-slider--disabled) .mdc-slider__track-container {
    background-color: rgba(0, 79, 159, 0.26); }
  .survey-step-2__form .survey-step-2__slider-container .slider-blue:not(.mdc-slider--disabled) .mdc-slider__track-marker::after,
  .survey-step-2__form .survey-step-2__slider-container .slider-blue:not(.mdc-slider--disabled) .mdc-slider__track-marker-container::after {
    background-color: #004f9f; }
  .survey-step-2__form .survey-step-2__slider-container .slider-blue:not(.mdc-slider--disabled) .mdc-slider__thumb {
    fill: #004f9f;
    stroke: #004f9f; }
  .survey-step-2__form .survey-step-2__slider-container .slider-blue:not(.mdc-slider--disabled) .mdc-slider__focus-ring {
    background-color: #004f9f; }
  .survey-step-2__form .survey-step-2__slider-container .slider-blue:not(.mdc-slider--disabled) .mdc-slider__pin {
    background-color: #004f9f; }
  .survey-step-2__form .survey-step-2__slider-container .slider-blue:not(.mdc-slider--disabled) .mdc-slider__pin {
    color: white;
    /* @alternate */
    color: var(--mdc-theme-text-primary-on-dark, white); }
  .survey-step-2__form .survey-step-2__slider-container .slider-red:not(.mdc-slider--disabled) .mdc-slider__track {
    background-color: #E4032E; }
  .survey-step-2__form .survey-step-2__slider-container .slider-red:not(.mdc-slider--disabled) .mdc-slider__track-container {
    background-color: rgba(228, 3, 46, 0.26); }
  .survey-step-2__form .survey-step-2__slider-container .slider-red:not(.mdc-slider--disabled) .mdc-slider__track-marker::after,
  .survey-step-2__form .survey-step-2__slider-container .slider-red:not(.mdc-slider--disabled) .mdc-slider__track-marker-container::after {
    background-color: #E4032E; }
  .survey-step-2__form .survey-step-2__slider-container .slider-red:not(.mdc-slider--disabled) .mdc-slider__thumb {
    fill: #E4032E;
    stroke: #E4032E; }
  .survey-step-2__form .survey-step-2__slider-container .slider-red:not(.mdc-slider--disabled) .mdc-slider__focus-ring {
    background-color: #E4032E; }
  .survey-step-2__form .survey-step-2__slider-container .slider-red:not(.mdc-slider--disabled) .mdc-slider__pin {
    background-color: #E4032E; }
  .survey-step-2__form .survey-step-2__slider-container .slider-red:not(.mdc-slider--disabled) .mdc-slider__pin {
    color: white;
    /* @alternate */
    color: var(--mdc-theme-text-primary-on-dark, white); }

.survey-step-2__slider-group {
  width: 80%; }
  @media (min-width: 840px) {
    .survey-step-2__slider-group {
      width: 90%; } }
  .survey-step-2__slider-group .mdc-slider {
    height: 20px; }
    @media (min-width: 840px) {
      .survey-step-2__slider-group .mdc-slider {
        margin-top: 0.4em; } }
    .survey-step-2__slider-group .mdc-slider .mdc-slider__thumb-container {
      top: 0; }

.slider_step {
  border: 1px solid transparent;
  width: 100%;
  position: relative;
  height: 20px;
  top: -3px;
  z-index: 1; }
  @media (min-width: 840px) {
    .slider_step {
      height: 30px;
      top: 7px; } }

.slider_tick {
  border: 1px solid transparent;
  position: absolute;
  width: 1.2em;
  margin-left: -.6em;
  text-align: center;
  left: 0;
  font-size: 0.8em; }
  @media (min-width: 840px) {
    .slider_tick {
      font-size: 1.2em; } }

.slider_tick a {
  color: #333;
  text-decoration: none; }

.survey-step-2__constructive-comment {
  margin-top: 1em;
  margin-bottom: 1em;
  color: #004f9f; }
  .survey-step-2__constructive-comment svg {
    width: 12px;
    height: 8px; }

.survey-step-2__constructive-comment-desc ul.os-list,
.survey-step-2__constructive-comment-desc ul.os-list-error,
.survey-step-2__constructive-comment-desc--desktop ul.os-list,
.survey-step-2__constructive-comment-desc--desktop ul.os-list-error {
  margin-bottom: 1.5em; }

.survey-step-2__constructive-comment-desc--desktop {
  position: absolute;
  width: 395px; }

.survey-step-2__satisfaction-score {
  display: inline-block;
  color: #FFF;
  background-color: #004f9f;
  border-radius: 2px;
  padding: 0.25em; }

.survey-step-2__button-container {
  padding: 1em;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between; }

@keyframes mdc-ripple-fg-radius-in {
  from {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); }
  to {
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } }

@keyframes mdc-ripple-fg-opacity-in {
  from {
    animation-timing-function: linear;
    opacity: 0; }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0); } }

@keyframes mdc-ripple-fg-opacity-out {
  from {
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0); }
  to {
    opacity: 0; } }

.mdc-ripple-surface--test-edge-var-bug {
  --mdc-ripple-surface-test-edge-var: 1px solid #000;
  visibility: hidden; }
  .mdc-ripple-surface--test-edge-var-bug::before {
    border: var(--mdc-ripple-surface-test-edge-var); }

.mdc-chip {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  will-change: transform, opacity;
  border-radius: 16px;
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.01786em;
  text-decoration: inherit;
  text-transform: inherit;
  height: 32px;
  display: inline-flex;
  position: relative;
  align-items: center;
  box-sizing: border-box;
  padding: 7px 12px;
  outline: none;
  cursor: pointer;
  overflow: hidden; }
  .mdc-chip::before, .mdc-chip::after {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""; }
  .mdc-chip::before {
    transition: opacity 15ms linear;
    z-index: 1; }
  .mdc-chip.mdc-ripple-upgraded::before {
    transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  .mdc-chip.mdc-ripple-upgraded::after {
    top: 0;
    /* @noflip */
    left: 0;
    transform: scale(0);
    transform-origin: center center; }
  .mdc-chip.mdc-ripple-upgraded--unbounded::after {
    top: var(--mdc-ripple-top, 0);
    /* @noflip */
    left: var(--mdc-ripple-left, 0); }
  .mdc-chip.mdc-ripple-upgraded--foreground-activation::after {
    animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  .mdc-chip.mdc-ripple-upgraded--foreground-deactivation::after {
    animation: 150ms mdc-ripple-fg-opacity-out;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  .mdc-chip::before, .mdc-chip::after {
    top: calc(50% - 100%);
    /* @noflip */
    left: calc(50% - 100%);
    width: 200%;
    height: 200%; }
  .mdc-chip.mdc-ripple-upgraded::after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%); }
  .mdc-chip::before, .mdc-chip::after {
    background-color: rgba(0, 0, 0, 0.87); }
  .mdc-chip:hover::before {
    opacity: 0.04; }
  .mdc-chip:not(.mdc-ripple-upgraded):focus::before, .mdc-chip.mdc-ripple-upgraded--background-focused::before {
    transition-duration: 75ms;
    opacity: 0.12; }
  .mdc-chip:not(.mdc-ripple-upgraded)::after {
    transition: opacity 150ms linear; }
  .mdc-chip:not(.mdc-ripple-upgraded):active::after {
    transition-duration: 75ms;
    opacity: 0.16; }
  .mdc-chip.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.16; }
  .mdc-chip:hover {
    color: rgba(0, 0, 0, 0.87); }
  .mdc-chip .mdc-chip__icon.mdc-chip__icon--leading {
    color: rgba(0, 0, 0, 0.54); }
  .mdc-chip .mdc-chip__icon.mdc-chip__icon--trailing {
    color: rgba(0, 0, 0, 0.54); }
    .mdc-chip .mdc-chip__icon.mdc-chip__icon--trailing:hover {
      color: rgba(0, 0, 0, 0.62); }
    .mdc-chip .mdc-chip__icon.mdc-chip__icon--trailing:focus {
      color: rgba(0, 0, 0, 0.87); }
  .mdc-chip .mdc-chip__icon.mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) {
    width: 20px;
    height: 20px;
    font-size: 20px; }
  .mdc-chip .mdc-chip__icon.mdc-chip__icon--trailing {
    width: 18px;
    height: 18px;
    font-size: 18px; }
  .mdc-chip:hover {
    color: #000;
    /* @alternate */
    color: var(--mdc-theme-on-surface, #000); }

.mdc-chip--exit {
  transition: opacity 75ms cubic-bezier(0.4, 0, 0.2, 1), width 150ms cubic-bezier(0, 0, 0.2, 1), padding 100ms linear, margin 100ms linear;
  opacity: 0; }

.mdc-chip__text {
  white-space: nowrap; }

.mdc-chip__icon {
  border-radius: 50%;
  outline: none;
  vertical-align: middle; }

.mdc-chip__icon--trailing {
  margin: 0 -4px 0 4px; }

.mdc-chip__checkmark,
.mdc-chip__icon--leading {
  height: 20px;
  margin: -4px 4px -4px -4px; }

.mdc-chip__checkmark-path {
  transition: stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1);
  stroke-width: 2px;
  stroke-dashoffset: 29.78334;
  stroke-dasharray: 29.78334; }

.mdc-chip--selected .mdc-chip__checkmark-path {
  stroke-dashoffset: 0; }

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before {
  opacity: 0.08; }

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::after {
  background-color: #6200ee; }
  @supports not (-ms-ime-align: auto) {
    .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::after {
      /* @alternate */
      background-color: var(--mdc-theme-primary, #6200ee); } }

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover::before {
  opacity: 0.12; }

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.2; }

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear; }

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24; }

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24; }

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected {
  color: #6200ee;
  /* @alternate */
  color: var(--mdc-theme-primary, #6200ee); }
  .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__icon.mdc-chip__icon--leading {
    color: rgba(98, 0, 238, 0.54); }
  .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover {
    color: #6200ee;
    /* @alternate */
    color: var(--mdc-theme-primary, #6200ee); }

.mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path {
  stroke: #6200ee;
  /* @alternate */
  stroke: var(--mdc-theme-primary, #6200ee); }

.mdc-chip-set--choice .mdc-chip--selected {
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff); }

.mdc-chip__checkmark-svg {
  width: 0;
  height: 20px;
  transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1); }

.mdc-chip--selected .mdc-chip__checkmark-svg {
  width: 20px; }

.mdc-chip-set--filter .mdc-chip__icon--leading {
  transition: opacity 75ms linear;
  transition-delay: -50ms;
  opacity: 1; }
  .mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark {
    transition: opacity 75ms linear;
    transition-delay: 80ms;
    opacity: 0; }
    .mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark .mdc-chip__checkmark-svg {
      transition: width 0ms; }

.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading {
  opacity: 0; }
  .mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading + .mdc-chip__checkmark {
    width: 0;
    opacity: 1; }

.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading {
  width: 0;
  opacity: 0; }
  .mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading + .mdc-chip__checkmark {
    width: 20px; }

@keyframes mdc-chip-entry {
  from {
    transform: scale(0.8);
    opacity: .4; }
  to {
    transform: scale(1);
    opacity: 1; } }

.mdc-chip-set {
  padding: 4px;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box; }
  .mdc-chip-set .mdc-chip {
    margin: 4px; }

.mdc-chip-set--input .mdc-chip {
  animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1); }

:root {
  --mdc-layout-grid-margin-desktop: 24px;
  --mdc-layout-grid-gutter-desktop: 24px;
  --mdc-layout-grid-column-width-desktop: 72px;
  --mdc-layout-grid-margin-tablet: 16px;
  --mdc-layout-grid-gutter-tablet: 16px;
  --mdc-layout-grid-column-width-tablet: 72px;
  --mdc-layout-grid-margin-phone: 16px;
  --mdc-layout-grid-gutter-phone: 16px;
  --mdc-layout-grid-column-width-phone: 72px; }

@media (min-width: 840px) {
  .mdc-layout-grid {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 24px;
    padding: var(--mdc-layout-grid-margin-desktop, 24px); } }

@media (min-width: 480px) and (max-width: 839px) {
  .mdc-layout-grid {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 16px;
    padding: var(--mdc-layout-grid-margin-tablet, 16px); } }

@media (max-width: 479px) {
  .mdc-layout-grid {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 16px;
    padding: var(--mdc-layout-grid-margin-phone, 16px); } }

@media (min-width: 840px) {
  .mdc-layout-grid__inner {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: -12px;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1); }
    @supports (display: grid) {
      .mdc-layout-grid__inner {
        display: grid;
        margin: 0;
        grid-gap: 24px;
        grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px);
        grid-template-columns: repeat(12, minmax(0, 1fr)); } } }

@media (min-width: 480px) and (max-width: 839px) {
  .mdc-layout-grid__inner {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: -8px;
    margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1); }
    @supports (display: grid) {
      .mdc-layout-grid__inner {
        display: grid;
        margin: 0;
        grid-gap: 16px;
        grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px);
        grid-template-columns: repeat(8, minmax(0, 1fr)); } } }

@media (max-width: 479px) {
  .mdc-layout-grid__inner {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: -8px;
    margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1); }
    @supports (display: grid) {
      .mdc-layout-grid__inner {
        display: grid;
        margin: 0;
        grid-gap: 16px;
        grid-gap: var(--mdc-layout-grid-gutter-phone, 16px);
        grid-template-columns: repeat(4, minmax(0, 1fr)); } } }

@media (min-width: 840px) {
  .mdc-layout-grid__cell {
    width: calc(33.33333% - 24px);
    width: calc(33.33333% - var(--mdc-layout-grid-gutter-desktop, 24px));
    box-sizing: border-box;
    margin: 12px;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2); }
    @supports (display: grid) {
      .mdc-layout-grid__cell {
        width: auto;
        grid-column-end: span 4; } }
    @supports (display: grid) {
      .mdc-layout-grid__cell {
        margin: 0; } }
    .mdc-layout-grid__cell--span-1,
    .mdc-layout-grid__cell--span-1-desktop {
      width: calc(8.33333% - 24px);
      width: calc(8.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-1,
        .mdc-layout-grid__cell--span-1-desktop {
          width: auto;
          grid-column-end: span 1; } }
    .mdc-layout-grid__cell--span-2,
    .mdc-layout-grid__cell--span-2-desktop {
      width: calc(16.66667% - 24px);
      width: calc(16.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-2,
        .mdc-layout-grid__cell--span-2-desktop {
          width: auto;
          grid-column-end: span 2; } }
    .mdc-layout-grid__cell--span-3,
    .mdc-layout-grid__cell--span-3-desktop {
      width: calc(25% - 24px);
      width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-3,
        .mdc-layout-grid__cell--span-3-desktop {
          width: auto;
          grid-column-end: span 3; } }
    .mdc-layout-grid__cell--span-4,
    .mdc-layout-grid__cell--span-4-desktop {
      width: calc(33.33333% - 24px);
      width: calc(33.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-4,
        .mdc-layout-grid__cell--span-4-desktop {
          width: auto;
          grid-column-end: span 4; } }
    .mdc-layout-grid__cell--span-5,
    .mdc-layout-grid__cell--span-5-desktop {
      width: calc(41.66667% - 24px);
      width: calc(41.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-5,
        .mdc-layout-grid__cell--span-5-desktop {
          width: auto;
          grid-column-end: span 5; } }
    .mdc-layout-grid__cell--span-6,
    .mdc-layout-grid__cell--span-6-desktop {
      width: calc(50% - 24px);
      width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-6,
        .mdc-layout-grid__cell--span-6-desktop {
          width: auto;
          grid-column-end: span 6; } }
    .mdc-layout-grid__cell--span-7,
    .mdc-layout-grid__cell--span-7-desktop {
      width: calc(58.33333% - 24px);
      width: calc(58.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-7,
        .mdc-layout-grid__cell--span-7-desktop {
          width: auto;
          grid-column-end: span 7; } }
    .mdc-layout-grid__cell--span-8,
    .mdc-layout-grid__cell--span-8-desktop {
      width: calc(66.66667% - 24px);
      width: calc(66.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-8,
        .mdc-layout-grid__cell--span-8-desktop {
          width: auto;
          grid-column-end: span 8; } }
    .mdc-layout-grid__cell--span-9,
    .mdc-layout-grid__cell--span-9-desktop {
      width: calc(75% - 24px);
      width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-9,
        .mdc-layout-grid__cell--span-9-desktop {
          width: auto;
          grid-column-end: span 9; } }
    .mdc-layout-grid__cell--span-10,
    .mdc-layout-grid__cell--span-10-desktop {
      width: calc(83.33333% - 24px);
      width: calc(83.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-10,
        .mdc-layout-grid__cell--span-10-desktop {
          width: auto;
          grid-column-end: span 10; } }
    .mdc-layout-grid__cell--span-11,
    .mdc-layout-grid__cell--span-11-desktop {
      width: calc(91.66667% - 24px);
      width: calc(91.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-11,
        .mdc-layout-grid__cell--span-11-desktop {
          width: auto;
          grid-column-end: span 11; } }
    .mdc-layout-grid__cell--span-12,
    .mdc-layout-grid__cell--span-12-desktop {
      width: calc(100% - 24px);
      width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-12,
        .mdc-layout-grid__cell--span-12-desktop {
          width: auto;
          grid-column-end: span 12; } } }

@media (min-width: 480px) and (max-width: 839px) {
  .mdc-layout-grid__cell {
    width: calc(50% - 16px);
    width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));
    box-sizing: border-box;
    margin: 8px;
    margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2); }
    @supports (display: grid) {
      .mdc-layout-grid__cell {
        width: auto;
        grid-column-end: span 4; } }
    @supports (display: grid) {
      .mdc-layout-grid__cell {
        margin: 0; } }
    .mdc-layout-grid__cell--span-1,
    .mdc-layout-grid__cell--span-1-tablet {
      width: calc(12.5% - 16px);
      width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-1,
        .mdc-layout-grid__cell--span-1-tablet {
          width: auto;
          grid-column-end: span 1; } }
    .mdc-layout-grid__cell--span-2,
    .mdc-layout-grid__cell--span-2-tablet {
      width: calc(25% - 16px);
      width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-2,
        .mdc-layout-grid__cell--span-2-tablet {
          width: auto;
          grid-column-end: span 2; } }
    .mdc-layout-grid__cell--span-3,
    .mdc-layout-grid__cell--span-3-tablet {
      width: calc(37.5% - 16px);
      width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-3,
        .mdc-layout-grid__cell--span-3-tablet {
          width: auto;
          grid-column-end: span 3; } }
    .mdc-layout-grid__cell--span-4,
    .mdc-layout-grid__cell--span-4-tablet {
      width: calc(50% - 16px);
      width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-4,
        .mdc-layout-grid__cell--span-4-tablet {
          width: auto;
          grid-column-end: span 4; } }
    .mdc-layout-grid__cell--span-5,
    .mdc-layout-grid__cell--span-5-tablet {
      width: calc(62.5% - 16px);
      width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-5,
        .mdc-layout-grid__cell--span-5-tablet {
          width: auto;
          grid-column-end: span 5; } }
    .mdc-layout-grid__cell--span-6,
    .mdc-layout-grid__cell--span-6-tablet {
      width: calc(75% - 16px);
      width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-6,
        .mdc-layout-grid__cell--span-6-tablet {
          width: auto;
          grid-column-end: span 6; } }
    .mdc-layout-grid__cell--span-7,
    .mdc-layout-grid__cell--span-7-tablet {
      width: calc(87.5% - 16px);
      width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-7,
        .mdc-layout-grid__cell--span-7-tablet {
          width: auto;
          grid-column-end: span 7; } }
    .mdc-layout-grid__cell--span-8,
    .mdc-layout-grid__cell--span-8-tablet {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-8,
        .mdc-layout-grid__cell--span-8-tablet {
          width: auto;
          grid-column-end: span 8; } }
    .mdc-layout-grid__cell--span-9,
    .mdc-layout-grid__cell--span-9-tablet {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-9,
        .mdc-layout-grid__cell--span-9-tablet {
          width: auto;
          grid-column-end: span 8; } }
    .mdc-layout-grid__cell--span-10,
    .mdc-layout-grid__cell--span-10-tablet {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-10,
        .mdc-layout-grid__cell--span-10-tablet {
          width: auto;
          grid-column-end: span 8; } }
    .mdc-layout-grid__cell--span-11,
    .mdc-layout-grid__cell--span-11-tablet {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-11,
        .mdc-layout-grid__cell--span-11-tablet {
          width: auto;
          grid-column-end: span 8; } }
    .mdc-layout-grid__cell--span-12,
    .mdc-layout-grid__cell--span-12-tablet {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-12,
        .mdc-layout-grid__cell--span-12-tablet {
          width: auto;
          grid-column-end: span 8; } } }

@media (max-width: 479px) {
  .mdc-layout-grid__cell {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
    box-sizing: border-box;
    margin: 8px;
    margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2); }
    @supports (display: grid) {
      .mdc-layout-grid__cell {
        width: auto;
        grid-column-end: span 4; } }
    @supports (display: grid) {
      .mdc-layout-grid__cell {
        margin: 0; } }
    .mdc-layout-grid__cell--span-1,
    .mdc-layout-grid__cell--span-1-phone {
      width: calc(25% - 16px);
      width: calc(25% - var(--mdc-layout-grid-gutter-phone, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-1,
        .mdc-layout-grid__cell--span-1-phone {
          width: auto;
          grid-column-end: span 1; } }
    .mdc-layout-grid__cell--span-2,
    .mdc-layout-grid__cell--span-2-phone {
      width: calc(50% - 16px);
      width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-2,
        .mdc-layout-grid__cell--span-2-phone {
          width: auto;
          grid-column-end: span 2; } }
    .mdc-layout-grid__cell--span-3,
    .mdc-layout-grid__cell--span-3-phone {
      width: calc(75% - 16px);
      width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-3,
        .mdc-layout-grid__cell--span-3-phone {
          width: auto;
          grid-column-end: span 3; } }
    .mdc-layout-grid__cell--span-4,
    .mdc-layout-grid__cell--span-4-phone {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-4,
        .mdc-layout-grid__cell--span-4-phone {
          width: auto;
          grid-column-end: span 4; } }
    .mdc-layout-grid__cell--span-5,
    .mdc-layout-grid__cell--span-5-phone {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-5,
        .mdc-layout-grid__cell--span-5-phone {
          width: auto;
          grid-column-end: span 4; } }
    .mdc-layout-grid__cell--span-6,
    .mdc-layout-grid__cell--span-6-phone {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-6,
        .mdc-layout-grid__cell--span-6-phone {
          width: auto;
          grid-column-end: span 4; } }
    .mdc-layout-grid__cell--span-7,
    .mdc-layout-grid__cell--span-7-phone {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-7,
        .mdc-layout-grid__cell--span-7-phone {
          width: auto;
          grid-column-end: span 4; } }
    .mdc-layout-grid__cell--span-8,
    .mdc-layout-grid__cell--span-8-phone {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-8,
        .mdc-layout-grid__cell--span-8-phone {
          width: auto;
          grid-column-end: span 4; } }
    .mdc-layout-grid__cell--span-9,
    .mdc-layout-grid__cell--span-9-phone {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-9,
        .mdc-layout-grid__cell--span-9-phone {
          width: auto;
          grid-column-end: span 4; } }
    .mdc-layout-grid__cell--span-10,
    .mdc-layout-grid__cell--span-10-phone {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-10,
        .mdc-layout-grid__cell--span-10-phone {
          width: auto;
          grid-column-end: span 4; } }
    .mdc-layout-grid__cell--span-11,
    .mdc-layout-grid__cell--span-11-phone {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-11,
        .mdc-layout-grid__cell--span-11-phone {
          width: auto;
          grid-column-end: span 4; } }
    .mdc-layout-grid__cell--span-12,
    .mdc-layout-grid__cell--span-12-phone {
      width: calc(100% - 16px);
      width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
      @supports (display: grid) {
        .mdc-layout-grid__cell--span-12,
        .mdc-layout-grid__cell--span-12-phone {
          width: auto;
          grid-column-end: span 4; } } }

.mdc-layout-grid__cell--order-1 {
  order: 1; }

.mdc-layout-grid__cell--order-2 {
  order: 2; }

.mdc-layout-grid__cell--order-3 {
  order: 3; }

.mdc-layout-grid__cell--order-4 {
  order: 4; }

.mdc-layout-grid__cell--order-5 {
  order: 5; }

.mdc-layout-grid__cell--order-6 {
  order: 6; }

.mdc-layout-grid__cell--order-7 {
  order: 7; }

.mdc-layout-grid__cell--order-8 {
  order: 8; }

.mdc-layout-grid__cell--order-9 {
  order: 9; }

.mdc-layout-grid__cell--order-10 {
  order: 10; }

.mdc-layout-grid__cell--order-11 {
  order: 11; }

.mdc-layout-grid__cell--order-12 {
  order: 12; }

.mdc-layout-grid__cell--align-top {
  align-self: flex-start; }
  @supports (display: grid) {
    .mdc-layout-grid__cell--align-top {
      align-self: start; } }

.mdc-layout-grid__cell--align-middle {
  align-self: center; }

.mdc-layout-grid__cell--align-bottom {
  align-self: flex-end; }
  @supports (display: grid) {
    .mdc-layout-grid__cell--align-bottom {
      align-self: end; } }

@media (min-width: 840px) {
  .mdc-layout-grid--fixed-column-width {
    width: 1176px;
    width: calc( var(--mdc-layout-grid-column-width-desktop, 72px) * 12 + var(--mdc-layout-grid-gutter-desktop, 24px) * 11 + var(--mdc-layout-grid-margin-desktop, 24px) * 2); } }

@media (min-width: 480px) and (max-width: 839px) {
  .mdc-layout-grid--fixed-column-width {
    width: 720px;
    width: calc( var(--mdc-layout-grid-column-width-tablet, 72px) * 8 + var(--mdc-layout-grid-gutter-tablet, 16px) * 7 + var(--mdc-layout-grid-margin-tablet, 16px) * 2); } }

@media (max-width: 479px) {
  .mdc-layout-grid--fixed-column-width {
    width: 368px;
    width: calc( var(--mdc-layout-grid-column-width-phone, 72px) * 4 + var(--mdc-layout-grid-gutter-phone, 16px) * 3 + var(--mdc-layout-grid-margin-phone, 16px) * 2); } }

.mdc-layout-grid--align-left {
  margin-right: auto;
  margin-left: 0; }

.mdc-layout-grid--align-right {
  margin-right: 0;
  margin-left: auto; }

/**
  * @license
  * Copyright 2018 Google Inc. All Rights Reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License")
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
  *
  *      http://www.apache.org/licenses/LICENSE-2.0
  *
  * Unless required by applicable law or agreed to in writing, software
  * distributed under the License is distributed on an "AS IS" BASIS,
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
*/
.mdc-tab {
  position: relative;
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  letter-spacing: 0.08929em;
  text-decoration: none;
  text-transform: uppercase;
  display: flex;
  flex: 1 0 auto;
  justify-content: center;
  box-sizing: border-box;
  height: 48px;
  padding: 0 24px;
  border: none;
  outline: none;
  background: none;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
  z-index: 1; }
  .mdc-tab .mdc-tab__text-label {
    color: #000;
    /* @alternate */
    color: var(--mdc-theme-on-surface, #000); }
  .mdc-tab .mdc-tab__icon {
    color: #000;
    /* @alternate */
    color: var(--mdc-theme-on-surface, #000); }

.mdc-tab--min-width {
  flex: 0 1 auto; }

.mdc-tab__ripple {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  will-change: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .mdc-tab__ripple::before, .mdc-tab__ripple::after {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""; }
  .mdc-tab__ripple::before {
    transition: opacity 15ms linear;
    z-index: 1; }
  .mdc-tab__ripple.mdc-ripple-upgraded::before {
    transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  .mdc-tab__ripple.mdc-ripple-upgraded::after {
    top: 0;
    /* @noflip */
    left: 0;
    transform: scale(0);
    transform-origin: center center; }
  .mdc-tab__ripple.mdc-ripple-upgraded--unbounded::after {
    top: var(--mdc-ripple-top, 0);
    /* @noflip */
    left: var(--mdc-ripple-left, 0); }
  .mdc-tab__ripple.mdc-ripple-upgraded--foreground-activation::after {
    animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  .mdc-tab__ripple.mdc-ripple-upgraded--foreground-deactivation::after {
    animation: 150ms mdc-ripple-fg-opacity-out;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  .mdc-tab__ripple::before, .mdc-tab__ripple::after {
    top: calc(50% - 100%);
    /* @noflip */
    left: calc(50% - 100%);
    width: 200%;
    height: 200%; }
  .mdc-tab__ripple.mdc-ripple-upgraded::after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%); }
  .mdc-tab__ripple::before, .mdc-tab__ripple::after {
    background-color: #6200ee; }
    @supports not (-ms-ime-align: auto) {
      .mdc-tab__ripple::before, .mdc-tab__ripple::after {
        /* @alternate */
        background-color: var(--mdc-theme-primary, #6200ee); } }
  .mdc-tab__ripple:hover::before {
    opacity: 0.04; }
  .mdc-tab__ripple:not(.mdc-ripple-upgraded):focus::before, .mdc-tab__ripple.mdc-ripple-upgraded--background-focused::before {
    transition-duration: 75ms;
    opacity: 0.12; }
  .mdc-tab__ripple:not(.mdc-ripple-upgraded)::after {
    transition: opacity 150ms linear; }
  .mdc-tab__ripple:not(.mdc-ripple-upgraded):active::after {
    transition-duration: 75ms;
    opacity: 0.16; }
  .mdc-tab__ripple.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.16; }

.mdc-tab__content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: inherit;
  pointer-events: none; }

.mdc-tab__text-label,
.mdc-tab__icon {
  z-index: 2; }

.mdc-tab__text-label {
  display: inline-block;
  opacity: 0.6;
  line-height: 1; }

.mdc-tab__icon {
  width: 24px;
  height: 24px;
  opacity: 0.54; }

.mdc-tab--stacked {
  height: 72px; }

.mdc-tab--stacked .mdc-tab__content {
  flex-direction: column;
  align-items: center;
  justify-content: space-between; }

.mdc-tab--stacked .mdc-tab__icon {
  padding-top: 12px; }

.mdc-tab--stacked .mdc-tab__text-label {
  padding-bottom: 16px; }

.mdc-tab--animating-activate .mdc-tab__text-label,
.mdc-tab--animating-activate .mdc-tab__icon,
.mdc-tab--animating-deactivate .mdc-tab__text-label,
.mdc-tab--animating-deactivate .mdc-tab__icon {
  transition: 150ms color linear, 150ms opacity linear; }

.mdc-tab--animating-activate .mdc-tab__text-label,
.mdc-tab--animating-activate .mdc-tab__icon {
  transition-delay: 100ms; }

.mdc-tab--active .mdc-tab__text-label {
  color: #6200ee;
  /* @alternate */
  color: var(--mdc-theme-primary, #6200ee); }

.mdc-tab--active .mdc-tab__icon {
  color: #6200ee;
  /* @alternate */
  color: var(--mdc-theme-primary, #6200ee); }

.mdc-tab--active .mdc-tab__text-label,
.mdc-tab--active .mdc-tab__icon {
  opacity: 1; }

.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label {
  /* @noflip */
  padding-left: 8px;
  /* @noflip */
  padding-right: 0; }
  [dir="rtl"] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label, .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label[dir="rtl"] {
    /* @noflip */
    padding-left: 0;
    /* @noflip */
    padding-right: 8px; }

.survey-step-3 {
  margin-top: 1em; }
  @media (min-width: 840px) {
    .survey-step-3 {
      margin-top: 4em; } }
  .survey-step-3 .os-layout-grid--no-gutter.mdc-layout-grid {
    background-color: #FFF;
    max-width: 1280px; }

@media (min-width: 840px) and (min-width: 840px) {
  .survey-step-3 .os-layout-grid--no-gutter.mdc-layout-grid {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 24px;
    padding: var(--mdc-layout-grid-margin-desktop, 24px); } }

@media (min-width: 840px) and (min-width: 480px) and (max-width: 839px) {
  .survey-step-3 .os-layout-grid--no-gutter.mdc-layout-grid {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 16px;
    padding: var(--mdc-layout-grid-margin-tablet, 16px); } }

@media (min-width: 840px) and (max-width: 479px) {
  .survey-step-3 .os-layout-grid--no-gutter.mdc-layout-grid {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 16px;
    padding: var(--mdc-layout-grid-margin-phone, 16px); } }

@media (min-width: 840px) and (min-width: 840px) {
  .survey-step-3 .os-layout-grid--no-gutter.mdc-layout-grid .mdc-layout-grid__inner {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: -12px;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1); }
    @supports (display: grid) {
      .survey-step-3 .os-layout-grid--no-gutter.mdc-layout-grid .mdc-layout-grid__inner {
        display: grid;
        margin: 0;
        grid-gap: 24px;
        grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px);
        grid-template-columns: repeat(12, minmax(0, 1fr)); } } }

@media (min-width: 840px) and (min-width: 480px) and (max-width: 839px) {
  .survey-step-3 .os-layout-grid--no-gutter.mdc-layout-grid .mdc-layout-grid__inner {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: -8px;
    margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1); }
    @supports (display: grid) {
      .survey-step-3 .os-layout-grid--no-gutter.mdc-layout-grid .mdc-layout-grid__inner {
        display: grid;
        margin: 0;
        grid-gap: 16px;
        grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px);
        grid-template-columns: repeat(8, minmax(0, 1fr)); } } }

@media (min-width: 840px) and (max-width: 479px) {
  .survey-step-3 .os-layout-grid--no-gutter.mdc-layout-grid .mdc-layout-grid__inner {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: -8px;
    margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1); }
    @supports (display: grid) {
      .survey-step-3 .os-layout-grid--no-gutter.mdc-layout-grid .mdc-layout-grid__inner {
        display: grid;
        margin: 0;
        grid-gap: 16px;
        grid-gap: var(--mdc-layout-grid-gutter-phone, 16px);
        grid-template-columns: repeat(4, minmax(0, 1fr)); } } }

.survey-step-3__question-header {
  font-family: "Poppins-Light"; }
  @media (min-width: 840px) {
    .survey-step-3__question-header {
      font-size: 1.5em; } }

.survey-step-3__form .mdc-chip-set {
  padding: -1px; }
  .survey-step-3__form .mdc-chip-set .mdc-chip {
    margin: -1px; }
  .survey-step-3__form .mdc-chip-set .mdc-chip {
    border-radius: 4px;
    height: 45px;
    background-color: #FFF;
    color: #004f9f;
    padding: 6px 11px;
    border-width: 1px;
    border-style: solid;
    border-color: #004f9f; }
    .survey-step-3__form .mdc-chip-set .mdc-chip.mdc-chip--selected {
      background-color: #004f9f;
      color: #FFF; }
      .survey-step-3__form .mdc-chip-set .mdc-chip.mdc-chip--selected::before, .survey-step-3__form .mdc-chip-set .mdc-chip.mdc-chip--selected::after {
        background-color: #FFF; }
      .survey-step-3__form .mdc-chip-set .mdc-chip.mdc-chip--selected:hover::before {
        opacity: 0.08; }
      .survey-step-3__form .mdc-chip-set .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus::before, .survey-step-3__form .mdc-chip-set .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded--background-focused::before {
        transition-duration: 75ms;
        opacity: 0.24; }
      .survey-step-3__form .mdc-chip-set .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded)::after {
        transition: opacity 150ms linear; }
      .survey-step-3__form .mdc-chip-set .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):active::after {
        transition-duration: 75ms;
        opacity: 0.32; }
      .survey-step-3__form .mdc-chip-set .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded {
        --mdc-ripple-fg-opacity: 0.32; }
      .survey-step-3__form .mdc-chip-set .mdc-chip.mdc-chip--selected:hover {
        color: #FFF; }
    .survey-step-3__form .mdc-chip-set .mdc-chip::before, .survey-step-3__form .mdc-chip-set .mdc-chip::after {
      background-color: #004f9f; }
    .survey-step-3__form .mdc-chip-set .mdc-chip:hover::before {
      opacity: 0.04; }
    .survey-step-3__form .mdc-chip-set .mdc-chip:not(.mdc-ripple-upgraded):focus::before, .survey-step-3__form .mdc-chip-set .mdc-chip.mdc-ripple-upgraded--background-focused::before {
      transition-duration: 75ms;
      opacity: 0.12; }
    .survey-step-3__form .mdc-chip-set .mdc-chip:not(.mdc-ripple-upgraded)::after {
      transition: opacity 150ms linear; }
    .survey-step-3__form .mdc-chip-set .mdc-chip:not(.mdc-ripple-upgraded):active::after {
      transition-duration: 75ms;
      opacity: 0.16; }
    .survey-step-3__form .mdc-chip-set .mdc-chip.mdc-ripple-upgraded {
      --mdc-ripple-fg-opacity: 0.16; }
    .survey-step-3__form .mdc-chip-set .mdc-chip:hover {
      color: #004f9f; }
    .survey-step-3__form .mdc-chip-set .mdc-chip .mdc-chip__text {
      font-family: 'Poppins-Medium';
      font-size: 1.2em;
      text-transform: uppercase; }

.survey-step-3__form-group {
  background-color: #fafbfe;
  padding: 1em;
  margin: 2em 0; }
  .survey-step-3__form-group .share_on_google_logo {
    color: #004f9f;
    padding: 0 0 0 50px;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M36.3425 16.736H35V16.6668H20V23.3335H29.4192C28.045 27.2143 24.3525 30.0002 20 30.0002C14.4775 30.0002 10 25.5227 10 20.0002C10 14.4777 14.4775 10.0002 20 10.0002C22.5492 10.0002 24.8684 10.9618 26.6342 12.5327L31.3484 7.8185C28.3717 5.04433 24.39 3.3335 20 3.3335C10.7959 3.3335 3.33337 10.796 3.33337 20.0002C3.33337 29.2043 10.7959 36.6668 20 36.6668C29.2042 36.6668 36.6667 29.2043 36.6667 20.0002C36.6667 18.8827 36.5517 17.7918 36.3425 16.736Z' fill='%23FFC107'/%3E %3Cpath d='M5.255 12.2427L10.7308 16.2585C12.2125 12.5902 15.8008 10.0002 20 10.0002C22.5492 10.0002 24.8683 10.9618 26.6342 12.5327L31.3483 7.8185C28.3717 5.04433 24.39 3.3335 20 3.3335C13.5983 3.3335 8.04667 6.94766 5.255 12.2427Z' fill='%23FF3D00'/%3E %3Cpath d='M20 36.6667C24.305 36.6667 28.2166 35.0192 31.1741 32.3401L26.0158 27.9751C24.3425 29.2426 22.2625 30.0001 20 30.0001C15.665 30.0001 11.9841 27.2359 10.5975 23.3784L5.16248 27.5659C7.92081 32.9634 13.5225 36.6667 20 36.6667Z' fill='%234CAF50'/%3E %3Cpath d='M36.3425 16.7357H35V16.6665H20V23.3332H29.4192C28.7592 25.1973 27.56 26.8048 26.0133 27.9757C26.0142 27.9748 26.015 27.9748 26.0158 27.974L31.1742 32.339C30.8092 32.6707 36.6667 28.3332 36.6667 19.9998C36.6667 18.8823 36.5517 17.7915 36.3425 16.7357Z' fill='%231976D2'/%3E %3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain; }
    @media (min-width: 840px) {
      .survey-step-3__form-group .share_on_google_logo {
        padding: 10px 0 10px 45px; } }
  .survey-step-3__form-group.phone-widget-container {
    margin-top: -2em; }
    .survey-step-3__form-group.phone-widget-container .widget-phone-mdc {
      margin-top: 0; }
  .survey-step-3__form-group hr {
    background-color: #C0D5ED;
    height: 1px;
    width: 100%; }
  .survey-step-3__form-group ul li a {
    color: #004f9f; }
  .survey-step-3__form-group ol.os-numbered-list li:before {
    background-color: #004f9f; }

.survey-step-3__button-container {
  padding: 1em;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between; }
  .survey-step-3__button-container .plain-overlay__icon {
    justify-self: end;
    width: 2em;
    height: 2em; }

.survey-step-3__form .mdc-tab {
  overflow: hidden; }

.survey-step-3__form .mdc-tab .mdc-tab__text-label,
.survey-step-3__form .mdc-tab--active .mdc-tab__text-label {
  color: #004f9f !important; }

.survey-step-3__form .mdc-tab--active .mdc-tab__ripple:before,
.survey-step-3__form .mdc-tab--active .mdc-tab__ripple:after,
.survey-step-3__form .mdc-tab .mdc-tab__ripple:before,
.survey-step-3__form .mdc-tab .mdc-tab__ripple:after {
  background-color: #004f9f !important; }

.survey-step-3__form .mdc-tab-indicator > .mdc-tab-indicator__content--underline {
  background-color: #004f9f; }

.survey-step-3-sms-verify__content,
.survey-step-3-phone-verify__content {
  background-color: #FFF;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 1em;
  margin: 2em 0; }
  .survey-step-3-sms-verify__content.default,
  .survey-step-3-phone-verify__content.default {
    border: 1px solid #23ae84; }
  .survey-step-3-sms-verify__content.error,
  .survey-step-3-phone-verify__content.error {
    border: 1px solid #E4032E; }
  .survey-step-3-sms-verify__content ul.os-list,
  .survey-step-3-sms-verify__content ul.os-list-error,
  .survey-step-3-phone-verify__content ul.os-list,
  .survey-step-3-phone-verify__content ul.os-list-error {
    margin-bottom: 0; }
  .survey-step-3-sms-verify__content p,
  .survey-step-3-phone-verify__content p {
    margin-bottom: 0; }

@media (min-width: 840px) {
  #survey-step-3__phone-verify > .survey-step-3-phone-verify--initial {
    margin: 1.5em 0; } }

.survey-step-3-sms-verify__error-container p {
  margin-bottom: 0; }

.survey-step-3-phone-verify__error-container p {
  margin-bottom: 0; }

.survey-step-3-sms-verify__not-recieved,
.survey-step-3-sms-verify__error-container-resend-toggle,
.survey-step-3-sms-verify__error-container-change-method,
.survey-step-3-phone-verify__error-container-resend-toggle,
.survey-step-3-phone-verify__error-container-change-method {
  color: #004f9f;
  font-size: 0.8em;
  display: block; }
  .survey-step-3-sms-verify__not-recieved:hover,
  .survey-step-3-sms-verify__error-container-resend-toggle:hover,
  .survey-step-3-sms-verify__error-container-change-method:hover,
  .survey-step-3-phone-verify__error-container-resend-toggle:hover,
  .survey-step-3-phone-verify__error-container-change-method:hover {
    cursor: pointer; }

.security-code input {
  text-transform: uppercase; }

.survey-step-3-sms-verify__resend-phone {
  margin-top: 1em; }

.survey-step-3-phone-verify--in-progress,
.survey-step-3-phone-verify--success {
  text-align: center;
  margin-top: 1.5em; }
  .survey-step-3-phone-verify--in-progress svg,
  .survey-step-3-phone-verify--success svg {
    width: 40px;
    height: 40px; }

.survey-step-3__almost-done,
.survey-step-3__change-validation {
  position: relative;
  margin: 2em 2em;
  background: #fafbfe;
  border-radius: .4em;
  border: none;
  padding: 1.5em;
  border: 1px solid #CDD9E8; }
  .survey-step-3__almost-done h3,
  .survey-step-3__change-validation h3 {
    margin-bottom: 0;
    font-size: 1.2em; }
  .survey-step-3__almost-done p,
  .survey-step-3__change-validation p {
    font-size: .8em;
    margin-bottom: 0; }
  .survey-step-3__almost-done strong,
  .survey-step-3__change-validation strong {
    font-size: .8em; }
  .survey-step-3__almost-done:before,
  .survey-step-3__change-validation:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid #CDD9E8;
    border-top: 20px solid #CDD9E8;
    border-bottom: 20px solid transparent;
    left: -20px;
    top: 19px; }
  .survey-step-3__almost-done:after,
  .survey-step-3__change-validation:after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 9px solid transparent;
    border-right: 9px solid #fafbfe;
    border-top: 19px solid #fafbfe;
    border-bottom: 19px solid transparent;
    left: -18px;
    top: 20px; }

.survey-step-3__change-validation {
  position: absolute;
  width: 282.667px; }

.survey-step-3__change-validation-button {
  color: #004f9f;
  font-size: 0.8em;
  display: block;
  padding-left: 2em;
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 42 41.7935' enable-background='new 0 0 42 41.7935' xml:space='preserve'%3E %3Cg%3E %3Cpath fill='%23004F9E' d='M28.767,27.5005c-0.9046-1.2665-2.7139-1.6283-3.9803-0.7237l-3.4376,2.1711h-0.3618v0.3618 c-0.3618,0-1.9902-0.3618-6.1514-6.1514c-3.6185-5.4277-3.6185-7.5988-3.4376-8.3225c0-0.1809,0.1809-0.3618,0.1809-0.3618 l3.6185-2.352c1.2665-0.7237,1.8092-2.5329,0.9046-3.9803l-5.0659-7.237V0.7237c0,0-0.9046-0.7237-2.352-0.7237 S5.7896,0.5428,4.1613,1.8092L3.7994,1.9902C0.7237,6.6942,0,12.3029,0,12.6647v0.1809v0.1809 C1.2665,18.997,4.1613,23.882,6.3323,27.1386l0,0l1.6283,2.5329l0,0c2.352,3.4376,5.6087,7.5988,10.4936,10.8555l0.1809,0.1809 c0.1809,0,3.2566,1.0855,7.237,1.0855c1.4474,0,2.7139-0.1809,3.9803-0.3619l0.3619-0.1809 c4.5231-2.7139,3.7994-5.7896,3.6185-5.9705L28.767,27.5005z M29.4907,39.4415c-1.0855,0.1809-2.1711,0.3619-3.4376,0.3619 c-3.2566,0-5.9705-0.7237-6.5133-0.9046c-4.885-3.4376-7.9607-7.5988-10.4936-11.0364l-0.5428-0.7237 c-1.9902-3.2566-5.4277-8.3225-6.6942-14.4739c0.1809-0.9046,0.9046-5.6087,3.4376-9.4081 c2.8948-1.9902,4.1613-1.2665,4.5231-1.0855l4.885,7.237c0.3618,0.5428,0.1809,1.0855-0.3618,1.4474l-3.4376,1.9902 c-0.1809,0.1809-0.7237,0.5428-1.0855,1.2665c-0.7237,1.9902,0.3618,5.2468,3.6185,10.1318 c3.2566,4.704,5.6087,6.8751,7.5988,6.8751c0.7237,0,1.2665-0.3619,1.4474-0.7237l3.2566-2.1711 c0.5428-0.3618,1.0855-0.1809,1.4474,0.3618l5.0659,7.237C32.2045,36.1849,32.2045,37.8132,29.4907,39.4415z'/%3E %3Cpath fill='%2323AE84' d='M39.2606,6.5133c-2.7139-3.7994-6.6942-5.9705-11.3982-6.3323c-0.5428,0-0.9046,0.3618-0.9046,0.9046 s0.3618,0.9046,0.9046,0.9046c3.9803,0.1809,7.5988,2.1711,9.9508,5.4277c2.1711,3.0757,2.8948,7.056,1.8092,10.8555 c-0.1809,0.5428,0.1809,0.9046,0.7237,1.0855h0.1809c0.3619,0,0.7237-0.1809,0.9046-0.7237 C42.6981,14.6549,41.7935,10.1318,39.2606,6.5133z'/%3E %3Cpath fill='%2323AE84' d='M26.0531,5.7896c-0.5428,0-0.9046,0.3618-0.9046,0.9046c0,0.5428,0.3618,0.9046,0.9046,0.9046 c2.7139,0.1809,5.0659,1.4474,6.5133,3.6185c1.4474,1.9902,1.8092,4.704,1.2665,7.056c-0.1809,0.5428,0.1809,0.9046,0.7237,1.0855 h0.1809c0.3619,0,0.7237-0.1809,0.9046-0.7237c0.7237-2.8948,0.1809-6.1514-1.4474-8.6844 C32.2045,7.4179,29.3097,5.7896,26.0531,5.7896z'/%3E %3Cpath fill='%2323AE84' d='M24.0629,13.3884c1.2665,0,2.352,0.7237,3.0757,1.6283c0.7237,0.9046,0.9046,2.1711,0.5428,3.2566 c-0.1809,0.5428,0.1809,0.9046,0.5428,1.0855h0.1809c0.3618,0,0.7237-0.1809,0.9046-0.7237 c0.3618-1.6283,0.1809-3.4376-0.9046-4.704c-1.0855-1.4474-2.5329-2.352-4.3422-2.352c-0.5428,0-0.9046,0.3618-0.9046,0.9046 C23.1583,13.0265,23.5202,13.3884,24.0629,13.3884z'/%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3Cg%3E %3C/g%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px 20px; }
  .survey-step-3__change-validation-button:hover {
    cursor: pointer; }


/*# sourceMappingURL=survey.css.map*/