@charset "UTF-8";
:root {
  --FONT_default_family: "Suisse Intl", serif;
  --FONT_default_400: 300 36px/42px var(--FONT_default_family);
  --FONT_default_300: 300 28px/34px var(--FONT_default_family);
  --FONT_default_200: 300 22px/28px var(--FONT_default_family);
  --FONT_default_100: 400 18px/22px var(--FONT_default_family);
  --FONT_default_75: 400 14px/17px var(--FONT_default_family);
  --FONT_default_50: 400 11px/14px var(--FONT_default_family);
  --FONT_highlight_400: 600 36px/42px var(--FONT_default_family);
  --FONT_highlight_300: 600 28px/34px var(--FONT_default_family);
  --FONT_highlight_200: 600 22px/28px var(--FONT_default_family);
  --FONT_highlight_100: 600 18px/22px var(--FONT_default_family);
  --FONT_highlight_75: 600 14px/17px var(--FONT_default_family);
  --FONT_highlight_50: 600 11px/14px var(--FONT_default_family);
  --FONT_brand_family: "National 2 Compressed", serif;
  --FONT_brand_400: 500 52px/52px var(--FONT_brand_family);
  --FONT_brand_300: 500 48px/48px var(--FONT_brand_family);
  --FONT_brand_200: 500 44px/44px var(--FONT_brand_family);
  --FONT_brand_100: 500 40px/40px var(--FONT_brand_family);
  --FONT_deco_family: "National 2 Compressed", serif;
  --FONT_deco_300: 400 40px/40px var(--FONT_deco_family);
  --FONT_deco_200: 400 34px/34px var(--FONT_deco_family);
  --FONT_deco_100: 400 30px/30px var(--FONT_deco_family);
}

@font-face {
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 400;
  src: url("../../SuisseIntl-Regular-WebS.woff2") format("woff2");
  font-display: fallback;
}
@font-face {
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 300;
  src: url("../../SuisseIntl-Light-WebS.woff2") format("woff2");
  font-display: fallback;
}
@font-face {
  font-family: "Suisse Intl";
  font-style: normal;
  font-weight: 600;
  src: url("../../SuisseIntl-SemiBold-WebS.woff2") format("woff2");
  font-display: fallback;
}
@font-face {
  font-family: "National 2 Compressed";
  font-style: normal;
  font-weight: 400;
  src: url("../../national-2-compressed-regular.woff2") format("woff2");
  font-display: fallback;
}
@font-face {
  font-family: "National 2 Compressed";
  font-style: normal;
  font-weight: 500;
  src: url("../../national-2-compressed-medium.woff2") format("woff2");
  font-display: fallback;
}
/* @mixin premiumDiscountBackground {
	background-image: url('../../img/payment/premium_offer_bg.svg');
	background-size: cover;

	@include forPS() {
		background-position: center;
	}

	@include forEH() {
		background-position: center;
	}

	@include forEP() {
		background-position: left 50%;
	}
} */
.wdk-form-autofillDropdown .autofillDropdownDatalist.is-open, .wdk-form-text .inputWrapper textarea, .wdk-modalbox .modalboxContent article {
  overflow-y: auto;
  scrollbar-color: var(--COLOR_supportDark_500) var(--COLOR_supportLight_100);
  scrollbar-width: thin;
}
.wdk-form-autofillDropdown .autofillDropdownDatalist.is-open::-webkit-scrollbar, .wdk-form-text .inputWrapper textarea::-webkit-scrollbar, .wdk-modalbox .modalboxContent article::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.wdk-form-autofillDropdown .autofillDropdownDatalist.is-open::-webkit-scrollbar-track, .wdk-form-text .inputWrapper textarea::-webkit-scrollbar-track, .wdk-modalbox .modalboxContent article::-webkit-scrollbar-track {
  background: transparent;
  border-radius: var(--borderRadius_rounded);
}
.wdk-form-autofillDropdown .autofillDropdownDatalist.is-open::-webkit-scrollbar-thumb, .wdk-form-text .inputWrapper textarea::-webkit-scrollbar-thumb, .wdk-modalbox .modalboxContent article::-webkit-scrollbar-thumb {
  background: var(--COLOR_supportDark_500);
  border: 3px solid transparent;
  border-radius: var(--borderRadius_rounded);
  background-clip: content-box;
}
.wdk-form-autofillDropdown .autofillDropdownDatalist.is-open::-webkit-scrollbar-thumb:hover, .wdk-form-text .inputWrapper textarea::-webkit-scrollbar-thumb:hover, .wdk-modalbox .modalboxContent article::-webkit-scrollbar-thumb:hover {
  background: var(--COLOR_supportDark_400);
  border: 3px solid transparent;
  background-clip: content-box;
}

:root {
  --COLOR_primary_100_dark: #1e5a32;
  --COLOR_primary_100: #307d58;
  --COLOR_primary_100_light: #f0f5f2;
  --COLOR_secondary_100: #f0f5f2;
  --COLOR_tertiary_100: #fffaf5;
  --COLOR_decoration_100_dark: #203e20;
  --COLOR_decoration_100: #527052;
  --COLOR_decoration_100_light: #f1f4f1;
  --COLOR_decoration_200_dark: #00325a;
  --COLOR_decoration_200: #006e96;
  --COLOR_decoration_200_light: #ebf3f7;
  --COLOR_decoration_300_dark: #700;
  --COLOR_decoration_300: #a91e1e;
  --COLOR_decoration_300_light: #f8eded;
  --COLOR_decoration_400_dark: #3b0c0c;
  --COLOR_decoration_400: #77390b;
  --COLOR_decoration_400_light: #f4efec;
  --COLOR_premium_100: #ef6054;
  --COLOR_premium_200: #e84134;
  --COLOR_premium_300: #f89637;
  --COLOR_offer_100: #e84034;
  --COLOR_offer_200: #e84134;
  --COLOR_gradient_unlock_100_45: linear-gradient(45deg, var(--COLOR_unlock_100) 0%, var(--COLOR_unlock_200) 100%);
  --COLOR_gradient_unlock_100_90: linear-gradient(90deg, var(--COLOR_unlock_100) 0%, var(--COLOR_unlock_200) 100%);
  --COLOR_gradient_unlock_100_180: linear-gradient(0deg, var(--COLOR_unlock_100) 0%, var(--COLOR_unlock_200) 100%);
  --COLOR_gradient_unlock_150_0_fade: linear-gradient(0deg, rgb(0 110 150 / 90%) 0%, rgb(14 173 178 / 50%) 50.52%, rgb(14 173 178 / 0%) 100%);
  --COLOR_gradient_healthy_dating_100_45: linear-gradient(45deg, var(--COLOR_offer_200) 0%, var(--COLOR_decoration_200) 100%);
  --COLOR_gradient_healthy_dating_100_90: linear-gradient(90deg, var(--COLOR_offer_200) 0%, var(--COLOR_decoration_200) 100%);
  --COLOR_gradient_premium_100_45: linear-gradient(45deg, var(--COLOR_premium_100) 0%, var(--COLOR_premium_300) 100%);
  --COLOR_gradient_premium_100_90: linear-gradient(90deg, var(--COLOR_premium_100) 0%, var(--COLOR_premium_300) 100%);
  --COLOR_gradient_premium_100_90_alpha: linear-gradient(90deg, #ef605415 0%, #f8963715 100%);
  --COLOR_unlock_100: #006e96;
  --COLOR_unlock_200: #0eadb2;
  --COLOR_alertError_100: #dc001a;
  --COLOR_alertError_200: #fdebed;
  --COLOR_alertInfo_100: #0270c9;
  --COLOR_alertInfo_200: #ebf4fb;
  --COLOR_alertSuccess_100: #198000;
  --COLOR_alertSuccess_200: #edf5eb;
  --COLOR_alertWarning_100: #ef5602;
  --COLOR_alertWarning_200: #ef5602;
  --COLOR_alertOnline_100: #00df9a;
  --COLOR_supportDark_100: #000;
  --COLOR_supportDark_200: #404047;
  --COLOR_supportDark_300: #66666c;
  --COLOR_supportDark_400: #99999d;
  --COLOR_supportDark_500: #d9d9db;
  --COLOR_supportDark_600: #f2f2f2;
  --COLOR_supportDark_090: #000000d9;
  --COLOR_supportDark_080: #00000a99;
  --COLOR_supportDark_070: #00000a8a;
  --COLOR_supportDark_060: #00000057;
  --COLOR_supportDark_050: #00000026;
  --COLOR_supportDark_040: #0000000d;
  --COLOR_supportLight_100: #fff;
  --COLOR_supportLight_090: #fffffff0;
  --COLOR_supportLight_080: #ffffffb3;
  --COLOR_supportLight_070: #ffffff80;
  --COLOR_supportLight_060: #ffffff54;
  --COLOR_supportLight_050: #ffffff29;
  --COLOR_supportLight_040: #ffffff1a;
  --COLOR_defaultText: var(--COLOR_supportDark_100);
  --COLOR_defaultText_hover: var(--COLOR_alertInfo_100);
  --COLOR_defaultText2: var(--COLOR_primary_100);
  --COLOR_defaultText2_hover: var(--COLOR_supportDark_100);
  --COLOR_intern_peg: #c8007d;
}

bst-opener::after {
  position: absolute;
  visibility: hidden;
  content: "S";
}
@media only screen and (min-width: 601px) {
  bst-opener::after {
    content: "M";
  }
}
@media only screen and (min-width: 768px) {
  bst-opener::after {
    content: "L";
  }
}
@media only screen and (min-width: 980px) {
  bst-opener::after {
    content: "XL";
  }
}

/* @mixin premiumDiscountBackground {
	background-image: url('../../img/payment/premium_offer_bg.svg');
	background-size: cover;

	@include forPS() {
		background-position: center;
	}

	@include forEH() {
		background-position: center;
	}

	@include forEP() {
		background-position: left 50%;
	}
} */
.wdk-form-autofillDropdown .autofillDropdownDatalist.is-open, .wdk-form-text .inputWrapper textarea, .wdk-modalbox .modalboxContent article {
  overflow-y: auto;
  scrollbar-color: var(--COLOR_supportDark_500) var(--COLOR_supportLight_100);
  scrollbar-width: thin;
}
.wdk-form-autofillDropdown .autofillDropdownDatalist.is-open::-webkit-scrollbar, .wdk-form-text .inputWrapper textarea::-webkit-scrollbar, .wdk-modalbox .modalboxContent article::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.wdk-form-autofillDropdown .autofillDropdownDatalist.is-open::-webkit-scrollbar-track, .wdk-form-text .inputWrapper textarea::-webkit-scrollbar-track, .wdk-modalbox .modalboxContent article::-webkit-scrollbar-track {
  background: transparent;
  border-radius: var(--borderRadius_rounded);
}
.wdk-form-autofillDropdown .autofillDropdownDatalist.is-open::-webkit-scrollbar-thumb, .wdk-form-text .inputWrapper textarea::-webkit-scrollbar-thumb, .wdk-modalbox .modalboxContent article::-webkit-scrollbar-thumb {
  background: var(--COLOR_supportDark_500);
  border: 3px solid transparent;
  border-radius: var(--borderRadius_rounded);
  background-clip: content-box;
}
.wdk-form-autofillDropdown .autofillDropdownDatalist.is-open::-webkit-scrollbar-thumb:hover, .wdk-form-text .inputWrapper textarea::-webkit-scrollbar-thumb:hover, .wdk-modalbox .modalboxContent article::-webkit-scrollbar-thumb:hover {
  background: var(--COLOR_supportDark_400);
  border: 3px solid transparent;
  background-clip: content-box;
}

@keyframes spin-left {
  0% {
    transform: rotate(359deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes spin-right {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Highlighten von umsortierten Photos und aboutMes im myProfile */
@keyframes highlightFade {
  0% {
    background: none;
  }
  20% {
    background: var(--COLOR_supportDark_050);
  }
  50% {
    background: var(--COLOR_supportDark_050);
  }
  100% {
    background: none;
  }
}
.spinLeft {
  display: inline-block;
  transform-origin: center center;
  animation: spin-left 2s infinite linear;
}

.spinRight {
  display: inline-block;
  transform-origin: center center;
  animation: spin-right 2s infinite linear;
}

@keyframes anim-effect-ivana-1 {
  0% {
    opacity: 1;
    transform: scale3d(0.5, 0.5, 1);
  }
  7.5% {
    opacity: 0;
    transform: scale3d(1.1, 1.1, 1);
  }
  7.51% {
    opacity: 1;
    transform: scale3d(0.5, 0.5, 1);
  }
  15%, 100% {
    opacity: 0;
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes anim-effect-ivana-2 {
  0% {
    opacity: 1;
    transform: scale3d(0.5, 0.5, 1);
  }
  6%, 7.5% {
    opacity: 0;
    transform: scale3d(1.2, 1.2, 1);
  }
  7.51% {
    opacity: 1;
    transform: scale3d(0.5, 0.5, 1);
  }
  12%, 100% {
    opacity: 0;
    transform: scale3d(1.2, 1.2, 1);
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
}
@keyframes fade-out {
  to {
    opacity: 0;
  }
}
@keyframes slide-from-right {
  from {
    transform: translateX(60px);
  }
}
@keyframes slide-to-right {
  to {
    transform: translateX(60px);
  }
}
@keyframes slide-to-left {
  to {
    transform: translateX(-60px);
  }
}
/* ViewTransitionAPI */
::view-transition-old(conversation-area) {
  animation: 200ms cubic-bezier(0.4, 0, 1, 1) both fade-out, 300ms cubic-bezier(0.4, 0, 0.2, 1) both slide-to-right;
}

::view-transition-new(conversation-area) {
  animation: 200ms cubic-bezier(0, 0, 0.2, 1) 90ms both fade-in, 300ms cubic-bezier(0.4, 0, 0.2, 1) both slide-from-right;
}

::view-transition-old(full-size),
::view-transition-new(full-size) {
  animation: none; /* Prevent the default animation, so both views remain opacity:1 throughout the transition */
  mix-blend-mode: normal; /* Use normal blending,	so the new view sits on top and obscures the old view */
}

/* ::view-transition-old(page-to-left) {
	animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) both slide-to-left;
} */
/* ::view-transition-new(page-from-right) {
	animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) both slide-from-right;
}

main#content {
	view-transition-name: page-from-right;
} */
/* ::view-transition-new(tab-from-right) {
	animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) both slide-from-right;
} */
.has-noViewTransition {
  view-transition-name: none !important;
}

.wdk-icon {
  width: 24px;
  height: 24px;
  fill: var(--COLOR_supportDark_090);
}
.wdk-icon img {
  width: 100%;
  height: 100%;
}
.wdk-icon[class*=" illu_"],
.wdk-icon [class^=illu_] {
  width: 48px;
  height: 48px;
}

.wdk-iconInline {
  width: 24px;
  height: 24px;
}
.wdk-iconInline path#a {
  fill: yellow;
}
.wdk-iconInline path#b {
  fill: red;
}

[class^=bg-icon_]::before,
[class*=" bg-icon_"]::before,
[class^=bg-illu_]::before,
[class*=" bg-illu_"]::before {
  content: "";
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  display: inline-block;
  color: inherit;
  background-color: currentcolor;
}

[class^=bg-illu_]::before,
[class*=" bg-illu_"]::before {
  width: 48px;
  height: 48px;
}

.bg-icon_arrow_down::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_arrow_down.svg);
          mask-image: url(../../img/icons/single_color/icon_arrow_down.svg);
}

.bg-icon_arrow_up::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_arrow_up.svg);
          mask-image: url(../../img/icons/single_color/icon_arrow_up.svg);
}

.bg-icon_arrow_left::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_arrow_left.svg);
          mask-image: url(../../img/icons/single_color/icon_arrow_left.svg);
}

.bg-icon_arrow_right::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_arrow_right.svg);
          mask-image: url(../../img/icons/single_color/icon_arrow_right.svg);
}

.bg-icon_arrow_down_bold::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_arrow_down_bold.svg);
          mask-image: url(../../img/icons/single_color/icon_arrow_down_bold.svg);
}

.bg-icon_arrow_up_bold::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_arrow_up_bold.svg);
          mask-image: url(../../img/icons/single_color/icon_arrow_up_bold.svg);
}

.bg-icon_arrow_left_bold::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_arrow_left_bold.svg);
          mask-image: url(../../img/icons/single_color/icon_arrow_left_bold.svg);
}

.bg-icon_arrow_right_bold::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_arrow_right_bold.svg);
          mask-image: url(../../img/icons/single_color/icon_arrow_right_bold.svg);
}

.bg-icon_arrow_down_light::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_arrow_down_light.svg);
          mask-image: url(../../img/icons/single_color/icon_arrow_down_light.svg);
}

.bg-icon_arrow_up_light::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_arrow_up_light.svg);
          mask-image: url(../../img/icons/single_color/icon_arrow_up_light.svg);
}

.bg-icon_arrow_left_light::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_arrow_left_light.svg);
          mask-image: url(../../img/icons/single_color/icon_arrow_left_light.svg);
}

.bg-icon_arrow_right_light::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_arrow_right_light.svg);
          mask-image: url(../../img/icons/single_color/icon_arrow_right_light.svg);
}

.bg-icon_arrow_down_regular::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_arrow_down_regular.svg);
          mask-image: url(../../img/icons/single_color/icon_arrow_down_regular.svg);
}

.bg-icon_arrow_up_regular::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_arrow_up_regular.svg);
          mask-image: url(../../img/icons/single_color/icon_arrow_up_regular.svg);
}

.bg-icon_arrow_left_regular::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_arrow_left_regular.svg);
          mask-image: url(../../img/icons/single_color/icon_arrow_left_regular.svg);
}

.bg-icon_arrow_right_regular::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_arrow_right_regular.svg);
          mask-image: url(../../img/icons/single_color/icon_arrow_right_regular.svg);
}

.bg-icon_add_circle_filled::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_add_circle_filled.svg);
          mask-image: url(../../img/icons/single_color/icon_add_circle_filled.svg);
}

.bg-icon_add_circle_off::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_add_circle_off.svg);
          mask-image: url(../../img/icons/single_color/icon_add_circle_off.svg);
}

.bg-icon_add::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_add.svg);
          mask-image: url(../../img/icons/single_color/icon_add.svg);
}

.bg-icon_address_book::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_address_book.svg);
          mask-image: url(../../img/icons/single_color/icon_address_book.svg);
}

.bg-icon_android::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_android.svg);
          mask-image: url(../../img/icons/single_color/icon_android.svg);
}

.bg-icon_anniv::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_anniv.svg);
          mask-image: url(../../img/icons/single_color/icon_anniv.svg);
}

.bg-icon_apple::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_apple.svg);
          mask-image: url(../../img/icons/single_color/icon_apple.svg);
}

.bg-icon_atom_heart::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_atom_heart.svg);
          mask-image: url(../../img/icons/single_color/icon_atom_heart.svg);
}

.bg-icon_badge::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_badge.svg);
          mask-image: url(../../img/icons/single_color/icon_badge.svg);
}

.bg-icon_bike::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_bike.svg);
          mask-image: url(../../img/icons/single_color/icon_bike.svg);
}

.bg-icon_bin_restore::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_bin_restore.svg);
          mask-image: url(../../img/icons/single_color/icon_bin_restore.svg);
}

.bg-icon_bin::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_bin.svg);
          mask-image: url(../../img/icons/single_color/icon_bin.svg);
}

.bg-icon_birthday_cake::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_birthday_cake.svg);
          mask-image: url(../../img/icons/single_color/icon_birthday_cake.svg);
}

.bg-icon_body_height::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_body_height.svg);
          mask-image: url(../../img/icons/single_color/icon_body_height.svg);
}

.bg-icon_book_checkmark::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_book_checkmark.svg);
          mask-image: url(../../img/icons/single_color/icon_book_checkmark.svg);
}

.bg-icon_buggy::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_buggy.svg);
          mask-image: url(../../img/icons/single_color/icon_buggy.svg);
}

.bg-icon_bulb::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_bulb.svg);
          mask-image: url(../../img/icons/single_color/icon_bulb.svg);
}

.bg-icon_burger_menu::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_burger_menu.svg);
          mask-image: url(../../img/icons/single_color/icon_burger_menu.svg);
}

.bg-icon_cam_outline::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_cam_outline.svg);
          mask-image: url(../../img/icons/single_color/icon_cam_outline.svg);
}

.bg-icon_cam::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_cam.svg);
          mask-image: url(../../img/icons/single_color/icon_cam.svg);
}

.bg-icon_camera_badge::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_camera_badge.svg);
          mask-image: url(../../img/icons/single_color/icon_camera_badge.svg);
}

.bg-icon_capitol::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_capitol.svg);
          mask-image: url(../../img/icons/single_color/icon_capitol.svg);
}

.bg-icon_chart::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_chart.svg);
          mask-image: url(../../img/icons/single_color/icon_chart.svg);
}

.bg-icon_check_bold::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_check_bold.svg);
          mask-image: url(../../img/icons/single_color/icon_check_bold.svg);
}

.bg-icon_check_circle_filled::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_check_circle_filled.svg);
          mask-image: url(../../img/icons/single_color/icon_check_circle_filled.svg);
}

.bg-icon_check_circle::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_check_circle.svg);
          mask-image: url(../../img/icons/single_color/icon_check_circle.svg);
}

.bg-icon_check::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_check.svg);
          mask-image: url(../../img/icons/single_color/icon_check.svg);
}

.bg-icon_circle_000p::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_circle_000p.svg);
          mask-image: url(../../img/icons/single_color/icon_circle_000p.svg);
}

.bg-icon_circle_010p::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_circle_010p.svg);
          mask-image: url(../../img/icons/single_color/icon_circle_010p.svg);
}

.bg-icon_circle_020p::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_circle_020p.svg);
          mask-image: url(../../img/icons/single_color/icon_circle_020p.svg);
}

.bg-icon_circle_030p::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_circle_030p.svg);
          mask-image: url(../../img/icons/single_color/icon_circle_030p.svg);
}

.bg-icon_circle_040p::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_circle_040p.svg);
          mask-image: url(../../img/icons/single_color/icon_circle_040p.svg);
}

.bg-icon_circle_050p::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_circle_050p.svg);
          mask-image: url(../../img/icons/single_color/icon_circle_050p.svg);
}

.bg-icon_circle_060p::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_circle_060p.svg);
          mask-image: url(../../img/icons/single_color/icon_circle_060p.svg);
}

.bg-icon_circle_070p::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_circle_070p.svg);
          mask-image: url(../../img/icons/single_color/icon_circle_070p.svg);
}

.bg-icon_circle_080p::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_circle_080p.svg);
          mask-image: url(../../img/icons/single_color/icon_circle_080p.svg);
}

.bg-icon_circle_090p::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_circle_090p.svg);
          mask-image: url(../../img/icons/single_color/icon_circle_090p.svg);
}

.bg-icon_circle_100p::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_circle_100p.svg);
          mask-image: url(../../img/icons/single_color/icon_circle_100p.svg);
}

.bg-icon_circle_arrows::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_circle_arrows.svg);
          mask-image: url(../../img/icons/single_color/icon_circle_arrows.svg);
}

.bg-icon_clipboard::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_clipboard.svg);
          mask-image: url(../../img/icons/single_color/icon_clipboard.svg);
}

.bg-icon_clock::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_clock.svg);
          mask-image: url(../../img/icons/single_color/icon_clock.svg);
}

.bg-icon_clover::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_clover.svg);
          mask-image: url(../../img/icons/single_color/icon_clover.svg);
}

.bg-icon_compass_filled::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_compass_filled.svg);
          mask-image: url(../../img/icons/single_color/icon_compass_filled.svg);
}

.bg-icon_compass::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_compass.svg);
          mask-image: url(../../img/icons/single_color/icon_compass.svg);
}

.bg-icon_compatibility::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_compatibility.svg);
          mask-image: url(../../img/icons/single_color/icon_compatibility.svg);
}

.bg-icon_control::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_control.svg);
          mask-image: url(../../img/icons/single_color/icon_control.svg);
}

.bg-icon_crown::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_crown.svg);
          mask-image: url(../../img/icons/single_color/icon_crown.svg);
}

.bg-icon_device_desktop::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_device_desktop.svg);
          mask-image: url(../../img/icons/single_color/icon_device_desktop.svg);
}

.bg-icon_device_smartphone::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_device_smartphone.svg);
          mask-image: url(../../img/icons/single_color/icon_device_smartphone.svg);
}

.bg-icon_download::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_download.svg);
          mask-image: url(../../img/icons/single_color/icon_download.svg);
}

.bg-icon_drag_handle::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_drag_handle.svg);
          mask-image: url(../../img/icons/single_color/icon_drag_handle.svg);
}

.bg-icon_diamond::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_diamond.svg);
          mask-image: url(../../img/icons/single_color/icon_diamond.svg);
}

.bg-icon_dot_menu::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_dot_menu.svg);
          mask-image: url(../../img/icons/single_color/icon_dot_menu.svg);
}

.bg-icon_earth::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_earth.svg);
          mask-image: url(../../img/icons/single_color/icon_earth.svg);
}

.bg-icon_edit_note::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_edit_note.svg);
          mask-image: url(../../img/icons/single_color/icon_edit_note.svg);
}

.bg-icon_education::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_education.svg);
          mask-image: url(../../img/icons/single_color/icon_education.svg);
}

.bg-icon_envelope::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_envelope.svg);
          mask-image: url(../../img/icons/single_color/icon_envelope.svg);
}

.bg-icon_exclamation_point_circle_filled::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_exclamation_point_circle_filled.svg);
          mask-image: url(../../img/icons/single_color/icon_exclamation_point_circle_filled.svg);
}

.bg-icon_exclamation_point_circle::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_exclamation_point_circle.svg);
          mask-image: url(../../img/icons/single_color/icon_exclamation_point_circle.svg);
}

.bg-icon_exclamation_point::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_exclamation_point.svg);
          mask-image: url(../../img/icons/single_color/icon_exclamation_point.svg);
}

.bg-icon_eye_closed::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_eye_closed.svg);
          mask-image: url(../../img/icons/single_color/icon_eye_closed.svg);
}

.bg-icon_eye::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_eye.svg);
          mask-image: url(../../img/icons/single_color/icon_eye.svg);
}

.bg-icon_filter::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_filter.svg);
          mask-image: url(../../img/icons/single_color/icon_filter.svg);
}

.bg-icon_flower::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_flower.svg);
          mask-image: url(../../img/icons/single_color/icon_flower.svg);
}

.bg-icon_forbidden::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_forbidden.svg);
          mask-image: url(../../img/icons/single_color/icon_forbidden.svg);
}

.bg-icon_gift::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_gift.svg);
          mask-image: url(../../img/icons/single_color/icon_gift.svg);
}

.bg-icon_glas::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_glas.svg);
          mask-image: url(../../img/icons/single_color/icon_glas.svg);
}

.bg-icon_group_2::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_group_2.svg);
          mask-image: url(../../img/icons/single_color/icon_group_2.svg);
}

.bg-icon_group::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_group.svg);
          mask-image: url(../../img/icons/single_color/icon_group.svg);
}

.bg-icon_heart::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_heart.svg);
          mask-image: url(../../img/icons/single_color/icon_heart.svg);
}

.bg-icon_heart_fill::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_heart_fill.svg);
          mask-image: url(../../img/icons/single_color/icon_heart_fill.svg);
}

.bg-icon_heart_icebreaker_1::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_heart_icebreaker_1.svg);
          mask-image: url(../../img/icons/single_color/icon_heart_icebreaker_1.svg);
}

.bg-icon_heart_icebreaker::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_heart_icebreaker.svg);
          mask-image: url(../../img/icons/single_color/icon_heart_icebreaker.svg);
}

.bg-icon_heart_like_filled::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_heart_like_filled.svg);
          mask-image: url(../../img/icons/single_color/icon_heart_like_filled.svg);
}

.bg-icon_heart_like_outline::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_heart_like_outline.svg);
          mask-image: url(../../img/icons/single_color/icon_heart_like_outline.svg);
}

.bg-icon_house_filled::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_house_filled.svg);
          mask-image: url(../../img/icons/single_color/icon_house_filled.svg);
}

.bg-icon_house::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_house.svg);
          mask-image: url(../../img/icons/single_color/icon_house.svg);
}

.bg-icon_i_circle_filled::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_i_circle_filled.svg);
          mask-image: url(../../img/icons/single_color/icon_i_circle_filled.svg);
}

.bg-icon_i_circle::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_i_circle.svg);
          mask-image: url(../../img/icons/single_color/icon_i_circle.svg);
}

.bg-icon_inbox::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_inbox.svg);
          mask-image: url(../../img/icons/single_color/icon_inbox.svg);
}

.bg-icon_invisible::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_invisible.svg);
          mask-image: url(../../img/icons/single_color/icon_invisible.svg);
}

.bg-icon_keys::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_keys.svg);
          mask-image: url(../../img/icons/single_color/icon_keys.svg);
}

.bg-icon_kid::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_kid.svg);
          mask-image: url(../../img/icons/single_color/icon_kid.svg);
}

.bg-icon_language::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_language.svg);
          mask-image: url(../../img/icons/single_color/icon_language.svg);
}

.bg-icon_lifebelt::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_lifebelt.svg);
          mask-image: url(../../img/icons/single_color/icon_lifebelt.svg);
}

.bg-icon_list::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_list.svg);
          mask-image: url(../../img/icons/single_color/icon_list.svg);
}

.bg-icon_location_pin::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_location_pin.svg);
          mask-image: url(../../img/icons/single_color/icon_location_pin.svg);
}

.bg-icon_lock::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_lock.svg);
          mask-image: url(../../img/icons/single_color/icon_lock.svg);
}

.bg-icon_logo::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_logo.svg);
          mask-image: url(../../img/icons/single_color/icon_logo.svg);
}

.bg-icon_logout::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_logout.svg);
          mask-image: url(../../img/icons/single_color/icon_logout.svg);
}

.bg-icon_love_couple::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_love_couple.svg);
          mask-image: url(../../img/icons/single_color/icon_love_couple.svg);
}

.bg-icon_magazin::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_magazin.svg);
          mask-image: url(../../img/icons/single_color/icon_magazin.svg);
}

.bg-icon_magnifying_glass_minus::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_magnifying_glass_minus.svg);
          mask-image: url(../../img/icons/single_color/icon_magnifying_glass_minus.svg);
}

.bg-icon_magnifying_glass_plus::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_magnifying_glass_plus.svg);
          mask-image: url(../../img/icons/single_color/icon_magnifying_glass_plus.svg);
}

.bg-icon_male_female::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_male_female.svg);
          mask-image: url(../../img/icons/single_color/icon_male_female.svg);
}

.bg-icon_message_2::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_message_2.svg);
          mask-image: url(../../img/icons/single_color/icon_message_2.svg);
}

.bg-icon_message_bubble::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_message_bubble.svg);
          mask-image: url(../../img/icons/single_color/icon_message_bubble.svg);
}

.bg-icon_message_bubbles::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_message_bubbles.svg);
          mask-image: url(../../img/icons/single_color/icon_message_bubbles.svg);
}

.bg-icon_message_outline::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_message_outline.svg);
          mask-image: url(../../img/icons/single_color/icon_message_outline.svg);
}

.bg-icon_message_plus::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_message_plus.svg);
          mask-image: url(../../img/icons/single_color/icon_message_plus.svg);
}

.bg-icon_message_plus_filled::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_message_plus_filled.svg);
          mask-image: url(../../img/icons/single_color/icon_message_plus_filled.svg);
}

.bg-icon_message_service::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_message_service.svg);
          mask-image: url(../../img/icons/single_color/icon_message_service.svg);
}

.bg-icon_message::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_message.svg);
          mask-image: url(../../img/icons/single_color/icon_message.svg);
}

.bg-icon_mic_off::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_mic_off.svg);
          mask-image: url(../../img/icons/single_color/icon_mic_off.svg);
}

.bg-icon_mic::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_mic.svg);
          mask-image: url(../../img/icons/single_color/icon_mic.svg);
}

.bg-icon_minimize::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_minimize.svg);
          mask-image: url(../../img/icons/single_color/icon_minimize.svg);
}

