/*--- figma styles ----*/
:root {
    --black: #000000FF;
    --element_about_name: #2659C7FF;
    --element_appinfo_bg: #F5F9FFFF;
    --element_appinfo_separator: #C9D8F7FF;
    --element_appinfo_text_1: #39526AFF;
    --element_appinfo_text_2: #768B9EFF;
    --element_arrow_hintstroke: #FFF2EEFF;
    --element_arrow_hinttext: #8A2303FF;
    --element_arrow_orange: #FF7043FF;
    --element_arthelp_bg_layer0: #FFFFFFFF;
    --element_arthelp_bg_layer1_gradientcomponent0: #DDF6FF99;
    --element_arthelp_bg_layer1_gradientcomponent1: #F6FBFFFF;
    --element_arthelp_button_nobgdef: #F7FBFF;
    --element_arthelp_button_nobghov: #E8F9FFFF;
    --element_arthelp_button_nobgpre: #D5F4FFFF;
    --element_arthelp_button_nostroke: #536894FF;
    --element_arthelp_button_yesbgdef: #F2FAF7FF;
    --element_arthelp_button_yesbghov: #E0F3ECFF;
    --element_arthelp_button_yesbgpre: #D4EDE4FF;
    --element_arthelp_button_yesstrokettext: #007A4D;
    --element_arthelp_stroke: #8AC3D6FF;
    --element_button_darkstroke: #008526FF;
    --element_button_default: #0DA137FF;
    --element_button_description: #797979;
    --element_button_descriptionlight: #EDEDEDFF;
    --element_button_hover: #10AF3DFF;
    --element_button_press_gradientcomponent0: #098E2FFF;
    --element_button_press_gradientcomponent1: #0AA94FFF;
    --element_button_stroke: #77FF9EFF;
    --element_code_bg: #F3F4F8FF;
    --element_code_bgcopied: #E9EFFFFF;
    --element_code_codetext: #222D35FF;
    --element_code_descriptext: #53658BFF;
    --element_code_headbg: #E1E5EDFF;
    --element_code_hint: #4D4D4DFF;
    --element_code_hintbg: #F5F7FCFF;
    --element_code_nintstroke: #9FAFD3FF;
    --element_code_point: #9094A5FF;
    --element_code_srokecopied: #CDD6EFFF;
    --element_code_stroke: #DBDFE8FF;
    --element_code_terminalicon: #3C5163FF;
    --element_contarticl___old_articlbg: #EEF5FFFF;
    --element_contarticl___old_articlbg2: #F7FBFFFF;
    --element_contarticl___old_articlstroke: #C9D8F7FF;
    --element_contarticl___old_contstroke: #96CCE8FF;
    --element_contarticl___old_header: #D9F2FFFF;
    --element_contarticl___old_icon: #1581BAFF;
    --element_contarticl___old_separator: #5BA5FAFF;
    --element_contarticl_articlink: #1647A6FF;
    --element_contarticl_bg: #F8FAFDFF;
    --element_contarticl_ctextactive: #0046CDFF;
    --element_contarticl_ctextdefault: #323458FF;
    --element_contarticl_default: #1647A6FF;
    --element_contarticl_separator: #E2E8F0FF;
    --element_contarticl_separatoractive: #0050E9FF;
    --element_contarticl_stroke: #E2EBFCFF;
    --element_contarticl_texthover: #000000FF;
    --element_darkblue: #323458FF;
    --element_linkedin: #1786BAFF;
    --element_note: #FFF9F0FF;
    --element_note_blue: #296AE6FF;
    --element_note_bluebg: #F9FBFFFF;
    --element_note_bluest: #CADAF9FF;
    --element_note_factbg_gradientcomponent0: #F6FDFEFF;
    --element_note_factbg_gradientcomponent1: #EDF6FFFF;
    --element_note_facticon: #90C2FCFF;
    --element_note_factstroke: #96CCE8FF;
    --element_note_green: #008538FF;
    --element_note_greenbg: #F0FEF5FF;
    --element_note_greenst: #C0EBDCFF;
    --element_note_readicon: #5B93FFFF;
    --element_note_readst: #296AE633;
    --element_note_text: #222D35FF;
    --element_note_yellow: #A85A00;
    --element_note_yellowbg_2: #FFFDF5;
    --element_note_yellowst_2: #FFE6C0FF;
    --element_screen_bg: #FBFCFFFF;
    --element_screen_stroke: #BDCFF5FF;
    --element_stroke: #AFBEDFFF;
    --element_table_headbg: #E8F3FFFF;
    --element_table_labelgr: #CFFFD0FF;
    --element_table_labelor: #FFEAD7FF;
    --element_table_labeltext: #3B3B3BFF;
    --element_table_markgr: #009C1AFF;
    --element_table_markor: #EA6004FF;
    --element_table_markstrokegr: #569967FF;
    --element_table_markstrokeor: #BC895DFF;
    --element_table_separator: #E5ECFAFF;
    --element_table_sidebarbg: #F7FAFFFF;
    --element_table_strokein: #D2E0FDFF;
    --element_table_strokeout: #D2E0FDFF;
    --element_thartcont_stroke: #BDCFF5D1;
    --element_thartcont_title: #536894FF;
    --element_thartcont_titlehover: #1D1E37FF;
    --element_contarticl_hover: #1157DE;
    --element_youtube: #FF0000FF;
    --focus: #4383FFFF;
    --header_by: #00000099;
    --header_header_background_back_1_gradientcomponent0: #EEF5FFFF;
    --header_header_background_back_1_gradientcomponent1: #A5E1E5FF;
    --header_header_background_back_2_gradientcomponent0: #F3FDFFFF;
    --header_header_background_back_2_gradientcomponent1: #44B1E9FF;
    --header_header_background_back_3_gradientcomponent0: #F6FBFFFF;
    --header_header_background_back_3_gradientcomponent1: #D4A3FFFF;
    --header_header_background_back_4_gradientcomponent0: #FFFCF7FF;
    --header_header_background_back_4_gradientcomponent1: #FF98DFFF;
    --header_info_layer0: #000000CC;
    --header_info_layer1: #00000033;
    --header_infoicon_layer0: #000000CC;
    --header_infoicon_layer1: #00000033;
    --header_share_separator_icons_layer0: #44444499;
    --header_share_separator_icons_layer1: #0000004D;
    --header_stroke: #00000026;
    --text_bradcrums_hover: #060714FF;
    --text_bradcrums_state: #323458FF;
    --text_colorlink: #0050E9FF;
    --text_hovercolorlink: #0039A6FF;
    --text_maincolourtext: #2A2B3DFF;
    --text_maincolourhover:  #252B99FF;
    --text_numberp: #273C67FF;
    --text_screentitle: #0B3071FF;
    --white: #FFFFFFFF;
}

