:root {
  --indent: 56px;
  --indent_sm: 32px;
  --indent_xs: 24px;
  --negindent: -56px;
  --negindent_sm: -32px;
  --negindent_xs: -24px;

  --space0_m : 0px;
  --space1_m : 2px;
  --space2_m : 4px;
  --space3_m : 6px;
  --space4_m : 8px;
  --space5_m : 12px;
  --space6_m : 16px;
  --space7_m : 16px;
  --space8_m : 24px;
  --space9_m : 24px;
  --space10_m : 28px;
  --space11_m : 32px;
  --space12_m : 38px;
  --space13_m : 42px;
  --space14_m : 48px;
  --space15_m : 56px;
  --space16_m : 64px;
  --space17_m : 72px;
  --space18_m : 80px;
  
  --space0_d : 0px;
  --space1_d : 2px;
  --space2_d : 4px;
  --space3_d : 8px;
  --space4_d : 10px;
  --space5_d : 12px;
  --space6_d : 16px;
  --space7_d : 20px;
  --space8_d : 24px;
  --space9_d : 28px;
  --space10_d : 32px;
  --space11_d : 42px;
  --space12_d : 48px;
  --space13_d : 56px;
  --space14_d : 64px;
  --space15_d : 72px;
  --space16_d : 80px;
  --space17_d : 90px;
  --space18_d : 120px;

  --font_raleway: 'Raleway', 'Arial', sans-serif;
  --font_roboto: 'Roboto', 'Arial', sans-serif;

  --titles: #1E1E23;
  --titles_op75: #1E1E23bf;
  --white: #FFFFFF;
  --full_black: #000;
  --white_op75: #FFFFFFbf;
  --white_op50: #FFFFFF80;
  --white_op25: #FFFFFF40;
  --body: #4C4C59;
  --body_on_color: #CBCBE0;
  --body2: #8D8DA8;
  --body2_on_color: #C8C8DA;
  --muted: #C8C8DA;
  --inputs: #D8D8E7;
  --inputs_active: #2E2E3C;
  --accent_blue: #498EF5;
  --accent_yellow: #FFD643;
  --accent_red: #F03B5C;
  --success: #58C755;
  --error: #D1053B;

  --bg_white: #FFFFFF;
  --bg_white_op75: #FFFFFFbf;
  --bg_white_op50: #FFFFFF80;
  --bg_white_op25: #FFFFFF40;
  --bg_white_op12: #FFFFFF1f;
  --bg_neutral1: #F4F4F9;
  --bg_neutral2: #E4E4F4;
  --bg_neutral3: #D9D9EE;
  --bg_neutral4: #ACB1C2;
  --bg_neutral5: #7A8093;
  --bg_black: #1E1E23;
  --bg_black_op12: #1E1E231f;
  --bg_accent_blue_lite: #ECF3FF;
  --bg_accent_blue_normal: #CFDEF5;
  --bg_accent_blue_strong: #498EF5;
  --bg_accent_yellow_lite: #FFFACD;
  --bg_accent_yellow_strong: #FFD643;
  --bg_accent_red_lite: #FFD0D0;
  --bg_accent_red_strong: #F03B5C;
  --bg_accent_purple_lite: #F5D1FD;
  --bg_accent_purple_strong: #D967F1;
  --bg_accent_green_lite: #C8F0C7;
  --bg_accent_green_strong: #58C755;

  --button_red: #F03B5C;
  --button_red_hover: #C60437;
  --button_blue: #498EF5;
  --button_blue_hover: #1F65CC;
  --button_black: #1E1E23;
  --button_black_hover: #4C4C59;
  --button_white: #FFFFFF;
  --button_white_hover: #E4E4F4;
  --button_muted: #CBCBE0;

  --icon_neutral: #8D8DA8;
  --icon_muted: #D8D8E7;
  --icon_muted_on_color: #8E8E91;
  --icon_blue: #498EF5;
  --icon_yellow: #FFD643;
  --icon_error: #D1053B;
  --icon_red: #F03B5C;
  --icon_success: #58C755;
  --icon_black: #1E1E23;
  --icon_white: #FFFFFF;
  --icon_purple: #D967F1;

  --border_lite: #F0F0F3;
  --border_normal: #C8C8DA;
  --border_strong: #8D8DA8;
  --border_hard: #1E1E23;
  --border_blue: #498EF5;
  --border_error: #D1053B;
  --border_red: #F03B5C;
  --border_success: #58C755;
  --border_white: #FFFFFF;
  --border_white_op75: #FFFFFFbf;

  --shadow_s: 0px 8px 8px 0px rgba(46, 46, 60, 0.10);
  --shadow_m: 0px 10px 16px 0px rgba(46, 46, 60, 0.10);
  --shadow: 0px 14px 18px 0px rgba(30, 30, 35, 0.06), 0px 14px 24px 0px rgba(30, 30, 35, 0.06);
  --shadow_l: 0px 20px 32px 0px rgba(30, 30, 35, 0.06), 0px 20px 24px 0px rgba(30, 30, 35, 0.06);
  --shadow_accent: 0px 16px 24px 0px rgba(240, 59, 92, 0.32);
  --shadow_success: 0px 12px 24px 0px rgba(88, 199, 85, 0.32);
  --shadow_blue: 0px 12px 24px 0px rgba(73, 142, 245, 0.32);
}
/*reset*/
* { 
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	     box-sizing: border-box;
}
html, body {
	width: 100%;
	font-weight: 400;
	font-family: var(--font_raleway);
	font-size: 16px;
	line-height: 150%;
	color: var(--body);
	background: var(--white);
	min-width: 320px;
}
body {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    color: var(--body);
}
ol,ul {
  list-style: none
}
/* .main {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
} */
img, video, svg {
	max-width: 100%;
	height: auto;
}