.bg-icon_minus_circle_filled::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_minus_circle_filled.svg);
          mask-image: url(../../img/icons/single_color/icon_minus_circle_filled.svg);
}

.bg-icon_minus_circle::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_minus_circle.svg);
          mask-image: url(../../img/icons/single_color/icon_minus_circle.svg);
}

.bg-icon_more_an::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_more_an.svg);
          mask-image: url(../../img/icons/single_color/icon_more_an.svg);
}

.bg-icon_more_io::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_more_io.svg);
          mask-image: url(../../img/icons/single_color/icon_more_io.svg);
}

.bg-icon_muffin::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_muffin.svg);
          mask-image: url(../../img/icons/single_color/icon_muffin.svg);
}

.bg-icon_music::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_music.svg);
          mask-image: url(../../img/icons/single_color/icon_music.svg);
}

.bg-icon_nameplate::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_nameplate.svg);
          mask-image: url(../../img/icons/single_color/icon_nameplate.svg);
}

.bg-icon_no_photo::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_no_photo.svg);
          mask-image: url(../../img/icons/single_color/icon_no_photo.svg);
}

.bg-icon_office_building::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_office_building.svg);
          mask-image: url(../../img/icons/single_color/icon_office_building.svg);
}

.bg-icon_outgoing::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_outgoing.svg);
          mask-image: url(../../img/icons/single_color/icon_outgoing.svg);
}

.bg-icon_paper_plane_v2::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_paper_plane_v2.svg);
          mask-image: url(../../img/icons/single_color/icon_paper_plane_v2.svg);
}

.bg-icon_paper_plane::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_paper_plane.svg);
          mask-image: url(../../img/icons/single_color/icon_paper_plane.svg);
}

.bg-icon_paw::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_paw.svg);
          mask-image: url(../../img/icons/single_color/icon_paw.svg);
}

.bg-icon_payment_credit_card::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_payment_credit_card.svg);
          mask-image: url(../../img/icons/single_color/icon_payment_credit_card.svg);
}

.bg-icon_percent::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_percent.svg);
          mask-image: url(../../img/icons/single_color/icon_percent.svg);
}

.bg-icon_pencil::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_pencil.svg);
          mask-image: url(../../img/icons/single_color/icon_pencil.svg);
}

.bg-icon_phone::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_phone.svg);
          mask-image: url(../../img/icons/single_color/icon_phone.svg);
}

.bg-icon_photo_rejected::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_photo_rejected.svg);
          mask-image: url(../../img/icons/single_color/icon_photo_rejected.svg);
}

.bg-icon_photo::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_photo.svg);
          mask-image: url(../../img/icons/single_color/icon_photo.svg);
}

.bg-icon_picture::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_picture.svg);
          mask-image: url(../../img/icons/single_color/icon_picture.svg);
}

.bg-icon_pin_minus::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_pin_minus.svg);
          mask-image: url(../../img/icons/single_color/icon_pin_minus.svg);
}

.bg-icon_pin_plus::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_pin_plus.svg);
          mask-image: url(../../img/icons/single_color/icon_pin_plus.svg);
}

.bg-icon_pin::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_pin.svg);
          mask-image: url(../../img/icons/single_color/icon_pin.svg);
}

.bg-icon_plane::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_plane.svg);
          mask-image: url(../../img/icons/single_color/icon_plane.svg);
}

.bg-icon_play::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_play.svg);
          mask-image: url(../../img/icons/single_color/icon_play.svg);
}

.bg-icon_pray::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_pray.svg);
          mask-image: url(../../img/icons/single_color/icon_pray.svg);
}

.bg-icon_question_mark_circle_filled::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_question_mark_circle_filled.svg);
          mask-image: url(../../img/icons/single_color/icon_question_mark_circle_filled.svg);
}

.bg-icon_question_mark_circle::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_question_mark_circle.svg);
          mask-image: url(../../img/icons/single_color/icon_question_mark_circle.svg);
}

.bg-icon_question_mark::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_question_mark.svg);
          mask-image: url(../../img/icons/single_color/icon_question_mark.svg);
}

.bg-icon_reply::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_reply.svg);
          mask-image: url(../../img/icons/single_color/icon_reply.svg);
}

.bg-icon_rocket::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_rocket.svg);
          mask-image: url(../../img/icons/single_color/icon_rocket.svg);
}

.bg-icon_search::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_search.svg);
          mask-image: url(../../img/icons/single_color/icon_search.svg);
}

.bg-icon_settings_cog::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_settings_cog.svg);
          mask-image: url(../../img/icons/single_color/icon_settings_cog.svg);
}

.bg-icon_share::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_share.svg);
          mask-image: url(../../img/icons/single_color/icon_share.svg);
}

.bg-icon_shield::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_shield.svg);
          mask-image: url(../../img/icons/single_color/icon_shield.svg);
}

.bg-icon_smile::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_smile.svg);
          mask-image: url(../../img/icons/single_color/icon_smile.svg);
}

.bg-icon_smiley_happy::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_smiley_happy.svg);
          mask-image: url(../../img/icons/single_color/icon_smiley_happy.svg);
}

.bg-icon_smiley_joyful::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_smiley_joyful.svg);
          mask-image: url(../../img/icons/single_color/icon_smiley_joyful.svg);
}

.bg-icon_smiley_neutral::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_smiley_neutral.svg);
          mask-image: url(../../img/icons/single_color/icon_smiley_neutral.svg);
}

.bg-icon_smiley_sad::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_smiley_sad.svg);
          mask-image: url(../../img/icons/single_color/icon_smiley_sad.svg);
}

.bg-icon_smiley_skeptical::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_smiley_skeptical.svg);
          mask-image: url(../../img/icons/single_color/icon_smiley_skeptical.svg);
}

.bg-icon_smoke::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_smoke.svg);
          mask-image: url(../../img/icons/single_color/icon_smoke.svg);
}

.bg-icon_social_facebook::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_social_facebook.svg);
          mask-image: url(../../img/icons/single_color/icon_social_facebook.svg);
}

.bg-icon_social_feed::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_social_feed.svg);
          mask-image: url(../../img/icons/single_color/icon_social_feed.svg);
}

.bg-icon_sort::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_sort.svg);
          mask-image: url(../../img/icons/single_color/icon_sort.svg);
}

.bg-icon_sparkle_outline::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_sparkle_outline.svg);
          mask-image: url(../../img/icons/single_color/icon_sparkle_outline.svg);
}

.bg-icon_sparkle::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_sparkle.svg);
          mask-image: url(../../img/icons/single_color/icon_sparkle.svg);
}

.bg-icon_spin_left::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_spin_left.svg);
          mask-image: url(../../img/icons/single_color/icon_spin_left.svg);
}

.bg-icon_spin_right::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_spin_right.svg);
          mask-image: url(../../img/icons/single_color/icon_spin_right.svg);
}

.bg-icon_sport_shoe::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_sport_shoe.svg);
          mask-image: url(../../img/icons/single_color/icon_sport_shoe.svg);
}

.bg-icon_star_2::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_star_2.svg);
          mask-image: url(../../img/icons/single_color/icon_star_2.svg);
}

.bg-icon_star::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_star.svg);
          mask-image: url(../../img/icons/single_color/icon_star.svg);
}

.bg-icon_super_cards_filled::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_super_cards_filled.svg);
          mask-image: url(../../img/icons/single_color/icon_super_cards_filled.svg);
}

.bg-icon_super_cards_outline::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_super_cards_outline.svg);
          mask-image: url(../../img/icons/single_color/icon_super_cards_outline.svg);
}

.bg-icon_table_tennis::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_table_tennis.svg);
          mask-image: url(../../img/icons/single_color/icon_table_tennis.svg);
}

.bg-icon_tactic::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_tactic.svg);
          mask-image: url(../../img/icons/single_color/icon_tactic.svg);
}

.bg-icon_thumbs_up_filled::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_thumbs_up_filled.svg);
          mask-image: url(../../img/icons/single_color/icon_thumbs_up_filled.svg);
}

.bg-icon_thumbs_up::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_thumbs_up.svg);
          mask-image: url(../../img/icons/single_color/icon_thumbs_up.svg);
}

.bg-icon_thumbs_down_filled::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_thumbs_down_filled.svg);
          mask-image: url(../../img/icons/single_color/icon_thumbs_down_filled.svg);
}

.bg-icon_thumbs_down::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_thumbs_down.svg);
          mask-image: url(../../img/icons/single_color/icon_thumbs_down.svg);
}

.bg-icon_ticket::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_ticket.svg);
          mask-image: url(../../img/icons/single_color/icon_ticket.svg);
}

.bg-icon_tools::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_tools.svg);
          mask-image: url(../../img/icons/single_color/icon_tools.svg);
}

.bg-icon_upload::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_upload.svg);
          mask-image: url(../../img/icons/single_color/icon_upload.svg);
}

.bg-icon_user_outline::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_user_outline.svg);
          mask-image: url(../../img/icons/single_color/icon_user_outline.svg);
}

.bg-icon_user_uni_200_filled::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_user_uni_200_filled.svg);
          mask-image: url(../../img/icons/single_color/icon_user_uni_200_filled.svg);
}

.bg-icon_user::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_user.svg);
          mask-image: url(../../img/icons/single_color/icon_user.svg);
}

.bg-icon_wallet::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_wallet.svg);
          mask-image: url(../../img/icons/single_color/icon_wallet.svg);
}

.bg-icon_warning::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_warning.svg);
          mask-image: url(../../img/icons/single_color/icon_warning.svg);
}

.bg-icon_wedding_rings::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_wedding_rings.svg);
          mask-image: url(../../img/icons/single_color/icon_wedding_rings.svg);
}

.bg-icon_x_circle_filled::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_x_circle_filled.svg);
          mask-image: url(../../img/icons/single_color/icon_x_circle_filled.svg);
}

.bg-icon_x_circle::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_x_circle.svg);
          mask-image: url(../../img/icons/single_color/icon_x_circle.svg);
}

.bg-icon_x::before {
  -webkit-mask-image: url(../../img/icons/single_color/icon_x.svg);
          mask-image: url(../../img/icons/single_color/icon_x.svg);
}

.bg-illu_academic_cap::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_academic_cap.svg);
          mask-image: url(../../img/icons/single_color/illu_academic_cap.svg);
}

.bg-illu_apron::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_apron.svg);
          mask-image: url(../../img/icons/single_color/illu_apron.svg);
}

.bg-illu_arm::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_arm.svg);
          mask-image: url(../../img/icons/single_color/illu_arm.svg);
}

.bg-illu_armchair::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_armchair.svg);
          mask-image: url(../../img/icons/single_color/illu_armchair.svg);
}

.bg-illu_avocado::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_avocado.svg);
          mask-image: url(../../img/icons/single_color/illu_avocado.svg);
}

.bg-illu_baby_bottle::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_baby_bottle.svg);
          mask-image: url(../../img/icons/single_color/illu_baby_bottle.svg);
}

.bg-illu_backpack::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_backpack.svg);
          mask-image: url(../../img/icons/single_color/illu_backpack.svg);
}

.bg-illu_backpack2::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_backpack2.svg);
          mask-image: url(../../img/icons/single_color/illu_backpack2.svg);
}

.bg-illu_backstage_pass::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_backstage_pass.svg);
          mask-image: url(../../img/icons/single_color/illu_backstage_pass.svg);
}

.bg-illu_badminton::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_badminton.svg);
          mask-image: url(../../img/icons/single_color/illu_badminton.svg);
}

.bg-illu_bag::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_bag.svg);
          mask-image: url(../../img/icons/single_color/illu_bag.svg);
}

.bg-illu_ballet_shoes::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_ballet_shoes.svg);
          mask-image: url(../../img/icons/single_color/illu_ballet_shoes.svg);
}

.bg-illu_balls::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_balls.svg);
          mask-image: url(../../img/icons/single_color/illu_balls.svg);
}

.bg-illu_baseball::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_baseball.svg);
          mask-image: url(../../img/icons/single_color/illu_baseball.svg);
}

.bg-illu_basketball::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_basketball.svg);
          mask-image: url(../../img/icons/single_color/illu_basketball.svg);
}

.bg-illu_bicycle_bag::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_bicycle_bag.svg);
          mask-image: url(../../img/icons/single_color/illu_bicycle_bag.svg);
}

.bg-illu_bicycle::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_bicycle.svg);
          mask-image: url(../../img/icons/single_color/illu_bicycle.svg);
}

.bg-illu_birthday_cake::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_birthday_cake.svg);
          mask-image: url(../../img/icons/single_color/illu_birthday_cake.svg);
}

.bg-illu_bonfire::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_bonfire.svg);
          mask-image: url(../../img/icons/single_color/illu_bonfire.svg);
}

.bg-illu_books::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_books.svg);
          mask-image: url(../../img/icons/single_color/illu_books.svg);
}

.bg-illu_boots::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_boots.svg);
          mask-image: url(../../img/icons/single_color/illu_boots.svg);
}

.bg-illu_bowl::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_bowl.svg);
          mask-image: url(../../img/icons/single_color/illu_bowl.svg);
}

.bg-illu_bowling::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_bowling.svg);
          mask-image: url(../../img/icons/single_color/illu_bowling.svg);
}

.bg-illu_brush_pencil::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_brush_pencil.svg);
          mask-image: url(../../img/icons/single_color/illu_brush_pencil.svg);
}

.bg-illu_burger::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_burger.svg);
          mask-image: url(../../img/icons/single_color/illu_burger.svg);
}

.bg-illu_bus::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_bus.svg);
          mask-image: url(../../img/icons/single_color/illu_bus.svg);
}

.bg-illu_camera::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_camera.svg);
          mask-image: url(../../img/icons/single_color/illu_camera.svg);
}

.bg-illu_canoe::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_canoe.svg);
          mask-image: url(../../img/icons/single_color/illu_canoe.svg);
}

.bg-illu_canyon::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_canyon.svg);
          mask-image: url(../../img/icons/single_color/illu_canyon.svg);
}

.bg-illu_capitol::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_capitol.svg);
          mask-image: url(../../img/icons/single_color/illu_capitol.svg);
}

.bg-illu_car::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_car.svg);
          mask-image: url(../../img/icons/single_color/illu_car.svg);
}

.bg-illu_carrot::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_carrot.svg);
          mask-image: url(../../img/icons/single_color/illu_carrot.svg);
}

.bg-illu_cat_dog::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_cat_dog.svg);
          mask-image: url(../../img/icons/single_color/illu_cat_dog.svg);
}

.bg-illu_checklist::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_checklist.svg);
          mask-image: url(../../img/icons/single_color/illu_checklist.svg);
}

.bg-illu_chefs_toque::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_chefs_toque.svg);
          mask-image: url(../../img/icons/single_color/illu_chefs_toque.svg);
}

.bg-illu_children::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_children.svg);
          mask-image: url(../../img/icons/single_color/illu_children.svg);
}

.bg-illu_child_figures::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_child_figures.svg);
          mask-image: url(../../img/icons/single_color/illu_child_figures.svg);
}

.bg-illu_chili_pepper::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_chili_pepper.svg);
          mask-image: url(../../img/icons/single_color/illu_chili_pepper.svg);
}

.bg-illu_chocolate::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_chocolate.svg);
          mask-image: url(../../img/icons/single_color/illu_chocolate.svg);
}

.bg-illu_cigarette::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_cigarette.svg);
          mask-image: url(../../img/icons/single_color/illu_cigarette.svg);
}

.bg-illu_cocktail::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_cocktail.svg);
          mask-image: url(../../img/icons/single_color/illu_cocktail.svg);
}

.bg-illu_coffee_mug::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_coffee_mug.svg);
          mask-image: url(../../img/icons/single_color/illu_coffee_mug.svg);
}

.bg-illu_coffee::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_coffee.svg);
          mask-image: url(../../img/icons/single_color/illu_coffee.svg);
}

.bg-illu_communication::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_communication.svg);
          mask-image: url(../../img/icons/single_color/illu_communication.svg);
}

.bg-illu_compass::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_compass.svg);
          mask-image: url(../../img/icons/single_color/illu_compass.svg);
}

.bg-illu_controller::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_controller.svg);
          mask-image: url(../../img/icons/single_color/illu_controller.svg);
}

.bg-illu_countryside::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_countryside.svg);
          mask-image: url(../../img/icons/single_color/illu_countryside.svg);
}

.bg-illu_crazy_eyes::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_crazy_eyes.svg);
          mask-image: url(../../img/icons/single_color/illu_crazy_eyes.svg);
}

.bg-illu_cricket::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_cricket.svg);
          mask-image: url(../../img/icons/single_color/illu_cricket.svg);
}

.bg-illu_croissant::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_croissant.svg);
          mask-image: url(../../img/icons/single_color/illu_croissant.svg);
}

.bg-illu_crossed_fingers::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_crossed_fingers.svg);
          mask-image: url(../../img/icons/single_color/illu_crossed_fingers.svg);
}

.bg-illu_cruise_ship::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_cruise_ship.svg);
          mask-image: url(../../img/icons/single_color/illu_cruise_ship.svg);
}

.bg-illu_cupcake::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_cupcake.svg);
          mask-image: url(../../img/icons/single_color/illu_cupcake.svg);
}

.bg-illu_daypack::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_daypack.svg);
          mask-image: url(../../img/icons/single_color/illu_daypack.svg);
}

.bg-illu_disco_ball::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_disco_ball.svg);
          mask-image: url(../../img/icons/single_color/illu_disco_ball.svg);
}

.bg-illu_diving_glasses::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_diving_glasses.svg);
          mask-image: url(../../img/icons/single_color/illu_diving_glasses.svg);
}

.bg-illu_diy::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_diy.svg);
          mask-image: url(../../img/icons/single_color/illu_diy.svg);
}

.bg-illu_dobok::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_dobok.svg);
          mask-image: url(../../img/icons/single_color/illu_dobok.svg);
}

.bg-illu_dumbbell::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_dumbbell.svg);
          mask-image: url(../../img/icons/single_color/illu_dumbbell.svg);
}

.bg-illu_ear::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_ear.svg);
          mask-image: url(../../img/icons/single_color/illu_ear.svg);
}

.bg-illu_earth::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_earth.svg);
          mask-image: url(../../img/icons/single_color/illu_earth.svg);
}

.bg-illu_educational_building::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_educational_building.svg);
          mask-image: url(../../img/icons/single_color/illu_educational_building.svg);
}

.bg-illu_empanadas::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_empanadas.svg);
          mask-image: url(../../img/icons/single_color/illu_empanadas.svg);
}

.bg-illu_eye::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_eye.svg);
          mask-image: url(../../img/icons/single_color/illu_eye.svg);
}

.bg-illu_face_blowing_a_kiss::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_face_blowing_a_kiss.svg);
          mask-image: url(../../img/icons/single_color/illu_face_blowing_a_kiss.svg);
}

.bg-illu_face_laughing::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_face_laughing.svg);
          mask-image: url(../../img/icons/single_color/illu_face_laughing.svg);
}

.bg-illu_face_with_hand_over_mouth::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_face_with_hand_over_mouth.svg);
          mask-image: url(../../img/icons/single_color/illu_face_with_hand_over_mouth.svg);
}

.bg-illu_face_with_monocle::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_face_with_monocle.svg);
          mask-image: url(../../img/icons/single_color/illu_face_with_monocle.svg);
}

.bg-illu_face_with_pleading_eyes::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_face_with_pleading_eyes.svg);
          mask-image: url(../../img/icons/single_color/illu_face_with_pleading_eyes.svg);
}

.bg-illu_face_with_rolling_eyes::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_face_with_rolling_eyes.svg);
          mask-image: url(../../img/icons/single_color/illu_face_with_rolling_eyes.svg);
}

.bg-illu_face_with_tears_of_joy::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_face_with_tears_of_joy.svg);
          mask-image: url(../../img/icons/single_color/illu_face_with_tears_of_joy.svg);
}

.bg-illu_falafel::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_falafel.svg);
          mask-image: url(../../img/icons/single_color/illu_falafel.svg);
}

.bg-illu_figure_ruler::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_figure_ruler.svg);
          mask-image: url(../../img/icons/single_color/illu_figure_ruler.svg);
}

.bg-illu_filmstrip::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_filmstrip.svg);
          mask-image: url(../../img/icons/single_color/illu_filmstrip.svg);
}

.bg-illu_fish_2::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_fish_2.svg);
          mask-image: url(../../img/icons/single_color/illu_fish_2.svg);
}

.bg-illu_fish::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_fish.svg);
          mask-image: url(../../img/icons/single_color/illu_fish.svg);
}

.bg-illu_fitness::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_fitness.svg);
          mask-image: url(../../img/icons/single_color/illu_fitness.svg);
}

.bg-illu_flipper::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_flipper.svg);
          mask-image: url(../../img/icons/single_color/illu_flipper.svg);
}

.bg-illu_float::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_float.svg);
          mask-image: url(../../img/icons/single_color/illu_float.svg);
}

.bg-illu_food_truck::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_food_truck.svg);
          mask-image: url(../../img/icons/single_color/illu_food_truck.svg);
}

.bg-illu_football::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_football.svg);
          mask-image: url(../../img/icons/single_color/illu_football.svg);
}

.bg-illu_games::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_games.svg);
          mask-image: url(../../img/icons/single_color/illu_games.svg);
}

.bg-illu_gender::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_gender.svg);
          mask-image: url(../../img/icons/single_color/illu_gender.svg);
}

.bg-illu_glas::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_glas.svg);
          mask-image: url(../../img/icons/single_color/illu_glas.svg);
}

.bg-illu_globe_leaf::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_globe_leaf.svg);
          mask-image: url(../../img/icons/single_color/illu_globe_leaf.svg);
}

.bg-illu_globe::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_globe.svg);
          mask-image: url(../../img/icons/single_color/illu_globe.svg);
}

.bg-illu_gluten_free::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_gluten_free.svg);
          mask-image: url(../../img/icons/single_color/illu_gluten_free.svg);
}

.bg-illu_goggles::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_goggles.svg);
          mask-image: url(../../img/icons/single_color/illu_goggles.svg);
}

.bg-illu_golf::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_golf.svg);
          mask-image: url(../../img/icons/single_color/illu_golf.svg);
}

.bg-illu_gong::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_gong.svg);
          mask-image: url(../../img/icons/single_color/illu_gong.svg);
}

.bg-illu_gourmet::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_gourmet.svg);
          mask-image: url(../../img/icons/single_color/illu_gourmet.svg);
}

.bg-illu_grill::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_grill.svg);
          mask-image: url(../../img/icons/single_color/illu_grill.svg);
}

.bg-illu_guitar_mic::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_guitar_mic.svg);
          mask-image: url(../../img/icons/single_color/illu_guitar_mic.svg);
}

.bg-illu_halal::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_halal.svg);
          mask-image: url(../../img/icons/single_color/illu_halal.svg);
}

.bg-illu_hammer_wrench::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_hammer_wrench.svg);
          mask-image: url(../../img/icons/single_color/illu_hammer_wrench.svg);
}

.bg-illu_hand_heart::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_hand_heart.svg);
          mask-image: url(../../img/icons/single_color/illu_hand_heart.svg);
}

.bg-illu_hand_shake::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_hand_shake.svg);
          mask-image: url(../../img/icons/single_color/illu_hand_shake.svg);
}

.bg-illu_handball::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_handball.svg);
          mask-image: url(../../img/icons/single_color/illu_handball.svg);
}

.bg-illu_hat::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_hat.svg);
          mask-image: url(../../img/icons/single_color/illu_hat.svg);
}

.bg-illu_headphones::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_headphones.svg);
          mask-image: url(../../img/icons/single_color/illu_headphones.svg);
}

.bg-illu_heart::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_heart.svg);
          mask-image: url(../../img/icons/single_color/illu_heart.svg);
}

.bg-illu_hearts::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_hearts.svg);
          mask-image: url(../../img/icons/single_color/illu_hearts.svg);
}

.bg-illu_helmet::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_helmet.svg);
          mask-image: url(../../img/icons/single_color/illu_helmet.svg);
}

.bg-illu_hiking_boots::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_hiking_boots.svg);
          mask-image: url(../../img/icons/single_color/illu_hiking_boots.svg);
}

.bg-illu_hockey::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_hockey.svg);
          mask-image: url(../../img/icons/single_color/illu_hockey.svg);
}

.bg-illu_house::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_house.svg);
          mask-image: url(../../img/icons/single_color/illu_house.svg);
}

.bg-illu_house2::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_house2.svg);
          mask-image: url(../../img/icons/single_color/illu_house2.svg);
}

.bg-illu_hugging_face::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_hugging_face.svg);
          mask-image: url(../../img/icons/single_color/illu_hugging_face.svg);
}

.bg-illu_index_pointing_up::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_index_pointing_up.svg);
          mask-image: url(../../img/icons/single_color/illu_index_pointing_up.svg);
}

.bg-illu_jambalaya::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_jambalaya.svg);
          mask-image: url(../../img/icons/single_color/illu_jambalaya.svg);
}

.bg-illu_kayak::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_kayak.svg);
          mask-image: url(../../img/icons/single_color/illu_kayak.svg);
}

.bg-illu_kite::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_kite.svg);
          mask-image: url(../../img/icons/single_color/illu_kite.svg);
}

.bg-illu_kosher::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_kosher.svg);
          mask-image: url(../../img/icons/single_color/illu_kosher.svg);
}

.bg-illu_language::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_language.svg);
          mask-image: url(../../img/icons/single_color/illu_language.svg);
}

.bg-illu_laptop_code::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_laptop_code.svg);
          mask-image: url(../../img/icons/single_color/illu_laptop_code.svg);
}

.bg-illu_laptop_text::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_laptop_text.svg);
          mask-image: url(../../img/icons/single_color/illu_laptop_text.svg);
}

.bg-illu_laptop_world::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_laptop_world.svg);
          mask-image: url(../../img/icons/single_color/illu_laptop_world.svg);
}

.bg-illu_laptop::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_laptop.svg);
          mask-image: url(../../img/icons/single_color/illu_laptop.svg);
}

.bg-illu_leaves::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_leaves.svg);
          mask-image: url(../../img/icons/single_color/illu_leaves.svg);
}

.bg-illu_leaves2::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_leaves2.svg);
          mask-image: url(../../img/icons/single_color/illu_leaves2.svg);
}

.bg-illu_light_bulb::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_light_bulb.svg);
          mask-image: url(../../img/icons/single_color/illu_light_bulb.svg);
}

.bg-illu_location_pin::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_location_pin.svg);
          mask-image: url(../../img/icons/single_color/illu_location_pin.svg);
}

.bg-illu_lotus::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_lotus.svg);
          mask-image: url(../../img/icons/single_color/illu_lotus.svg);
}

.bg-illu_luggage::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_luggage.svg);
          mask-image: url(../../img/icons/single_color/illu_luggage.svg);
}

.bg-illu_mask::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_mask.svg);
          mask-image: url(../../img/icons/single_color/illu_mask.svg);
}

.bg-illu_mat::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_mat.svg);
          mask-image: url(../../img/icons/single_color/illu_mat.svg);
}

.bg-illu_mat2::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_mat2.svg);
          mask-image: url(../../img/icons/single_color/illu_mat2.svg);
}

.bg-illu_meat::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_meat.svg);
          mask-image: url(../../img/icons/single_color/illu_meat.svg);
}

.bg-illu_medal::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_medal.svg);
          mask-image: url(../../img/icons/single_color/illu_medal.svg);
}

.bg-illu_mic::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_mic.svg);
          mask-image: url(../../img/icons/single_color/illu_mic.svg);
}

.bg-illu_microphone::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_microphone.svg);
          mask-image: url(../../img/icons/single_color/illu_microphone.svg);
}

.bg-illu_motorcycle::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_motorcycle.svg);
          mask-image: url(../../img/icons/single_color/illu_motorcycle.svg);
}

.bg-illu_mountain_climbing::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_mountain_climbing.svg);
          mask-image: url(../../img/icons/single_color/illu_mountain_climbing.svg);
}

.bg-illu_mountainbike::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_mountainbike.svg);
          mask-image: url(../../img/icons/single_color/illu_mountainbike.svg);
}

.bg-illu_mountains::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_mountains.svg);
          mask-image: url(../../img/icons/single_color/illu_mountains.svg);
}

.bg-illu_mouth::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_mouth.svg);
          mask-image: url(../../img/icons/single_color/illu_mouth.svg);
}

.bg-illu_naan::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_naan.svg);
          mask-image: url(../../img/icons/single_color/illu_naan.svg);
}

.bg-illu_neutral_face::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_neutral_face.svg);
          mask-image: url(../../img/icons/single_color/illu_neutral_face.svg);
}

.bg-illu_olive_oil::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_olive_oil.svg);
          mask-image: url(../../img/icons/single_color/illu_olive_oil.svg);
}

.bg-illu_om_symbol::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_om_symbol.svg);
          mask-image: url(../../img/icons/single_color/illu_om_symbol.svg);
}

.bg-illu_open_book::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_open_book.svg);
          mask-image: url(../../img/icons/single_color/illu_open_book.svg);
}

.bg-illu_paddle::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_paddle.svg);
          mask-image: url(../../img/icons/single_color/illu_paddle.svg);
}

.bg-illu_padel_tennis::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_padel_tennis.svg);
          mask-image: url(../../img/icons/single_color/illu_padel_tennis.svg);
}

.bg-illu_palette::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_palette.svg);
          mask-image: url(../../img/icons/single_color/illu_palette.svg);
}

.bg-illu_palm_tree::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_palm_tree.svg);
          mask-image: url(../../img/icons/single_color/illu_palm_tree.svg);
}

.bg-illu_parachute::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_parachute.svg);
          mask-image: url(../../img/icons/single_color/illu_parachute.svg);
}

.bg-illu_parasol::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_parasol.svg);
          mask-image: url(../../img/icons/single_color/illu_parasol.svg);
}

.bg-illu_party_face::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_party_face.svg);
          mask-image: url(../../img/icons/single_color/illu_party_face.svg);
}

.bg-illu_paw::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_paw.svg);
          mask-image: url(../../img/icons/single_color/illu_paw.svg);
}

.bg-illu_peace_hand::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_peace_hand.svg);
          mask-image: url(../../img/icons/single_color/illu_peace_hand.svg);
}

.bg-illu_pen::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_pen.svg);
          mask-image: url(../../img/icons/single_color/illu_pen.svg);
}

.bg-illu_pencile_brush::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_pencile_brush.svg);
          mask-image: url(../../img/icons/single_color/illu_pencile_brush.svg);
}

.bg-illu_phone_like::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_phone_like.svg);
          mask-image: url(../../img/icons/single_color/illu_phone_like.svg);
}

.bg-illu_piano::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_piano.svg);
          mask-image: url(../../img/icons/single_color/illu_piano.svg);
}

.bg-illu_pillar::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_pillar.svg);
          mask-image: url(../../img/icons/single_color/illu_pillar.svg);
}

.bg-illu_pizza::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_pizza.svg);
          mask-image: url(../../img/icons/single_color/illu_pizza.svg);
}

.bg-illu_plant::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_plant.svg);
          mask-image: url(../../img/icons/single_color/illu_plant.svg);
}

.bg-illu_plaster::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_plaster.svg);
          mask-image: url(../../img/icons/single_color/illu_plaster.svg);
}

.bg-illu_pommel_horse::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_pommel_horse.svg);
          mask-image: url(../../img/icons/single_color/illu_pommel_horse.svg);
}

.bg-illu_pool::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_pool.svg);
          mask-image: url(../../img/icons/single_color/illu_pool.svg);
}

.bg-illu_popcorn_menu::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_popcorn_menu.svg);
          mask-image: url(../../img/icons/single_color/illu_popcorn_menu.svg);
}

.bg-illu_pot::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_pot.svg);
          mask-image: url(../../img/icons/single_color/illu_pot.svg);
}

.bg-illu_prawn::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_prawn.svg);
          mask-image: url(../../img/icons/single_color/illu_prawn.svg);
}

.bg-illu_pray::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_pray.svg);
          mask-image: url(../../img/icons/single_color/illu_pray.svg);
}

.bg-illu_pumpkin::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_pumpkin.svg);
          mask-image: url(../../img/icons/single_color/illu_pumpkin.svg);
}

