.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(2,53,94,1); }
.bg-color-MAIN_BACKGROUND { background-color: rgba(2,53,94,1); }
.color-MAIN_BACKGROUND { color: rgba(2,53,94,1); }
.border-color-CAROUSEL_STATIONARY { border-color: rgba(0,36,65,1); }
.bg-color-CAROUSEL_STATIONARY { background-color: rgba(0,36,65,1); }
.color-CAROUSEL_STATIONARY { color: rgba(0,36,65,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(255,215,10,1); }
.bg-color-MAIN_TEXT_CONTRAST { background-color: rgba(255,215,10,1); }
.color-MAIN_TEXT_CONTRAST { color: rgba(255,215,10,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-CTA_BUTTON_TEXT { border-color: rgba(0,0,0,1); }
.bg-color-CTA_BUTTON_TEXT { background-color: rgba(0,0,0,1); }
.color-CTA_BUTTON_TEXT { color: rgba(0,0,0,1); }
.border-color-CAROUSEL_SLIDING { border-color: rgba(1,125,180,1); }
.bg-color-CAROUSEL_SLIDING { background-color: rgba(1,125,180,1); }
.color-CAROUSEL_SLIDING { color: rgba(1,125,180,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(3,97,171,1); }
.bg-color-QUIZ_BUTTON_COLOR { background-color: rgba(3,97,171,1); }
.color-QUIZ_BUTTON_COLOR { color: rgba(3,97,171,1); }
.border-color-QUIZ_NOTICE_BACKGROUND { border-color: rgba(230,230,230,1); }
.bg-color-QUIZ_NOTICE_BACKGROUND { background-color: rgba(230,230,230,1); }
.color-QUIZ_NOTICE_BACKGROUND { color: rgba(230,230,230,1); }
.border-color-QUIZ_NOTICE_TEXT { border-color: rgba(0,0,0,1); }
.bg-color-QUIZ_NOTICE_TEXT { background-color: rgba(0,0,0,1); }
.color-QUIZ_NOTICE_TEXT { color: rgba(0,0,0,1); }
.bg-LOGO { background-image: url("/media/2af5310f-ec06-44e5-b603-4e3049136dc7.png"); }
.bg-BG_VIDEO { background-image: url("/media/6c9fb1a9-6ed5-4800-b0e5-b9a3178bcbe1.mp4"); }
.border-color-ADVERTISING_BACKGROUND_SMALL { border-color: rgba(246,247,248,1); }
.bg-color-ADVERTISING_BACKGROUND_SMALL { background-color: rgba(246,247,248,1); }
.color-ADVERTISING_BACKGROUND_SMALL { color: rgba(246,247,248,1); }
.border-color-ADVERTISING_BACKGROUND_LARGE { border-color: rgba(0,0,0,0.7); }
.bg-color-ADVERTISING_BACKGROUND_LARGE { background-color: rgba(0,0,0,0.7); }
.color-ADVERTISING_BACKGROUND_LARGE { color: rgba(0,0,0,0.7); }
.border-color-ADVERTISING_FONT_SMALL { border-color: rgba(0,0,0,1); }
.bg-color-ADVERTISING_FONT_SMALL { background-color: rgba(0,0,0,1); }
.color-ADVERTISING_FONT_SMALL { color: rgba(0,0,0,1); }
.border-color-ADVERTISING_FONT_LARGE { border-color: rgba(255,255,255,0.8); }
.bg-color-ADVERTISING_FONT_LARGE { background-color: rgba(255,255,255,0.8); }
.color-ADVERTISING_FONT_LARGE { color: rgba(255,255,255,0.8); }
.bg-FAVICON { background-image: url("/media/69168dee-7ca2-46c4-b3b5-62b6eeec13dd.png"); }
.border-color-ALT_BACKGROUND { border-color: rgba(245,245,245,1); }
.bg-color-ALT_BACKGROUND { background-color: rgba(245,245,245,1); }
.color-ALT_BACKGROUND { color: rgba(245,245,245,1); }
.bg-PAGE_PREVIEW_IMAGE { background-image: url("/media/580386bf-d1ee-42a5-81cc-9d3de16a62cc.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(3,97,171,1);
          --focus: 2px rgba(3,97,171,1);
          --border-hover: rgba(3,97,171,1);
          --color: rgba(3,97,171,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(3,97,171,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;
        }
      }