.blog-style-v5.single-post main .app_info_subtitle {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .app_info_title {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

.blog-style-v5.single-post main .element_about_description {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.blog-style-v5.single-post main .element_about_expert {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.blog-style-v5.single-post main .element_about_name {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_appinfo_text {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_arthelpful_button {
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_arthelpful_title_1 {
    font-family: 'Public Sans', sans-serif;
    font-size: 17px;
    font-weight: 500;
}

.blog-style-v5.single-post main .element_arthelpful_title_2 {
    font-family: 'Public Sans', sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_banners_bottom_description {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_banners_bottom_subtitle {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.blog-style-v5.single-post main .element_banners_bottom_title {
    font-family: 'Public Sans', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
}

.blog-style-v5.single-post main .element_banners_bottom_title_2 {
    font-family: 'Public Sans', sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
}

.blog-style-v5.single-post main .element_banners_side_label {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post .element_banners_side_subtitle {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
}

.blog-style-v5.single-post .element_banners_side_title_1 {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
}

.blog-style-v5.single-post .element_banners_side_title_2 {
    font-family: 'Public Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
}

.blog-style-v5.single-post .element_banners_side_title_3 {
    font-family: 'Public Sans', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
}

.blog-style-v5.single-post main .element_button_big {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}

.blog-style-v5.single-post main .element_button_description {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
}

.blog-style-v5.single-post main .element_button_medium {
    font-family: 'Lato', sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
}

.blog-style-v5.single-post main .element_button_small {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}

.blog-style-v5.single-post main .element_button_subtext {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
}

.blog-style-v5.single-post main .element_contarticl___old_headline {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_contarticl___old_headline2 {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_contarticl___old_subtitle {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_contarticl___old_title {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_contarticl_title {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_copyhint {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 12px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_faq_subtitle {
    font-family: 'Public Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_faq_title {
    font-family: 'Public Sans', sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_notes_bold {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
}

.blog-style-v5.single-post main .element_notes_regular {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.blog-style-v5.single-post main .element_notes_titleread {
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 26px;
}

.blog-style-v5.single-post main .element_path_descripbold {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_path_descripmed {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_path_description {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
}

.blog-style-v5.single-post main .element_path_hint {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_screen_caption {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
}

.blog-style-v5.single-post main .element_screen_hint {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
}

.blog-style-v5.single-post main .element_table_headline {
    font-family: 'Public Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_table_label {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_table_regular_14 {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_table_rowtitle_1 {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_table_rowtitle_2 {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_table_rowtitle_3 {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_table_title_12 {
    font-family: 'Public Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_table_title_14 {
    font-family: 'Public Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_table_title_15 {
    font-family: 'Public Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_table_value {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_table_tbold_15 {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_table_tregular_15 {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_thartcont_title {
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .element_title {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

.blog-style-v5.single-post main .header_authorname {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.blog-style-v5.single-post main .header_title {
    font-family: 'Public Sans', sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .header_by {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .header_date {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .header_info {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .header_share {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .text_body_bold {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
}

.blog-style-v5.single-post main .text_body_link {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}

.blog-style-v5.single-post main .text_body_regular {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

.blog-style-v5.single-post main .text_codetext {
    font-family: 'SF Mono', 'Roboto', monospace;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .text_largetitle {
    font-family: 'Public Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
}

.blog-style-v5.single-post main .text_list_bold {
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 26px;
}

.blog-style-v5.single-post main .text_list_regular {
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
}

.blog-style-v5.single-post main .text_subtitle {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
}

.blog-style-v5.single-post main .text_title {
    font-family: 'Public Sans', sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
}

.blog-style-v5.single-post .text_h3 {
    font-family: 'Public Sans', sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	letter-spacing: 0.2px;
    color: var(--text_maincolourtext, #323458);
}

.blog-style-v5.single-post .text_h4 {
    font-family: 'Public Sans', sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 0.2px;
    color: var(--text_maincolourtext, #323458);
}

.blog-style-v5.single-post .element_notes_regular_italic {
    font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0.2px;
}

/*--- end figma styles ----*/

/*--- spacing ----*/
.single-post .point-point-bottom { margin-bottom: 8px!important; } 
.single-post .subtitle-pointList-bottom { margin-bottom: 10px!important; } 
.single-post .text-code-bottom { margin-bottom: 20px!important; } 
.single-post .text-list-bottom { margin-bottom: 16px!important; } 
.single-post .paragraph-bottom { margin-bottom: 18px!important; } 
.single-post .numberPoint-numberPoint-bottom { margin-bottom: 14px!important; } 
.single-post .title-text-bottom { margin-bottom: 20px!important; } 
.single-post .text-subtitle-bottom { margin-bottom: 20px!important; } 
.single-post .pointList-text-bottom { margin-bottom: 24px!important; } 
.single-post .code-text-bottom { margin-bottom: 24px!important; } 
.single-post .code-code-bottom { margin-bottom: 8px!important; } 
.single-post .pointNumber-element-bottom { margin-bottom: 24px!important; } 
.single-post .margin-button-bottom { margin-bottom: 30px!important; } 
.single-post .element-element-bottom { margin-bottom: 45px!important; } 
.single-post .separatorSpace-bottom { margin-bottom: 45px!important; } 
.single-post .point-point-top { margin-top: 8px!important; } 
.single-post .subtitle-pointList-top { margin-top: 10px!important; } 
.single-post .text-code-top { margin-top: 20px!important; } 
.single-post .text-list-top { margin-top: 16px!important; } 
.single-post .paragraph-top { margin-top: 18px!important; } 
.single-post .numberPoint-numberPoint-top { margin-top: 14px!important; } 
.single-post .title-text-top { margin-top: 20px!important; } 
.single-post .text-subtitle-top { margin-top: 20px!important; } 
.single-post .pointList-text-top { margin-top: 24px!important; } 
.single-post .code-text-top { margin-top: 24px!important; } 
.single-post .code-code-top { margin-top: 6px!important; } 
.single-post .pointNumber-element-top { margin-top: 24px!important; } 
.single-post .margin-button-top { margin-top: 30px!important; } 
.single-post .element-element-top { margin-top: 45px!important; } 
.single-post .separatorSpace-top { margin-top: 45px!important; } 
.single-post .text-readAlso-top { margin-top: 18px!important; } 
.single-post .text-readAlso-bottom { margin-bottom: 18px!important; } 
.single-post .readAlso-text-top { margin-top: 45px!important; } 
.single-post .readAlso-text-bottom { margin-bottom: 45px!important; } 
.single-post .text-note-top { margin-top: 45px!important; } 
.single-post .text-note-bottom { margin-bottom: 45px!important; } 
.single-post .note-text-top { margin-top: 45px!important; } 
.single-post .note-text-bottom { margin-bottom: 45px!important; } 
.single-post .text-terminal-top { margin-top: 20px!important; } 
.single-post .text-terminal-bottom { margin-bottom: 20px!important; } 
.single-post .terminal-terminal-top { margin-top: 14px!important; } 
.single-post .terminal-terminal-bottom { margin-bottom: 14px!important; } 
.single-post .terminal-text-top { margin-top: 45px!important; } 
.single-post .terminal-text-bottom { margin-bottom: 45px!important; } 
.single-post .subtitle-table-top { margin-top: 20px!important; } 
.single-post .subtitle-table-bottom { margin-bottom: 20px!important; } 
.single-post .text-fileList-top { margin-top: 14px!important; } 
.single-post .text-fileList-bottom { margin-bottom: 14px!important; } 
.single-post .picture-noteText-top { margin-top: 24px!important; } 
.single-post .picture-noteText-bottom { margin-bottom: 24px!important; } 
.single-post .noteText-picture-top { margin-top: 24px!important; } 
.single-post .noteText-picture-bottom { margin-bottom: 24px!important; } 


/*--- end spacing ----*/