.bg-illu_race_car::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_race_car.svg);
          mask-image: url(../../img/icons/single_color/illu_race_car.svg);
}

.bg-illu_racetrack::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_racetrack.svg);
          mask-image: url(../../img/icons/single_color/illu_racetrack.svg);
}

.bg-illu_record_player::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_record_player.svg);
          mask-image: url(../../img/icons/single_color/illu_record_player.svg);
}

.bg-illu_relieved_face::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_relieved_face.svg);
          mask-image: url(../../img/icons/single_color/illu_relieved_face.svg);
}

.bg-illu_rope::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_rope.svg);
          mask-image: url(../../img/icons/single_color/illu_rope.svg);
}

.bg-illu_rugby::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_rugby.svg);
          mask-image: url(../../img/icons/single_color/illu_rugby.svg);
}

.bg-illu_ruler::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_ruler.svg);
          mask-image: url(../../img/icons/single_color/illu_ruler.svg);
}

.bg-illu_running_top::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_running_top.svg);
          mask-image: url(../../img/icons/single_color/illu_running_top.svg);
}

.bg-illu_saddle::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_saddle.svg);
          mask-image: url(../../img/icons/single_color/illu_saddle.svg);
}

.bg-illu_sailboat::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_sailboat.svg);
          mask-image: url(../../img/icons/single_color/illu_sailboat.svg);
}

.bg-illu_sandwich::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_sandwich.svg);
          mask-image: url(../../img/icons/single_color/illu_sandwich.svg);
}

.bg-illu_shoeprint::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_shoeprint.svg);
          mask-image: url(../../img/icons/single_color/illu_shoeprint.svg);
}

.bg-illu_skateboard::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_skateboard.svg);
          mask-image: url(../../img/icons/single_color/illu_skateboard.svg);
}

.bg-illu_skater::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_skater.svg);
          mask-image: url(../../img/icons/single_color/illu_skater.svg);
}

.bg-illu_ski_lift::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_ski_lift.svg);
          mask-image: url(../../img/icons/single_color/illu_ski_lift.svg);
}

.bg-illu_ski::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_ski.svg);
          mask-image: url(../../img/icons/single_color/illu_ski.svg);
}

.bg-illu_skyline::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_skyline.svg);
          mask-image: url(../../img/icons/single_color/illu_skyline.svg);
}

.bg-illu_smiling_face_degree::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_smiling_face_degree.svg);
          mask-image: url(../../img/icons/single_color/illu_smiling_face_degree.svg);
}

.bg-illu_smiling_face_licking_lips::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_smiling_face_licking_lips.svg);
          mask-image: url(../../img/icons/single_color/illu_smiling_face_licking_lips.svg);
}

.bg-illu_smiling_face_with_glasses::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_smiling_face_with_glasses.svg);
          mask-image: url(../../img/icons/single_color/illu_smiling_face_with_glasses.svg);
}

.bg-illu_smiling_face_with_halo::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_smiling_face_with_halo.svg);
          mask-image: url(../../img/icons/single_color/illu_smiling_face_with_halo.svg);
}

.bg-illu_smiling_face_with_heart_eyes::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_smiling_face_with_heart_eyes.svg);
          mask-image: url(../../img/icons/single_color/illu_smiling_face_with_heart_eyes.svg);
}

.bg-illu_smiling_face_with_hearts::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_smiling_face_with_hearts.svg);
          mask-image: url(../../img/icons/single_color/illu_smiling_face_with_hearts.svg);
}

.bg-illu_smiling_face_with_smiling_eyes::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_smiling_face_with_smiling_eyes.svg);
          mask-image: url(../../img/icons/single_color/illu_smiling_face_with_smiling_eyes.svg);
}

.bg-illu_smiling_face_with_sunglasses::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_smiling_face_with_sunglasses.svg);
          mask-image: url(../../img/icons/single_color/illu_smiling_face_with_sunglasses.svg);
}

.bg-illu_smirking_face::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_smirking_face.svg);
          mask-image: url(../../img/icons/single_color/illu_smirking_face.svg);
}

.bg-illu_smoothie::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_smoothie.svg);
          mask-image: url(../../img/icons/single_color/illu_smoothie.svg);
}

.bg-illu_sneaker::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_sneaker.svg);
          mask-image: url(../../img/icons/single_color/illu_sneaker.svg);
}

.bg-illu_snowboard::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_snowboard.svg);
          mask-image: url(../../img/icons/single_color/illu_snowboard.svg);
}

.bg-illu_soccer::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_soccer.svg);
          mask-image: url(../../img/icons/single_color/illu_soccer.svg);
}

.bg-illu_soup_bowl::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_soup_bowl.svg);
          mask-image: url(../../img/icons/single_color/illu_soup_bowl.svg);
}

.bg-illu_spa::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_spa.svg);
          mask-image: url(../../img/icons/single_color/illu_spa.svg);
}

.bg-illu_star_struck::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_star_struck.svg);
          mask-image: url(../../img/icons/single_color/illu_star_struck.svg);
}

.bg-illu_steak_leaves::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_steak_leaves.svg);
          mask-image: url(../../img/icons/single_color/illu_steak_leaves.svg);
}

.bg-illu_stones::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_stones.svg);
          mask-image: url(../../img/icons/single_color/illu_stones.svg);
}

.bg-illu_stoppwatch::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_stoppwatch.svg);
          mask-image: url(../../img/icons/single_color/illu_stoppwatch.svg);
}

.bg-illu_sup_board::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_sup_board.svg);
          mask-image: url(../../img/icons/single_color/illu_sup_board.svg);
}

.bg-illu_surfboard::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_surfboard.svg);
          mask-image: url(../../img/icons/single_color/illu_surfboard.svg);
}

.bg-illu_sushi::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_sushi.svg);
          mask-image: url(../../img/icons/single_color/illu_sushi.svg);
}

.bg-illu_sword_wand::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_sword_wand.svg);
          mask-image: url(../../img/icons/single_color/illu_sword_wand.svg);
}

.bg-illu_table_tennis::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_table_tennis.svg);
          mask-image: url(../../img/icons/single_color/illu_table_tennis.svg);
}

.bg-illu_taco::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_taco.svg);
          mask-image: url(../../img/icons/single_color/illu_taco.svg);
}

.bg-illu_tajine::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_tajine.svg);
          mask-image: url(../../img/icons/single_color/illu_tajine.svg);
}

.bg-illu_telescope::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_telescope.svg);
          mask-image: url(../../img/icons/single_color/illu_telescope.svg);
}

.bg-illu_target::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_target.svg);
          mask-image: url(../../img/icons/single_color/illu_target.svg);
}

.bg-illu_tennis::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_tennis.svg);
          mask-image: url(../../img/icons/single_color/illu_tennis.svg);
}

.bg-illu_tent::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_tent.svg);
          mask-image: url(../../img/icons/single_color/illu_tent.svg);
}

.bg-illu_thinker::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_thinker.svg);
          mask-image: url(../../img/icons/single_color/illu_thinker.svg);
}

.bg-illu_thought_balloon::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_thought_balloon.svg);
          mask-image: url(../../img/icons/single_color/illu_thought_balloon.svg);
}

.bg-illu_tickets::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_tickets.svg);
          mask-image: url(../../img/icons/single_color/illu_tickets.svg);
}

.bg-illu_travel_pin::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_travel_pin.svg);
          mask-image: url(../../img/icons/single_color/illu_travel_pin.svg);
}

.bg-illu_trees_2::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_trees_2.svg);
          mask-image: url(../../img/icons/single_color/illu_trees_2.svg);
}

.bg-illu_trees::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_trees.svg);
          mask-image: url(../../img/icons/single_color/illu_trees.svg);
}

.bg-illu_tv::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_tv.svg);
          mask-image: url(../../img/icons/single_color/illu_tv.svg);
}

.bg-illu_tzatziki::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_tzatziki.svg);
          mask-image: url(../../img/icons/single_color/illu_tzatziki.svg);
}

.bg-illu_upside_down_face::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_upside_down_face.svg);
          mask-image: url(../../img/icons/single_color/illu_upside_down_face.svg);
}

.bg-illu_van::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_van.svg);
          mask-image: url(../../img/icons/single_color/illu_van.svg);
}

.bg-illu_vase::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_vase.svg);
          mask-image: url(../../img/icons/single_color/illu_vase.svg);
}

.bg-illu_volleyball::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_volleyball.svg);
          mask-image: url(../../img/icons/single_color/illu_volleyball.svg);
}

.bg-illu_walking_sticks::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_walking_sticks.svg);
          mask-image: url(../../img/icons/single_color/illu_walking_sticks.svg);
}

.bg-illu_waving_hand::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_waving_hand.svg);
          mask-image: url(../../img/icons/single_color/illu_waving_hand.svg);
}

.bg-illu_wedding_rings::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_wedding_rings.svg);
          mask-image: url(../../img/icons/single_color/illu_wedding_rings.svg);
}

.bg-illu_wellness::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_wellness.svg);
          mask-image: url(../../img/icons/single_color/illu_wellness.svg);
}

.bg-illu_windsurf_boards::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_windsurf_boards.svg);
          mask-image: url(../../img/icons/single_color/illu_windsurf_boards.svg);
}

.bg-illu_wine_glasses::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_wine_glasses.svg);
          mask-image: url(../../img/icons/single_color/illu_wine_glasses.svg);
}

.bg-illu_wine::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_wine.svg);
          mask-image: url(../../img/icons/single_color/illu_wine.svg);
}

.bg-illu_wallet::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_wallet.svg);
          mask-image: url(../../img/icons/single_color/illu_wallet.svg);
}

.bg-illu_world::before {
  -webkit-mask-image: url(../../img/icons/single_color/illu_world.svg);
          mask-image: url(../../img/icons/single_color/illu_world.svg);
}

.icon-photo::before {
  content: "" !important;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--COLOR_supportDark_300);
  -webkit-mask-image: url("../../img/icons/single_color/icon_photo.svg");
          mask-image: url("../../img/icons/single_color/icon_photo.svg");
}

.icon-lock::before {
  content: "" !important;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--COLOR_supportDark_300);
  -webkit-mask-image: url("../../img/icons/single_color/icon_lock.svg");
          mask-image: url("../../img/icons/single_color/icon_lock.svg");
}

.icon-cam::before {
  content: "" !important;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--COLOR_supportDark_300);
  -webkit-mask-image: url("../../img/icons/single_color/icon_cam.svg");
          mask-image: url("../../img/icons/single_color/icon_cam.svg");
}

.icon-male-female::before {
  content: "" !important;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--COLOR_supportDark_300);
  -webkit-mask-image: url("../../img/icons/single_color/icon_male_female.svg");
          mask-image: url("../../img/icons/single_color/icon_male_female.svg");
}

.icon-halfling_search::before {
  content: "" !important;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--COLOR_supportDark_300);
  -webkit-mask-image: url("../../img/icons/single_color/icon_search.svg");
          mask-image: url("../../img/icons/single_color/icon_search.svg");
}

.icon-settings::before {
  content: "" !important;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--COLOR_supportDark_300);
  -webkit-mask-image: url("../../img/icons/single_color/icon_tools.svg");
          mask-image: url("../../img/icons/single_color/icon_tools.svg");
}

.icon-user::before {
  content: "" !important;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--COLOR_supportDark_300);
  -webkit-mask-image: url("../../img/icons/single_color/icon_user_uni_200_filled.svg");
          mask-image: url("../../img/icons/single_color/icon_user_uni_200_filled.svg");
}

.icon-play::before {
  content: "" !important;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--COLOR_supportDark_300);
  -webkit-mask-image: url("../../img/icons/single_color/icon_play.svg");
          mask-image: url("../../img/icons/single_color/icon_play.svg");
}

.icon-speakbubbles::before {
  content: "" !important;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--COLOR_supportDark_300);
  -webkit-mask-image: url("../../img/icons/single_color/icon_message_bubbles.svg");
          mask-image: url("../../img/icons/single_color/icon_message_bubbles.svg");
}

.icon-book-checkmark::before {
  content: "" !important;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--COLOR_supportDark_300);
  -webkit-mask-image: url("../../img/icons/single_color/icon_book_checkmark.svg");
          mask-image: url("../../img/icons/single_color/icon_book_checkmark.svg");
}

.icon-compass::before {
  content: "" !important;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--COLOR_supportDark_300);
  -webkit-mask-image: url("../../img/icons/single_color/icon_compass.svg");
          mask-image: url("../../img/icons/single_color/icon_compass.svg");
}

.icon-compatibility::before {
  content: "" !important;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--COLOR_supportDark_300);
  -webkit-mask-image: url("../../img/icons/single_color/icon_compatibility.svg");
          mask-image: url("../../img/icons/single_color/icon_compatibility.svg");
}

.icon-love-couple::before {
  content: "" !important;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--COLOR_supportDark_300);
  -webkit-mask-image: url("../../img/icons/single_color/icon_love_couple.svg");
          mask-image: url("../../img/icons/single_color/icon_love_couple.svg");
}

.icon-gift::before {
  content: "" !important;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--COLOR_supportDark_300);
  -webkit-mask-image: url("../../img/icons/single_color/icon_gift.svg");
          mask-image: url("../../img/icons/single_color/icon_gift.svg");
}

.icon-magazin::before {
  content: "" !important;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--COLOR_supportDark_300);
  -webkit-mask-image: url("../../img/icons/single_color/icon_magazin.svg");
          mask-image: url("../../img/icons/single_color/icon_magazin.svg");
}

.icon-bulb::before {
  content: "" !important;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--COLOR_supportDark_300);
  -webkit-mask-image: url("../../img/icons/single_color/icon_bulb.svg");
          mask-image: url("../../img/icons/single_color/icon_bulb.svg");
}

.icon-office-building::before {
  content: "" !important;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: var(--COLOR_supportDark_300);
  -webkit-mask-image: url("../../img/icons/single_color/icon_office_building.svg");
          mask-image: url("../../img/icons/single_color/icon_office_building.svg");
}

:root {
  --boxShadow_small: 0 3px 8px 1px rgb(0 0 0 / 20%);
  --boxShadow_mid: 0 5px 14px 2px rgb(0 0 0 / 20%);
  --boxShadow_large: 0 9px 26px 2px rgb(0 0 0 / 30%);
  --boxShadow_extra_large: 0 5px 80px 2px rgb(0 0 0 / 15%);
}

:root {
  --borderRadius_75: 10px;
  --borderRadius_100: 20px;
  --borderRadius_200: 32px;
  --borderRadius_rounded: 500px;
  --borderRadius_circle: 50%;
  --borderRadius_textfield: var(--borderRadius_75);
  --borderRadius_button: var(--borderRadius_rounded);
}

*,
*::before,
*::after {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent; /* Hides orange border in Android 2.x and blue border in iOS */
}

:focus {
  outline: none;
}

:not(:defined) {
  display: none;
}

body {
  -webkit-font-smoothing: antialiased !important;
}
@media (pointer: coarse) {
  body {
    cursor: pointer;
  }
}
body .debugLayerOutput {
  position: absolute;
  top: 0;
  padding: 4px;
  overflow: scroll;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: var(--COLOR_alertInfo_100);
  margin-bottom: 8px;
  color: var(--COLOR_supportLight_100);
}
body #pageWrapper {
  overflow: hidden;
}
body strong {
  font-weight: 600;
}
body a:focus-visible,
body button:focus-visible {
  outline: 2px dashed currentcolor;
}

.noDisplay {
  display: none !important;
}

.visuallyHidden {
  position: absolute !important;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
}

@media (max-width: 600px) {
  .hideInS {
    display: none !important;
  }
}

@media (min-width: 601px) and (max-width: 767px) {
  .hideInM {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .hideInL {
    display: none !important;
  }
}

@media (min-width: 980px) {
  .hideInXL {
    display: none !important;
  }
}

@media (max-width: 600px) {
  .hideInSM {
    display: none !important;
  }
}
@media (min-width: 601px) and (max-width: 767px) {
  .hideInSM {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .hideInLXL {
    display: none !important;
  }
}
@media (min-width: 980px) {
  .hideInLXL {
    display: none !important;
  }
}

#postscribeTracking,
#affiliate_tracking,
#webtracking {
  display: none;
}

@media print {
  .hidden-print {
    display: none !important;
  }
}
.fromIap {
  padding: 20px;
}
.fromIap h1 {
  font: var(--FONT_highlight_200);
}
.fromIap p {
  font: var(--FONT_default_100);
}

.photo img,
img.photo,
#bgImgBox img {
  pointer-events: none !important;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* stylelint-disable-line */
#techErrorMessages {
  display: block !important;
  position: absolute;
  top: 0;
  width: 100%;
}

#errorOnMediaServer {
  display: none !important;
}

.topInfoBar {
  display: none;
  position: relative;
  z-index: 1000;
  width: 100%;
  margin: 0 auto;
  border-top: 5px solid #ef5602;
  border-bottom: 5px solid #000;
  background-color: #fff;
  background-attachment: fixed;
}
.topInfoBar .textWrapper {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 30px;
}
.topInfoBar .textWrapper p {
  color: #000;
  font: var(--FONT_highlight_75);
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .topInfoBar .textWrapper p {
    font: var(--FONT_highlight_100);
  }
}
.topInfoBar .textWrapper p.withWarning::before .wdk-icon.icon_warning {
  vertical-align: bottom;
  fill: #ef5602;
}
.topInfoBar .textWrapper p a {
  color: var(--COLOR_primary_100);
}
.topInfoBar a.buttonStyle {
  border: 1px solid #8a8a8a;
  border-radius: var(--borderRadius_75);
  background-color: #dadada;
  padding: 13px 15px;
  color: #000;
  font: var(--FONT_default_75);
  text-decoration: none;
  display: inline-block;
}
.topInfoBar a.buttonStyle::before {
  font: var(--FONT_highlight_300);
  vertical-align: -16%;
}
.topInfoBar a.buttonStyle:hover {
  background-color: #fff;
}
.topInfoBar a.buttonStyle:active {
  background-color: #dadada;
}
.topInfoBar .hideInfoBar {
  cursor: pointer;
  position: absolute;
  right: 6%;
  top: 12px;
  display: block;
  font: var(--FONT_highlight_300);
  color: #66666b;
  text-decoration: none;
}
.topInfoBar .hideInfoBar .wdk-icon {
  width: 20px;
  height: 20px;
}

.no-cookies #cookieError {
  display: block !important;
}

#JSError {
  display: block;
}
#JSError .withWarning .wdk-icon.icon_warning {
  vertical-align: bottom;
}

.legacybrowser #legacyBrowser {
  display: block !important;
}
.legacybrowser #legacyBrowser .textWrapper {
  padding: 8px 60px 0 12px;
  margin: 0 auto;
  max-width: 980px;
}
.legacybrowser #legacyBrowser .textWrapper::after {
  content: "";
  display: table;
  clear: both;
}
.legacybrowser #legacyBrowser .hideInfoBar {
  right: 12px;
}
.legacybrowser #legacyBrowser .withWarning {
  position: relative;
  padding-left: 44px;
  margin-bottom: 16px;
  font: var(--FONT_default_50);
}
@media only screen and (min-width: 768px) {
  .legacybrowser #legacyBrowser .withWarning {
    font: var(--FONT_default_75);
  }
}
.legacybrowser #legacyBrowser .withWarning .wdk-icon.icon_warning {
  vertical-align: bottom;
  fill: var(--COLOR_alertWarning_100);
}
.legacybrowser #legacyBrowser .withWarning strong {
  font-weight: bold;
}
.legacybrowser #legacyBrowser .browserButtons {
  text-align: center;
  margin: 0 0 12px 0;
  padding: 0;
}
.legacybrowser #legacyBrowser .browserButtons::after {
  content: "";
  display: table;
  clear: both;
}
.legacybrowser #legacyBrowser .browserButtons li {
  display: inline-block;
  margin: 0 4px;
}
.legacybrowser #legacyBrowser .browserButtons li a {
  line-height: 1.1em;
  text-align: left;
  padding: 8px 8px;
}
.legacybrowser #legacyBrowser .browserButtons li a span {
  display: inline-block;
}
.legacybrowser #legacyBrowser .browserButtons li a .browsericon {
  width: 33px;
  height: 33px;
  margin-right: 8px;
  background-repeat: no-repeat;
}
.legacybrowser #legacyBrowser .browserButtons li a.chrome .browsericon {
  background-image: url("../../img/browser_chrome.png");
}
.legacybrowser #legacyBrowser .browserButtons li a.firefox .browsericon {
  background-image: url("../../img/browser_firefox.png");
}
.legacybrowser #legacyBrowser .browserButtons li a.ie {
  display: none;
}
@media only screen and (min-width: 768px) {
  .legacybrowser #legacyBrowser .browserButtons li a.ie {
    display: inline-block;
  }
}
.legacybrowser #legacyBrowser .browserButtons li a.ie .browsericon {
  background-image: url("../../img/browser_edge.png");
}

#errorModalboxSessionExpired {
  text-align: center;
}
#errorModalboxSessionExpired .scrollingContent {
  overflow: hidden;
}
#errorModalboxSessionExpired i {
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  overflow: hidden;
  font: var(--FONT_highlight_300);
}

#offlineError {
  position: fixed;
  display: flex;
  bottom: 0;
  margin: 8px;
  width: calc(100% - 16px);
  background-color: var(--COLOR_supportDark_090);
  z-index: 1000;
  padding: 8px 16px;
  text-align: center;
  font: var(--FONT_default_75);
  color: var(--COLOR_supportLight_100);
  box-shadow: var(--boxShadow_mid);
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-2px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-5px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(5px, 0, 0);
  }
}
#offlineError.attention p {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
#offlineError p {
  width: 100%;
  margin: 0;
}

html.is-offline .js-onlineOnly {
  filter: blur(2px) saturate(0);
}

#lieFiNotification {
  position: fixed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  bottom: 0;
  margin: 8px;
  width: calc(100% - 16px);
  background-color: var(--COLOR_supportDark_090);
  z-index: 1000;
  padding: 0 16px;
  text-align: center;
  font: var(--FONT_default_75);
  color: var(--COLOR_supportLight_100);
  box-shadow: var(--boxShadow_mid);
}
#lieFiNotification p {
  margin-right: 16px;
}

html.is-inPWA body {
  overscroll-behavior-y: none;
  -webkit-user-select: none;
          user-select: none;
  touch-action: pan-y pan-x;
}
html.is-inPWA body p,
html.is-inPWA body a {
  -webkit-user-drag: none;
}

/*!
 * Cropper.js v1.5.6
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-10-04T04:33:44.164Z
 */
.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
}

.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.3333333333%;
  left: 0;
  top: 33.3333333333%;
  width: 100%;
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.3333333333%;
  top: 0;
  width: 33.3333333333%;
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: " ";
  display: block;
  position: absolute;
}

.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}

.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}

.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}

.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}

.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}

.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}

.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}

.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}

.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}

.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}
.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: " ";
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

/* stylelint-disable-line */
peg-photo-editor #imageContainer {
  height: 74vh;
}
@media only screen and (min-width: 601px) {
  peg-photo-editor #imageContainer {
    min-height: 380px;
    max-height: 380px;
    height: auto;
  }
}
peg-photo-editor #imageContainer .cropper-view-box {
  outline: 1px solid var(--COLOR_supportDark_100);
  outline-color: var(--COLOR_supportDark_100);
}
peg-photo-editor #imageContainer .cropper-view-box::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  left: 0;
  content: "";
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border: 1px solid var(--COLOR_supportDark_100);
  border-radius: var(--borderRadius_circle);
}
peg-photo-editor .photouploadControls {
  display: grid;
  grid-template-columns: 1fr 1fr;
  list-style: none;
  margin: 0;
  padding: 0;
}
peg-photo-editor .photouploadControls .controlGroup {
  display: flex;
  justify-content: center;
}
@media (pointer: coarse) {
  peg-photo-editor .photouploadControls {
    grid-template-columns: 1fr;
  }
  peg-photo-editor .photouploadControls .controlGroup.zoom {
    display: none;
  }
}

peg-photo-selector #dragDropArea {
  display: none;
}
@media (pointer: fine) {
  peg-photo-selector #dragDropArea {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-height: 100px;
    margin-bottom: 15px;
    padding: 20px;
    cursor: default;
    font: var(--FONT_default_100);
    color: var(--COLOR_supportDark_300);
    border: 2px dashed var(--COLOR_defaultText);
    border-radius: var(--borderRadius_75);
  }
}
peg-photo-selector #dragDropArea.dragOver {
  border-color: var(--COLOR_alertSuccess_100);
  box-shadow: 0 0 20px -6px var(--COLOR_supportDark_100) inset;
}
peg-photo-selector #dragDropArea .wdk-icon.icon_upload {
  display: block;
  width: 46px;
  height: 46px;
}
peg-photo-selector #uploadButton {
  position: relative;
  display: flex;
  justify-content: center;
}

peg-photo-uploader {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-top: 30px;
}
peg-photo-uploader progress {
  accent-color: var(--COLOR_primary_100);
  width: 100%;
  height: 30px;
}

#pageWrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
#pageWrapper #content {
  flex: 1 0 auto;
}

peg-footer {
  width: 100%;
  background-color: transparent;
  padding: 16px 8px;
  margin-top: 12px;
  overflow: auto;
  font: var(--FONT_default_50);
  line-height: 24px;
  color: var(--COLOR_defaultText);
  text-align: center;
  /*	Ab hier Sonderseiten und -fälle	*/
}
peg-footer nav {
  margin: 0;
}
peg-footer nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
peg-footer nav ul li {
  display: inline-block;
  padding: 0 9px 0 0;
  font: var(--FONT_default_50);
}
peg-footer nav ul li::before {
  content: "·";
  padding-right: 6px;
  color: var(--COLOR_supportDark_300);
  font: var(--FONT_highlight_200);
  vertical-align: -4px;
}
peg-footer nav ul li:first-child::before {
  display: none;
}
peg-footer nav ul li:last-child {
  padding-right: 0;
}
peg-footer nav ul li a {
  color: var(--COLOR_supportDark_100);
  text-decoration: none;
}
peg-footer nav ul li a:hover {
  text-decoration: underline;
}
peg-footer nav ul li a sup.updated::after {
  content: "Updated";
  padding: 0 4px 0 2px;
  border-radius: var(--borderRadius_rounded);
  text-align: center;
  background-color: var(--COLOR_alertError_100);
  color: var(--COLOR_supportLight_100);
  font-size: 9px;
}
@media only screen and (min-width: 768px) {
  peg-footer nav ul li a sup.updated::after {
    margin-left: 4px;
  }
}
peg-footer .copyrightText {
  color: var(--COLOR_supportDark_300);
  margin: 20px 0 0 0;
}
peg-footer .trustWrapper {
  margin-top: 8px;
}
peg-footer .trustWrapper .trustLogo {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px 4px 10px;
  border: 1px solid var(--COLOR_supportDark_070);
  border-radius: var(--borderRadius_75);
}
peg-footer .trustWrapper .trustLogo img {
  display: inline-block;
  margin-left: 12px;
}
peg-footer[skin=primaryDark] {
  color: var(--COLOR_supportLight_100);
  background-color: var(--COLOR_primary_100_dark);
}
peg-footer[skin=primaryDark] nav ul li a,
peg-footer[skin=primaryDark] nav ul li::before,
peg-footer[skin=primaryDark] .copyrightText {
  color: var(--COLOR_supportLight_100);
}
peg-footer[skin=lightgray] {
  background-color: var(--COLOR_supportDark_040);
}
@media only screen and (min-width: 768px) {
  peg-footer[skin=lightgray] nav ul li.logout {
    display: none;
  }
}
peg-footer[skin=oldRegistrationCheckout] {
  color: var(--COLOR_supportLight_100);
  background-color: var(--COLOR_supportDark_050);
}
peg-footer[skin=oldRegistrationCheckout] nav ul li a,
peg-footer[skin=oldRegistrationCheckout] nav ul li::before,
peg-footer[skin=oldRegistrationCheckout] .copyrightText {
  color: var(--COLOR_supportLight_100);
}

html.has-modalboxOpen {
  height: 100vh;
  overflow-y: initial;
}
html.has-modalboxOpen body {
  width: 100%;
  overflow: hidden;
}
html.has-modalboxOpen body #pageWrapper {
  filter: blur(16px);
}