.container{
  width: 100%;
  /* max-width: 1180px; */
  max-width: 1292px;  
  padding-left: var(--indent_xs);
  padding-right: var(--indent_xs);
  margin-right: auto;
  margin-left: auto;  
}
.w100{width:100%}
.h100{height:100%}
.mw1010{
  max-width: 1010px;
}
/*spaces*/
.space0{margin-bottom: var(--space0_m)}
.space1{margin-bottom: var(--space1_m)}
.space2{margin-bottom: var(--space2_m)}
.space3{margin-bottom: var(--space3_m)}
.space4{margin-bottom: var(--space4_m)}
.space5{margin-bottom: var(--space5_m)}
.space6{margin-bottom: var(--space6_m)}
.space7{margin-bottom: var(--space7_m)}
.space8{margin-bottom: var(--space8_m)}
.space9{margin-bottom: var(--space9_m)}
.space10{margin-bottom: var(--space10_m)}
.space11{margin-bottom: var(--space11_m)}
.space12{margin-bottom: var(--space12_m)}
.space13{margin-bottom: var(--space13_m)}
.space14{margin-bottom: var(--space14_m)}
.space15{margin-bottom: var(--space15_m)}
.space16{margin-bottom: var(--space16_m)}
.space17{margin-bottom: var(--space17_m)}
.space18{margin-bottom: var(--space18_m)}
/* corners */
.corner1{border-radius: 2px}
.corner2{border-radius: 4px}
.corner3{border-radius: 8px}
.corner4{border-radius: 8px}
.corner5{border-radius: 10px}
.corner6{border-radius: 16px}
.corner7{border-radius: 22px}
.corner8{border-radius: 32px}
.corner9{border-radius: 42px}
/*strokes*/
.stroke05{border: 0.5px solid var(--body2_on_color)}
.stroke1{border: 1px solid var(--body2_on_color)}
.stroke15{border: 1.5px solid var(--body2_on_color)}
.stroke2{border: 2px solid var(--body2_on_color)}
.stroke3{border: 3px solid var(--body2_on_color)}
.stroke4{border: 4px solid var(--body2_on_color)}
.stroke_dashes{border-style: dashed;}
.stroke1_bottom{border-bottom: 1px solid var(--body2_on_color)}
/* font sizes */
.txt, .txt_large, .txt_medium, .txt_small, p, a, span{
  /* line-height: normal;  */
  line-height: 150%;
  font-weight: 400;
  text-decoration: none;
}
.txt_promo, .h1, .h2, .h3, .h4, .h5 {
  /* line-height: normal; */
  line-height: 130%;
  color: var(--titles);
  font-family: var(--font_roboto);
  font-weight: 500;
}
b, strong{
  font-weight: 700;
}
i{
  font-style: italic;
}
.link_overflow{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.txt_underline, .txt_link{text-decoration: underline;}
.txt_promo{font-size: 42px}
.h1{font-size: 32px}
.h2{font-size: 24px}
.h3{font-size: 18px}
.h4{font-size: 18px}
.txt{font-size: 16px}
.txt_medium{font-size: 16px}
.txt_large{font-size: 18px}
.txt_small{font-size: 14px}
.txt_small_caption{font-size: 12px}

.txt_left{text-align: left;}
.txt_center{text-align: center;}
.txt_right{text-align: right;}

/*buttons*/
button, input[type="submit"]{
  border: none;
  background: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}
.button, .button_line, .button_tertiary{
  font-family: var(--font_roboto);
  font-weight: 500;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  display: inline-flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: var(--button_white);
  white-space: nowrap;
  flex-shrink: 0;
}
.button > svg, .button_line > svg{
  flex-shrink: 0;
}
.button > span, .button_line > span{
  line-height: 100%;
}
.button, .button_line{
  line-height: 48px;
  height: 48px;
  padding: 0 20px
}
.button_sub{
  font-size: 14px;
  line-height: normal;
}
.button_small{
  font-size: 14px;
  line-height: 26px;
  height: 26px;
  padding: 0 10px;
  gap: 8px;
}
.button_large{
  font-size: 16px;
  line-height: 48px;
  height: 48px;
  padding: 0 20px
}
.button_tertiary{
  line-height: normal;
  height: auto;
  padding: 0
}

/*button red*/
.button.button_red{
  border-radius: 4px;
  background: var(--button_red);
}
.button.button_red:hover{
  background: var(--button_red_hover);
}
.button_line.button_red{
  border-radius: 4px;
  color: var(--button_red);
  border: 1.5px var(--button_red) solid;
}
.button_line.button_red:hover{
  color: var(--button_red_hover);
  border-color: var(--button_red_hover);
}
.button_tertiary.button_red{
  color: var(--button_red);
}
.button_tertiary.button_red:hover{
  color: var(--button_red_hover);
}
/*button blue*/
.button.button_blue{
  border-radius: 4px;
  background: var(--button_blue);
}
.button.button_blue:hover{
  background: var(--button_blue_hover);
}
.button_line.button_blue{
  border-radius: 4px;
  color: var(--button_blue);
  border: 1.5px var(--button_blue) solid;
}
.button_line.button_blue:hover{
  color: var(--button_blue_hover);
  border-color: var(--button_blue_hover);
}
.button_line.button_blue:hover svg path{
  stroke: var(--button_blue_hover);
}
.button_tertiary.button_blue{
  color: var(--button_blue);
}
.button_tertiary.button_blue:hover{
  color: var(--button_blue_hover);
}
.button_tertiary.button_blue:hover svg path{
  stroke: var(--button_blue_hover);
}
/*button black*/
.button.button_black{
  border-radius: 4px;
  background: var(--button_black);
}
.button.button_black:hover{
  background: var(--button_black_hover);
}
.button_line.button_black{
  border-radius: 4px;
  color: var(--button_black);
  border: 1.5px var(--button_black) solid;
}
.button_line.button_black:hover{
  color: var(--button_black_hover);
  border-color: var(--button_black_hover);
}
.button_tertiary.button_black{
  color: var(--button_black);
}
.button_tertiary.button_black:hover{
  color: var(--button_black_hover);
}
/*button white*/
.button.button_white{
  border-radius: 4px;
  background: var(--button_white);
  color: var(--button_blue)
}
.button.button_white:hover{
  background: var(--button_white_hover);
}
.button_line.button_white{
  border-radius: 4px;
  color: var(--button_white);
  border: 1.5px var(--button_white) solid;
}
.button_line.button_white:hover{
  color: var(--button_white_hover);
  border-color: var(--button_white_hover);
}
.button_tertiary.button_white{
  color: var(--button_white);
}
.button_tertiary.button_white:hover{
  color: var(--button_white_hover);
}
/*special hovers by last DS*/
.button.button_yellow_hover:hover{
  background: var(--accent_yellow);
  color: var(--black);
}
/*button disabled*/
.button:disabled, .button[href=""], a.button:not([href]), .button.button_disabled{
  background: var(--button_muted) !important;
  cursor: default;
}
.button_line:disabled, .button_line[href=""], a.button_line:not([href]), .button_line.button_disabled{
  color: var(--button_muted) !important;
  border-color: var(--button_muted) !important;
  cursor: default;
}
.button_tertiary:disabled, .button_tertiary[href=""], a.button_tertiary:not([href]), .button_tertiary.button_disabled{
  color: var(--button_muted) !important;
  cursor: default;
}

/*colors text*/
.txt, .txt_medium, .txt_small, .txt_large, .txt_link{color: var(--body)}
.txt_title{color: var(--titles)}
.txt_title_op75{color: var(--titles_op75)}
.txt_white{color: var(--white)}
.txt_white_op75{color: var(--white_op75)}
.txt_white_op50{color: var(--white_op50)}
.txt_white_op25{color: var(--white_op25)}
.txt_body_on_color{color: var(--body_on_color)}
.txt_body2{color: var(--body2)}
.txt_body2_on_color{color: var(--body2_on_color)}
.txt_muted{color: var(--muted)}
.txt_inputs{color: var(--inputs)}
.txt_inputs_active{color: var(--inputs_active)}
.txt_accent_blue {color: var(--accent_blue)}
.txt_accent_yellow{color: var(--accent_yellow)}
.txt_accent_red{color: var(--accent_red)}
.txt_success{color: var(--success)}
.txt_error{color: var(--error)}
/*backgrounds*/
.bg_white{background-color: var(--bg_white);}
.bg_white_op75{background-color: var(--bg_white_op75);}
.bg_white_op50{background-color: var(--bg_white_op50);}
.bg_white_op25{background-color: var(--bg_white_op25);}
.bg_white_op12{background-color: var(--bg_white_op12);}
.bg_neutral1{background-color: var(--bg_neutral1);}
.bg_neutral2{background-color: var(--bg_neutral2);}
.bg_neutral3{background-color: var(--bg_neutral3);}
.bg_neutral4{background-color: var(--bg_neutral4);}
.bg_neutral5{background-color: var(--bg_neutral5);}
.bg_black{background-color: var(--bg_black);}
.bg_black_op12{background-color: var(--bg_black_op12);}
.bg_blue_lite{background-color: var(--bg_accent_blue_lite);}
.bg_blue_normal{background-color: var(--bg_accent_blue_normal);}
.bg_blue_strong{background-color: var(--bg_accent_blue_strong);}
.bg_yellow_lite{background-color: var(--bg_accent_yellow_lite);}
.bg_yellow_strong{background-color: var(--bg_accent_yellow_strong);}
.bg_red_lite{background-color: var(--bg_accent_red_lite);}
.bg_red_strong{background-color: var(--bg_accent_red_strong);}
.bg_purple_lite{background-color: var(--bg_accent_purple_lite);}
.bg_purple_strong{background-color: var(--bg_accent_purple_strong);}
.bg_green_lite{background-color: var(--bg_accent_green_lite);}
.bg_green_strong{background-color: var(--bg_accent_green_strong);}
/*colors stroke*/
.stroke_lite{border-color: var(--border_lite);}
.stroke_white{border-color: var(--bg_white);}
.stroke_white_op75{border-color: var(--bg_white_op75);}
.stroke_white_op50{border-color: var(--bg_white_op50);}
.stroke_white_op25{border-color: var(--bg_white_op25);}
.stroke_white_op12{border-color: var(--bg_white_op12);}
.stroke_neutral1{border-color: var(--bg_neutral1);}
.stroke_neutral2{border-color: var(--bg_neutral2);}
.stroke_neutral3{border-color: var(--bg_neutral3);}
.stroke_neutral4{border-color: var(--bg_neutral4);}
.stroke_neutral5{border-color: var(--bg_neutral5);}
.stroke_black{border-color: var(--bg_black);}
.stroke_black_op12{border-color: var(--bg_black_op12);}
.stroke_blue_lite{border-color: var(--bg_accent_blue_lite);}
.stroke_blue_normal{border-color: var(--bg_accent_blue_normal);}
.stroke_blue_strong{border-color: var(--bg_accent_blue_strong);}
.stroke_yellow_lite{border-color: var(--bg_accent_yellow_lite);}
.stroke_yellow_strong{border-color: var(--bg_accent_yellow_strong);}
.stroke_red_lite{border-color: var(--bg_accent_red_lite);}
.stroke_red_strong{border-color: var(--bg_accent_red_strong);}
.stroke_purple_lite{border-color: var(--bg_accent_purple_lite);}
.stroke_purple_strong{border-color: var(--bg_accent_purple_strong);}
.stroke_green_lite{border-color: var(--bg_accent_green_lite);}
.stroke_green_strong{border-color: var(--bg_accent_green_strong);}
/*shadows*/
.shadow_s{box-shadow: var(--shadow_s)}
.shadow_m{box-shadow: var(--shadow_m)}
.shadow{box-shadow: var(--shadow)}
.shadow_l{box-shadow: var(--shadow_l)}
.shadow_accent{box-shadow: var(--shadow_accent)}
.shadow_success{box-shadow: var(--shadow_success)}
.shadow_blue{box-shadow: var(--shadow_blue)}
/*blur*/
.blur_small{backdrop-filter: blur(4px);}
.blur_medium{backdrop-filter: blur(6px);}
.blur_normal{backdrop-filter: blur(9px);}
.blur_large{backdrop-filter: blur(12px);}
/* displays */
.relative{position: relative;}
.sticky{position: sticky; top: var(--header_height_xs)}
.hidden{display: none;}
.flex{display: -webkit-box;display: -ms-flexbox;display: flex;}
.inline_flex{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
.flex_wrap{flex-wrap: wrap;}
.flex_shrink0{-ms-flex-negative: 0;flex-shrink: 0;}
.flex_column{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.align_center{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.align_start{-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.align_end{-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.justify_start {justify-content: start;}
.space_between{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.justify_center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.justify_end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: end;}
.grid{display: -ms-grid;display: grid;}
.grid2col{-ms-grid-columns: 1fr 1fr;grid-template-columns: 1fr 1fr;}
.grid3col{-ms-grid-columns: 1fr 1fr 1fr;grid-template-columns: 1fr 1fr 1fr;}
.grid4col{-ms-grid-columns: 1fr 1fr 1fr 1fr;grid-template-columns: 1fr 1fr 1fr 1fr;}
.gap0{gap: var(--space0_m)}
.gap1{gap: var(--space1_m)}
.gap2{gap: var(--space2_m)}
.gap3{gap: var(--space3_m)}
.gap4{gap: var(--space4_m)}
.gap5{gap: var(--space5_m)}
.gap6{gap: var(--space6_m)}
.gap7{gap: var(--space7_m)}
.gap8{gap: var(--space8_m)}
.gap9{gap: var(--space9_m)}
.gap10{gap: var(--space10_m)}
.gap11{gap: var(--space11_m)}
.gap12{gap: var(--space12_m)}
.gap13{gap: var(--space13_m)}
.gap14{gap: var(--space14_m)}
.gap15{gap: var(--space15_m)}
.gap16{gap: var(--space16_m)}
.gap17{gap: var(--space17_m)}
.gap18{gap: var(--space18_m)}
.gap4px{gap:4px;}
.gap6px{gap:6px;}
.gap8px{gap:8px;}
.gap10px{gap:10px;}
.gap12px{gap:12px;}
.gap16px{gap:16px;}
.gap18px{gap:18px;}
.gap20px{gap:20px;}
.gap22px{gap:22px;}
.gap24px{gap:24px;}
.gap24px{gap:24px;}
.gap28px{gap:28px;}
.gap30px{gap:30px;}
.gap32px{gap:32px;}
.gap38px{gap:38px;}
.gap40px{gap:40px;}
.gap42px{gap:42px;}
.gap48px{gap:48px;}
.gap56px{gap:56px;}

/*form*/
.form__input{  
  height: 48px;
  /* min-width: 295px; */
  width: 100%;
  line-height: 48px;
  padding: 0px 16px;  
  border-radius: 4px;
  border: 1px solid var(--body2_on_color);
  background: var(--white);
  color: var(--inputs_active);
  font-family: var(--font_raleway);
  font-size: 16px;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  outline: none;
}
.form__input::-webkit-input-placeholder, .form__input::-moz-placeholder, .form__input:-ms-input-placeholder .form__input::-ms-input-placeholder, .form__input::placeholder {
	color: var(--body2_on_color);
}
.form__input:focus {
  outline: none;
  border: 1px solid var(--accent_blue);
}
.form__input.error, .form__input.form__error{
  border: 1px solid var(--error);
}
.form__input:disabled{
  background-color: var(--bg_neutral1);
  border: 1px solid var(--body2_on_color);
  color: var(--icon_muted);
}
.form__input:disabled::-webkit-input-placeholder, .form__input:disabled::-moz-placeholder, .form__input:disabled:-ms-input-placeholder .form__input:disabled::-ms-input-placeholder, .form__input:disabled::placeholder {
	color: var(--icon_muted);
}
/*checkbox*/
.form__checkbox_wrap {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  line-height: normal;
}
.form__checkbox_wrap input[type="checkbox"]{
  display: none;
}
.form__checkbox_content{
  display: inline-flex;
  gap: 12px;
  align-items: flex-start;
  /* align-items: center; */
}
.form__checkbox_content:before {
  content: '';
  border-radius: 4px;
  border: 1.5px solid var(--body2_on_color);
  background-color: var(--white);
  width: 18px;
  height: 18px;
  display: inline-flex;
  flex-shrink: 0;
  box-sizing: border-box;
}
.form__checkbox_wrap:hover .form__checkbox_content:before {
  border-color: var(--inputs_active)
}
.form__checkbox_wrap input:checked+.form__checkbox_content:before {
  background: url(/themes/1c/assets/i/ds_2025/check.svg) center center no-repeat var(--button_blue);
  border-color: var(--button_blue);
}
.form__checkbox_wrap:hover input:checked+.form__checkbox_content:before {
  background-color: var(--button_blue_hover);
  border-color: var(--button_blue_hover);
}
.form__checkbox_content .form__checkbox_text {
  /* display: inline-flex; */
  min-height: 18px;
  /* line-height: 18px; */
  line-height: 140%;
  /* align-items: center; */
}
.form__checkbox_wrap input.error + .form__checkbox_content:before {
  background-color: var(--bg_accent_red_lite);
  border-color: var(--error);
}
.form__checkbox_wrap input:disabled+.form__checkbox_content:before {
  border-color: var(--body2_on_color);
  background-color: var(--bg_neutral1);
}
.form__checkbox_wrap input:disabled:checked+.form__checkbox_content:before {
  background-color: var(--body2_on_color);
  border-color: var(--body2_on_color);
}
/*radio*/
.form__radio_wrap {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  line-height: normal;
}
.form__radio_wrap input[type="radio"]{
  display: none;
}
.form__radio_content{
  display: inline-flex;
  gap: 12px;
  align-items: flex-start;
}
.form__radio_circle{
  position: relative;
  border-radius: 50%;
  border: 1.5px solid var(--body2_on_color);
  background-color: var(--white);
  width: 18px;
  height: 18px;
  display: inline-flex;
  flex-shrink: 0;
  box-sizing: border-box;
}
.form__radio_wrap:hover .form__radio_circle {
  border-color: var(--inputs_active);
}
.form__radio_wrap input:checked+.form__radio_content .form__radio_circle {
  border-color: var(--button_blue);
}
.form__radio_wrap:hover input:checked+.form__radio_content .form__radio_circle {
  border-color: var(--button_blue_hover);
}
.form__radio_wrap input:checked+.form__radio_content .form__radio_circle:before {
  content: '';
  background-color: var(--button_blue);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-flex;
  flex-shrink: 0;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.form__radio_content .form__radio_text {
  display: flex;
  min-height: 18px;
  align-items: center;
}
.form__radio_wrap input:disabled+.form__radio_content .form__radio_circle {
  border-color: var(--body2_on_color);
  background-color: var(--bg_neutral1);
}
.form__radio_wrap input.error + .form__radio_content .form__radio_circle {
  background-color: var(--bg_accent_red_lite);
  border-color: var(--error);
}
.form__radio_wrap input:disabled:checked+.form__radio_content .form__radio_circle {
  border-color: var(--body2_on_color);
  background-color: var(--bg_neutral1);
}
.form__radio_wrap input:disabled:checked+.form__radio_content .form__radio_circle:before {
  background-color: var(--body2_on_color);
}

/*toggle*/
.form__toggle_wrap {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  line-height: normal;
}
.form__toggle_wrap input[type="checkbox"]{
  display: none;
}
.form__toggle_content{
  display: inline-flex;
  gap: 12px;
  align-items: flex-start;
}
.form__toggle_circle {
  position: relative;
  border-radius: 8px;
  background-color: var(--bg_neutral5);
  width: 32px;
  height: 16px;
  display: inline-flex;
  flex-shrink: 0;
  box-sizing: border-box;
}
.form__toggle_circle::before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--white);
  position: absolute;
  left: 3px;
  top: 3px;
}
.form__toggle_wrap:hover .form__toggle_circle {
  background-color: var(--inputs_active)
}
.form__toggle_wrap input:checked + .form__toggle_content .form__toggle_circle {
  background-color: var(--button_blue);
}
.form__toggle_wrap input:checked + .form__toggle_content .form__toggle_circle::before {
  left: 19px;
}
.form__toggle_wrap input.error + .form__toggle_content .form__toggle_circle {
  background-color: var(--error);
}
.form__toggle_wrap:hover input:checked:not(:disabled) + .form__toggle_content .form__toggle_circle {
  background-color: var(--button_blue_hover);
}
.form__toggle_wrap input:disabled + .form__toggle_content .form__toggle_circle {
  background-color: var(--body2_on_color);
}

@media (min-width: 576px){
  .container{
    padding-left: var(--indent_sm);
    padding-right: var(--indent_sm);
  }
  .txt_left_sm{text-align: left;}
  .txt_center_sm{text-align: center;}
  .txt_right_sm{text-align: right;}
  /* displays */
  .hidden_sm{display: none;}
  .flex_sm{display: -webkit-box;display: -ms-flexbox;display: flex;}
  .inline_flex_sm{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
  .flex_column_sm{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .flex_row_sm{flex-direction: row;}
  .align_center_sm{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .space_between_sm{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .space_end_sm{justify-content: flex-end;}
  .grid_sm{display: -ms-grid;display: grid;}
  .justify_end_sm{justify-items: end;}
  .grid2col_sm{-ms-grid-columns: 1fr 1fr;grid-template-columns: 1fr 1fr;}
  .grid3col_sm{-ms-grid-columns: 1fr 1fr 1fr;grid-template-columns: 1fr 1fr 1fr;}
  .grid4col_sm{-ms-grid-columns: 1fr 1fr 1fr 1fr;grid-template-columns: 1fr 1fr 1fr 1fr;}
  .gap8px_sm{gap:8px;}
  .gap10px_sm{gap:10px;}
  .gap12px_sm{gap:12px;}
  .gap16px_sm{gap:16px;}
  .gap18px_sm{gap:18px;}
  .gap20px_sm{gap:20px;}
  .gap22px_sm{gap:22px;}
  .gap24px_sm{gap:24px;}
  .gap24px_sm{gap:24px;}
  .gap28px_sm{gap:28px;}
  .gap30px_sm{gap:30px;}
  .gap32px_sm{gap:32px;}
  .gap38px_sm{gap:38px;}
  .gap40px_sm{gap:40px;}
  .gap42px_sm{gap:42px;}
  .gap48px_sm{gap:48px;}
  .gap56px_sm{gap:56px;}
  .gap64px_sm{gap:64px;}
  .gap72px_sm{gap:72px;}
  .gap80px_sm{gap:80px;}
  .gap90px_sm{gap:90px;}
}
@media (min-width: 992px){
  .container{
    padding-left: var(--indent);
    padding-right: var(--indent);
  }
  /* spaces */
  .space0{margin-bottom: var(--space0_d)}
  .space1{margin-bottom: var(--space1_d)}
  .space2{margin-bottom: var(--space2_d)}
  .space3{margin-bottom: var(--space3_d)}
  .space4{margin-bottom: var(--space4_d)}
  .space5{margin-bottom: var(--space5_d)}
  .space6{margin-bottom: var(--space6_d)}
  .space7{margin-bottom: var(--space7_d)}
  .space8{margin-bottom: var(--space8_d)}
  .space9{margin-bottom: var(--space9_d)}
  .space10{margin-bottom: var(--space10_d)}
  .space11{margin-bottom: var(--space11_d)}
  .space12{margin-bottom: var(--space12_d)}
  .space13{margin-bottom: var(--space13_d)}
  .space14{margin-bottom: var(--space14_d)}
  .space15{margin-bottom: var(--space15_d)}
  .space16{margin-bottom: var(--space16_d)}
  .space17{margin-bottom: var(--space17_d)}
  .space18{margin-bottom: var(--space18_d)}
  /* corners */
  .corner4{border-radius: 8px}
  .corner5{border-radius: 10px}
  .corner6{border-radius: 16px}
  /* font sizes */
  .txt_promo{font-size: 64px}
  .h1{font-size: 52px}
  .h2{font-size: 32px}
  .h3{font-size: 24px}
  .h4{font-size: 18px}
  .txt{font-size: 18px}
  .txt_large{font-size: 20px}
  .txt_medium{font-size: 16px}
  .txt_small{font-size: 14px}
  .txt_small_caption{font-size: 12px}

  .txt_left_lg{text-align: left;}
  .txt_center_lg{text-align: center;}
  .txt_right_lg{text-align: right;}
  /*buttons*/
  .button{padding: 0 24px}
  .button_sub{font-size: 16px}
  .button_large{font-size: 22px; line-height: 56px;height: 56px;padding: 0 24px}
  .button_small{padding: 0 12px}
  .button_tertiary{
    line-height: normal;
    height: auto;
    padding: 0
  }
  /* displays */
  .hidden_lg{display: none;}
  .flex_lg{display: -webkit-box;display: -ms-flexbox;display: flex;}
  .inline_flex_lg{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
  .flex_column_lg{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
  .align_center_lg{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
  .space_between_lg{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
  .grid_lg{display: -ms-grid;display: grid;}
  .justify_end_lg{justify-items: end;}
  .grid2col_lg{-ms-grid-columns: 1fr 1fr;grid-template-columns: 1fr 1fr;}
  .grid3col_lg{-ms-grid-columns: 1fr 1fr 1fr;grid-template-columns: 1fr 1fr 1fr;}
  .grid2_1col_lg{-ms-grid-columns: 2fr 1fr;grid-template-columns: 2fr 1fr;}
  .grid4col_lg{-ms-grid-columns: 1fr 1fr 1fr 1fr;grid-template-columns: 1fr 1fr 1fr 1fr;}
  .gap0{gap: var(--space0_d)}
  .gap1{gap: var(--space1_d)}
  .gap2{gap: var(--space2_d)}
  .gap3{gap: var(--space3_d)}
  .gap4{gap: var(--space4_d)}
  .gap5{gap: var(--space5_d)}
  .gap6{gap: var(--space6_d)}
  .gap7{gap: var(--space7_d)}
  .gap8{gap: var(--space8_d)}
  .gap9{gap: var(--space9_d)}
  .gap10{gap: var(--space10_d)}
  .gap11{gap: var(--space11_d)}
  .gap12{gap: var(--space12_d)}
  .gap13{gap: var(--space13_d)}
  .gap14{gap: var(--space14_d)}
  .gap15{gap: var(--space15_d)}
  .gap16{gap: var(--space16_d)}
  .gap17{gap: var(--space17_d)}
  .gap18{gap: var(--space18_d)}
  .gap4px_lg{gap:4px;}
  .gap6px_lg{gap:6px;}
  .gap8px_lg{gap:8px;}
  .gap10px_lg{gap:10px;}
  .gap12px_lg{gap:12px;}
  .gap16px_lg{gap:16px;}
  .gap18px_lg{gap:18px;}
  .gap20px_lg{gap:20px;}
  .gap22px_lg{gap:22px;}
  .gap24px_lg{gap:24px;}
  .gap24px_lg{gap:24px;}
  .gap28px_lg{gap:28px;}
  .gap30px_lg{gap:30px;}
  .gap32px_lg{gap:32px;}
  .gap38px_lg{gap:38px;}
  .gap40px_lg{gap:40px;}
  .gap42px_lg{gap:42px;}
  .gap48px_lg{gap:48px;}
  .gap56px_lg{gap:56px;}
  .gap64px_lg{gap:64px;}
  .gap72px_lg{gap:72px;}
  .gap80px_lg{gap:80px;}
  .gap90px_lg{gap:90px;}
  /* corners */
  .corner4{border-radius: 12px}
  .corner5{border-radius: 16px}
  .corner6{border-radius: 24px}
  .corner7{border-radius: 32px}
  .corner8{border-radius: 48px}
  .corner9{border-radius: 64px}
  /*forms*/
  .form__input{  
    min-width: 280px;
  }
  .form__checkbox_content:before, .form__radio_circle {
    width: 24px;
    height: 24px;
  }
  .form__radio_wrap input:checked+.form__radio_content .form__radio_circle:before {
    width: 16px;
    height: 16px;
  }
  .form__toggle_circle {
    border-radius: 12px;
    width: 48px;
    height: 24px;
  }
  .form__toggle_circle::before {
    width: 16px;
    height: 16px;
    left: 4px;
    top: 4px;
  }
  .form__toggle_wrap input:checked + .form__toggle_content .form__toggle_circle::before {
    left: 28px;
  }


  .form__checkbox_content:before {
    border-radius: 8px;
  }
  .form__checkbox_content .form__checkbox_text, .form__radio_content .form__radio_text {
    min-height: 24px;
    line-height: 24px;
  }
}