.bg-LOGO { background-image: url("/media/e22a1aca-0c7e-4921-90c7-f835f0b62903.png"); }
.border-color-MAIN_HEADER { border-color: rgba(255,255,255,1); }
.bg-color-MAIN_HEADER { background-color: rgba(255,255,255,1); }
.color-MAIN_HEADER { color: rgba(255,255,255,1); }
.border-color-MAIN_BACKGROUND { border-color: rgba(247,247,247,1); }
.bg-color-MAIN_BACKGROUND { background-color: rgba(247,247,247,1); }
.color-MAIN_BACKGROUND { color: rgba(247,247,247,1); }
.border-color-CAROUSEL_STATIONARY { border-color: rgba(2,70,125,1); }
.bg-color-CAROUSEL_STATIONARY { background-color: rgba(2,70,125,1); }
.color-CAROUSEL_STATIONARY { color: rgba(2,70,125,1); }
.border-color-MAIN_TEXT_LIGHT { border-color: rgba(255,255,255,1); }
.bg-color-MAIN_TEXT_LIGHT { background-color: rgba(255,255,255,1); }
.color-MAIN_TEXT_LIGHT { color: rgba(255,255,255,1); }
.border-color-MAIN_TEXT_CONTRAST { border-color: rgba(74,74,74,1); }
.bg-color-MAIN_TEXT_CONTRAST { background-color: rgba(74,74,74,1); }
.color-MAIN_TEXT_CONTRAST { color: rgba(74,74,74,1); }
.border-color-MAIN_TEXT_DARK { border-color: rgba(63,65,69,1); }
.bg-color-MAIN_TEXT_DARK { background-color: rgba(63,65,69,1); }
.color-MAIN_TEXT_DARK { color: rgba(63,65,69,1); }
.border-color-CTA_BUTTON_BACKGROUND { border-color: rgba(255,215,10,1); }
.bg-color-CTA_BUTTON_BACKGROUND { background-color: rgba(255,215,10,1); }
.color-CTA_BUTTON_BACKGROUND { color: rgba(255,215,10,1); }
.border-color-QUIZ_METER_LIGHT { border-color: rgba(73,140,192,1); }
.bg-color-QUIZ_METER_LIGHT { background-color: rgba(73,140,192,1); }
.color-QUIZ_METER_LIGHT { color: rgba(73,140,192,1); }
.border-color-QUIZ_METER_DARK { border-color: rgba(9,104,178,1); }
.bg-color-QUIZ_METER_DARK { background-color: rgba(9,104,178,1); }
.color-QUIZ_METER_DARK { color: rgba(9,104,178,1); }
.border-color-QUIZ_BUTTON_COLOR { border-color: rgba(9,104,178,1); }
.bg-color-QUIZ_BUTTON_COLOR { background-color: rgba(9,104,178,1); }
.color-QUIZ_BUTTON_COLOR { color: rgba(9,104,178,1); }
.border-color-QUIZ_NOTICE_BACKGROUND { border-color: rgba(243,244,245,1); }
.bg-color-QUIZ_NOTICE_BACKGROUND { background-color: rgba(243,244,245,1); }
.color-QUIZ_NOTICE_BACKGROUND { color: rgba(243,244,245,1); }
.border-color-ADVERTISING_BACKGROUND_SMALL { border-color: rgba(155,155,155,1); }
.bg-color-ADVERTISING_BACKGROUND_SMALL { background-color: rgba(155,155,155,1); }
.color-ADVERTISING_BACKGROUND_SMALL { color: rgba(155,155,155,1); }
.border-color-ADVERTISING_BACKGROUND_LARGE { border-color: rgba(3,97,171,1); }
.bg-color-ADVERTISING_BACKGROUND_LARGE { background-color: rgba(3,97,171,1); }
.color-ADVERTISING_BACKGROUND_LARGE { color: rgba(3,97,171,1); }
.border-color-ADVERTISING_FONT_SMALL { border-color: rgba(255,255,255,1); }
.bg-color-ADVERTISING_FONT_SMALL { background-color: rgba(255,255,255,1); }
.color-ADVERTISING_FONT_SMALL { color: rgba(255,255,255,1); }
.border-color-ADVERTISING_FONT_LARGE { border-color: rgba(255,255,255,1); }
.bg-color-ADVERTISING_FONT_LARGE { background-color: rgba(255,255,255,1); }
.color-ADVERTISING_FONT_LARGE { color: rgba(255,255,255,1); }
.bg-FAVICON { background-image: url("/media/ef0eeabd-f8da-4dac-94fd-ff5cf796e58f.png"); }

        .progress-bar {
            background: repeating-linear-gradient(-45deg, rgba(73,140,192,1) 0 20px, rgba(9,104,178,1) 20px 40px);
            border-radius: 10px 0 0 10px / 10px 0 0 10px;
            box-shadow: inset 2px 2px 2px rgba(90, 90, 92, 0.2);
            animation: pbar 90s linear infinite;
            background-size: calc(40px / 0.707) 100%;
            background-position: inherit;
        }
        
    @supports (-webkit-appearance: none) or (-moz-appearance: none) {
        input[type=checkbox],
      input[type=radio] {
          --active-inner: #fff;
          --border: #BBC1E1;
          --background: #fff;
          --disabled: #F6F8FF;
          --disabled-inner: #E1E6F9;
          --active: rgba(9,104,178,1);
          --focus: 2px rgba(9,104,178,1);
          --border-hover: rgba(9,104,178,1);
          --color: rgba(9,104,178,1);
          -webkit-appearance: none;
          -moz-appearance: none;
          height: 36px;
          outline: none;
          display: inline-block;
          vertical-align: top;
          position: relative;
          margin: 0;
          cursor: pointer;
          border: 2px solid var(--bc, var(--border));
          background: var(--b, var(--background));
          transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
          color: rgba(9,104,178,1);
        }
        input[type=checkbox]:after,
      input[type=radio]:after {
          display: block;
          left: 0;
          top: 0;
          position: absolute;
          transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
        }
        input[type=checkbox]:checked,
      input[type=radio]:checked {
          --b: var(--active);
          --bc: var(--active);
          --d-o: .3s;
          --d-t: .6s;
          --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
        }
        input[type=checkbox]:disabled,
      input[type=radio]:disabled {
          --b: var(--disabled);
          cursor: not-allowed;
          opacity: 0.9;
        }
        input[type=checkbox]:disabled:checked,
      input[type=radio]:disabled:checked {
          --b: var(--disabled-inner);
          --bc: var(--border);
        }
        input[type=checkbox]:disabled + label,
      input[type=radio]:disabled + label {
          cursor: not-allowed;
        }
        input[type=checkbox]:hover:not(:checked):not(:disabled),
      input[type=radio]:hover:not(:checked):not(:disabled) {
          --bc: var(--border-hover);
        }
        input[type=checkbox]:focus,
      input[type=radio]:focus {
          box-shadow: 0 0 0 var(--focus);
        }
        input[type=checkbox]:not(.switch),
      input[type=radio]:not(.switch) {
          width: 36px;
        }
        input[type=checkbox]:not(.switch):after,
      input[type=radio]:not(.switch):after {
          opacity: var(--o, 0);
        }
        input[type=checkbox]:not(.switch):checked,
      input[type=radio]:not(.switch):checked {
          --o: 1;
        }
        input[type=checkbox] + label,
      input[type=radio] + label {
          /* font-size: 14px; */
          /* line-height: 36px; */
          display: inline-block;
          vertical-align: top;
          cursor: pointer;
          margin-left: 4px;
        }

        input[type=checkbox]:not(.switch) {
          border-radius: 3px;
        }
        input[type=checkbox]:not(.switch):after {
          width: 0px;
          height: 0px;
          /* border: 2px solid var(--active-inner); */
          border-top: 0;
          border-left: 0;
          left: 0px;
          top: 0px;
          /* transform: rotate(var(--r, 20deg)); */
        }
        input[type=checkbox]:not(.switch):checked {
          --r: 43deg;
        }
        input[type=checkbox].switch {
          width: 38px;
          border-radius: 7px;
        }
        input[type=checkbox].switch:after {
          left: 2px;
          top: 2px;
          border-radius: 50%;
          width: 15px;
          height: 15px;
          background: var(--ab, var(--border));
          transform: translateX(var(--x, 0));
        }
        input[type=checkbox].switch:checked {
          --ab: var(--active-inner);
          --x: 17px;
        }
        input[type=checkbox].switch:disabled:not(:checked):after {
          opacity: 0.6;
        }

        input[type=radio] {
          border-radius: 50%;
        }
        input[type=radio]:after {
          width: 19px;
          height: 19px;
          border-radius: 50%;
          background: var(--active-inner);
          opacity: 0;
          transform: scale(var(--s, 0.7));
        }
        input[type=radio]:checked {
          --s: .5;
        }
      }