/* .wdk-dialog {
	border: none;
	padding: 30px 16px;
	border-radius: var(--borderRadius_100);
	background-image: var(--COLOR_gradient_premium_100_90);

	.closeX {
		position: fixed;
		top: 20px;
		right: 20px;
	}
} */
.wdk-modalbox {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  overflow: hidden;
  width: 0;
  height: 0;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .wdk-modalbox {
    align-items: center;
  }
}
.wdk-modalbox::before {
  content: "";
  display: block;
  position: fixed;
  inset: 0 0 0 0;
  z-index: -1;
  width: 0;
  height: 0;
  will-change: opacity;
  opacity: 0;
  background-color: var(--COLOR_supportDark_080);
}
.wdk-modalbox.is-open {
  z-index: 210;
  overflow: visible;
  width: 100%;
  height: 100%;
}
.wdk-modalbox.is-open::before {
  width: 100%;
  height: 100%;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .wdk-modalbox.is-open::before {
    transition: opacity 200ms ease-out;
  }
}
@media only screen and (max-width: 767px) {
  .wdk-modalbox.is-open.is-bottomDrawer {
    width: 100%;
    height: 100%;
    margin-top: 0;
    align-items: flex-end;
    justify-content: center;
  }
  .wdk-modalbox.is-open.is-bottomDrawer .modalboxContent {
    max-width: 540px;
    max-height: 90vh;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
  }
}
.wdk-modalbox.is-open.has-smallContent {
  margin-top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.wdk-modalbox.is-open.has-smallContent .modalboxContent {
  max-width: 540px;
  max-height: 90vh;
  margin-left: 16px;
  margin-right: 16px;
  height: auto;
  border-radius: var(--borderRadius_100);
}
.wdk-modalbox.is-open.has-fullBgImage .modalboxContent {
  background-size: cover;
  color: var(--COLOR_supportLight_100);
}
.wdk-modalbox.is-open.has-fullBgImage .modalboxContent h3 {
  color: var(--COLOR_supportLight_100);
}
.wdk-modalbox.is-open.transition-in .modalboxContent {
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .wdk-modalbox.is-open.transition-in .modalboxContent {
    transform: scale(1) translate(0);
  }
}
.wdk-modalbox.is-open.transition-out .modalboxContent {
  opacity: 0;
}
@media only screen and (min-width: 768px) {
  .wdk-modalbox.is-open.transition-out .modalboxContent {
    transform: scale(0.8) translateY(50%);
  }
}
.wdk-modalbox.t-success header h3 {
  color: var(--COLOR_alertSuccess_100);
}
.wdk-modalbox .modalboxContent {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: flex;
  flex-direction: column;
  background-color: var(--COLOR_supportLight_100);
  overflow: hidden;
  transition: opacity 150ms ease-out;
}
.ios .wdk-modalbox .modalboxContent {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.ios .wdk-modalbox .modalboxContent article {
  flex-grow: initial;
}
@media only screen and (min-width: 768px) {
  .wdk-modalbox .modalboxContent {
    height: auto;
    max-height: 90vh;
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transform: scale(0.8) translateY(50%);
    will-change: transform;
    width: 100%;
    max-width: 560px;
    border-radius: var(--borderRadius_100);
  }
}
.wdk-modalbox .modalboxContent header h3 {
  display: inline-block;
  margin: 0;
  padding: 12px 8px 0 12px;
  font: var(--FONT_default_200);
  color: var(--COLOR_defaultText);
  width: calc(100% - 34px);
}
@media only screen and (min-width: 601px) {
  .wdk-modalbox .modalboxContent header h3 {
    padding: 18px 8px 14px 20px;
  }
}
.wdk-modalbox .modalboxContent article {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 12px;
  max-width: calc(100% - 34px);
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 601px) {
  .wdk-modalbox .modalboxContent article {
    padding: 20px;
  }
}
.wdk-modalbox .modalboxContent article p {
  margin: 0 0 16px 0;
}
.wdk-modalbox .modalboxContent article p:last-child {
  margin: 0;
}
.wdk-modalbox .modalboxContent header + article {
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .wdk-modalbox .modalboxContent header + footer {
    margin-top: 24px;
  }
}
.wdk-modalbox .modalboxContent footer {
  display: flex;
  width: 100%;
  min-height: 44px;
  padding: 8px 4px;
  align-items: center;
  justify-content: center;
  background-color: var(--COLOR_supportLight_100);
  flex-shrink: 0;
}
@media only screen and (min-width: 601px) {
  .wdk-modalbox .modalboxContent footer {
    padding: 20px 10px;
  }
}
.wdk-modalbox .modalboxContent footer .buttonsContainer {
  width: 100%;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}
.wdk-modalbox .modalboxContent footer .buttonsContainer .buttonItem {
  flex-basis: calc(40% - 20px);
  flex-grow: 1;
  list-style: none;
  text-align: center;
  vertical-align: top;
  margin: 2px 0;
  padding: 0 10px;
}
.wdk-modalbox .modalboxContent footer .buttonsContainer .buttonItem .wdk-button {
  width: 100%;
}
.wdk-modalbox .modalboxContent .layerInModalbox {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 11;
  justify-content: center;
  align-items: center;
  background-color: var(--COLOR_supportDark_050);
}
.wdk-modalbox .modalboxContent .layerInModalbox.is-open {
  display: flex;
}
.wdk-modalbox .modalboxContent .layerInModalbox .layerContent {
  width: calc(100% - 32px);
  height: auto;
  background-color: var(--COLOR_supportLight_100);
  flex: none;
  text-align: left;
  border-radius: var(--borderRadius_100);
  box-shadow: var(--boxShadow_mid);
}
@media only screen and (min-width: 768px) {
  .wdk-modalbox .modalboxContent .layerInModalbox .layerContent {
    width: 70%;
    overflow: hidden;
  }
}
.wdk-modalbox .modalboxContent .layerInModalbox .layerContent footer {
  padding: 16px 16px 32px 16px;
  background-color: transparent;
}
.wdk-modalbox .wdk-button.closeX {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 230;
}
.wdk-modalbox .wdk-button.closeX.t-plainHighlightSkin4 {
  background-color: var(--COLOR_supportDark_600);
  padding: 0;
  border: 2px solid transparent;
  border-radius: 30px;
  height: 32px;
  width: 32px;
}
.wdk-modalbox .wdk-button.closeX.t-plainHighlightSkin4 .icon {
  margin-right: 0;
}
.wdk-modalbox .wdk-button.closeX.t-plainHighlightSkin4 .icon svg {
  width: 14px;
  height: 14px;
  fill: var(--COLOR_supportDark_400);
}
.wdk-modalbox.is-opaque.is-open > .wdk-button.closeX {
  display: block;
}
.wdk-modalbox.is-opaque > .wdk-button.closeX {
  display: none;
  position: fixed;
  top: 12px;
  right: 12px;
  color: #fff;
}
.wdk-modalbox.is-opaque > .wdk-button.closeX.t-plainHighlightSkin4 {
  background-color: transparent;
}
@media only screen and (min-width: 768px) {
  .wdk-modalbox.is-opaque > .wdk-button.closeX {
    top: 20px;
    right: 20px;
  }
}
.wdk-modalbox.is-opaque > .wdk-button.closeX .icon {
  margin-right: 0;
}
.wdk-modalbox.is-opaque > .wdk-button.closeX .icon .wdk-icon.icon_x {
  fill: var(--COLOR_supportLight_100);
  width: 32px;
  height: 32px;
}
.wdk-modalbox.is-opaque.is-open div.modalboxContent {
  background-color: transparent;
  color: var(--COLOR_supportLight_100);
}
@media only screen and (max-width: 767px) {
  .wdk-modalbox.is-opaque.is-open div.modalboxContent {
    max-height: calc(100% - 62px);
    margin-top: 50px;
    margin-bottom: 12px;
  }
}
.wdk-modalbox.is-opaque footer {
  background-color: transparent;
}
.wdk-modalbox.skipIntroAnimation.is-open::before {
  transition: none;
  transform: none;
}
.wdk-modalbox.skipIntroAnimation.transition-in .modalboxContent {
  transition: none;
  transform: none;
}
.wdk-modalbox.skipOutroAnimation.is-open::before {
  transition: none;
  transform: none;
}
.wdk-modalbox.skipOutroAnimation.transition-out .modalboxContent {
  transition: none;
  transform: none;
}

/* Bei number-Fields die Pfeile nicht anzeigen */
.formGroupText {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 20px;
}
.formGroupText .wdk-form-text {
  padding-bottom: 0;
}
.formGroupText label {
  display: flex;
  align-items: center;
  width: 100%;
  font: var(--FONT_default_75);
  color: var(--COLOR_supportDark_100);
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 6px;
  padding-right: 20px;
}
@media only screen and (min-width: 601px) {
  .formGroupText label {
    white-space: nowrap;
  }
}
.formGroupText label .mandatory {
  margin-right: 4px;
  position: relative;
  vertical-align: unset;
  top: 0;
  font: var(--FONT_default_100);
  align-self: flex-start;
  line-height: 17px;
}
.formGroupText label.t-icon::before {
  float: left;
  margin-top: 3px;
  margin-right: 3px;
}
.formGroupText .infoText {
  display: block;
  width: 100%;
  padding: 4px 0;
  font: var(--FONT_default_75);
  color: var(--COLOR_alertInfo_100);
}

.wdk-form-text {
  position: relative;
  display: block;
  padding-bottom: 20px;
}
.wdk-form-text .designWrapper {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  display: flex;
  flex-wrap: wrap;
  -webkit-user-select: none;
          user-select: none;
  position: relative;
  text-align: left;
  width: 100%;
}
.wdk-form-text .designWrapper .infoLink {
  position: absolute;
  display: block;
  top: -4px;
  right: 0;
  font-size: 20px;
  color: var(--COLOR_alertInfo_100);
  z-index: 1;
  text-decoration: none;
}
.wdk-form-text .designWrapper .infoLink + label {
  padding-right: 24px;
}
.no-touchevents .wdk-form-text .designWrapper .infoLink:hover {
  text-decoration: none;
}
.wdk-form-text .designWrapper .infoLink::before {
  width: 18px;
  height: 18px;
}
.wdk-form-text label {
  display: flex;
  align-items: center;
  width: 100%;
  font: var(--FONT_default_75);
  color: var(--COLOR_supportDark_100);
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 6px;
  padding-right: 20px;
}
@media only screen and (min-width: 601px) {
  .wdk-form-text label {
    white-space: nowrap;
  }
}
.wdk-form-text label .mandatory {
  margin-right: 4px;
  position: relative;
  vertical-align: unset;
  top: 0;
  font: var(--FONT_default_100);
  align-self: flex-start;
  line-height: 17px;
}
.wdk-form-text label.t-icon::before {
  float: left;
  margin-right: 4px;
}
.wdk-form-text label.t-icon .wdk-icon {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.wdk-form-text .inputWrapper {
  position: relative;
  width: 100%;
}
.wdk-form-text .inputWrapper textarea,
.wdk-form-text .inputWrapper input {
  position: relative;
  display: block;
  width: 100%;
  min-height: 44px;
  margin: 0;
  padding: 0 8px;
  border: 2px solid var(--COLOR_supportDark_070);
  border-radius: var(--borderRadius_75);
  appearance: none; /* for box shadows to hide on iOS */
  background: var(--COLOR_supportLight_100);
  font: var(--FONT_default_100);
  color: var(--COLOR_supportDark_100);
  transition: border-color 0.2s;
}
.wdk-form-text .inputWrapper textarea:focus-visible,
.wdk-form-text .inputWrapper input:focus-visible {
  border-color: var(--COLOR_supportDark_090);
}
.wdk-form-text .inputWrapper textarea::placeholder,
.wdk-form-text .inputWrapper input::placeholder {
  color: var(--COLOR_supportDark_400);
}
.wdk-form-text .inputWrapper textarea[disabled], .wdk-form-text .inputWrapper textarea[readonly],
.wdk-form-text .inputWrapper input[disabled],
.wdk-form-text .inputWrapper input[readonly] {
  color: var(--COLOR_supportDark_050);
  border-color: var(--COLOR_supportDark_050);
}
.wdk-form-text .inputWrapper textarea[type=number],
.wdk-form-text .inputWrapper input[type=number] {
  appearance: textfield;
}
.wdk-form-text .inputWrapper.t-icon .wdk-icon {
  position: absolute;
  top: 0;
  display: block;
  margin-top: 10px;
  margin-left: 12px;
  width: 22px;
  height: 22px;
  z-index: 1;
  transition: color 0.3s;
  pointer-events: none;
  fill: var(--COLOR_defaultText);
}
.wdk-form-text .inputWrapper.t-icon input {
  padding-left: 44px;
}
.wdk-form-text .inputWrapper textarea {
  line-height: 24px;
  padding: 9px 10px;
  resize: none;
  word-wrap: break-word;
  min-height: 166px;
  height: 100%;
}
.ios .wdk-form-text .inputWrapper textarea {
  overflow: scroll;
}
@media only screen and (min-width: 768px) {
  .ios .wdk-form-text .inputWrapper textarea {
    min-height: 200px;
  }
}
.wdk-form-text .inputWrapper .limitReachedInfo {
  top: 0;
  left: -2px;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}
.wdk-form-text .inputWrapper .charCounter {
  display: none;
}
.wdk-form-text .infoText {
  display: block;
  width: 100%;
  padding: 4px 8px;
  font: var(--FONT_default_75);
  color: var(--COLOR_alertInfo_100);
}
.wdk-form-text wdk-approval-tag {
  margin-top: 8px;
}
.wdk-form-text.has-error input,
.wdk-form-text.has-error textarea, .wdk-form-text:has(wdk-hintbox-error[show]) input,
.wdk-form-text:has(wdk-hintbox-error[show]) textarea {
  border-color: var(--COLOR_alertError_100);
}
.wdk-form-text.has-hiddenLabel label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.wdk-form-text.has-fullHeight {
  flex-grow: 1;
}
.wdk-form-text.has-fullHeight .designWrapper {
  display: flex;
  flex-flow: column;
  height: 100%;
}
.wdk-form-text.has-fullHeight label,
.wdk-form-text.has-fullHeight .wdk-styledHintBox {
  flex-shrink: 0;
}
.wdk-form-text.has-fullHeight .inputWrapper {
  flex-grow: 1;
}
.wdk-form-text.is-nearLimit input,
.wdk-form-text.is-nearLimit textarea {
  padding-right: 58px;
}
.wdk-form-text.is-nearLimit .charCounter {
  position: absolute;
  bottom: 2px;
  right: 2px;
  height: 40px;
  padding: 0 12px 0 24px;
  display: flex;
  align-items: center;
  color: var(--COLOR_alertSuccess_100);
  font: var(--FONT_default_75);
}
.wdk-form-text.is-limitReached .charCounter {
  color: var(--COLOR_alertError_100);
}

.wdk-form-toggles {
  position: relative;
}
.wdk-form-toggles input[type=checkbox],
.wdk-form-toggles input[type=radio] {
  position: absolute;
  opacity: 0;
}
.wdk-form-toggles input[type=checkbox] + label,
.wdk-form-toggles input[type=radio] + label {
  position: relative;
  display: inline-block;
  min-height: 48px;
  margin-left: -14px;
  padding-left: 48px;
  padding-top: 17px;
  cursor: pointer;
}
.wdk-form-toggles input[type=checkbox] + label::before,
.wdk-form-toggles input[type=radio] + label::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 17px;
  width: 20px;
  height: 20px;
  background-color: var(--COLOR_supportLight_100);
  transition: border 0.15s linear;
  border: 2px solid var(--COLOR_supportDark_080);
}
.wdk-form-toggles input[type=checkbox] + label::after,
.wdk-form-toggles input[type=radio] + label::after {
  content: "";
  position: absolute;
  background-color: var(--COLOR_alertSuccess_100);
  opacity: 0;
  transition: all 0.15s linear;
}
.wdk-form-toggles input[type=checkbox]:checked + label::before,
.wdk-form-toggles input[type=radio]:checked + label::before {
  border-color: var(--COLOR_alertSuccess_100);
}
.wdk-form-toggles input[type=checkbox]:checked + label::after,
.wdk-form-toggles input[type=radio]:checked + label::after {
  opacity: 1;
}
.wdk-form-toggles input[type=checkbox]:disabled + label,
.wdk-form-toggles input[type=radio]:disabled + label {
  color: var(--COLOR_supportDark_070);
  cursor: default;
}
.wdk-form-toggles input[type=checkbox]:disabled + label::before,
.wdk-form-toggles input[type=radio]:disabled + label::before {
  border-color: var(--COLOR_supportDark_070);
}
.wdk-form-toggles input[type=checkbox]:disabled + label::after,
.wdk-form-toggles input[type=radio]:disabled + label::after {
  background-color: var(--COLOR_supportDark_040);
}
.wdk-form-toggles input[type=checkbox]:focus-visible + label::before,
.wdk-form-toggles input[type=radio]:focus-visible + label::before {
  outline: 2px dashed currentcolor;
  outline-offset: 2px;
  outline-offset: 1px;
}
.wdk-form-toggles input[type=radio] {
  top: 17px;
  left: 4px;
}
.wdk-form-toggles input[type=radio] + label::before {
  top: 17px;
  border-radius: 10px;
}
.wdk-form-toggles input[type=radio] + label::after {
  top: 22px;
  left: 19px;
  width: 10px;
  height: 10px;
  border-radius: var(--borderRadius_circle);
}
.wdk-form-toggles input[type=radio]:checked:disabled + label::after {
  background-color: var(--COLOR_supportDark_100);
  opacity: 0.2;
}
.wdk-form-toggles input[type=checkbox] {
  top: 20px;
  left: 4px;
}
.wdk-form-toggles input[type=checkbox] + label::before {
  border-radius: 4px;
}
.wdk-form-toggles input[type=checkbox] + label::after {
  content: "";
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  display: inline-block;
  color: inherit;
  background-color: currentcolor;
  -webkit-mask-image: url(../../img/icons/single_color/icon_check.svg);
          mask-image: url(../../img/icons/single_color/icon_check.svg);
  vertical-align: -3px;
  width: 18px;
  height: 18px;
  top: 18px;
  left: 15px;
  background-color: var(--COLOR_supportLight_100);
  padding-top: 1px;
}
.wdk-form-toggles input[type=checkbox]:checked + label::before {
  background-color: var(--COLOR_alertSuccess_100);
}
.wdk-form-toggles input[type=checkbox]:checked:disabled + label::before {
  border: 0;
  background-color: var(--COLOR_supportDark_070);
}
.wdk-form-toggles input[type=checkbox]:checked:disabled + label::after {
  background-color: var(--COLOR_supportLight_100);
}
.wdk-form-toggles input[type=checkbox].switch {
  position: absolute;
  opacity: 0;
  top: 24px;
  left: 27px;
}
.wdk-form-toggles input[type=checkbox].switch + label {
  margin-left: 0;
  padding-top: 12px;
  outline: none;
  -webkit-user-select: none;
          user-select: none;
}
.wdk-form-toggles input[type=checkbox].switch + label::before {
  padding: 2px;
  width: 36px;
  height: 14px;
  left: 6px;
  top: 20px;
  background: var(--COLOR_supportDark_100);
  opacity: 0.5;
  border: 0;
  transition: all 0.3s;
  border-radius: 14px;
}
.wdk-form-toggles input[type=checkbox].switch + label::after {
  -webkit-mask-image: none;
          mask-image: none;
  content: "";
  top: 17px;
  left: 3px;
  height: 20px;
  width: 20px;
  background-color: var(--COLOR_supportLight_100);
  border: 1px solid var(--COLOR_supportDark_090);
  opacity: 1;
  border-radius: 14px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.wdk-form-toggles input[type=checkbox].switch:checked + label::before {
  background-color: var(--COLOR_alertSuccess_100);
}
.wdk-form-toggles input[type=checkbox].switch:checked + label::after {
  margin-left: 22px;
  background-color: var(--COLOR_alertSuccess_100);
  border-color: var(--COLOR_alertSuccess_100);
}
.wdk-form-toggles input[type=checkbox].switch:disabled + label::after {
  background-color: var(--COLOR_supportDark_600);
  border-color: var(--COLOR_supportDark_050);
}
.wdk-form-toggles input[type=checkbox].switch:checked:disabled + label::before {
  background-color: var(--COLOR_alertSuccess_100);
  opacity: 0.25;
}
.wdk-form-toggles input[type=checkbox].switch:checked:disabled + label::after {
  border-color: var(--COLOR_alertSuccess_100);
}

.formGroupDropdown {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 20px;
  position: relative;
}
.formGroupDropdown label {
  display: flex;
  align-items: center;
  width: 100%;
  font: var(--FONT_default_75);
  color: var(--COLOR_supportDark_100);
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 6px;
  padding-right: 20px;
}
@media only screen and (min-width: 601px) {
  .formGroupDropdown label {
    white-space: nowrap;
  }
}
.formGroupDropdown label .mandatory {
  margin-right: 4px;
  position: relative;
  vertical-align: unset;
  top: 0;
  font: var(--FONT_default_100);
  align-self: flex-start;
  line-height: 17px;
}
.formGroupDropdown label.t-icon {
  display: flex;
  align-items: center;
}
.formGroupDropdown label.t-icon::before {
  float: left;
  margin-top: 3px;
  margin-right: 3px;
}
.formGroupDropdown label.t-icon .wdk-icon {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.formGroupDropdown .infoLink {
  position: absolute;
  display: block;
  top: -4px;
  right: 0;
  font-size: 20px;
  color: var(--COLOR_alertInfo_100);
  z-index: 1;
  text-decoration: none;
}
.formGroupDropdown .infoLink + label {
  padding-right: 24px;
}
.no-touchevents .formGroupDropdown .infoLink:hover {
  text-decoration: none;
}
.formGroupDropdown .infoLink::before {
  width: 18px;
  height: 18px;
}
.formGroupDropdown .infoText {
  display: block;
  width: 100%;
  padding: 4px 0;
  font: var(--FONT_default_75);
  color: var(--COLOR_alertInfo_100);
}
.formGroupDropdown .wdk-form-dropdown {
  padding-bottom: 0;
}

.wdk-form-dropdown {
  position: relative;
  padding-bottom: 20px;
}
.wdk-form-dropdown.has-error .designWrapper .selectWrapper select, .wdk-form-dropdown:has(wdk-hintbox-error[show]) .designWrapper .selectWrapper select {
  border-color: var(--COLOR_alertError_100);
}
.wdk-form-dropdown.has-hiddenLabel label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.wdk-form-dropdown.has-hiddenLabel label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.wdk-form-dropdown .designWrapper {
  display: flex;
  flex-wrap: wrap;
}
.wdk-form-dropdown .designWrapper label {
  display: flex;
  align-items: center;
  width: 100%;
  font: var(--FONT_default_75);
  color: var(--COLOR_supportDark_100);
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 6px;
  padding-right: 20px;
}
@media only screen and (min-width: 601px) {
  .wdk-form-dropdown .designWrapper label {
    white-space: nowrap;
  }
}
.wdk-form-dropdown .designWrapper label .mandatory {
  margin-right: 4px;
  position: relative;
  vertical-align: unset;
  top: 0;
  font: var(--FONT_default_100);
  align-self: flex-start;
  line-height: 17px;
}
.wdk-form-dropdown .designWrapper label.t-icon {
  display: flex;
  align-items: center;
}
.wdk-form-dropdown .designWrapper label.t-icon::before {
  float: left;
  margin-top: 3px;
  margin-right: 3px;
}
.wdk-form-dropdown .designWrapper label.t-icon .wdk-icon {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.wdk-form-dropdown .designWrapper .selectWrapper {
  position: relative;
  width: 100%;
}
.wdk-form-dropdown .designWrapper .selectWrapper::after {
  content: "";
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  display: inline-block;
  color: inherit;
  background-color: currentcolor;
  -webkit-mask-image: url(../../img/icons/single_color/icon_arrow_down_regular.svg);
          mask-image: url(../../img/icons/single_color/icon_arrow_down_regular.svg);
  vertical-align: -3px;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 15px;
  right: 8px;
  pointer-events: none;
}
.wdk-form-dropdown .designWrapper .selectWrapper select {
  appearance: none;
  height: 44px;
  width: 100%;
  padding: 0 32px 0 8px;
  border: 2px solid var(--COLOR_supportDark_070);
  border-radius: var(--borderRadius_75);
  background-color: var(--COLOR_supportLight_100);
  font: var(--FONT_default_100);
  color: var(--COLOR_defaultText);
}
.wdk-form-dropdown .designWrapper .selectWrapper select:focus-visible {
  border-color: var(--COLOR_supportDark_090);
}
.wdk-form-dropdown .infoText {
  display: block;
  width: 100%;
  padding: 4px 0;
  font: var(--FONT_default_75);
  color: var(--COLOR_alertInfo_100);
}
.wdk-form-dropdown .infoLink {
  position: absolute;
  display: block;
  top: -4px;
  right: 0;
  font-size: 20px;
  color: var(--COLOR_alertInfo_100);
  z-index: 1;
  text-decoration: none;
}
.wdk-form-dropdown .infoLink + label {
  padding-right: 24px;
}
.no-touchevents .wdk-form-dropdown .infoLink:hover {
  text-decoration: none;
}
.wdk-form-dropdown .infoLink::before {
  width: 18px;
  height: 18px;
}

.wdk-form-customDropdown {
  margin-bottom: 20px;
  overflow: hidden;
}
.wdk-form-customDropdown a {
  position: relative;
  display: block;
  padding: 10px 32px 10px 8px;
  min-height: 44px;
  border: 2px solid var(--COLOR_supportDark_070);
  border-radius: var(--borderRadius_75);
  background: transparent;
  font: var(--FONT_default_100);
  color: var(--COLOR_defaultText);
  text-decoration: none;
  transition: border-color 0.2s;
}
.wdk-form-customDropdown a:hover, .wdk-form-customDropdown a:active {
  border-color: var(--COLOR_supportDark_070);
  text-decoration: none;
}
.wdk-form-customDropdown a::after {
  content: "";
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  display: inline-block;
  color: inherit;
  background-color: currentcolor;
  -webkit-mask-image: url(../../img/icons/single_color/icon_arrow_down_regular.svg);
          mask-image: url(../../img/icons/single_color/icon_arrow_down_regular.svg);
  vertical-align: -3px;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 8px;
  top: 15px;
}
.wdk-form-customDropdown.is-open a {
  border-color: var(--COLOR_supportDark_070);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.wdk-form-customDropdown.is-open a::after {
  content: "";
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  display: inline-block;
  color: inherit;
  background-color: currentcolor;
  -webkit-mask-image: url(../../img/icons/single_color/icon_arrow_up_regular.svg);
          mask-image: url(../../img/icons/single_color/icon_arrow_up_regular.svg);
  vertical-align: -3px;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 8px;
  top: 15px;
}
.wdk-form-customDropdown .selection {
  display: none;
  position: relative;
  padding-left: 0 !important;
  overflow: visible !important;
  font: var(--FONT_default_100);
  border: 2px solid var(--COLOR_supportDark_070);
  border-top: 0;
  border-bottom-left-radius: var(--borderRadius_75);
  border-bottom-right-radius: var(--borderRadius_75);
}
.wdk-form-customDropdown .selection::before {
  top: 0;
}
.wdk-form-customDropdown .selection::after {
  bottom: 0;
}
.wdk-form-customDropdown .selection li {
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 12px 10px;
}
.wdk-form-customDropdown .selection li:hover, .wdk-form-customDropdown .selection li.isKeyboardSelected {
  cursor: pointer;
  background-color: var(--COLOR_supportDark_040);
}
.wdk-form-customDropdown .selection li::after {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  z-index: 1;
  display: block;
}
.wdk-form-customDropdown .selection li.selectedListItem {
  background-color: var(--COLOR_supportDark_050);
}
.wdk-form-customDropdown .selection li:focus-visible {
  outline: 2px dashed currentcolor;
  outline-offset: 2px;
}
.wdk-form-customDropdown label {
  display: flex;
  align-items: center;
  width: 100%;
  font: var(--FONT_default_75);
  color: var(--COLOR_supportDark_100);
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 6px;
  padding-right: 20px;
}
@media only screen and (min-width: 601px) {
  .wdk-form-customDropdown label {
    white-space: nowrap;
  }
}
.wdk-form-customDropdown label .mandatory {
  margin-right: 4px;
  position: relative;
  vertical-align: unset;
  top: 0;
  font: var(--FONT_default_100);
  align-self: flex-start;
  line-height: 17px;
}
.wdk-form-customDropdown label.t-icon {
  display: flex;
  align-items: center;
}
.wdk-form-customDropdown label.t-icon::before {
  float: left;
  margin-top: 3px;
  margin-right: 3px;
}
.wdk-form-customDropdown label.t-icon .wdk-icon {
  width: 12px;
  height: 12px;
  margin-right: 4px;
}

.wdk-form-autofillDropdown {
  position: relative;
  /* &.half {
  	.autofillDropdownDatalist {
  		@include mediaMinWidth($BREAKPOINT_M) {
  			width: calc(100% - 10px);
  		}
  	}
  } */
}
.wdk-form-autofillDropdown .wdk-form-text .wdk_loadingIndicator .trippleDot {
  left: auto;
  right: 30px;
}
.wdk-form-autofillDropdown .autofillDropdownDatalist {
  position: absolute;
  z-index: 1;
  width: 100%;
  background: var(--COLOR_supportLight_100);
  max-height: 167px;
  overflow: hidden auto;
  top: 42px;
}
.wdk-form-autofillDropdown .autofillDropdownDatalist.is-open {
  border: 2px solid var(--COLOR_supportDark_090);
  border-top: 1px solid var(--COLOR_supportDark_090);
  border-bottom-left-radius: var(--borderRadius_75);
  border-bottom-right-radius: var(--borderRadius_75);
}
.wdk-form-autofillDropdown .autofillDropdownDatalist .selection {
  display: none;
  position: relative;
  padding-left: 0 !important;
  overflow: visible !important;
  font: var(--FONT_default_100);
  margin: 0;
}
.wdk-form-autofillDropdown .autofillDropdownDatalist .selection::before {
  top: 0;
}
.wdk-form-autofillDropdown .autofillDropdownDatalist .selection::after {
  bottom: 0;
}
.wdk-form-autofillDropdown .autofillDropdownDatalist .selection li {
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 12px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wdk-form-autofillDropdown .autofillDropdownDatalist .selection li:not(.noResult):hover, .wdk-form-autofillDropdown .autofillDropdownDatalist .selection li:not(.noResult).isKeyboardSelected {
  cursor: pointer;
  background-color: var(--COLOR_supportDark_040);
}
.wdk-form-autofillDropdown .autofillDropdownDatalist .selection li.noResult {
  cursor: not-allowed;
}
.wdk-form-autofillDropdown .autofillDropdownDatalist .selection li::after {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  z-index: 1;
  display: block;
}

.wdk-button {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  font: var(--FONT_highlight_100);
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  opacity: 1;
  transition: opacity 0.3s 0.1s, background-color 0.2s, box-shadow 0.2s linear;
  box-shadow: var(--boxShadow_mid);
  height: 48px;
  border: 2px solid transparent;
  background: var(--COLOR_supportDark_080);
  background-origin: border-box;
  border-radius: var(--borderRadius_button);
  color: var(--COLOR_supportLight_100);
  /* States */
  /* Icon */
  /* Skins */
  /* Outline Skin */
  /* Size */
}
.wdk-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 48px;
  margin-top: -2px;
}
.wdk-button.hover, .wdk-button:hover {
  text-decoration: none;
}
.wdk-button:active, .wdk-button.active {
  transition-duration: 0s;
  box-shadow: var(--boxShadow_small);
}
.wdk-button:disabled, .wdk-button:disabled:hover, .wdk-button:disabled:active, .wdk-button.disabled, .wdk-button.disabled:hover, .wdk-button.disabled:active {
  cursor: default;
  pointer-events: none;
  opacity: 0.4;
}
html:not(.ios, .macSafari) .wdk-button:disabled, html:not(.ios, .macSafari) .wdk-button:disabled:hover, html:not(.ios, .macSafari) .wdk-button:disabled:active, html:not(.ios, .macSafari) .wdk-button.disabled, html:not(.ios, .macSafari) .wdk-button.disabled:hover, html:not(.ios, .macSafari) .wdk-button.disabled:active {
  box-shadow: none;
}
.wdk-button:focus-visible {
  outline: 2px dashed currentcolor;
  outline-offset: 2px;
}
.wdk-button .icon {
  display: flex;
  margin-right: 8px;
}
.wdk-button .icon svg,
.wdk-button .icon img {
  width: 18px;
  height: 18px;
}
.wdk-button.t-rightIcon {
  flex-direction: row-reverse;
}
.wdk-button.t-rightIcon .icon {
  margin-left: 8px;
  margin-right: 0;
}
.wdk-button.t-iconOnly {
  width: 48px;
  height: 48px;
  padding: 0;
}
.wdk-button.t-iconOnly.is-loading .icon {
  opacity: 0;
}
.wdk-button.t-iconOnly.t-size_auto {
  height: auto;
  width: auto;
}
.wdk-button.t-iconOnly.t-size_auto::after {
  height: calc(100% + 16px);
  width: calc(100% + 16px);
  inset: -8px 8px 8px -8px;
}
.wdk-button.t-iconOnly.t-size_auto .icon svg,
.wdk-button.t-iconOnly.t-size_auto .icon img {
  width: 20px;
  height: 20px;
}
.wdk-button.t-iconOnly.t-size_50 {
  height: 32px;
  width: 32px;
}
.wdk-button.t-iconOnly.t-size_50::after {
  height: 48px;
  width: 48px;
  margin-top: -10px;
  margin-left: -10px;
}
.wdk-button.t-iconOnly.t-size_50 .icon svg,
.wdk-button.t-iconOnly.t-size_50 .icon img {
  width: 20px;
  height: 20px;
}
.wdk-button.t-iconOnly.t-size_75 {
  height: 36px;
  width: 36px;
}
.wdk-button.t-iconOnly.t-size_75::after {
  height: 48px;
  width: 48px;
  margin-top: -10px;
  margin-left: -10px;
}
.wdk-button.t-iconOnly.t-size_75 .icon svg,
.wdk-button.t-iconOnly.t-size_75 .icon img {
  width: 20px;
  height: 20px;
}
.wdk-button.t-iconOnly.t-size_200 {
  height: 56px;
  width: 56px;
}
.wdk-button.t-iconOnly.t-size_200::after {
  display: none;
}
.wdk-button.t-iconOnly.t-size_200 .icon svg,
.wdk-button.t-iconOnly.t-size_200 .icon img {
  width: 32px;
  height: 32px;
}
.wdk-button.t-iconOnly .text {
  position: absolute !important;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
}
.wdk-button.t-iconOnly .icon {
  margin: 0;
}
.wdk-button.t-iconOnly .icon svg,
.wdk-button.t-iconOnly .icon img {
  width: 24px;
  height: 24px;
}
@media only screen and (max-width: 767px) {
  .wdk-button.t-iconOnlyInSM {
    padding: 0 8px;
  }
  .wdk-button.t-iconOnlyInSM.is-loading .wdk-icon {
    opacity: 0;
  }
  .wdk-button.t-iconOnlyInSM .icon svg,
  .wdk-button.t-iconOnlyInSM .icon img {
    width: 24px;
    height: 24px;
  }
  .wdk-button.t-iconOnlyInSM .text {
    position: absolute !important;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
  }
  .wdk-button.t-iconOnlyInSM .trippleDot::before {
    left: -12px;
  }
  .wdk-button.t-iconOnlyInSM .trippleDot::after {
    left: 12px;
  }
}
.wdk-button.t-bubbleTopLeft {
  border-top-left-radius: 0;
}
.wdk-button.t-bubbleTopRight {
  border-top-right-radius: 0;
}
.wdk-button.t-primarySkin1 {
  background-color: var(--COLOR_primary_100);
  color: var(--COLOR_supportLight_100);
}
@media (hover: hover) {
  .wdk-button.t-primarySkin1:hover, .wdk-button.t-primarySkin1.hover {
    background-color: #588169;
  }
}
.wdk-button.t-primarySkin1:active, .wdk-button.t-primarySkin1.active {
  background-color: #346145;
}
.wdk-button.t-primarySkin1.disabled, .wdk-button.t-primarySkin1.disabled:hover, .wdk-button.t-primarySkin1.disabled:active, .wdk-button.t-primarySkin1.disabled.active, .wdk-button.t-primarySkin1:disabled, .wdk-button.t-primarySkin1:disabled:hover, .wdk-button.t-primarySkin1:disabled:active, .wdk-button.t-primarySkin1:disabled.active {
  opacity: 0.3;
}
.wdk-button.t-primarySkin1:focus-visible {
  outline-color: var(--COLOR_primary_100);
}
.wdk-button.t-primarySkin1 .icon svg {
  fill: var(--COLOR_supportLight_100);
}
.wdk-button.t-primarySkin1.t-circle .text {
  color: var(--COLOR_supportDark_300);
}
.wdk-button.t-primarySkin2 {
  background-color: var(--COLOR_supportLight_100);
  color: var(--COLOR_primary_100);
}
@media (hover: hover) {
  .wdk-button.t-primarySkin2:hover, .wdk-button.t-primarySkin2.hover {
    opacity: 0.8;
    background-color: var(--COLOR_supportDark_600);
  }
}
.wdk-button.t-primarySkin2:active, .wdk-button.t-primarySkin2.active {
  opacity: 0.6;
  background-color: var(--COLOR_supportDark_600);
}
.wdk-button.t-primarySkin2.disabled, .wdk-button.t-primarySkin2.disabled:hover, .wdk-button.t-primarySkin2.disabled:active, .wdk-button.t-primarySkin2.disabled.active, .wdk-button.t-primarySkin2:disabled, .wdk-button.t-primarySkin2:disabled:hover, .wdk-button.t-primarySkin2:disabled:active, .wdk-button.t-primarySkin2:disabled.active {
  opacity: 0.4;
}
.wdk-button.t-primarySkin2:focus-visible {
  outline-color: var(--COLOR_supportDark_100);
}
.wdk-button.t-primarySkin2 .icon svg {
  fill: var(--COLOR_primary_100);
}
.wdk-button.t-primarySkin3 {
  background-color: var(--COLOR_supportLight_100);
  color: var(--COLOR_supportDark_100);
}
@media (hover: hover) {
  .wdk-button.t-primarySkin3:hover, .wdk-button.t-primarySkin3.hover {
    opacity: 0.8;
    background-color: var(--COLOR_supportDark_600);
  }
}
.wdk-button.t-primarySkin3:active, .wdk-button.t-primarySkin3.active {
  opacity: 0.6;
  background-color: var(--COLOR_supportDark_600);
}
.wdk-button.t-primarySkin3.disabled, .wdk-button.t-primarySkin3.disabled:hover, .wdk-button.t-primarySkin3.disabled:active, .wdk-button.t-primarySkin3.disabled.active, .wdk-button.t-primarySkin3:disabled, .wdk-button.t-primarySkin3:disabled:hover, .wdk-button.t-primarySkin3:disabled:active, .wdk-button.t-primarySkin3:disabled.active {
  opacity: 0.4;
}
.wdk-button.t-primarySkin3 .icon svg {
  fill: var(--COLOR_supportDark_100);
}
.wdk-button.t-primarySkin4 {
  background-color: var(--COLOR_supportDark_080);
  color: var(--COLOR_supportLight_100);
  box-shadow: none;
}
@media (hover: hover) {
  .wdk-button.t-primarySkin4:hover, .wdk-button.t-primarySkin4.hover {
    background-color: var(--COLOR_supportDark_090);
  }
}
.wdk-button.t-primarySkin4:focus-visible {
  outline-color: var(--COLOR_defaultText);
}
.wdk-button.t-primarySkin4:active, .wdk-button.t-primarySkin4.active {
  background-color: var(--COLOR_supportDark_100);
}
.wdk-button.t-primarySkin4.disabled, .wdk-button.t-primarySkin4.disabled:hover, .wdk-button.t-primarySkin4.disabled:active, .wdk-button.t-primarySkin4.disabled.active, .wdk-button.t-primarySkin4:disabled, .wdk-button.t-primarySkin4:disabled:hover, .wdk-button.t-primarySkin4:disabled:active, .wdk-button.t-primarySkin4:disabled.active {
  opacity: 0.4;
}
.wdk-button.t-primarySkin4 .icon svg {
  fill: var(--COLOR_supportLight_100);
}
.wdk-button.t-primarySkin5 {
  background-color: var(--COLOR_supportLight_050);
  color: var(--COLOR_supportLight_100);
  border: 0 none;
  box-shadow: none;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  font: var(--FONT_default_100);
}
.wdk-button.t-primarySkin5::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  border-radius: var(--borderRadius_button);
  border: 1px solid var(--COLOR_supportLight_080);
  mix-blend-mode: soft-light;
  pointer-events: none;
}
@media (hover: hover) {
  .wdk-button.t-primarySkin5:hover, .wdk-button.t-primarySkin5.hover {
    background-color: var(--COLOR_supportLight_060);
  }
}
.wdk-button.t-primarySkin5:focus-visible {
  outline-color: var(--COLOR_defaultText);
}
.wdk-button.t-primarySkin5:active, .wdk-button.t-primarySkin5.active {
  border: 0 none;
  background-color: var(--COLOR_supportLight_040);
  color: var(--COLOR_supportLight_070);
}
.wdk-button.t-primarySkin5:active::before, .wdk-button.t-primarySkin5.active::before {
  border-color: var(--COLOR_supportLight_050);
}
.wdk-button.t-primarySkin5:active .icon svg, .wdk-button.t-primarySkin5.active .icon svg {
  fill: var(--COLOR_supportLight_070);
}
.wdk-button.t-primarySkin5.disabled, .wdk-button.t-primarySkin5.disabled:hover, .wdk-button.t-primarySkin5.disabled:active, .wdk-button.t-primarySkin5.disabled.active, .wdk-button.t-primarySkin5:disabled, .wdk-button.t-primarySkin5:disabled:hover, .wdk-button.t-primarySkin5:disabled:active, .wdk-button.t-primarySkin5:disabled.active {
  background-color: var(--COLOR_supportLight_040);
  color: var(--COLOR_supportLight_060);
  border: 0 none;
  opacity: 1;
}
.wdk-button.t-primarySkin5.disabled::before, .wdk-button.t-primarySkin5.disabled:hover::before, .wdk-button.t-primarySkin5.disabled:active::before, .wdk-button.t-primarySkin5.disabled.active::before, .wdk-button.t-primarySkin5:disabled::before, .wdk-button.t-primarySkin5:disabled:hover::before, .wdk-button.t-primarySkin5:disabled:active::before, .wdk-button.t-primarySkin5:disabled.active::before {
  border-color: var(--COLOR_supportLight_060);
}
.wdk-button.t-primarySkin5.disabled .icon svg, .wdk-button.t-primarySkin5.disabled:hover .icon svg, .wdk-button.t-primarySkin5.disabled:active .icon svg, .wdk-button.t-primarySkin5.disabled.active .icon svg, .wdk-button.t-primarySkin5:disabled .icon svg, .wdk-button.t-primarySkin5:disabled:hover .icon svg, .wdk-button.t-primarySkin5:disabled:active .icon svg, .wdk-button.t-primarySkin5:disabled.active .icon svg {
  fill: var(--COLOR_supportLight_070);
}
.wdk-button.t-primarySkin5 .icon svg {
  fill: var(--COLOR_supportLight_100);
}
.wdk-button.t-primarySpecialSkin1 {
  background-image: var(--COLOR_gradient_unlock_100_45);
  color: var(--COLOR_supportLight_100);
}
@media (hover: hover) {
  .wdk-button.t-primarySpecialSkin1:hover, .wdk-button.t-primarySpecialSkin1.hover {
    background-image: var(--COLOR_gradient_unlock_100_180);
  }
}
.wdk-button.t-primarySpecialSkin1:active, .wdk-button.t-primarySpecialSkin1.active {
  background-image: var(--COLOR_gradient_unlock_100_90);
}
.wdk-button.t-primarySpecialSkin1.disabled, .wdk-button.t-primarySpecialSkin1.disabled:hover, .wdk-button.t-primarySpecialSkin1.disabled:active, .wdk-button.t-primarySpecialSkin1.disabled.active, .wdk-button.t-primarySpecialSkin1:disabled, .wdk-button.t-primarySpecialSkin1:disabled:hover, .wdk-button.t-primarySpecialSkin1:disabled:active, .wdk-button.t-primarySpecialSkin1:disabled.active {
  opacity: 0.3;
}
.wdk-button.t-primarySpecialSkin1:focus-visible {
  outline-color: var(--COLOR_primary_100);
}
.wdk-button.t-primarySpecialSkin1 .icon svg {
  fill: var(--COLOR_supportLight_100);
}
.wdk-button.t-primarySpecialSkin1.t-circle .text {
  color: var(--COLOR_supportDark_300);
}
.wdk-button.t-primarySpecialSkin2 {
  background-color: var(--COLOR_supportLight_100);
  color: var(--COLOR_supportDark_100);
}
@media (hover: hover) {
  .wdk-button.t-primarySpecialSkin2:hover, .wdk-button.t-primarySpecialSkin2.hover {
    opacity: 0.7;
  }
}
.wdk-button.t-primarySpecialSkin2:active, .wdk-button.t-primarySpecialSkin2.active {
  opacity: 0.6;
}
.wdk-button.t-primarySpecialSkin2.disabled, .wdk-button.t-primarySpecialSkin2.disabled:hover, .wdk-button.t-primarySpecialSkin2.disabled:active, .wdk-button.t-primarySpecialSkin2.disabled.active, .wdk-button.t-primarySpecialSkin2:disabled, .wdk-button.t-primarySpecialSkin2:disabled:hover, .wdk-button.t-primarySpecialSkin2:disabled:active, .wdk-button.t-primarySpecialSkin2:disabled.active {
  opacity: 0.3;
}
.wdk-button.t-primarySpecialSkin2:focus-visible {
  outline-color: var(--COLOR_primary_100);
}
.wdk-button.t-primarySpecialSkin2 .icon::before {
  background-image: var(--COLOR_gradient_unlock_100_45);
}
.wdk-button.t-primarySpecialSkin2 .text {
  background: var(--COLOR_supportDark_100);
  background-image: var(--COLOR_gradient_unlock_100_45);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wdk-button.t-primarySpecialSkin2.t-circle .text {
  color: var(--COLOR_supportDark_300);
}
.wdk-button.t-outlineSkin1 {
  border-width: 1px;
  border-color: var(--COLOR_supportLight_100);
  color: var(--COLOR_supportLight_100);
  background-color: transparent;
  box-shadow: none;
  font: var(--FONT_default_100);
}
@media (hover: hover) {
  .wdk-button.t-outlineSkin1:hover, .wdk-button.t-outlineSkin1.hover {
    background-color: color-mix(in srgb, var(--COLOR_supportLight_100), transparent 92%);
  }
}
.wdk-button.t-outlineSkin1:active, .wdk-button.t-outlineSkin1.active {
  background-color: color-mix(in srgb, var(--COLOR_supportLight_100), transparent 84%);
}
.wdk-button.t-outlineSkin1.disabled, .wdk-button.t-outlineSkin1.disabled:hover, .wdk-button.t-outlineSkin1.disabled:active, .wdk-button.t-outlineSkin1.disabled.active, .wdk-button.t-outlineSkin1:disabled, .wdk-button.t-outlineSkin1:disabled:hover, .wdk-button.t-outlineSkin1:disabled:active, .wdk-button.t-outlineSkin1:disabled.active {
  opacity: 0.5;
}
.wdk-button.t-outlineSkin1 .icon svg {
  fill: var(--COLOR_supportLight_100);
}
.wdk-button.t-outlineSkin2 {
  border-width: 1px;
  border-color: var(--COLOR_supportDark_080);
  color: var(--COLOR_supportDark_100);
  background-color: transparent;
  box-shadow: none;
  font: var(--FONT_default_100);
}
@media (hover: hover) {
  .wdk-button.t-outlineSkin2:hover, .wdk-button.t-outlineSkin2.hover {
    background-color: color-mix(in srgb, var(--COLOR_supportDark_100), transparent 92%);
  }
}
.wdk-button.t-outlineSkin2:active, .wdk-button.t-outlineSkin2.active {
  background-color: color-mix(in srgb, var(--COLOR_supportDark_100), transparent 84%);
}
.wdk-button.t-outlineSkin2.disabled, .wdk-button.t-outlineSkin2.disabled:hover, .wdk-button.t-outlineSkin2.disabled:active, .wdk-button.t-outlineSkin2.disabled.active, .wdk-button.t-outlineSkin2:disabled, .wdk-button.t-outlineSkin2:disabled:hover, .wdk-button.t-outlineSkin2:disabled:active, .wdk-button.t-outlineSkin2:disabled.active {
  opacity: 0.5;
}
.wdk-button.t-outlineSkin2 .icon svg {
  fill: var(--COLOR_supportDark_100);
}
.wdk-button.t-outlineSkin3 {
  border-width: 1px;
  border-color: var(--COLOR_primary_100);
  color: var(--COLOR_primary_100);
  background-color: transparent;
  box-shadow: none;
  font: var(--FONT_default_100);
}
@media (hover: hover) {
  .wdk-button.t-outlineSkin3:hover, .wdk-button.t-outlineSkin3.hover {
    background-color: color-mix(in srgb, var(--COLOR_primary_100), transparent 92%);
  }
}
.wdk-button.t-outlineSkin3:active, .wdk-button.t-outlineSkin3.active {
  background-color: color-mix(in srgb, var(--COLOR_primary_100), transparent 84%);
}
.wdk-button.t-outlineSkin3.disabled, .wdk-button.t-outlineSkin3.disabled:hover, .wdk-button.t-outlineSkin3.disabled:active, .wdk-button.t-outlineSkin3.disabled.active, .wdk-button.t-outlineSkin3:disabled, .wdk-button.t-outlineSkin3:disabled:hover, .wdk-button.t-outlineSkin3:disabled:active, .wdk-button.t-outlineSkin3:disabled.active {
  opacity: 0.5;
}
.wdk-button.t-outlineSkin3 .icon svg {
  fill: var(--COLOR_primary_100);
}
.wdk-button.t-outlineSkin4 {
  border-width: 1px;
  border-color: var(--COLOR_decoration_100);
  color: var(--COLOR_decoration_100);
  background-color: transparent;
  box-shadow: none;
  font: var(--FONT_default_100);
}
@media (hover: hover) {
  .wdk-button.t-outlineSkin4:hover, .wdk-button.t-outlineSkin4.hover {
    background-color: color-mix(in srgb, var(--COLOR_decoration_100), transparent 92%);
  }
}
.wdk-button.t-outlineSkin4:active, .wdk-button.t-outlineSkin4.active {
  background-color: color-mix(in srgb, var(--COLOR_decoration_100), transparent 84%);
}
.wdk-button.t-outlineSkin4.disabled, .wdk-button.t-outlineSkin4.disabled:hover, .wdk-button.t-outlineSkin4.disabled:active, .wdk-button.t-outlineSkin4.disabled.active, .wdk-button.t-outlineSkin4:disabled, .wdk-button.t-outlineSkin4:disabled:hover, .wdk-button.t-outlineSkin4:disabled:active, .wdk-button.t-outlineSkin4:disabled.active {
  opacity: 0.5;
}
.wdk-button.t-outlineSkin4 .icon svg {
  fill: var(--COLOR_decoration_100);
}
.wdk-button.t-outlineSkin5 {
  border-width: 1px;
  border-color: var(--COLOR_decoration_200);
  color: var(--COLOR_decoration_200);
  background-color: transparent;
  box-shadow: none;
  font: var(--FONT_default_100);
}
@media (hover: hover) {
  .wdk-button.t-outlineSkin5:hover, .wdk-button.t-outlineSkin5.hover {
    background-color: color-mix(in srgb, var(--COLOR_decoration_200), transparent 92%);
  }
}
.wdk-button.t-outlineSkin5:active, .wdk-button.t-outlineSkin5.active {
  background-color: color-mix(in srgb, var(--COLOR_decoration_200), transparent 84%);
}
.wdk-button.t-outlineSkin5.disabled, .wdk-button.t-outlineSkin5.disabled:hover, .wdk-button.t-outlineSkin5.disabled:active, .wdk-button.t-outlineSkin5.disabled.active, .wdk-button.t-outlineSkin5:disabled, .wdk-button.t-outlineSkin5:disabled:hover, .wdk-button.t-outlineSkin5:disabled:active, .wdk-button.t-outlineSkin5:disabled.active {
  opacity: 0.5;
}
.wdk-button.t-outlineSkin5 .icon svg {
  fill: var(--COLOR_decoration_200);
}
.wdk-button.t-outlineSkin6 {
  border-width: 1px;
  border-color: var(--COLOR_decoration_300);
  color: var(--COLOR_decoration_300);
  background-color: transparent;
  box-shadow: none;
  font: var(--FONT_default_100);
}
@media (hover: hover) {
  .wdk-button.t-outlineSkin6:hover, .wdk-button.t-outlineSkin6.hover {
    background-color: color-mix(in srgb, var(--COLOR_decoration_300), transparent 92%);
  }
}
.wdk-button.t-outlineSkin6:active, .wdk-button.t-outlineSkin6.active {
  background-color: color-mix(in srgb, var(--COLOR_decoration_300), transparent 84%);
}
.wdk-button.t-outlineSkin6.disabled, .wdk-button.t-outlineSkin6.disabled:hover, .wdk-button.t-outlineSkin6.disabled:active, .wdk-button.t-outlineSkin6.disabled.active, .wdk-button.t-outlineSkin6:disabled, .wdk-button.t-outlineSkin6:disabled:hover, .wdk-button.t-outlineSkin6:disabled:active, .wdk-button.t-outlineSkin6:disabled.active {
  opacity: 0.5;
}
.wdk-button.t-outlineSkin6 .icon svg {
  fill: var(--COLOR_decoration_300);
}
.wdk-button.t-plainHighlightSkin1 {
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  color: var(--COLOR_primary_100);
  transition: none;
}
@media (hover: hover) {
  .wdk-button.t-plainHighlightSkin1:hover, .wdk-button.t-plainHighlightSkin1.hover {
    opacity: 0.7;
    text-decoration: underline;
    text-underline-position: under;
  }
}
.wdk-button.t-plainHighlightSkin1.t-size_50, .wdk-button.t-plainHighlightSkin1.t-size_75, .wdk-button.t-plainHighlightSkin1.t-size_200 {
  padding-inline: 0;
}
.wdk-button.t-plainHighlightSkin1:active, .wdk-button.t-plainHighlightSkin1.active {
  opacity: 0.7;
  text-decoration: underline;
  text-underline-position: under;
}
.wdk-button.t-plainHighlightSkin1.disabled, .wdk-button.t-plainHighlightSkin1.disabled:hover, .wdk-button.t-plainHighlightSkin1.disabled:active, .wdk-button.t-plainHighlightSkin1.disabled.active, .wdk-button.t-plainHighlightSkin1:disabled, .wdk-button.t-plainHighlightSkin1:disabled:hover, .wdk-button.t-plainHighlightSkin1:disabled:active, .wdk-button.t-plainHighlightSkin1:disabled.active {
  opacity: 0.4;
}
.wdk-button.t-plainHighlightSkin1 .icon svg {
  fill: var(--COLOR_primary_100);
}
.wdk-button.t-plainHighlightSkin2 {
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  color: var(--COLOR_supportLight_100);
  transition: none;
}
@media (hover: hover) {
  .wdk-button.t-plainHighlightSkin2:hover, .wdk-button.t-plainHighlightSkin2.hover {
    opacity: 0.7;
    text-decoration: underline;
    text-underline-position: under;
  }
}
.wdk-button.t-plainHighlightSkin2.t-size_50, .wdk-button.t-plainHighlightSkin2.t-size_75, .wdk-button.t-plainHighlightSkin2.t-size_200 {
  padding-inline: 0;
}
.wdk-button.t-plainHighlightSkin2:active, .wdk-button.t-plainHighlightSkin2.active {
  opacity: 0.7;
  text-decoration: underline;
  text-underline-position: under;
}
.wdk-button.t-plainHighlightSkin2.disabled, .wdk-button.t-plainHighlightSkin2.disabled:hover, .wdk-button.t-plainHighlightSkin2.disabled:active, .wdk-button.t-plainHighlightSkin2.disabled.active, .wdk-button.t-plainHighlightSkin2:disabled, .wdk-button.t-plainHighlightSkin2:disabled:hover, .wdk-button.t-plainHighlightSkin2:disabled:active, .wdk-button.t-plainHighlightSkin2:disabled.active {
  opacity: 0.4;
}
.wdk-button.t-plainHighlightSkin2 .icon svg {
  fill: var(--COLOR_supportLight_100);
}
.wdk-button.t-plainHighlightSkin3 {
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  color: var(--COLOR_supportDark_100);
  transition: none;
}
@media (hover: hover) {
  .wdk-button.t-plainHighlightSkin3:hover, .wdk-button.t-plainHighlightSkin3.hover {
    opacity: 0.7;
    text-decoration: underline;
    text-underline-position: under;
  }
}
.wdk-button.t-plainHighlightSkin3.t-size_50, .wdk-button.t-plainHighlightSkin3.t-size_75, .wdk-button.t-plainHighlightSkin3.t-size_200 {
  padding-inline: 0;
}
.wdk-button.t-plainHighlightSkin3:active, .wdk-button.t-plainHighlightSkin3.active {
  opacity: 0.7;
  text-decoration: underline;
  text-underline-position: under;
}
.wdk-button.t-plainHighlightSkin3.disabled, .wdk-button.t-plainHighlightSkin3.disabled:hover, .wdk-button.t-plainHighlightSkin3.disabled:active, .wdk-button.t-plainHighlightSkin3.disabled.active, .wdk-button.t-plainHighlightSkin3:disabled, .wdk-button.t-plainHighlightSkin3:disabled:hover, .wdk-button.t-plainHighlightSkin3:disabled:active, .wdk-button.t-plainHighlightSkin3:disabled.active {
  opacity: 0.4;
}
.wdk-button.t-plainHighlightSkin3 .icon svg {
  fill: var(--COLOR_supportDark_100);
}
.wdk-button.t-plainHighlightSkin4 {
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  color: var(--COLOR_supportDark_300);
  transition: none;
}
@media (hover: hover) {
  .wdk-button.t-plainHighlightSkin4:hover, .wdk-button.t-plainHighlightSkin4.hover {
    opacity: 0.7;
    text-decoration: underline;
    text-underline-position: under;
  }
}
.wdk-button.t-plainHighlightSkin4.t-size_50, .wdk-button.t-plainHighlightSkin4.t-size_75, .wdk-button.t-plainHighlightSkin4.t-size_200 {
  padding-inline: 0;
}
.wdk-button.t-plainHighlightSkin4:active, .wdk-button.t-plainHighlightSkin4.active {
  opacity: 0.7;
  text-decoration: underline;
  text-underline-position: under;
}
.wdk-button.t-plainHighlightSkin4.disabled, .wdk-button.t-plainHighlightSkin4.disabled:hover, .wdk-button.t-plainHighlightSkin4.disabled:active, .wdk-button.t-plainHighlightSkin4.disabled.active, .wdk-button.t-plainHighlightSkin4:disabled, .wdk-button.t-plainHighlightSkin4:disabled:hover, .wdk-button.t-plainHighlightSkin4:disabled:active, .wdk-button.t-plainHighlightSkin4:disabled.active {
  opacity: 0.4;
}
.wdk-button.t-plainHighlightSkin4 .icon svg {
  fill: var(--COLOR_supportDark_080);
}
.wdk-button.t-plainDefaultSkin1 {
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  color: var(--COLOR_primary_100);
  transition: none;
  font: var(--FONT_default_100);
}
@media (hover: hover) {
  .wdk-button.t-plainDefaultSkin1:hover, .wdk-button.t-plainDefaultSkin1.hover {
    opacity: 0.7;
    text-decoration: underline;
    text-underline-position: under;
  }
}
.wdk-button.t-plainDefaultSkin1.t-size_50, .wdk-button.t-plainDefaultSkin1.t-size_75, .wdk-button.t-plainDefaultSkin1.t-size_200 {
  padding-inline: 0;
}
.wdk-button.t-plainDefaultSkin1:active, .wdk-button.t-plainDefaultSkin1.active {
  opacity: 0.7;
  text-decoration: underline;
  text-underline-position: under;
}
.wdk-button.t-plainDefaultSkin1.disabled, .wdk-button.t-plainDefaultSkin1.disabled:hover, .wdk-button.t-plainDefaultSkin1.disabled:active, .wdk-button.t-plainDefaultSkin1.disabled.active, .wdk-button.t-plainDefaultSkin1:disabled, .wdk-button.t-plainDefaultSkin1:disabled:hover, .wdk-button.t-plainDefaultSkin1:disabled:active, .wdk-button.t-plainDefaultSkin1:disabled.active {
  opacity: 0.4;
}
.wdk-button.t-plainDefaultSkin1 .icon svg {
  fill: var(--COLOR_primary_100);
}
.wdk-button.t-plainDefaultSkin2 {
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  color: var(--COLOR_supportLight_100);
  transition: none;
  font: var(--FONT_default_100);
}
@media (hover: hover) {
  .wdk-button.t-plainDefaultSkin2:hover, .wdk-button.t-plainDefaultSkin2.hover {
    opacity: 0.7;
    text-decoration: underline;
    text-underline-position: under;
  }
}
.wdk-button.t-plainDefaultSkin2.t-size_50, .wdk-button.t-plainDefaultSkin2.t-size_75, .wdk-button.t-plainDefaultSkin2.t-size_200 {
  padding-inline: 0;
}
.wdk-button.t-plainDefaultSkin2:active, .wdk-button.t-plainDefaultSkin2.active {
  opacity: 0.7;
  text-decoration: underline;
  text-underline-position: under;
}
.wdk-button.t-plainDefaultSkin2.disabled, .wdk-button.t-plainDefaultSkin2.disabled:hover, .wdk-button.t-plainDefaultSkin2.disabled:active, .wdk-button.t-plainDefaultSkin2.disabled.active, .wdk-button.t-plainDefaultSkin2:disabled, .wdk-button.t-plainDefaultSkin2:disabled:hover, .wdk-button.t-plainDefaultSkin2:disabled:active, .wdk-button.t-plainDefaultSkin2:disabled.active {
  opacity: 0.4;
}
.wdk-button.t-plainDefaultSkin2 .icon svg {
  fill: var(--COLOR_supportLight_100);
}
.wdk-button.t-plainDefaultSkin3 {
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  color: var(--COLOR_supportDark_100);
  transition: none;
  font: var(--FONT_default_100);
}
@media (hover: hover) {
  .wdk-button.t-plainDefaultSkin3:hover, .wdk-button.t-plainDefaultSkin3.hover {
    opacity: 0.7;
    text-decoration: underline;
    text-underline-position: under;
  }
}
.wdk-button.t-plainDefaultSkin3.t-size_50, .wdk-button.t-plainDefaultSkin3.t-size_75, .wdk-button.t-plainDefaultSkin3.t-size_200 {
  padding-inline: 0;
}
.wdk-button.t-plainDefaultSkin3:active, .wdk-button.t-plainDefaultSkin3.active {
  opacity: 0.7;
  text-decoration: underline;
  text-underline-position: under;
}
.wdk-button.t-plainDefaultSkin3.disabled, .wdk-button.t-plainDefaultSkin3.disabled:hover, .wdk-button.t-plainDefaultSkin3.disabled:active, .wdk-button.t-plainDefaultSkin3.disabled.active, .wdk-button.t-plainDefaultSkin3:disabled, .wdk-button.t-plainDefaultSkin3:disabled:hover, .wdk-button.t-plainDefaultSkin3:disabled:active, .wdk-button.t-plainDefaultSkin3:disabled.active {
  opacity: 0.4;
}
.wdk-button.t-plainDefaultSkin3 .icon svg {
  fill: var(--COLOR_supportDark_100);
}
.wdk-button.t-plainDefaultSkin4 {
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  color: var(--COLOR_supportDark_300);
  transition: none;
  font: var(--FONT_default_100);
}
@media (hover: hover) {
  .wdk-button.t-plainDefaultSkin4:hover, .wdk-button.t-plainDefaultSkin4.hover {
    opacity: 0.7;
    text-decoration: underline;
    text-underline-position: under;
  }
}
.wdk-button.t-plainDefaultSkin4.t-size_50, .wdk-button.t-plainDefaultSkin4.t-size_75, .wdk-button.t-plainDefaultSkin4.t-size_200 {
  padding-inline: 0;
}
.wdk-button.t-plainDefaultSkin4:active, .wdk-button.t-plainDefaultSkin4.active {
  opacity: 0.7;
  text-decoration: underline;
  text-underline-position: under;
}
.wdk-button.t-plainDefaultSkin4.disabled, .wdk-button.t-plainDefaultSkin4.disabled:hover, .wdk-button.t-plainDefaultSkin4.disabled:active, .wdk-button.t-plainDefaultSkin4.disabled.active, .wdk-button.t-plainDefaultSkin4:disabled, .wdk-button.t-plainDefaultSkin4:disabled:hover, .wdk-button.t-plainDefaultSkin4:disabled:active, .wdk-button.t-plainDefaultSkin4:disabled.active {
  opacity: 0.4;
}
.wdk-button.t-plainDefaultSkin4 .icon svg {
  fill: var(--COLOR_supportDark_080);
}
.wdk-button.t-premiumSkin1 {
  border: none;
  background-image: var(--COLOR_gradient_premium_100_45);
  background-position: 0;
  background-size: cover;
  color: var(--COLOR_supportLight_100);
}
.wdk-button.t-premiumSkin1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 48px;
  border-radius: var(--borderRadius_button);
}
@media (hover: hover) {
  .wdk-button.t-premiumSkin1:hover::before, .wdk-button.t-premiumSkin1.hover::before {
    box-shadow: inset 0 0 0 1000px var(--COLOR_supportLight_050);
  }
}
.wdk-button.t-premiumSkin1:active::before, .wdk-button.t-premiumSkin1.active::before {
  box-shadow: inset 0 0 0 1000px color-mix(in srgb, var(--COLOR_supportDark_100), transparent 80%) !important;
}
.wdk-button.t-premiumSkin1.disabled, .wdk-button.t-premiumSkin1.disabled:hover, .wdk-button.t-premiumSkin1.disabled:active, .wdk-button.t-premiumSkin1.disabled.active, .wdk-button.t-premiumSkin1:disabled, .wdk-button.t-premiumSkin1:disabled:hover, .wdk-button.t-premiumSkin1:disabled:active, .wdk-button.t-premiumSkin1:disabled.active {
  opacity: 0.9;
}
.wdk-button.t-premiumSkin1:focus-visible {
  outline-color: var(--COLOR_premium_100);
}
.wdk-button.t-premiumSkin1.t-size_50::before {
  height: 32px;
}
.wdk-button.t-premiumSkin1.t-size_75::before {
  height: 36px;
}
.wdk-button.t-premiumSkin1.t-size_200::before {
  height: 60px;
}
.wdk-button.t-premiumSkin1 .icon svg {
  fill: var(--COLOR_supportLight_100);
}
.wdk-button.t-premiumSkin1 .text {
  position: relative;
}
.wdk-button.t-premiumSkin2 {
  border: none;
  background-color: var(--COLOR_supportLight_100);
  color: var(--COLOR_supportLight_100);
}
.wdk-button.t-premiumSkin2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 48px;
  border-radius: var(--borderRadius_button);
}
@media (hover: hover) {
  .wdk-button.t-premiumSkin2:hover::before, .wdk-button.t-premiumSkin2.hover::before {
    box-shadow: inset 0 0 0 1000px var(--COLOR_supportLight_050);
  }
}
.wdk-button.t-premiumSkin2:active::before, .wdk-button.t-premiumSkin2.active::before {
  box-shadow: inset 0 0 0 1000px color-mix(in srgb, var(--COLOR_supportDark_100), transparent 80%) !important;
}
.wdk-button.t-premiumSkin2.disabled, .wdk-button.t-premiumSkin2.disabled:hover, .wdk-button.t-premiumSkin2.disabled:active, .wdk-button.t-premiumSkin2.disabled.active, .wdk-button.t-premiumSkin2:disabled, .wdk-button.t-premiumSkin2:disabled:hover, .wdk-button.t-premiumSkin2:disabled:active, .wdk-button.t-premiumSkin2:disabled.active {
  opacity: 0.9;
}
.wdk-button.t-premiumSkin2:focus-visible {
  outline-color: var(--COLOR_premium_100);
}
.wdk-button.t-premiumSkin2.t-size_50::before {
  height: 32px;
}
.wdk-button.t-premiumSkin2.t-size_75::before {
  height: 36px;
}
.wdk-button.t-premiumSkin2.t-size_200::before {
  height: 60px;
}
.wdk-button.t-premiumSkin2 .icon::before {
  background-image: var(--COLOR_gradient_premium_100_45);
  width: 18px;
  height: 18px;
}
.wdk-button.t-premiumSkin2 .icon svg {
  fill: var(--COLOR_offer_200);
}
.wdk-button.t-premiumSkin2 .text {
  position: relative;
  background: var(--COLOR_premium_100);
  background-image: var(--COLOR_gradient_premium_100_45);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wdk-button.t-primarySuccess {
  background-color: var(--COLOR_alertSuccess_100);
  color: var(--COLOR_supportLight_100);
}
@media (hover: hover) {
  .wdk-button.t-primarySuccess:hover, .wdk-button.t-primarySuccess.hover {
    background-color: #3e9429;
  }
}
.wdk-button.t-primarySuccess:active, .wdk-button.t-primarySuccess.active {
  background-color: #156d01;
}
.wdk-button.t-primarySuccess.disabled, .wdk-button.t-primarySuccess.disabled:hover, .wdk-button.t-primarySuccess.disabled:active, .wdk-button.t-primarySuccess.disabled.active, .wdk-button.t-primarySuccess:disabled, .wdk-button.t-primarySuccess:disabled:hover, .wdk-button.t-primarySuccess:disabled:active, .wdk-button.t-primarySuccess:disabled.active {
  opacity: 0.3;
}
.wdk-button.t-primarySuccess:focus-visible {
  outline-color: var(--COLOR_alertSuccess_100);
}
.wdk-button.t-primarySuccess .icon svg {
  fill: var(--COLOR_supportLight_100);
}
.wdk-button.t-primaryAttention {
  background-color: var(--COLOR_alertWarning_100);
  color: var(--COLOR_supportLight_100);
}
@media (hover: hover) {
  .wdk-button.t-primaryAttention:hover, .wdk-button.t-primaryAttention.hover {
    background-color: #f2712a;
  }
}
.wdk-button.t-primaryAttention:active, .wdk-button.t-primaryAttention.active {
  background-color: #cb4903;
}
.wdk-button.t-primaryAttention.disabled, .wdk-button.t-primaryAttention.disabled:hover, .wdk-button.t-primaryAttention.disabled:active, .wdk-button.t-primaryAttention.disabled.active, .wdk-button.t-primaryAttention:disabled, .wdk-button.t-primaryAttention:disabled:hover, .wdk-button.t-primaryAttention:disabled:active, .wdk-button.t-primaryAttention:disabled.active {
  opacity: 0.3;
}
.wdk-button.t-primaryAttention:focus-visible {
  outline-color: var(--COLOR_alertWarning_100);
}
.wdk-button.t-primaryAttention .icon svg {
  fill: var(--COLOR_supportLight_100);
}
.wdk-button.t-primaryError {
  background-color: var(--COLOR_alertError_100);
  color: var(--COLOR_supportLight_100);
}
@media (hover: hover) {
  .wdk-button.t-primaryError:hover, .wdk-button.t-primaryError.hover {
    background-color: #e2293f;
  }
}
.wdk-button.t-primaryError:active, .wdk-button.t-primaryError.active {
  background-color: #bb0018;
}
.wdk-button.t-primaryError.disabled, .wdk-button.t-primaryError.disabled:hover, .wdk-button.t-primaryError.disabled:active, .wdk-button.t-primaryError.disabled.active, .wdk-button.t-primaryError:disabled, .wdk-button.t-primaryError:disabled:hover, .wdk-button.t-primaryError:disabled:active, .wdk-button.t-primaryError:disabled.active {
  opacity: 0.3;
}
.wdk-button.t-primaryError:focus-visible {
  outline-color: var(--COLOR_alertError_100);
}
.wdk-button.t-primaryError .icon svg {
  fill: var(--COLOR_supportLight_100);
}
.wdk-button.t-primaryInfo {
  background-color: var(--COLOR_alertInfo_100);
  color: var(--COLOR_supportLight_100);
}
@media (hover: hover) {
  .wdk-button.t-primaryInfo:hover, .wdk-button.t-primaryInfo.hover {
    background-color: #2a87d2;
  }
}
.wdk-button.t-primaryInfo:active, .wdk-button.t-primaryInfo.active {
  background-color: #025fac;
}
.wdk-button.t-primaryInfo.disabled, .wdk-button.t-primaryInfo.disabled:hover, .wdk-button.t-primaryInfo.disabled:active, .wdk-button.t-primaryInfo.disabled.active, .wdk-button.t-primaryInfo:disabled, .wdk-button.t-primaryInfo:disabled:hover, .wdk-button.t-primaryInfo:disabled:active, .wdk-button.t-primaryInfo:disabled.active {
  opacity: 0.3;
}
.wdk-button.t-primaryInfo:focus-visible {
  outline-color: var(--COLOR_alertInfo_100);
}
.wdk-button.t-primaryInfo .icon svg {
  fill: var(--COLOR_supportLight_100);
}
.wdk-button.t-knightRider {
  width: 100%;
  white-space: normal;
}
.wdk-button.t-knightRider::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJEAAADBCAMAAAD4iKLmAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAkUExURQAAAM7k/9jq/9bp/9Ln/87l/9Pn/9fp/9To/9Hm/8/l/9Dm/37zm1IAAAAMdFJOUwCVCyVUikQXNGR+cuN0eqEAAAI0SURBVHja7ZzJcsMgEAURIEDw//8bLUkk2/KSSgmeSj1Hn6aaGZ7amzHHl7UxurGsESm7dJTGsiodzYhSCiE4lYYWRCF4750UorGhYfBRBVGYOhqGUoq3UohKyTkHKUQ5932fk8hY/3TUdV2JUoi6qZqM03o5Lg2tiMZqcnTby/Ee0TRNg5NC1OdcSrDNN3+LaOxoGFKzRdtFNL7oQ6x8Zm8QeR9CrWeC+83fReTnjpLTQjR1VONxbu9yzI8NLYici9FW3fwHRFNDW0Rj99bWR9S/RHRwR88j9mbz54bqIXJaiOwnl+OKqFJDbxEFEH14OVZftNf5UWXR/ogoVkS0KtrT/FCYoryHiPx4svmh4ljHU+dHFMkPIvZs+SGMqEF+nDJi61+OWWfzBRTNomjkB4pGxKJoKNrF8gNFQ9HIj/+PtQoio5YfFkVD0VA08gNFI2JRtEsomuVTNBQNRSM/UDQUDUVD0VA08gNFQ9FQNBQNRUPRiFjyQ1nR+KIjioaioWjkB4qGoqFoKBqKhqIRsSgaioaioWgoGvmBohGxKBq/ReO3aCgaikZ+fJAflcb6zIpW9/0rFA1FQ9E08sNcNz+CQn4QsRdRNHM8o78pmjm8rNSnaEtFncvxF5OKom0xaSGaKyn8afLd0QUtRFO54V1+mOqVcsv82D86r4Vo3rrSLD9eHN2TiDXtKmQpRMs4td/8h3Hy94hM83JeCtF3sGiM9e0zgRSi5XEuaTU0jXi1jr4A9M/Pk1ODkzQAAAAASUVORK5CYII=") no-repeat -1500% -30px;
  animation: knightrider 6s linear infinite;
}
@keyframes knightrider {
  0% {
    background-position: -1500% -30px;
  }
  60% {
    background-position: 300% -30px;
  }
  100% {
    background-position: 300% -30px;
  }
}
.wdk-button.t-lottieAnimation {
  overflow: visible;
}
.wdk-button.t-lottieAnimation .lottiAnimation {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  transform: translate(-50%, -50%);
  z-index: 20;
}
.wdk-button.t-lottieAnimation .lottiAnimation wdk-lottie-animation {
  width: 56px;
  position: relative;
  top: -14px;
}
.wdk-button.t-lottieAnimation .icon {
  width: 24px;
  height: 24px;
  position: relative;
}
.wdk-button.t-lottieAnimation .icon svg {
  width: 24px;
  height: 24px;
}
.wdk-button.t-lottieAnimation.t-size_200 .icon {
  width: 32px;
  height: 32px;
}
.wdk-button.t-lottieAnimation.t-size_200 .icon svg {
  width: 32px;
  height: 32px;
}
.wdk-button.t-size_50 {
  height: 32px;
  padding: 0 14px;
  font: var(--FONT_highlight_75);
  font-weight: 500;
}
.wdk-button.t-size_50::after {
  margin-top: -10px;
  height: 48px;
}
.wdk-button.t-size_50 .icon svg,
.wdk-button.t-size_50 .icon img {
  width: 12px;
  height: 12px;
}
.wdk-button.t-size_75 {
  height: 36px;
  padding: 0 16px;
  font: var(--FONT_highlight_75);
  font-weight: 500;
}
.wdk-button.t-size_75::after {
  margin-top: -8px;
  height: 48px;
}
.wdk-button.t-size_75 .icon svg,
.wdk-button.t-size_75 .icon img {
  width: 14px;
  height: 14px;
}
.wdk-button.t-size_200 {
  height: 56px;
  padding: 0 24px;
}
.wdk-button.t-size_200::after {
  display: none;
}
.wdk-button.t-circle {
  width: 48px;
  height: 48px;
  padding: 0;
  border-radius: var(--borderRadius_circle);
}
.wdk-button.t-circle.t-size_50 {
  width: 32px;
  height: 32px;
}
.wdk-button.t-circle.t-size_50::after {
  height: 48px;
  width: 48px;
  margin-top: -10px;
  margin-left: -10px;
}
.wdk-button.t-circle.t-size_50 .icon svg,
.wdk-button.t-circle.t-size_50 .icon img {
  width: 20px;
  height: 20px;
}
.wdk-button.t-circle.t-size_75 {
  width: 36px;
  height: 36px;
}
.wdk-button.t-circle.t-size_75::after {
  height: 48px;
  width: 48px;
  margin-top: -8px;
  margin-left: -8px;
}
.wdk-button.t-circle.t-size_75 .icon svg,
.wdk-button.t-circle.t-size_75 .icon img {
  width: 20px;
  height: 20px;
}
.wdk-button.t-circle.t-size_200 {
  width: 60px;
  height: 60px;
}
.wdk-button.t-circle.t-size_200::after {
  display: none;
}
.wdk-button.t-circle.t-size_200 .icon svg,
.wdk-button.t-circle.t-size_200 .icon img {
  width: 36px;
  height: 36px;
}
.wdk-button.t-circle.is-loading .icon {
  opacity: 0;
}
.wdk-button.t-circle.is-loading .text {
  opacity: 1;
}
.wdk-button.t-circle .icon {
  margin: 0;
}
.wdk-button.t-circle .icon svg,
.wdk-button.t-circle .icon img {
  width: 24px;
  height: 24px;
}
.wdk-button.t-circle .text {
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  width: 158%;
  margin: 5px 0 0 -79%;
  white-space: normal;
  text-align: center;
  font: var(--FONT_default_50);
}

body .wdk-styledHintBox {
  position: relative;
  margin-top: 8px;
  padding: 9px 6px;
  color: var(--COLOR_supportLight_100);
  font: var(--FONT_default_75);
  text-align: left;
  flex-shrink: 0;
  border-radius: var(--borderRadius_75);
}
body .wdk-styledHintBox .wdk-icon {
  position: absolute;
  left: 8px;
  top: 50%;
  margin-top: -16px;
  padding-right: 8px;
  fill: var(--COLOR_supportLight_100);
  width: 32px;
  height: 32px;
}
body .wdk-styledHintBox .wdk-icon + .textWrapper {
  padding-left: 39px;
}
body .wdk-styledHintBox.t-error, body .wdk-styledHintBox.t-error2 {
  margin-top: 0;
  max-height: 0;
  padding: 0;
  background-color: var(--COLOR_alertError_200);
  color: var(--COLOR_alertError_100);
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.2s linear, opacity 0.2s linear, border 0.2s linear;
  border-width: 0 2px;
}
body .wdk-styledHintBox.t-error .wdk-icon, body .wdk-styledHintBox.t-error2 .wdk-icon {
  opacity: 0;
  transition: max-height 0.2s linear, opacity 0.1s linear;
  fill: var(--COLOR_alertError_100);
}
body .wdk-styledHintBox.t-error a, body .wdk-styledHintBox.t-error2 a {
  color: var(--COLOR_alertError_100) !important;
}
body .wdk-styledHintBox.t-error2 {
  background-color: var(--COLOR_alertError_200);
  color: var(--COLOR_alertError_100);
}
body .wdk-styledHintBox.t-error2 .wdk-icon {
  fill: var(--COLOR_alertError_100);
}
body .wdk-styledHintBox.t-errorForm {
  display: none;
  width: 100%;
  margin-top: 0;
  padding: 0;
  font: var(--FONT_default_75);
  color: var(--COLOR_alertError_100);
}
body .wdk-styledHintBox.t-errorForm.is-visible {
  padding: 4px 0;
  display: block;
}
body .wdk-styledHintBox a {
  text-decoration: underline;
  color: var(--COLOR_supportLight_100) !important;
}
.no-touchevents body .wdk-styledHintBox a:hover {
  text-decoration: none;
  color: inherit;
}
body .wdk-styledHintBox .ariaLabel {
  display: none;
}

/*
 - unterschiedlich zum bisherigen - für komplexere Forumlare benötigen wir eine genauere Steuerung über ".is-visible"
*/
.wdk-styledHintBox.t-error.is-visible,
.wdk-styledHintBox.t-error2.is-visible {
  margin-top: 8px;
  max-height: 210px;
  font: var(--FONT_default_75);
  opacity: 1;
  padding: 9px 6px;
}
.wdk-styledHintBox.t-error.is-visible .wdk-icon,
.wdk-styledHintBox.t-error2.is-visible .wdk-icon {
  opacity: 1;
}
.wdk-styledHintBox.t-error.is-visible .wdk-icon + .textWrapper,
.wdk-styledHintBox.t-error2.is-visible .wdk-icon + .textWrapper {
  padding-left: 39px;
}

@keyframes spinning-wheel {
  to {
    transform: rotate(360deg);
  }
}
.wdk-loadingSpinner {
  display: block;
  width: 22px;
  height: 22px;
  background-image: url("../../img/spinningwheel.svg");
  background-repeat: no-repeat;
  background-size: 22px 22px;
  transform-origin: center center;
}
.is-loading.wdk-loadingSpinner {
  animation: spinning-wheel 1s steps(12, end) infinite;
}
.t-white.wdk-loadingSpinner {
  background-image: url("../../img/spinningwheel_white.svg");
}
.t-size200.wdk-loadingSpinner {
  width: 32px;
  height: 32px;
  background-size: 32px 32px;
}

/* Loading Animation in u.a. Par-Buttons, eigene Buttons oder TabNavi ... - mit drei Punkte nebeinander */
.wdk_loadingIndicator {
  position: relative;
}
.wdk_loadingIndicator.is-loading .text {
  opacity: 0;
}
.wdk_loadingIndicator.is-loading .icon {
  opacity: 0;
}
.wdk_loadingIndicator.is-loading .loader {
  opacity: 1;
}
.wdk_loadingIndicator.is-loading .loader.trippleDot {
  animation: trippleDots 1s ease-in-out 0.6s infinite;
}
.wdk_loadingIndicator.is-loading .loader.trippleDot::before {
  animation: trippleDots 1s ease-in-out 0.3s infinite;
}
.wdk_loadingIndicator.is-loading .loader.trippleDot::after {
  animation: trippleDots 1s ease-in-out 0s infinite;
}
.wdk_loadingIndicator.is-loading .loader.trippleDot.t-dark {
  animation: trippleDotsDark 1s ease-in-out 0.6s infinite;
}
.wdk_loadingIndicator.is-loading .loader.trippleDot.t-dark::before {
  animation: trippleDotsDark 1s ease-in-out 0.3s infinite;
}
.wdk_loadingIndicator.is-loading .loader.trippleDot.t-dark::after {
  animation: trippleDotsDark 1s ease-in-out 0s infinite;
}
.wdk_loadingIndicator .text {
  display: inline-block;
  transition: opacity 0.25s;
}
.wdk_loadingIndicator .icon {
  display: inline-flex;
  transition: opacity 0.25s;
}
.wdk_loadingIndicator .loader {
  display: block;
  /* bottom: 50%;
  margin-bottom: -4px; */
  opacity: 0;
  transition: opacity 0.25s;
}
.wdk_loadingIndicator .trippleDot {
  position: absolute;
  width: 6px;
  height: 6px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* margin-left: -4px; */
  background-color: var(--COLOR_supportLight_070);
  border-radius: var(--borderRadius_circle);
}
.wdk_loadingIndicator .trippleDot::before {
  content: "";
  position: absolute;
  left: -10px;
  height: 6px;
  width: 6px;
  border-radius: var(--borderRadius_circle);
  background-color: var(--COLOR_supportLight_070);
}
.wdk_loadingIndicator .trippleDot::after {
  content: "";
  position: absolute;
  left: 10px;
  height: 6px;
  width: 6px;
  border-radius: var(--borderRadius_circle);
  background-color: var(--COLOR_supportLight_100);
}
.wdk_loadingIndicator .trippleDot.t-dark {
  background-color: var(--COLOR_supportDark_070);
}
.wdk_loadingIndicator .trippleDot.t-dark::before {
  background-color: var(--COLOR_supportDark_070);
}
.wdk_loadingIndicator .trippleDot.t-dark::after {
  background-color: var(--COLOR_supportDark_070);
}

@keyframes trippleDots {
  0% {
    background-color: var(--COLOR_supportLight_070);
  }
  25% {
    background-color: var(--COLOR_supportLight_070);
  }
  50% {
    background-color: var(--COLOR_supportLight_070);
  }
  75% {
    background-color: var(--COLOR_supportLight_100);
  }
  100% {
    background-color: var(--COLOR_supportLight_070);
  }
}
@keyframes trippleDotsDark {
  0% {
    background-color: var(--COLOR_supportDark_070);
  }
  25% {
    background-color: var(--COLOR_supportDark_070);
  }
  50% {
    background-color: var(--COLOR_supportDark_070);
  }
  75% {
    background-color: var(--COLOR_supportDark_100);
  }
  100% {
    background-color: var(--COLOR_supportDark_070);
  }
}
body.prefillPictureUpload a {
  color: var(--COLOR_defaultText2);
}
body.prefillPictureUpload article {
  margin-bottom: 48px;
}
body.prefillPictureUpload .row .column.subhead {
  margin: 0;
}
body.prefillPictureUpload .row .column.subhead h2 {
  position: relative;
  margin: 0;
  color: var(--COLOR_supportDark_300);
  font: var(--FONT_default_100);
}
body.prefillPictureUpload .row .column.half {
  width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  float: none;
}
@media only screen and (min-width: 601px) {
  body.prefillPictureUpload .row .column.half {
    width: 75% !important;
  }
}
body.prefillPictureUpload #uploadPictureRow {
  margin-top: 24px;
}
@media only screen and (min-width: 768px) {
  body.prefillPictureUpload #uploadPictureRow {
    margin-top: 48px;
  }
}
body.prefillPictureUpload #uploadPictureRow .wdk-icon.illu_camera {
  width: 104px;
  height: 104px;
  margin: 20px 0 28px;
}
body.prefillPictureUpload #content footer {
  text-align: center;
  padding-bottom: 20px;
}
body.prefillPictureUpload #errorBox_filesizeExceeded,
body.prefillPictureUpload #errorBox_wrongFiletype,
body.prefillPictureUpload #errorBox_imageToSmall {
  margin: 0;
}
body.prefillPictureUpload #errorBox_filesizeExceeded.is-visible,
body.prefillPictureUpload #errorBox_wrongFiletype.is-visible,
body.prefillPictureUpload #errorBox_imageToSmall.is-visible {
  margin-bottom: 20px;
}

body#prefillPictureReminder .row {
  text-align: center;
}
@media only screen and (max-width: 601px) {
  body#prefillPictureReminder .row .reminderPhoto {
    width: 90%;
  }
}

#prefillAboutMe #aboutMeForm article {
  margin-bottom: 0;
}
#prefillAboutMe .profileQuestion {
  counter-increment: profileQuestions;
}
@media only screen and (min-width: 768px) {
  #prefillAboutMe .profileQuestion {
    margin-bottom: 40px;
  }
}
#prefillAboutMe .profileQuestion::before {
  display: none;
}
@media only screen and (min-width: 768px) {
  #prefillAboutMe .profileQuestion::before {
    display: block;
    position: absolute;
    top: -1px;
    left: 40px;
    z-index: 1;
    width: 40px;
    height: 40px;
    padding: 5px 2px 0 0;
    background-color: var(--COLOR_supportDark_300);
    content: counter(profileQuestions);
    color: var(--COLOR_supportDark_500);
    text-align: center;
    font: var(--FONT_default_300);
    line-height: 1;
    font-style: italic;
    border-radius: var(--borderRadius_circle);
    letter-spacing: 2px;
  }
}
#prefillAboutMe .profileQuestion .column {
  padding-left: 0;
}
#prefillAboutMe .profileQuestion .column.active .wdk-form-text {
  display: block;
}
#prefillAboutMe .profileQuestion ul.selection {
  margin-top: 0;
}
#prefillAboutMe .profileQuestion ul.selection li {
  padding: 8px 10px;
}
#prefillAboutMe .profileQuestion ul.selection li[data-value="-1"] {
  color: var(--COLOR_supportDark_400);
}
#prefillAboutMe .profileQuestion .wdk-form-text {
  display: none;
}
#prefillAboutMe #generalErrorAndSubmit {
  padding-top: 28px;
  padding-bottom: 28px;
}
#prefillAboutMe #generalErrorAndSubmit #errorBox_general.is-visible {
  margin: 0 0 28px 0;
}
#prefillAboutMe #generalErrorAndSubmit .wdk-button#submitAboutMe {
  height: auto;
  min-height: 44px;
  padding: 8px 16px;
}
#prefillAboutMe #generalErrorAndSubmit .wdk-button#submitAboutMe .text {
  white-space: normal;
}
#prefillAboutMe h1 .wdk-icon {
  margin-right: 8px;
}
@media only screen and (min-width: 768px) {
  #prefillAboutMe h1 .wdk-icon {
    position: absolute;
    width: 48px;
    height: 48px;
    top: 50%;
    margin: -28px 0 0 0;
    left: 29px;
  }
}
#prefillAboutMe .row {
  padding: 0 16px;
}
@media only screen and (min-width: 768px) {
  #prefillAboutMe .row {
    padding: 0 50px 0 100px;
  }
}
#prefillAboutMe.isWebAPI #generalErrorAndSubmit {
  padding-top: 0;
  padding-bottom: 120px;
}

#uncomfirmedDoubleOptIn {
  /* background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../../img/full_page_bg_mobile.svg);

  @include mediaMinWidth($BREAKPOINT_M) {
  	background-image: url(../../img/full_page_bg_desktop.svg);
  } */
}
#uncomfirmedDoubleOptIn #pageWrapper {
  padding-top: 0;
}
@media only screen and (min-width: 768px) {
  #uncomfirmedDoubleOptIn #pageWrapper {
    padding-top: 65px;
  }
}
#uncomfirmedDoubleOptIn #pageWrapper #header {
  display: none;
}
#uncomfirmedDoubleOptIn #pageWrapper section {
  overflow: hidden;
  background-color: var(--COLOR_supportLight_100);
  box-shadow: none;
  padding-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  #uncomfirmedDoubleOptIn #pageWrapper section {
    box-shadow: 0 8px 8px 0 var(--COLOR_supportDark_080);
    padding-bottom: 0;
  }
}
#uncomfirmedDoubleOptIn article {
  font: var(--FONT_default_100);
}
#uncomfirmedDoubleOptIn article header {
  border-top: 0;
}
#uncomfirmedDoubleOptIn article header h1 {
  text-align: center;
}
#uncomfirmedDoubleOptIn article .emailSend {
  margin: 10px 0;
  position: relative;
  padding-left: 50px;
}
#uncomfirmedDoubleOptIn article .emailSend::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-image: url("../../img/icon_message.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
}
#uncomfirmedDoubleOptIn article .clickLinkInEmailHint {
  border: 2px solid;
  background-color: var(--COLOR_supportLight_100);
  text-align: center;
  border-radius: var(--borderRadius_75);
  margin: 35px 0 0 0;
  padding: 20px;
  border-color: var(--COLOR_alertInfo_100);
  font: var(--FONT_default_75);
  color: var(--COLOR_alertInfo_100);
}
@media only screen and (min-width: 768px) {
  #uncomfirmedDoubleOptIn article .clickLinkInEmailHint {
    font: var(--FONT_highlight_100);
  }
}
#uncomfirmedDoubleOptIn article #sniperLink {
  margin: 40px 0 20px;
  text-align: center;
}
#uncomfirmedDoubleOptIn article #sniperLink .wdk-button {
  line-height: 1;
}
#uncomfirmedDoubleOptIn article #sniperLink .wdk-button .icon img {
  width: 24px;
  height: 24px;
}
#uncomfirmedDoubleOptIn article #helpAccordeon {
  margin-top: 25px;
  padding: 0 10px;
}
@media only screen and (min-width: 768px) {
  #uncomfirmedDoubleOptIn article #helpAccordeon {
    margin-top: 35px;
    padding: 0;
  }
}
#uncomfirmedDoubleOptIn article #helpAccordeon header h2::before,
#uncomfirmedDoubleOptIn article #helpAccordeon .helpSection h3::before {
  position: absolute;
  top: 15px;
  left: -4px;
}
@media only screen and (min-width: 768px) {
  #uncomfirmedDoubleOptIn article #helpAccordeon header h2::before,
  #uncomfirmedDoubleOptIn article #helpAccordeon .helpSection h3::before {
    top: 19px;
  }
}
#uncomfirmedDoubleOptIn article #helpAccordeon header h2 {
  position: relative;
  margin-top: 15px;
  margin-bottom: 15px;
  font: var(--FONT_highlight_100);
  padding: 0 10px 0 30px;
}
@media only screen and (min-width: 768px) {
  #uncomfirmedDoubleOptIn article #helpAccordeon header h2 {
    padding-left: 50px;
  }
}
#uncomfirmedDoubleOptIn article #helpAccordeon header h2::before {
  top: 0;
  content: "";
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  display: inline-block;
  color: inherit;
  background-color: currentcolor;
  -webkit-mask-image: url(../../img/icons/single_color/icon_lifebelt.svg);
          mask-image: url(../../img/icons/single_color/icon_lifebelt.svg);
  vertical-align: -3px;
}
#uncomfirmedDoubleOptIn article #helpAccordeon .helpSections {
  max-width: 640px;
  margin: 0 auto;
  border: 1px solid var(--COLOR_supportDark_070);
  border-radius: var(--borderRadius_75);
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  #uncomfirmedDoubleOptIn article #helpAccordeon .helpSections {
    border: none;
    border-radius: 0;
    max-width: none;
  }
}
#uncomfirmedDoubleOptIn article #helpAccordeon .helpSection {
  border-top: 1px solid var(--COLOR_supportDark_070);
  background-color: var(--COLOR_supportDark_050);
  transition: background-color 400ms linear;
}
@media only screen and (min-width: 768px) {
  #uncomfirmedDoubleOptIn article #helpAccordeon .helpSection:last-child {
    border-top: 1px solid var(--COLOR_supportDark_070);
  }
}
#uncomfirmedDoubleOptIn article #helpAccordeon .helpSection:last-child .helpSectionContent {
  margin-bottom: 20px;
}
#uncomfirmedDoubleOptIn article #helpAccordeon .helpSection.active {
  background-color: var(--COLOR_supportDark_040);
}
#uncomfirmedDoubleOptIn article #helpAccordeon .helpSection.active h3::before {
  color: var(--COLOR_defaultText);
  transform: rotate(90deg);
}
#uncomfirmedDoubleOptIn article #helpAccordeon .helpSection h3,
#uncomfirmedDoubleOptIn article #helpAccordeon .helpSection .helpSectionContent {
  position: relative;
  padding-left: 30px;
  padding-bottom: 20px;
}
#uncomfirmedDoubleOptIn article #helpAccordeon .helpSection h3 {
  margin-top: 0;
  margin-bottom: 0;
  cursor: pointer;
  font: var(--FONT_default_100);
  padding-top: 20px;
  padding-bottom: 20px;
}
#uncomfirmedDoubleOptIn article #helpAccordeon .helpSection h3::before {
  content: "";
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  display: inline-block;
  color: inherit;
  background-color: currentcolor;
  -webkit-mask-image: url(../../img/icons/single_color/icon_arrow_right_light.svg);
          mask-image: url(../../img/icons/single_color/icon_arrow_right_light.svg);
  vertical-align: -3px;
  transition: all 400ms linear;
}
#uncomfirmedDoubleOptIn article #helpAccordeon .helpSection h3:focus-visible {
  outline-offset: -8px;
}
.no-touchevents #uncomfirmedDoubleOptIn article #helpAccordeon .helpSection h3:hover {
  background-color: var(--COLOR_supportDark_040);
}
.no-touchevents #uncomfirmedDoubleOptIn article #helpAccordeon .helpSection h3:hover::before {
  color: var(--COLOR_defaultText);
}
#uncomfirmedDoubleOptIn article #helpAccordeon .helpSection .helpSectionContent {
  display: none;
  color: var(--COLOR_supportDark_300);
}
#uncomfirmedDoubleOptIn article #helpAccordeon .helpSection .helpSectionContent p {
  margin: 0 0 20px 0;
  font: var(--FONT_default_75);
}
#uncomfirmedDoubleOptIn article #helpAccordeon .helpSection .helpSectionContent strong {
  font-weight: 600;
  color: var(--COLOR_defaultText);
}
#uncomfirmedDoubleOptIn article #helpAccordeon .helpSection .helpSectionContent a {
  color: var(--COLOR_primary_100);
  text-decoration: none;
}
.no-touchevents #uncomfirmedDoubleOptIn article #helpAccordeon .helpSection .helpSectionContent a:hover {
  text-decoration: underline;
}
#uncomfirmedDoubleOptIn article #helpAccordeon .helpSection#resendEmail .helpSectionContent .spamFolderHint {
  padding: 20px;
  border: 2px solid var(--COLOR_alertWarning_100);
  background-color: var(--COLOR_supportLight_100);
  text-align: center;
  color: var(--COLOR_supportDark_100);
  border-radius: var(--borderRadius_75);
}
#uncomfirmedDoubleOptIn article #helpAccordeon .helpSection#resendEmail .helpSectionContent .buttonRow {
  text-align: center;
}
#uncomfirmedDoubleOptIn article #helpAccordeon .helpSection#resendEmail .helpSectionContent button {
  width: auto;
}
#uncomfirmedDoubleOptIn article #helpAccordeon .helpSection#changeEmailAddress #changeEmailForm {
  text-align: right;
}

#confirmDoubleOptInError #pageWrapper section article .textRow p {
  text-align: left;
}
#confirmDoubleOptInError #pageWrapper section article .textRow a {
  color: var(--COLOR_supportLight_100);
  text-decoration: underline;
}
#confirmDoubleOptInError #pageWrapper section article .textRow a:hover {
  text-decoration: none;
}

body.doubleOpInConfirmPages {
  background-color: var(--COLOR_primary_100);
}
body.doubleOpInConfirmPages #pageWrapper {
  padding-bottom: 0;
  overflow: visible;
}
body.doubleOpInConfirmPages #pageWrapper section {
  width: 100%;
  background-color: transparent !important;
}
body.doubleOpInConfirmPages #pageWrapper section article {
  display: table;
  width: 100%;
  margin-bottom: 0;
  height: calc(100vh - 130px);
}
@media only screen and (min-width: 601px) {
  body.doubleOpInConfirmPages #pageWrapper section article {
    height: calc(100vh - 96px);
  }
}
body.doubleOpInConfirmPages #pageWrapper section article > header {
  margin-bottom: 0;
  padding-top: 0;
  text-align: center;
  border: 0 none;
  background-color: transparent;
}
body.doubleOpInConfirmPages #pageWrapper section article > header::after, body.doubleOpInConfirmPages #pageWrapper section article > header::before {
  display: none;
  border: 0 none;
}
body.doubleOpInConfirmPages #pageWrapper section article > header .brandLogo {
  max-width: 80%;
  width: auto;
  display: block;
  height: 53px;
  margin: 30px auto;
}
@media only screen and (min-width: 768px) {
  body.doubleOpInConfirmPages #pageWrapper section article > header .brandLogo {
    max-width: none;
  }
}
body.doubleOpInConfirmPages #pageWrapper section article .tableRow {
  display: table-row;
}
body.doubleOpInConfirmPages #pageWrapper section article .tableRow .tableCell {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
}
@media only screen and (min-width: 768px) {
  body.doubleOpInConfirmPages #pageWrapper section article .tableRow .tableCell {
    padding: 0;
  }
}
body.doubleOpInConfirmPages #pageWrapper section article .pageIcon {
  display: block;
  margin-bottom: 10px;
  text-align: center;
  color: var(--COLOR_supportLight_100);
}
body.doubleOpInConfirmPages #pageWrapper section article .pageIcon::before {
  width: 65px;
  height: 65px;
}
@media only screen and (min-width: 768px) {
  body.doubleOpInConfirmPages #pageWrapper section article .pageIcon::before {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
  }
}
body.doubleOpInConfirmPages #pageWrapper section article h1 {
  display: block;
  margin-top: 10px;
  padding: 0;
  color: var(--COLOR_supportLight_100);
  font: var(--FONT_default_300);
  text-align: center;
}
@media only screen and (min-width: 768px) {
  body.doubleOpInConfirmPages #pageWrapper section article h1 {
    margin: 0;
    font: var(--FONT_default_400);
  }
}
body.doubleOpInConfirmPages #pageWrapper section article h1 .wdk-icon.icon_warning {
  width: 82px;
  height: 82px;
  fill: var(--COLOR_supportLight_100);
}
body.doubleOpInConfirmPages #pageWrapper section article p {
  margin-top: 15px;
  padding: 0;
  color: var(--COLOR_supportLight_100);
  font: var(--FONT_default_100);
  text-align: center;
}
body.doubleOpInConfirmPages #pageWrapper section article ul {
  padding: 0;
  margin: 30px 0 0 0;
  color: var(--COLOR_supportLight_100);
  font: var(--FONT_default_100);
}
body.doubleOpInConfirmPages #pageWrapper section article ul li {
  position: relative;
  list-style-type: none;
  text-align: left;
  padding: 0 0 20px 40px;
}
body.doubleOpInConfirmPages #pageWrapper section article ul li::before {
  content: "";
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  display: inline-block;
  color: inherit;
  background-color: currentcolor;
  -webkit-mask-image: url(../../img/icons/single_color/icon_check_circle_filled.svg);
          mask-image: url(../../img/icons/single_color/icon_check_circle_filled.svg);
  vertical-align: -3px;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 9px;
  padding-right: 11px;
  color: var(--COLOR_supportLight_100);
}
body.doubleOpInConfirmPages #pageWrapper section article .submitRow a {
  margin: 0 0 45px 0;
}

/* $BREAKPOINT_S: 320px;
$BREAKPOINT_M: 481px;
$BREAKPOINT_L: 768px;
$BREAKPOINT_XL: 980px; */
body {
  min-height: 100vh;
  /*
  Für die Story SCRUM-23859 haben wir die Seiten stärker von einander getrennt.
  (Sowohl PS+EH von EP, als auch Quextionnaire Seiten von Nicht-Questionnaire Seiten)
  Alles was nicht Questionnaire ist wollen wir möglichst wenig anfassen, daher diese schräge Lösung.
  TODO Bessere Struktur finden, wenn die anderen Seiten auch umgebaut werden.
  */
}
body.questionnairePages {
  color: var(--COLOR_defaultText);
  font: var(--FONT_default_100);
  background-color: var(--COLOR_primary_100);
}
body.questionnairePages .waitForJs {
  visibility: hidden;
}
body:not([class*=questionnairePages]) {
  color: var(--COLOR_defaultText);
  font: var(--FONT_default_100);
  margin: 0;
}
@media only screen and (min-width: 768px) {
  body:not([class*=questionnairePages]) {
    background-color: var(--COLOR_primary_100);
  }
}
body:not([class*=questionnairePages]) #header {
  display: none;
}
@media only screen and (min-width: 768px) {
  body:not([class*=questionnairePages]) #header {
    display: block;
    padding: 21px 0;
  }
}
body:not([class*=questionnairePages]) #header .brandLogo,
body:not([class*=questionnairePages]) #header .brandLogo img {
  display: block;
  margin: 0 auto;
  height: 30px;
}
body:not([class*=questionnairePages]) .submitRow {
  width: 100%;
  margin-bottom: 20px;
  flex: 0 1 auto;
  text-align: center;
}
@media only screen and (min-width: 601px) {
  body:not([class*=questionnairePages]) .submitRow {
    text-align: right;
  }
}
@media only screen and (min-width: 768px) {
  body:not([class*=questionnairePages]) .submitRow {
    flex: 0 1 50%;
    margin-top: 32px;
  }
}
body:not([class*=questionnairePages]) .submitRow .next {
  pointer-events: initial !important;
}
body:not([class*=questionnairePages]) .submitRow .wdk-button {
  width: 100%;
}
@media only screen and (min-width: 601px) {
  body:not([class*=questionnairePages]) .submitRow .wdk-button {
    width: auto;
  }
}
body:not([class*=questionnairePages]) .submitRow.error #errorBox_general {
  margin-top: 0;
  margin-bottom: 30px;
}
body:not([class*=questionnairePages]) #pageWrapper {
  position: relative;
}
body:not([class*=questionnairePages]) #pageWrapper section {
  border-radius: 0;
  max-width: 100%;
  background-color: var(--COLOR_supportLight_100);
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  body:not([class*=questionnairePages]) #pageWrapper section {
    max-width: 720px;
  }
}
body:not([class*=questionnairePages]) .row {
  position: relative;
  max-width: 640px;
  width: 100%;
  padding: 0 12px;
  margin: 0 auto;
}
body:not([class*=questionnairePages]) .row::after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (min-width: 768px) {
  body:not([class*=questionnairePages]) .row {
    padding: 0 50px;
    max-width: none;
  }
}
body:not([class*=questionnairePages]) .row .column {
  position: relative;
  float: left;
  margin: 0 auto;
  width: 100%;
}
body:not([class*=questionnairePages]) .row .column.quarter {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 768px) {
  body:not([class*=questionnairePages]) .row .column.quarter {
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
body:not([class*=questionnairePages]) .row .column.quarter:first-child {
  padding-left: 0;
}
body:not([class*=questionnairePages]) .row .column.quarter:last-child {
  padding-right: 0;
}
body:not([class*=questionnairePages]) .row .column.half {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 768px) {
  body:not([class*=questionnairePages]) .row .column.half {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
body:not([class*=questionnairePages]) .row .column.half:first-child {
  padding-left: 0;
}
body:not([class*=questionnairePages]) .row .column.half:nth-child(2) {
  padding-right: 0;
}
body:not([class*=questionnairePages]) article {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  body:not([class*=questionnairePages]) article {
    margin-bottom: 40px;
  }
}
body:not([class*=questionnairePages]) article > header {
  position: relative;
  background-color: var(--COLOR_primary_100);
  margin-bottom: 24px;
  padding: 20px 0;
}
@media only screen and (min-width: 768px) {
  body:not([class*=questionnairePages]) article > header {
    background-color: var(--COLOR_supportLight_100);
    padding: 30px 0;
    margin-bottom: 0;
  }
}
body:not([class*=questionnairePages]) article > header h1 {
  margin-top: 0;
  font: var(--FONT_highlight_100);
  color: var(--COLOR_supportLight_100);
}
@media only screen and (min-width: 768px) {
  body:not([class*=questionnairePages]) article > header h1 {
    color: var(--COLOR_defaultText);
  }
}
body:not([class*=questionnairePages]) article > header h1.row {
  padding: 0 16px;
}
@media only screen and (min-width: 768px) {
  body:not([class*=questionnairePages]) article > header h1.row {
    padding: 0 50px;
  }
}
body:not([class*=questionnairePages]) article > header h1::before {
  float: left;
  margin: 0;
  margin-top: -2px;
  padding-right: 7px;
  font-size: 40px;
  color: var(--COLOR_supportDark_300);
}
@media only screen and (min-width: 768px) {
  body:not([class*=questionnairePages]) article > header h1::before {
    font-size: 50px;
  }
}
body:not([class*=questionnairePages]) article > header h1.warning::before {
  color: var(--COLOR_alertWarning_100);
}
body:not([class*=questionnairePages]) article .inputDescription {
  margin: 5px 0 0 0;
  color: var(--COLOR_supportDark_400);
  font: var(--FONT_default_75);
}

body.isQuestionnaireRebrushEnabled.questionnairePages {
  background-color: var(--COLOR_primary_100);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
body.isQuestionnaireRebrushEnabled.questionnairePages #pageWrapper {
  color: var(--COLOR_supportLight_100);
}
.submitRow body.isQuestionnaireRebrushEnabled.questionnairePages:not(#questionnaireCheckpoint) {
  width: 100%;
  margin-bottom: 124px;
  text-align: center;
  flex: 0 1 auto;
}
@media only screen and (min-width: 601px) {
  .submitRow body.isQuestionnaireRebrushEnabled.questionnairePages:not(#questionnaireCheckpoint) {
    flex: 0 1 50%;
  }
}
.submitRow body.isQuestionnaireRebrushEnabled.questionnairePages:not(#questionnaireCheckpoint) .next {
  pointer-events: initial !important;
}
.submitRow body.isQuestionnaireRebrushEnabled.questionnairePages:not(#questionnaireCheckpoint).error #errorBox_general {
  margin-top: 0;
  margin-bottom: 30px;
}
body.isQuestionnaireRebrushEnabled.questionnairePages #header {
  display: none;
}
@media only screen and (min-width: 601px) {
  body.isQuestionnaireRebrushEnabled.questionnairePages #header {
    display: block;
    padding: 21px 0;
  }
}
body.isQuestionnaireRebrushEnabled.questionnairePages #header .brandLogo,
body.isQuestionnaireRebrushEnabled.questionnairePages #header .brandLogo img {
  display: block;
  margin: 0 auto;
  height: 30px;
}
body.isQuestionnaireRebrushEnabled.questionnairePages main {
  margin: 0 24px;
}
body.isQuestionnaireRebrushEnabled.questionnairePages .ExitCountriesError .tableCell {
  text-align: center;
}
body.isQuestionnaireRebrushEnabled.questionnairePages .ExitCountriesError .wdk-icon.icon_warning {
  width: 82px;
  height: 82px;
  fill: var(--COLOR_supportLight_100);
}
@media (max-width: 600px) {
  body.isQuestionnaireRebrushEnabled.questionnairePages .has-pageAnimation {
    opacity: 0;
    transition: opacity 0.3s ease-out;
  }
  body.isQuestionnaireRebrushEnabled.questionnairePages .has-pageAnimation.enterPage {
    opacity: 1;
  }
}
@media (max-width: 600px) {
  body.isQuestionnaireRebrushEnabled.questionnairePages .has-imageAnimation header {
    opacity: 0;
    transition: opacity 2s;
  }
  body.isQuestionnaireRebrushEnabled.questionnairePages .has-imageAnimation .answerWrapper {
    opacity: 0;
    transition: opacity 1s ease-out;
  }
  body.isQuestionnaireRebrushEnabled.questionnairePages .has-imageAnimation.enterImages header {
    opacity: 1;
  }
  body.isQuestionnaireRebrushEnabled.questionnairePages .has-imageAnimation.enterImages .answerWrapper:nth-child(1) {
    transition-delay: 0.1s;
    opacity: 1;
  }
  body.isQuestionnaireRebrushEnabled.questionnairePages .has-imageAnimation.enterImages .answerWrapper:nth-child(2) {
    transition-delay: 0.05s;
    opacity: 1;
  }
  body.isQuestionnaireRebrushEnabled.questionnairePages .has-imageAnimation.enterImages .answerWrapper:nth-child(3) {
    opacity: 1;
  }
}
body.isQuestionnaireRebrushEnabled#questionnaireContinue #pageWrapper, body.isQuestionnaireRebrushEnabled#questionnaireIntro #pageWrapper {
  padding-bottom: 0;
  overflow: hidden;
}
body.isQuestionnaireRebrushEnabled#questionnaireContinue #pageWrapper #content, body.isQuestionnaireRebrushEnabled#questionnaireIntro #pageWrapper #content {
  display: flex;
}
body.isQuestionnaireRebrushEnabled#questionnaireContinue #pageWrapper section, body.isQuestionnaireRebrushEnabled#questionnaireIntro #pageWrapper section {
  width: 100%;
}
body.isQuestionnaireRebrushEnabled#questionnaireContinue #pageWrapper section article, body.isQuestionnaireRebrushEnabled#questionnaireIntro #pageWrapper section article {
  max-width: 600px;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
body.isQuestionnaireRebrushEnabled#questionnaireContinue #pageWrapper section article #pageHeader, body.isQuestionnaireRebrushEnabled#questionnaireIntro #pageWrapper section article #pageHeader {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 135px;
}
body.isQuestionnaireRebrushEnabled#questionnaireContinue #pageWrapper section article #pageHeader .brandLogo, body.isQuestionnaireRebrushEnabled#questionnaireIntro #pageWrapper section article #pageHeader .brandLogo {
  height: 33px;
  width: auto;
}
body.isQuestionnaireRebrushEnabled#questionnaireContinue #pageWrapper section article .mainContent, body.isQuestionnaireRebrushEnabled#questionnaireIntro #pageWrapper section article .mainContent {
  color: var(--COLOR_supportLight_100);
  font: var(--FONT_highlight_100);
  flex-grow: 1;
}
body.isQuestionnaireRebrushEnabled#questionnaireContinue #pageWrapper section article .mainContent h1, body.isQuestionnaireRebrushEnabled#questionnaireIntro #pageWrapper section article .mainContent h1 {
  margin: 32px 0;
  text-align: center;
  font: var(--FONT_highlight_400);
}
body.isQuestionnaireRebrushEnabled#questionnaireContinue #pageWrapper section article .mainContent .textContainer p, body.isQuestionnaireRebrushEnabled#questionnaireIntro #pageWrapper section article .mainContent .textContainer p {
  padding: 0;
}
body.isQuestionnaireRebrushEnabled#questionnaireContinue #pageWrapper section article .mainContent .submitRow, body.isQuestionnaireRebrushEnabled#questionnaireIntro #pageWrapper section article .mainContent .submitRow {
  margin: 32px 0 64px;
  display: flex;
  justify-content: center;
}
body.isQuestionnaireRebrushEnabled#questionnaireIntro #pageWrapper section #page1 {
  opacity: 1;
}
body.isQuestionnaireRebrushEnabled#questionnaireIntro #pageWrapper section #page1 .mainContent {
  width: calc(100% + 48px);
  position: relative;
  left: -24px;
  padding: 0 24px;
  font: var(--FONT_default_100);
  background-color: var(--COLOR_supportLight_100);
  color: var(--COLOR_defaultText);
}
@media only screen and (min-width: 768px) {
  body.isQuestionnaireRebrushEnabled#questionnaireIntro #pageWrapper section #page1 .mainContent {
    flex-grow: 0.7;
  }
}
body.isQuestionnaireRebrushEnabled#questionnaireIntro #pageWrapper section #page1 .mainContent h1 {
  color: var(--COLOR_primary_100);
}
body.isQuestionnaireRebrushEnabled#questionnaireIntro #pageWrapper section #page1 .mainContent .submitRow {
  text-align: center;
}
body.isQuestionnaireRebrushEnabled#questionnaireIntro #pageWrapper section #page2 {
  display: none;
  opacity: 0;
}
body.isQuestionnaireRebrushEnabled#questionnaireIntro #pageWrapper section #page2 .textContainer h3 {
  font: var(--FONT_highlight_200);
  margin: 0;
}
body.isQuestionnaireRebrushEnabled#questionnaireIntro #pageWrapper section #page2 .textContainer p {
  font: var(--FONT_default_100);
  margin: 0 0 32px 0;
}
body.isQuestionnaireRebrushEnabled#questionnaireIntro.showPage2 #pageWrapper section #page1 {
  display: flex;
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
body.isQuestionnaireRebrushEnabled#questionnaireIntro.showPage2 #pageWrapper section #page1.fadeOutContent {
  display: none;
}
body.isQuestionnaireRebrushEnabled#questionnaireIntro.showPage2 #pageWrapper section #page2.fadeInContent {
  display: flex;
  opacity: 1;
  transition: opacity 0.5s ease-out;
}
@keyframes fadeOutHealthyDating {
  0% {
    opacity: 1;
    height: 100%;
    transform-origin: bottom;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    height: 0;
  }
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion {
  /**
  * hier alles für das Renderng der Frage+
  */
  /**
  * Styles für das allgemeine Aussehen der Frage-Antworten & Fragen-Bild
  */
  /**
  * Fragen-Rendering & Fragetyp-Unterschiedungen
  */
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion #progressBar {
  display: block;
  position: relative;
  margin: 4px;
  height: 8px;
  width: calc(100% - 8px);
  border-radius: 8px;
  background-color: var(--COLOR_supportDark_080);
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion #progressBar i {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  transition: width 0.3s 0.2s ease-in, border-radius 0.3s 0.2s ease-in;
  background-color: var(--COLOR_decoration_300);
  border-radius: 8px;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion #header {
  display: none;
}
@media only screen and (min-width: 601px) {
  body.isQuestionnaireRebrushEnabled#questionnaireQuestion #header {
    display: block;
    padding: 42px 0;
  }
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion section {
  max-width: 660px;
  margin: 0 auto;
  min-height: calc(100vh - 61px);
}
@media only screen and (min-width: 601px) {
  body.isQuestionnaireRebrushEnabled#questionnaireQuestion section {
    min-height: auto;
  }
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion form {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 61px);
}
@media only screen and (min-width: 601px) {
  body.isQuestionnaireRebrushEnabled#questionnaireQuestion form {
    min-height: auto;
  }
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion form article {
  flex: 1 0 auto;
}
@media only screen and (min-width: 601px) {
  body.isQuestionnaireRebrushEnabled#questionnaireQuestion form article {
    flex: none;
  }
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion form footer {
  flex: 0 1 auto;
  margin-bottom: 32px;
}
@media only screen and (min-width: 601px) {
  body.isQuestionnaireRebrushEnabled#questionnaireQuestion form footer {
    flex: none;
  }
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article {
  margin-bottom: 32px;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article > header {
  padding: 0;
  border-top: 0;
  border-bottom: 0;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article > header h1 {
  font: var(--FONT_highlight_200);
  margin: 0;
  padding-top: 24px;
  padding-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  body.isQuestionnaireRebrushEnabled#questionnaireQuestion article > header h1 {
    font: var(--FONT_default_300);
  }
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article > header h1 p {
  margin: 0;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article > header h1 strong,
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article > header h1 span {
  font: inherit;
  display: inline-block;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article > header h1 .introtext {
  font: var(--FONT_default_100);
  margin-bottom: 20px;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article > header .hintAndErrors .fillOutHint {
  display: block;
  margin: 4px 0 12px 0;
  padding: 8px 20px;
  font: var(--FONT_highlight_100);
  color: var(--COLOR_alertSuccess_100);
  background-color: var(--COLOR_alertSuccess_200);
  border-radius: var(--borderRadius_75);
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article > header .hintAndErrors .fillOutError {
  display: none;
  padding: 8px 20px;
  margin: 4px 0 12px 0;
  font: var(--FONT_highlight_75);
  color: var(--COLOR_alertError_100);
  background-color: var(--COLOR_alertError_200);
  border-radius: var(--borderRadius_75);
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article > header .hintAndErrors .fillOutError.is-visible {
  display: block;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article > header .hintAndErrors.is-fixed {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  padding: 0;
  margin: 0;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article > header .hintAndErrors.is-fixed * {
  border-radius: 0;
  margin: 0;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article > header .hintAndErrors.is-fixed.visible {
  display: block;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article > header .hintAndErrors.is-fixed .fillOutHint {
  margin-top: 0;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article .column {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article .column.imageForQuestion {
  margin-bottom: 32px;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article .column.imageForQuestion .imageQuestionWrapper {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  background-color: #599fc5;
  border: 5px solid #599fc5;
  border-radius: 5px;
}
@media only screen and (min-width: 601px) {
  body.isQuestionnaireRebrushEnabled#questionnaireQuestion article .column.imageForQuestion .imageQuestionWrapper {
    width: 390px;
  }
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article .column.imageForQuestion .imageQuestionWrapper img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article .answerWrapper {
  list-style: none;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article .answerWrapper label {
  display: block;
  width: 100%;
  margin: 0;
  padding: 17px 20px;
  font: var(--FONT_default_100);
  word-wrap: break-word;
  color: var(--COLOR_supportLight_100);
  background-color: var(--COLOR_supportLight_040);
  border-radius: var(--borderRadius_75);
  cursor: pointer;
}
.no-touchevents body.isQuestionnaireRebrushEnabled#questionnaireQuestion article .answerWrapper label:hover {
  background-color: var(--COLOR_supportLight_070);
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article .answerWrapper label:active {
  color: var(--COLOR_supportLight_100) !important;
  background-color: var(--COLOR_supportDark_080) !important;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article .answerWrapper .answerHint {
  margin: 4px 0 8px 0;
  border-radius: var(--borderRadius_75);
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article .answerWrapper input {
  position: absolute;
  opacity: 0;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article .answerWrapper input:focus-visible + label {
  outline: 2px dashed currentcolor;
  outline-offset: 2px;
  outline-offset: -4px;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article .answerWrapper input:checked + label {
  color: var(--COLOR_defaultText);
  background-color: var(--COLOR_supportLight_100);
}
.no-touchevents body.isQuestionnaireRebrushEnabled#questionnaireQuestion article .answerWrapper input:checked + label:hover {
  color: var(--COLOR_defaultText);
  background-color: var(--COLOR_supportLight_100);
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article .answerWrapper input:active + label {
  color: var(--COLOR_defaultText);
  background-color: var(--COLOR_supportLight_100);
}
.no-touchevents body.isQuestionnaireRebrushEnabled#questionnaireQuestion article .answerWrapper input:active + label:hover {
  color: var(--COLOR_defaultText);
  background-color: var(--COLOR_supportLight_100);
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article .answerWrapper.is-disabled label {
  pointer-events: none;
  color: var(--COLOR_supportLight_070);
  cursor: default;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article {
  /* ############################# */
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_simple_image_choice {
  padding-bottom: 24px;
}
@keyframes selectImage {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.75);
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_simple_image_choice label {
  border-radius: 8px;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_simple_image_choice label::before {
  content: "";
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  display: inline-block;
  color: inherit;
  background-color: currentcolor;
  -webkit-mask-image: url(../../img/icons/single_color/icon_check.svg);
          mask-image: url(../../img/icons/single_color/icon_check.svg);
  vertical-align: -3px;
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
  transition: opacity 0.8s 0.2s;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_simple_image_choice label::after {
  content: "";
  position: absolute;
  opacity: 0;
  transition: opacity 0.8s 0.2s;
  width: 0;
  height: 0;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_simple_image_choice label:active {
  background-color: var(--COLOR_supportLight_040) !important;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_simple_image_choice.willSubmit input:checked + label {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: selectImage 0.5s forwards;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_simple_image_choice.willSubmit input:checked + label::before {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -18px 0 0 -18px;
  border-radius: 100%;
  background-color: var(--COLOR_supportLight_100);
  z-index: 2;
  opacity: 0.9;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_simple_image_choice.willSubmit input:checked + label::after {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 50%;
  left: 50%;
  margin: -23px 0 0 -23px;
  border-radius: 100%;
  background-color: var(--COLOR_alertSuccess_100);
  box-shadow: 0 0 18px 0 var(--COLOR_supportDark_070);
  z-index: 1;
  opacity: 0.9;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_simple_image_choice .column {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
}
@media only screen and (min-width: 601px) {
  body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_simple_image_choice .column {
    flex-direction: row;
    width: calc(100% + 20px);
    margin: 0 -10px;
  }
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_simple_image_choice .column .answerWrapper {
  padding: 0;
  margin: 0 42px 20px 42px;
}
@media only screen and (min-width: 601px) {
  body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_simple_image_choice .column .answerWrapper {
    padding: 0 10px;
    margin: 0 0 20px 0;
  }
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_simple_image_choice .column .answerWrapper label {
  padding: 0;
  background: none;
  box-shadow: none;
  background-color: var(--COLOR_supportLight_040);
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_simple_image_choice .column .answerWrapper label img {
  width: 100%;
  pointer-events: none;
  display: block;
}
@media only screen and (min-width: 601px) {
  body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_simple_image_choice .column .answerWrapper label img {
    max-width: 320px;
  }
}
.no-touchevents body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_simple_image_choice .column .answerWrapper label:hover {
  background-color: var(--COLOR_supportLight_050);
  border-radius: 8px;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_simple_image_choice ~ footer {
  display: none;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_multi_column_checkbox .column, body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_multi_column_checkbox_with_exclusion_option .column {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_multi_column_checkbox .column .answerWrapper label, body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_multi_column_checkbox_with_exclusion_option .column .answerWrapper label {
  padding: 17px 20px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 601px) {
  body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_multi_column_checkbox .column .answerWrapper label, body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_multi_column_checkbox_with_exclusion_option .column .answerWrapper label {
    padding: 8px 20px;
    min-height: 60px;
  }
}
@media only screen and (min-width: 768px) {
  body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_multi_column_checkbox .column .answerWrapper label, body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_multi_column_checkbox_with_exclusion_option .column .answerWrapper label {
    padding: 17px 20px;
    min-height: initial;
  }
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_multi_column_checkbox .column .answerWrapper label.forTextField, body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_multi_column_checkbox_with_exclusion_option .column .answerWrapper label.forTextField {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0 8px 0 0;
  background: none;
  box-shadow: none;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_multi_column_checkbox .column .answerWrapper input[type=text], body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_multi_column_checkbox_with_exclusion_option .column .answerWrapper input[type=text] {
  display: inline-block;
  position: static;
  opacity: 1;
  height: 56px;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_multi_column_checkbox .column .answerWrapper.is-disabled input[type=text], body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.type_multi_column_checkbox_with_exclusion_option .column .answerWrapper.is-disabled input[type=text] {
  background-color: var(--COLOR_supportDark_040);
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.is-houseOrFlowerImageQuestion.type_simple_image_choice .column .answerWrapper label {
  background-color: var(--COLOR_supportDark_050);
  border: 5px solid var(--COLOR_supportDark_050);
  border-radius: 5px;
}
.no-touchevents body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.is-houseOrFlowerImageQuestion.type_simple_image_choice .column .answerWrapper label:hover {
  border-color: var(--COLOR_supportDark_040);
  background-color: var(--COLOR_supportDark_040);
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.is-houseOrFlowerImageQuestion.type_simple_image_choice .column .answerWrapper label:active {
  border-color: var(--COLOR_supportDark_050) !important;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion article.is-houseOrFlowerImageQuestion.type_simple_image_choice .column .answerWrapper label img {
  border-radius: 5px;
  min-height: 120px;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion .submitRow {
  display: flex;
  justify-content: flex-end;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion .submitRow .next {
  pointer-events: initial !important;
}
body.isQuestionnaireRebrushEnabled#questionnaireQuestion.isWebAPI .submitRow {
  margin-bottom: 124px;
}

body:not(.isQuestionnaireRebrushEnabled).questionnairePages {
  background-color: var(--COLOR_primary_100);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 600px) {
  body:not(.isQuestionnaireRebrushEnabled).questionnairePages#questionnaireQuestion .has-pageAnimation {
    transform: translateX(110%);
    transition: transform 0.5s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  body:not(.isQuestionnaireRebrushEnabled).questionnairePages#questionnaireQuestion .has-pageAnimation.enterPage {
    transform: translateX(0);
  }
}
@media (max-width: 600px) {
  body:not(.isQuestionnaireRebrushEnabled).questionnairePages#questionnaireQuestion .has-imageAnimation header {
    opacity: 0;
    transition: opacity 2s;
  }
  body:not(.isQuestionnaireRebrushEnabled).questionnairePages#questionnaireQuestion .has-imageAnimation .answerWrapper {
    transform: translateX(140%);
    transition: transform 1.5s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  body:not(.isQuestionnaireRebrushEnabled).questionnairePages#questionnaireQuestion .has-imageAnimation.enterImages header {
    opacity: 1;
  }
  body:not(.isQuestionnaireRebrushEnabled).questionnairePages#questionnaireQuestion .has-imageAnimation.enterImages .answerWrapper:nth-child(1) {
    transition-delay: 0.1s;
    transform: translateX(0);
  }
  body:not(.isQuestionnaireRebrushEnabled).questionnairePages#questionnaireQuestion .has-imageAnimation.enterImages .answerWrapper:nth-child(2) {
    transition-delay: 0.05s;
    transform: translateX(0);
  }
  body:not(.isQuestionnaireRebrushEnabled).questionnairePages#questionnaireQuestion .has-imageAnimation.enterImages .answerWrapper:nth-child(3) {
    transform: translateX(0);
  }
}
@media (max-width: 600px) {
  body:not(.isQuestionnaireRebrushEnabled).questionnairePages#questionnaireIntro #content, body:not(.isQuestionnaireRebrushEnabled).questionnairePages#questionnaireCheckpoint #content {
    transform: translateX(110%);
    transition: transform 0.5s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
  body:not(.isQuestionnaireRebrushEnabled).questionnairePages#questionnaireIntro #content.enterPage, body:not(.isQuestionnaireRebrushEnabled).questionnairePages#questionnaireCheckpoint #content.enterPage {
    transform: translateX(0);
  }
}
body:not(.isQuestionnaireRebrushEnabled).questionnairePages #pageWrapper {
  color: var(--COLOR_supportLight_100);
}
body:not(.isQuestionnaireRebrushEnabled).questionnairePages .submitRow {
  width: 100%;
  margin-bottom: 124px;
  text-align: center;
  flex: 0 1 auto;
}
@media only screen and (min-width: 601px) {
  body:not(.isQuestionnaireRebrushEnabled).questionnairePages .submitRow {
    flex: 0 1 50%;
  }
}
body:not(.isQuestionnaireRebrushEnabled).questionnairePages .submitRow .next {
  pointer-events: initial !important;
}
body:not(.isQuestionnaireRebrushEnabled).questionnairePages .submitRow.error #errorBox_general {
  margin-top: 0;
  margin-bottom: 30px;
}
body:not(.isQuestionnaireRebrushEnabled).questionnairePages #header {
  display: none;
}
@media only screen and (min-width: 601px) {
  body:not(.isQuestionnaireRebrushEnabled).questionnairePages #header {
    display: block;
    padding: 21px 0;
  }
}
body:not(.isQuestionnaireRebrushEnabled).questionnairePages #header .brandLogo,
body:not(.isQuestionnaireRebrushEnabled).questionnairePages #header .brandLogo img {
  display: block;
  margin: 0 auto;
  height: 30px;
}
body:not(.isQuestionnaireRebrushEnabled).questionnairePages main {
  margin: 0 16px;
}
body:not(.isQuestionnaireRebrushEnabled).questionnairePages .ExitCountriesError .tableCell {
  text-align: center;
}
body:not(.isQuestionnaireRebrushEnabled).questionnairePages .ExitCountriesError .wdk-icon.icon_warning {
  width: 82px;
  height: 82px;
  fill: var(--COLOR_supportLight_100);
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro #pageWrapper section #page2,
body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro #pageWrapper section #page3 {
  display: none;
}
@media (max-width: 600px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro #pageWrapper section #page2 .mainContent,
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro #pageWrapper section #page3 .mainContent {
    transform: translateX(120%);
    transition: transform 0.5s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  }
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro.showPage2 #pageWrapper section #page1 {
  display: none;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro.showPage2 #pageWrapper section #page2 {
  display: flex;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro.showPage2 #pageWrapper section #page2 .mainContent {
  transform: translateX(0);
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro.showPage3 #pageWrapper section #page1,
body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro.showPage3 #pageWrapper section #page2 {
  display: none;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro.showPage3 #pageWrapper section #page3 {
  display: flex;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro.showPage3 #pageWrapper section #page3 .mainContent {
  transform: translateX(0);
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro #pageWrapper, body:not(.isQuestionnaireRebrushEnabled)#questionnaireContinue #pageWrapper, body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper {
  padding-bottom: 0;
  overflow: hidden;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro #pageWrapper section, body:not(.isQuestionnaireRebrushEnabled)#questionnaireContinue #pageWrapper section, body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section {
  width: 100%;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro #pageWrapper section article, body:not(.isQuestionnaireRebrushEnabled)#questionnaireContinue #pageWrapper section article, body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section article {
  max-width: 600px;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro #pageWrapper section article > header, body:not(.isQuestionnaireRebrushEnabled)#questionnaireContinue #pageWrapper section article > header, body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section article > header {
  margin-bottom: 0;
  padding-top: 0;
  text-align: center;
  border: 0 none;
  background-color: transparent;
  flex: 1 0 auto;
}
@media only screen and (min-width: 601px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro #pageWrapper section article > header, body:not(.isQuestionnaireRebrushEnabled)#questionnaireContinue #pageWrapper section article > header, body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section article > header {
    flex: 0 1 50%;
  }
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro #pageWrapper section article > header::after, body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro #pageWrapper section article > header::before, body:not(.isQuestionnaireRebrushEnabled)#questionnaireContinue #pageWrapper section article > header::after, body:not(.isQuestionnaireRebrushEnabled)#questionnaireContinue #pageWrapper section article > header::before, body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section article > header::after, body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section article > header::before {
  display: none;
  border: 0 none;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro #pageWrapper section article > header .brandLogo, body:not(.isQuestionnaireRebrushEnabled)#questionnaireContinue #pageWrapper section article > header .brandLogo, body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section article > header .brandLogo {
  display: block;
  height: 33px;
  width: auto;
  margin: 30px auto;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro #pageWrapper section article .mainContent, body:not(.isQuestionnaireRebrushEnabled)#questionnaireContinue #pageWrapper section article .mainContent, body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section article .mainContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 50vh;
  flex: 1 0 50%;
}
@media only screen and (min-width: 601px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro #pageWrapper section article .mainContent, body:not(.isQuestionnaireRebrushEnabled)#questionnaireContinue #pageWrapper section article .mainContent, body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section article .mainContent {
    flex: 0 0 auto;
    min-height: 40vh;
  }
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro #pageWrapper section article h1, body:not(.isQuestionnaireRebrushEnabled)#questionnaireContinue #pageWrapper section article h1, body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section article h1 {
  margin: 0;
  padding: 0;
  font: var(--FONT_highlight_200);
  text-align: center;
}
@media only screen and (min-width: 601px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro #pageWrapper section article h1, body:not(.isQuestionnaireRebrushEnabled)#questionnaireContinue #pageWrapper section article h1, body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section article h1 {
    font: var(--FONT_highlight_300);
  }
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro #pageWrapper section article h1 span, body:not(.isQuestionnaireRebrushEnabled)#questionnaireContinue #pageWrapper section article h1 span, body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section article h1 span {
  display: block;
  margin-top: 8px;
  font: var(--FONT_default_400);
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro #pageWrapper section article p, body:not(.isQuestionnaireRebrushEnabled)#questionnaireContinue #pageWrapper section article p, body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section article p {
  margin-top: 15px;
  padding: 0;
  color: var(--COLOR_supportLight_100);
  font: var(--FONT_default_100);
  text-align: center;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro #pageWrapper section article ul, body:not(.isQuestionnaireRebrushEnabled)#questionnaireContinue #pageWrapper section article ul, body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section article ul {
  padding: 0;
  margin: 30px 0 0 0;
  color: var(--COLOR_supportLight_100);
  font: var(--FONT_default_100);
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro #pageWrapper section article ul li, body:not(.isQuestionnaireRebrushEnabled)#questionnaireContinue #pageWrapper section article ul li, body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section article ul li {
  position: relative;
  list-style-type: none;
  text-align: left;
  padding: 0 0 20px 40px;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro #pageWrapper section article ul li::before, body:not(.isQuestionnaireRebrushEnabled)#questionnaireContinue #pageWrapper section article ul li::before, body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section article ul li::before {
  content: "";
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  display: inline-block;
  color: inherit;
  background-color: currentcolor;
  -webkit-mask-image: url(../../img/icons/single_color/icon_check_circle_filled.svg);
          mask-image: url(../../img/icons/single_color/icon_check_circle_filled.svg);
  vertical-align: -3px;
  position: absolute;
  left: 9px;
  padding-right: 11px;
  color: var(--COLOR_supportLight_100);
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro #pageWrapper section article .submitRow, body:not(.isQuestionnaireRebrushEnabled)#questionnaireContinue #pageWrapper section article .submitRow, body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section article .submitRow {
  margin-top: 40px;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro #pageWrapper section article .submitRow .wdk-button, body:not(.isQuestionnaireRebrushEnabled)#questionnaireContinue #pageWrapper section article .submitRow .wdk-button, body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section article .submitRow .wdk-button {
  width: 100%;
}
@media only screen and (min-width: 601px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireIntro #pageWrapper section article .submitRow .wdk-button, body:not(.isQuestionnaireRebrushEnabled)#questionnaireContinue #pageWrapper section article .submitRow .wdk-button, body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section article .submitRow .wdk-button {
    width: auto;
    min-width: 50%;
  }
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion {
  /**
  * hier alles für das Renderng der Frage
  */
  /**
  * Styles für das allgemeine Aussehen der Frage-Antworten & Fragen-Bild
  */
  /**
  * Fragen-Rendering & Fragetyp-Unterschiedungen
  */
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion #progressBar {
  display: block;
  position: relative;
  margin: 4px;
  height: 8px;
  width: calc(100% - 8px);
  border-radius: 8px;
  background-color: var(--COLOR_supportDark_080);
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion #progressBar i {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  transition: width 0.3s 0.2s ease-in, border-radius 0.3s 0.2s ease-in;
  background-color: var(--COLOR_decoration_300);
  border-radius: 8px;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion #header {
  display: none;
}
@media only screen and (min-width: 601px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion #header {
    display: block;
    padding: 42px 0;
  }
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion section {
  max-width: 660px;
  margin: 0 auto;
  min-height: 100vh;
}
@media only screen and (min-width: 601px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion section {
    min-height: auto;
  }
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion form {
  display: flex;
  flex-direction: column;
  min-height: 96vh;
}
@media only screen and (min-width: 601px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion form {
    min-height: auto;
  }
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion form article {
  flex: 1 0 auto;
}
@media only screen and (min-width: 601px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion form article {
    flex: none;
  }
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion form footer {
  flex: 0 1 auto;
}
@media only screen and (min-width: 601px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion form footer {
    flex: none;
  }
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article {
  margin-bottom: 32px;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article > header {
  padding: 0;
  border-top: 0;
  border-bottom: 0;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article > header h1 {
  font: var(--FONT_default_200);
  margin: 0;
  padding-top: 24px;
  padding-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article > header h1 {
    font: var(--FONT_default_300);
  }
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article > header h1 p {
  margin: 0;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article > header h1 strong,
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article > header h1 span {
  font: inherit;
  display: inline-block;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article > header h1 .introtext {
  font: var(--FONT_default_100);
  margin-bottom: 20px;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article > header .hintAndErrors .fillOutHint {
  display: block;
  margin: 4px 0 12px 0;
  padding: 8px 20px;
  font: var(--FONT_highlight_100);
  color: var(--COLOR_alertSuccess_100);
  background-color: var(--COLOR_alertSuccess_200);
  border-radius: 4px;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article > header .hintAndErrors .fillOutError {
  display: none;
  padding: 8px 20px;
  margin: 4px 0 12px 0;
  font: var(--FONT_highlight_75);
  color: var(--COLOR_alertError_100);
  background-color: var(--COLOR_alertError_200);
  border-radius: 4px;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article > header .hintAndErrors .fillOutError.is-visible {
  display: block;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article > header .hintAndErrors.is-fixed {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  padding: 0;
  margin: 0;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article > header .hintAndErrors.is-fixed * {
  border-radius: 0;
  margin: 0;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article > header .hintAndErrors.is-fixed.visible {
  display: block;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article > header .hintAndErrors.is-fixed .fillOutHint {
  margin-top: 0;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article .column {
  padding: 0;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article .column.imageForQuestion {
  margin-bottom: 32px;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article .column.imageForQuestion .imageQuestionWrapper {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  background-color: #599fc5;
  border: 5px solid #599fc5;
  border-radius: 5px;
}
@media only screen and (min-width: 601px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article .column.imageForQuestion .imageQuestionWrapper {
    width: 390px;
  }
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article .column.imageForQuestion .imageQuestionWrapper img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article .answerWrapper {
  margin-bottom: 12px;
  list-style: none;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article .answerWrapper label {
  display: block;
  width: 100%;
  margin: 0;
  padding: 17px 20px;
  font: var(--FONT_default_100);
  word-wrap: break-word;
  color: var(--COLOR_supportLight_100);
  background-color: var(--COLOR_supportLight_040);
  border-radius: 4px;
  cursor: pointer;
}
.no-touchevents body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article .answerWrapper label:hover {
  background-color: var(--COLOR_supportLight_050);
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article .answerWrapper label:active {
  color: var(--COLOR_supportLight_100);
  background-color: var(--COLOR_supportDark_050) !important;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article .answerWrapper .answerHint {
  margin: 4px 0 8px 0;
  border-radius: 4px;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article .answerWrapper input {
  position: absolute;
  opacity: 0;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article .answerWrapper input:focus-visible + label {
  outline: 2px dashed currentcolor;
  outline-offset: 2px;
  outline-offset: -4px;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article .answerWrapper input:checked + label {
  color: var(--COLOR_defaultText);
  background-color: var(--COLOR_supportLight_100);
}
.no-touchevents body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article .answerWrapper input:checked + label:hover {
  color: var(--COLOR_defaultText);
  background-color: var(--COLOR_supportLight_100);
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article .answerWrapper input:active + label {
  color: var(--COLOR_defaultText);
  background-color: var(--COLOR_supportLight_100);
}
.no-touchevents body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article .answerWrapper input:active + label:hover {
  color: var(--COLOR_defaultText);
  background-color: var(--COLOR_supportLight_100);
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article .answerWrapper.is-disabled label {
  pointer-events: none;
  color: var(--COLOR_supportLight_070);
  cursor: default;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article {
  /* ############################# */
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_simple_image_choice {
  padding-bottom: 24px;
}
@keyframes selectImage {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.75);
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_simple_image_choice label {
  border-radius: 8px;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_simple_image_choice label::before {
  content: "";
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
          mask-size: cover;
  display: inline-block;
  color: inherit;
  background-color: currentcolor;
  -webkit-mask-image: url(../../img/icons/single_color/icon_check.svg);
          mask-image: url(../../img/icons/single_color/icon_check.svg);
  vertical-align: -3px;
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
  transition: opacity 0.8s 0.2s;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_simple_image_choice label::after {
  content: "";
  position: absolute;
  opacity: 0;
  transition: opacity 0.8s 0.2s;
  width: 0;
  height: 0;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_simple_image_choice label:active {
  background-color: var(--COLOR_supportLight_040) !important;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_simple_image_choice.willSubmit input:checked + label {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: selectImage 0.5s forwards;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_simple_image_choice.willSubmit input:checked + label::before {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -18px 0 0 -18px;
  border-radius: var(--borderRadius_circle);
  background-color: var(--COLOR_supportLight_100);
  z-index: 2;
  opacity: 0.9;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_simple_image_choice.willSubmit input:checked + label::after {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 50%;
  left: 50%;
  margin: -23px 0 0 -23px;
  border-radius: var(--borderRadius_circle);
  background-color: var(--COLOR_alertSuccess_100);
  box-shadow: 0 0 18px 0 var(--COLOR_supportDark_070);
  z-index: 1;
  opacity: 0.9;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_simple_image_choice .column {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
}
@media only screen and (min-width: 601px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_simple_image_choice .column {
    flex-direction: row;
    width: calc(100% + 20px);
    margin: 0 -10px;
  }
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_simple_image_choice .column .answerWrapper {
  padding: 0;
  margin: 0 42px 20px 42px;
}
@media only screen and (min-width: 601px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_simple_image_choice .column .answerWrapper {
    padding: 0 10px;
    margin: 0 0 20px 0;
  }
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_simple_image_choice .column .answerWrapper label {
  padding: 0;
  background: none;
  box-shadow: none;
  background-color: var(--COLOR_supportLight_040);
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_simple_image_choice .column .answerWrapper label img {
  width: 100%;
  pointer-events: none;
  display: block;
}
@media only screen and (min-width: 601px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_simple_image_choice .column .answerWrapper label img {
    max-width: 320px;
  }
}
.no-touchevents body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_simple_image_choice .column .answerWrapper label:hover {
  background-color: var(--COLOR_supportLight_050);
  border-radius: 8px;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_simple_image_choice ~ footer {
  display: none;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_multi_column_checkbox .column, body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_multi_column_checkbox_with_exclusion_option .column {
  display: flex;
  flex-flow: row wrap;
  place-content: flex-start flex-start;
  align-items: center;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_multi_column_checkbox .column .answerWrapper, body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_multi_column_checkbox_with_exclusion_option .column .answerWrapper {
  display: inline-block;
  width: 100%;
}
@media only screen and (min-width: 601px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_multi_column_checkbox .column .answerWrapper, body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_multi_column_checkbox_with_exclusion_option .column .answerWrapper {
    width: 50%;
  }
}
@media only screen and (min-width: 601px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_multi_column_checkbox .column .answerWrapper:nth-child(even), body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_multi_column_checkbox_with_exclusion_option .column .answerWrapper:nth-child(even) {
    padding-left: 10px;
  }
}
@media only screen and (min-width: 601px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_multi_column_checkbox .column .answerWrapper:nth-child(odd), body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_multi_column_checkbox_with_exclusion_option .column .answerWrapper:nth-child(odd) {
    padding-right: 10px;
  }
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_multi_column_checkbox .column .answerWrapper label, body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_multi_column_checkbox_with_exclusion_option .column .answerWrapper label {
  padding: 17px 20px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 601px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_multi_column_checkbox .column .answerWrapper label, body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_multi_column_checkbox_with_exclusion_option .column .answerWrapper label {
    padding: 8px 20px;
    min-height: 60px;
  }
}
@media only screen and (min-width: 768px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_multi_column_checkbox .column .answerWrapper label, body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_multi_column_checkbox_with_exclusion_option .column .answerWrapper label {
    padding: 17px 20px;
    min-height: initial;
  }
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_multi_column_checkbox .column .answerWrapper label.forTextField, body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_multi_column_checkbox_with_exclusion_option .column .answerWrapper label.forTextField {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0 8px 0 0;
  background: none;
  box-shadow: none;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_multi_column_checkbox .column .answerWrapper input[type=text], body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_multi_column_checkbox_with_exclusion_option .column .answerWrapper input[type=text] {
  display: inline-block;
  position: static;
  opacity: 1;
  height: 56px;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_multi_column_checkbox .column .answerWrapper.is-disabled input[type=text], body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.type_multi_column_checkbox_with_exclusion_option .column .answerWrapper.is-disabled input[type=text] {
  background-color: var(--COLOR_supportDark_040);
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.is-houseOrFlowerImageQuestion.type_simple_image_choice .column .answerWrapper label {
  background-color: var(--COLOR_supportDark_050);
  border: 5px solid var(--COLOR_supportDark_050);
  border-radius: 5px;
}
.no-touchevents body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.is-houseOrFlowerImageQuestion.type_simple_image_choice .column .answerWrapper label:hover {
  border-color: var(--COLOR_supportDark_040);
  background-color: var(--COLOR_supportDark_040);
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.is-houseOrFlowerImageQuestion.type_simple_image_choice .column .answerWrapper label:active {
  border-color: var(--COLOR_supportDark_050) !important;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion article.is-houseOrFlowerImageQuestion.type_simple_image_choice .column .answerWrapper label img {
  border-radius: 5px;
  min-height: 120px;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion .submitRow {
  text-align: right;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion .submitRow .wdk-button {
  width: 100%;
}
@media only screen and (min-width: 601px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireQuestion .submitRow .wdk-button {
    width: auto;
    min-width: 0;
  }
}

#questionnaireIntro,
#questionnaireContinue,
#questionnaireQuestion {
  background-color: var(--COLOR_primary_100);
}

body.isQuestionnaireRebrushEnabled#questionnaireCheckpoint #mediaBackgroundContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: -1;
}
body.isQuestionnaireRebrushEnabled#questionnaireCheckpoint #mediaBackgroundContainer img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
}
body.isQuestionnaireRebrushEnabled#questionnaireCheckpoint #content {
  display: flex;
}
@media (max-width: 600px) {
  body.isQuestionnaireRebrushEnabled#questionnaireCheckpoint #content {
    opacity: 0;
    transition: opacity 0.3s ease-out;
  }
  body.isQuestionnaireRebrushEnabled#questionnaireCheckpoint #content.enterPage {
    opacity: 1;
  }
}
body.isQuestionnaireRebrushEnabled#questionnaireCheckpoint #pageWrapper {
  color: var(--COLOR_supportLight_100);
  padding-bottom: 0;
  overflow: hidden;
}
body.isQuestionnaireRebrushEnabled#questionnaireCheckpoint #pageWrapper section {
  width: 100%;
}
body.isQuestionnaireRebrushEnabled#questionnaireCheckpoint #pageWrapper section #pageHeader {
  margin: 24px 0 0 0;
}
body.isQuestionnaireRebrushEnabled#questionnaireCheckpoint #pageWrapper section #pageHeader #checkpointProgress {
  display: flex;
  justify-content: center;
}
body.isQuestionnaireRebrushEnabled#questionnaireCheckpoint #pageWrapper section #pageHeader #checkpointProgress .progressBarContainer {
  background-color: var(--COLOR_supportLight_050);
  border-radius: var(--borderRadius_75);
  width: 100%;
  height: 8px;
  position: relative;
  margin: 0 2px;
}
body.isQuestionnaireRebrushEnabled#questionnaireCheckpoint #pageWrapper section #pageHeader #checkpointProgress .progressBarContainer span {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  border-radius: var(--borderRadius_75);
  background-color: var(--COLOR_supportLight_100);
  transition: width 1s ease-out;
}
body.isQuestionnaireRebrushEnabled#questionnaireCheckpoint #pageWrapper section #pageHeader #checkpointProgress .progressBarContainer span.active {
  width: 10px;
}
body.isQuestionnaireRebrushEnabled#questionnaireCheckpoint #pageWrapper section #pageHeader #checkpointProgress .progressBarContainer span.finished {
  width: 100%;
}
body.isQuestionnaireRebrushEnabled#questionnaireCheckpoint #pageWrapper section article {
  max-width: 600px;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
body.isQuestionnaireRebrushEnabled#questionnaireCheckpoint #pageWrapper section article .mainContent {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  align-items: center;
}
body.isQuestionnaireRebrushEnabled#questionnaireCheckpoint #pageWrapper section article .mainContent h1 {
  flex-grow: 1;
  font: var(--FONT_highlight_400);
  overflow-wrap: break-word;
  word-wrap: anywhere;
  -webkit-hyphens: auto;
          hyphens: auto;
}
body.isQuestionnaireRebrushEnabled#questionnaireCheckpoint #pageWrapper section article .mainContent .textContainer {
  font: var(--FONT_highlight_100);
  text-align: center;
}
body.isQuestionnaireRebrushEnabled#questionnaireCheckpoint #pageWrapper section article .mainContent .textContainer p {
  margin-top: 15px;
  padding: 0;
  color: var(--COLOR_supportLight_100);
  font: var(--FONT_default_100);
  text-align: center;
}
body.isQuestionnaireRebrushEnabled#questionnaireCheckpoint #pageWrapper section article .mainContent .submitRow {
  margin: 32px 0 64px 0;
}
body.isQuestionnaireRebrushEnabled#questionnaireCheckpoint #pageWrapper section article.lastCheckpoint .mainContent wdk-lottie-animation {
  margin-top: 114px;
  width: 90px;
  height: 90px;
}
body.isQuestionnaireRebrushEnabled#questionnaireCheckpoint #pageWrapper section article.lastCheckpoint .mainContent h1 {
  text-align: center;
}
body.isQuestionnaireRebrushEnabled#questionnaireCheckpoint.isWebAPI #pageWrapper section article .mainContent .submitRow {
  margin-bottom: 164px;
}

body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint.is-checkpoint_1.is-heteroUser {
  background-image: url(../../img/registration/questionnaire-old/checkpoint_1.jpg);
}
@media only screen and (min-width: 768px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint.is-checkpoint_1.is-heteroUser {
    background-image: url(../../img/registration/questionnaire-old/checkpoint_1_desktop.jpg);
  }
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint.is-checkpoint_2.is-heteroUser {
  background-image: url(../../img/registration/questionnaire-old/checkpoint_2.jpg);
}
@media only screen and (min-width: 768px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint.is-checkpoint_2.is-heteroUser {
    background-image: url(../../img/registration/questionnaire-old/checkpoint_2_desktop.jpg);
  }
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint.is-checkpoint_3.is-heteroUser {
  background-image: url(../../img/registration/questionnaire-old/checkpoint_3.jpg);
}
@media only screen and (min-width: 768px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint.is-checkpoint_3.is-heteroUser {
    background-image: url(../../img/registration/questionnaire-old/checkpoint_3_desktop.jpg);
  }
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint.is-checkpoint_4.is-heteroUser {
  background-image: url(../../img/registration/questionnaire-old/checkpoint_4.jpg);
}
@media only screen and (min-width: 768px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint.is-checkpoint_4.is-heteroUser {
    background-image: url(../../img/registration/questionnaire-old/checkpoint_4_desktop.jpg);
  }
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint.is-checkpoint_last.is-heteroUser {
  background-image: url(../../img/registration/questionnaire-old/checkpoint_last.jpg);
}
@media only screen and (min-width: 768px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint.is-checkpoint_last.is-heteroUser {
    background-image: url(../../img/registration/questionnaire-old/checkpoint_last_desktop.jpg);
  }
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint::before {
  content: "";
  width: 100%;
  height: 100vh;
  background-color: var(--COLOR_supportDark_090);
  opacity: 0.2;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageHeader {
  width: 100%;
  z-index: 10;
  position: relative;
  overflow: hidden;
  padding: 20px 0 40px 0;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageHeader #checkpointProgress {
  position: relative;
  height: 20px;
  margin: 24px auto 0 auto;
  border-radius: 20px;
  background-color: var(--COLOR_supportDark_050);
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageHeader #checkpointProgress .status {
  height: 100%;
  width: 0;
  transition: width 1s 1s;
  margin-bottom: 4px;
  border-radius: 20px;
  background-color: var(--COLOR_supportLight_100);
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageHeader #checkpointProgress .status.section_1 {
  width: 0.5%;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageHeader #checkpointProgress .status.section_1.animated {
  width: 11%;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageHeader #checkpointProgress .status.section_2 {
  width: 11%;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageHeader #checkpointProgress .status.section_2.animated {
  width: 38%;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageHeader #checkpointProgress .status.section_3 {
  width: 38%;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageHeader #checkpointProgress .status.section_3.animated {
  width: 56%;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageHeader #checkpointProgress .status.section_4 {
  width: 56%;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageHeader #checkpointProgress .status.section_4.animated {
  width: 82%;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageHeader #checkpointProgress .status.section_last {
  width: 82%;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageHeader #checkpointProgress .status.section_last.animated {
  width: 100%;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageHeader #checkpointProgress span {
  color: var(--COLOR_supportLight_100);
  position: absolute;
  top: 28px;
  font: var(--FONT_default_75);
  margin-left: -2px;
}
@media only screen and (min-width: 601px) {
  body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageHeader #checkpointProgress span {
    font: var(--FONT_default_200);
    margin-left: -4px;
  }
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageHeader #checkpointProgress span.nr1 {
  left: 11%;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageHeader #checkpointProgress span.nr2 {
  left: 38%;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageHeader #checkpointProgress span.nr3 {
  left: 56%;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageHeader #checkpointProgress span.nr4 {
  left: 82%;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageHeader #checkpointProgress span.nr5 {
  left: 98%;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper {
  color: var(--COLOR_supportLight_100);
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section.showPage1 article #buttonNext2 {
  display: none;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section.showPage2 article .mainContent #page1 {
  opacity: 0 !important;
  right: 55% !important;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section.showPage2 article .mainContent #page2 {
  opacity: 1 !important;
  right: 50% !important;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section.showPage2 #buttonNext1 {
  display: none;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section article .mainContent {
  position: relative;
  white-space: nowrap;
  width: 200%;
  display: flex;
  flex-direction: row;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section article .mainContent .page {
  position: relative;
  display: flex;
  width: 50%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  white-space: normal;
  transition: all linear 0.6s;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section article .mainContent .page#page1 {
  opacity: 1;
  right: 0;
}
body:not(.isQuestionnaireRebrushEnabled)#questionnaireCheckpoint #pageWrapper section article .mainContent .page#page2 {
  opacity: 0;
  right: -5%;
}

.personaldata article .privateInfoBox {
  margin-bottom: 20px;
}
.personaldata article #genderFieldVisibility .formTogglesWrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.personaldata article #genderFieldVisibility .formTogglesWrapper .notShownGenderText {
  color: var(--COLOR_supportDark_070);
}
.personaldata article #genderFieldVisibility .formTogglesWrapper .wdk-form-toggles label {
  margin-bottom: 0;
}
.personaldata article #imperialHeightField #heightFootField,
.personaldata article #imperialHeightField #heightInchField {
  width: 49%;
}
.personaldata article #childrenFields {
  margin-bottom: 10px;
}
.personaldata article #childrenFields p {
  margin-top: 10px;
  margin-bottom: 0;
  font: var(--FONT_default_75);
  font: var(--FONT_highlight_50);
}
.personaldata article #childrenFields p .mandatory {
  margin-right: 4px;
  position: relative;
  vertical-align: unset;
  font: var(--FONT_default_100);
  top: 0;
}
.personaldata article #childrenFields .childrenFieldsGroup {
  display: flex;
  position: relative;
  width: 100%;
  margin-bottom: 0;
}
.personaldata article #childrenFields .childrenFieldsGroup div:first-child {
  margin-right: 20px;
}
.personaldata article #childrenFields .childrenFieldsGroup select#forceTabStopp {
  position: absolute;
  z-index: -8;
  right: -8px;
  top: 15px;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.personaldata article #childrenFields .childrenFieldsGroup.has-error label::before {
  border-color: var(--COLOR_alertError_100);
}
.personaldata article #childrenFields .childrenAmountWrapper {
  opacity: 0;
  transition: opacity 0.25s, max-height 0.25s;
  max-height: 0;
  padding-bottom: 0;
}
.personaldata article #childrenFields .childrenAmountWrapper #childrenAmountField,
.personaldata article #childrenFields .childrenAmountWrapper #childrenAtHomeField {
  width: 100%;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .personaldata article #childrenFields .childrenAmountWrapper #childrenAmountField,
  .personaldata article #childrenFields .childrenAmountWrapper #childrenAtHomeField {
    width: calc(50% - 10px);
    flex-direction: row;
  }
}
.personaldata article #childrenFields .childrenAmountWrapper #childrenAmountField label,
.personaldata article #childrenFields .childrenAmountWrapper #childrenAtHomeField label {
  white-space: normal;
  overflow: visible;
  text-overflow: initial;
}
@media only screen and (min-width: 768px) {
  .personaldata article #childrenFields .childrenAmountWrapper #childrenAmountField label,
  .personaldata article #childrenFields .childrenAmountWrapper #childrenAtHomeField label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.personaldata article #childrenFields.hasChildren .childrenAmountWrapper {
  opacity: 1;
  max-height: 220px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .personaldata article #childrenFields.hasChildren .childrenAmountWrapper {
    padding-bottom: 10px;
  }
}
@media (max-width: 600px) {
  .personaldata article #childrenFields.hasChildren .childrenAmountWrapper #childrenAmountField {
    padding-bottom: 20px;
  }
}
.personaldata article #birthdayField #birthDayWrapper,
.personaldata article #birthdayField #birthMonthWrapper,
.personaldata article #birthdayField #birthYearWrapper {
  width: calc(33.3333333333% - 5px);
}
@media only screen and (min-width: 768px) {
  .personaldata article #howToParshipField {
    padding-right: 10px;
  }
}
.personaldata article #zipAutofill.noDisplay {
  display: none;
}
.personaldata article #zipAutofill .wdk-form-text.is-nearLimit input {
  padding: 0 8px;
}
.personaldata article #zipAutofill .loader {
  left: auto;
  right: 30px;
}
.personaldata article #zipWithoutAutofill.noDisplay {
  display: none;
}
.personaldata article #religionAndEthnicityFields .religionEthnicityDsgvoText {
  clear: both;
  font: var(--FONT_default_50);
  color: var(--COLOR_supportDark_300);
  margin-bottom: 42px;
}
.personaldata article .religionEthnicityDsgvoText a {
  color: var(--COLOR_primary_100);
  text-decoration: none;
}
.no-touchevents .personaldata article .religionEthnicityDsgvoText a:hover {
  text-decoration: underline;
}
.personaldata article .mandatoryFieldsHint {
  font: var(--FONT_default_50);
}
.personaldata #moreAboutMyGenderModal article {
  margin-bottom: 0;
}
.personaldata #moreAboutMyGenderModal article .genderExtensionList {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0;
}
.personaldata #moreAboutMyGenderModal article .suggestGender {
  margin-top: 20px;
  justify-content: flex-end;
}
.personaldata #genderSuggestionFeedbackModal article {
  height: 100%;
  align-items: center;
  justify-content: center;
}
.personaldata #genderSuggestionFeedbackModal article .container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: 24px;
}
.personaldata #genderSuggestionFeedbackModal article .container .wdk-icon {
  fill: var(--COLOR_primary_100);
  width: 64px;
  height: 64px;
}
.personaldata #genderSuggestionFeedbackModal article .container h1 {
  color: var(--COLOR_primary_100);
  font: var(--FONT_highlight_300);
}
.personaldata #occupationInfoModalbox p {
  margin-top: 0;
}
.personaldata #generalErrorAndSubmit {
  padding-top: 28px;
  padding-bottom: 28px;
}
.personaldata #generalErrorAndSubmit #generalError[show] {
  margin: 0 0 28px 0;
}
.personaldata #generalErrorAndSubmit .wdk-button {
  height: auto;
  min-height: 44px;
  padding: 8px 16px;
}
.personaldata #generalErrorAndSubmit .wdk-button .text {
  white-space: normal;
}
.personaldata.isWebAPI #generalErrorAndSubmit {
  padding-bottom: 120px;
}
.personaldata.isWebAPI #genderSuggestionFeedbackModal .modalboxContent footer,
.personaldata.isWebAPI #moreAboutMyGenderModal .modalboxContent footer {
  padding-bottom: 120px;
}