:root { --xs:4px; --xsn:4px; --sm:8px; --smn:8px; --md:12px; --mdn:12px; --lg:16px; --lgn:16px; --xl:20px;-xln:20px; --xxl:24px; --xxln:24px; --no:0px; --red:#FF0000; --red_light:#f78374; --red_dark:#eb6756; --red_opt:#fbc6bf; --red_gradual:linear-gradient(45deg, #f43f3b, #ec008c); --border_red:1px solid #FF0000; --orange:#fdad4e; --orange_light:#febe72; --orange_dark:#f09e3d; --orange_opt:#fedeb8; --orange_gradual:linear-gradient(45deg, #ff9700, #ed1c24); --border_orange:1px solid #fdad4e; --yellow:#FFFF00; --yellow_light:#fef2ce; --border_yellow:1px solid #FFFF00; --green:#008000; --green_light:#00FFFF; --green_dark:#0dc2aa; --green_opt:#9fece2; --green_olive:#8dc63f; --green_gradual:linear-gradient(45deg, #39b54a, #8dc63f); --border_green:1px solid #008000; --cyan:#1cbbb4; --cyan_light:#d2f1f0; --border_cyan:1px solid #1cbbb4; --blue:#2495ff; --blue_light:#42a4ff; --blue_dark:#000080; --blue_opt:#a7d5ff; --blue_greys:#eef7ff; --blue_gradual:linear-gradient(45deg, #0081ff, #1cbbb4); --border_blue:1px solid #2495ff; --purple:#800080; --purple_light:#e1d7f0; --purple_opt:#ebd4ef; --purple_mauve:#9c26b0; --purple_gradual:linear-gradient(45deg, #9000ff, #5e00ff); --border_purple:1px solid #800080; --pink:#e03997; --pink_light:#f9d7ea; --pink_gradual:linear-gradient(45deg, #ec008c, #6739b6); --border_pink:1px solid #e03997; --brown:#333333; --brown_light:#ede1d9; --border_brown:1px solid #333333; --grey_999:#999; --grey:#8ba6c0; --grey_light:#e7ebed; --grey_stb:#e6ebf3; --grey_eee:#eee; --grey_ddd:#ddd; --grey_f0:#f0f0f0; --grey_f1:#f1f1f1; --grey_f5:#f5f5f5; --grey_f9:#f9f9f9; --grey_fa:#fafafa; --border_grey:1px solid #8ba6c0; --gray:#808080; --gray_light:#b6c9dc; --gray_dark:#7391ae; --gray_opt:#d1dbe6; --border_gray:1px solid #808080; --white:#ffffff; --border_white:1px solid #ffffff; --black:#000000; --border_black:1px solid #000000; --transparent_red:rgba(204, 69, 59, 0.2); --transparent_orange:rgba(217, 109, 26, 0.2); --transparent_yellow:rgba(224, 170, 7, 0.2); --transparent_green:rgba(48, 156, 63, 0.2); --transparent_cyan:rgba(28, 187, 180, 0.2); --transparent_blue:rgba(0, 102, 204, 0.2); --transparent_purple:rgba(88, 48, 156, 0.2); --transparent_pink:rgba(199, 50, 134, 0.2); --transparent_brown:rgba(140, 88, 53, 0.2); --transparent_grey:rgba(114, 130, 138, 0.2); --transparent_gray:rgba(114, 130, 138, 0.2); --transparent_black:rgba(26, 26, 26, 0.2);}
.mg_xs { margin: var(--xs) !important;}
.mgn_xs { margin: var(--xsn) !important;}
.mg_x_xs { margin-left: var(--xs) !important; margin-right: var(--xs) !important;}
.mgn_x_xs { margin-left: var(--xsn) !important; margin-right: var(--xsn) !important;}
.mg_y_xs { margin-top: var(--xs) !important; margin-bottom: var(--xs) !important;}
.mgn_y_xs { margin-top: var(--xsn) !important; margin-bottom: var(--xsn) !important;}
.mt_xs { margin-top: var(--xs) !important;}
.mtn_xs { margin-top: var(--xsn) !important;}
.mr_xs { margin-right: var(--xs) !important;}
.mrn_xs { margin-right: var(--xsn) !important;}
.mb_xs { margin-bottom: var(--xs) !important;}
.mbn_xs { margin-bottom: var(--xsn) !important;}
.ml_xs { margin-left: var(--xs) !important;}
.mln_xs { margin-left: var(--xsn) !important;}
.mg_sm { margin: var(--sm) !important;}
.mgn_sm { margin: var(--smn) !important;}
.mg_x_sm { margin-left: var(--sm) !important; margin-right: var(--sm) !important;}
.mgn_x_sm { margin-left: var(--smn) !important; margin-right: var(--smn) !important;}
.mg_y_sm { margin-top: var(--sm) !important; margin-bottom: var(--sm) !important;}
.mgn_y_sm { margin-top: var(--smn) !important; margin-bottom: var(--smn) !important;}
.mt_sm { margin-top: var(--sm) !important;}
.mtn_sm { margin-top: var(--smn) !important;}
.mr_sm { margin-right: var(--sm) !important;}
.mrn_sm { margin-right: var(--smn) !important;}
.mb_sm { margin-bottom: var(--sm) !important;}
.mbn_sm { margin-bottom: var(--smn) !important;}
.ml_sm { margin-left: var(--sm) !important;}
.mln_sm { margin-left: var(--smn) !important;}
.mg_md { margin: var(--md) !important;}
.mgn_md { margin: var(--mdn) !important;}
.mg_x_md { margin-left: var(--md) !important; margin-right: var(--md) !important;}
.mgn_x_md { margin-left: var(--mdn) !important; margin-right: var(--mdn) !important;}
.mg_y_md { margin-top: var(--md) !important; margin-bottom: var(--md) !important;}
.mgn_y_md { margin-top: var(--mdn) !important; margin-bottom: var(--mdn) !important;}
.mt_md { margin-top: var(--md) !important;}
.mtn_md { margin-top: var(--mdn) !important;}
.mr_md { margin-right: var(--md) !important;}
.mrn_md { margin-right: var(--mdn) !important;}
.mb_md { margin-bottom: var(--md) !important;}
.mbn_md { margin-bottom: var(--mdn) !important;}
.ml_md { margin-left: var(--md) !important;}
.mln_md { margin-left: var(--mdn) !important;}
.mg_lg { margin: var(--lg) !important;}
.mgn_lg { margin: var(--lgn) !important;}
.mg_x_lg { margin-left: var(--lg) !important; margin-right: var(--lg) !important;}
.mgn_x_lg { margin-left: var(--lgn) !important; margin-right: var(--lgn) !important;}
.mg_y_lg { margin-top: var(--lg) !important; margin-bottom: var(--lg) !important;}
.mgn_y_lg { margin-top: var(--lgn) !important; margin-bottom: var(--lgn) !important;}
.mt_lg { margin-top: var(--lg) !important;}
.mtn_lg { margin-top: var(--lgn) !important;}
.mr_lg { margin-right: var(--lg) !important;}
.mrn_lg { margin-right: var(--lgn) !important;}
.mb_lg { margin-bottom: var(--lg) !important;}
.mbn_lg { margin-bottom: var(--lgn) !important;}
.ml_lg { margin-left: var(--lg) !important;}
.mln_lg { margin-left: var(--lgn) !important;}
.mg_xl { margin: var(--xl) !important;}
.mgn_xl { margin: var(--xln) !important;}
.mg_x_xl { margin-left: var(--xl) !important; margin-right: var(--xl) !important;}
.mgn_x_xl { margin-left: var(--xln) !important; margin-right: var(--xln) !important;}
.mg_y_xl { margin-top: var(--xl) !important; margin-bottom: var(--xl) !important;}
.mgn_y_xl { margin-top: var(--xln) !important; margin-bottom: var(--xln) !important;}
.mt_xl { margin-top: var(--xl) !important;}
.mtn_xl { margin-top: var(--xln) !important;}
.mr_xl { margin-right: var(--xl) !important;}
.mrn_xl { margin-right: var(--xln) !important;}
.mb_xl { margin-bottom: var(--xl) !important;}
.mbn_xl { margin-bottom: var(--xln) !important;}
.ml_xl { margin-left: var(--xl) !important;}
.mln_xl { margin-left: var(--xln) !important;}
.mg_xxl { margin: var(--xxl) !important;}
.mgn_xxl { margin: var(--xxln) !important;}
.mg_x_xxl { margin-left: var(--xxl) !important; margin-right: var(--xxl) !important;}
.mgn_x_xxl { margin-left: var(--xxln) !important; margin-right: var(--xxln) !important;}
.mg_y_xxl { margin-top: var(--xxl) !important; margin-bottom: var(--xxl) !important;}
.mgn_y_xxl { margin-top: var(--xxln) !important; margin-bottom: var(--xxln) !important;}
.mt_xxl { margin-top: var(--xxl) !important;}
.mtn_xxl { margin-top: var(--xxln) !important;}
.mr_xxl { margin-right: var(--xxl) !important;}
.mrn_xxl { margin-right: var(--xxln) !important;}
.mb_xxl { margin-bottom: var(--xxl) !important;}
.mbn_xxl { margin-bottom: var(--xxln) !important;}
.ml_xxl { margin-left: var(--xxl) !important;}
.mln_xxl { margin-left: var(--xxln) !important;}
.mg_no { margin: var(--no) !important;}
.mg_x_no { margin-left: var(--no) !important; margin-right: var(--no) !important;}
.mg_y_no { margin-top: var(--no) !important; margin-bottom: var(--no) !important;}
.mt_no { margin-top: var(--no) !important;}
.mr_no { margin-right: var(--no) !important;}
.mb_no { margin-bottom: var(--no) !important;}
.ml_no { margin-left: var(--no) !important;}
.pd_xs { padding: var(--xs) !important;}
.pdn_xs { padding: var(--xsn) !important;}
.pd_x_xs { padding-left: var(--xs) !important; padding-right: var(--xs) !important;}
.pdn_x_xs { padding-left: var(--xsn) !important; padding-right: var(--xsn) !important;}
.pd_y_xs { padding-top: var(--xs) !important; padding-bottom: var(--xs) !important;}
.pdn_y_xs { padding-top: var(--xsn) !important; padding-bottom: var(--xsn) !important;}
.pt_xs { padding-top: var(--xs) !important;}
.ptn_xs { padding-top: var(--xsn) !important;}
.pr_xs { padding-right: var(--xs) !important;}
.prn_xs { padding-right: var(--xsn) !important;}
.pb_xs { padding-bottom: var(--xs) !important;}
.pbn_xs { padding-bottom: var(--xsn) !important;}
.pl_xs { padding-left: var(--xs) !important;}
.pln_xs { padding-left: var(--xsn) !important;}
.pd_sm { padding: var(--sm) !important;}
.pdn_sm { padding: var(--smn) !important;}
.pd_x_sm { padding-left: var(--sm) !important; padding-right: var(--sm) !important;}
.pdn_x_sm { padding-left: var(--smn) !important; padding-right: var(--smn) !important;}
.pd_y_sm { padding-top: var(--sm) !important; padding-bottom: var(--sm) !important;}
.pdn_y_sm { padding-top: var(--smn) !important; padding-bottom: var(--smn) !important;}
.pt_sm { padding-top: var(--sm) !important;}
.ptn_sm { padding-top: var(--smn) !important;}
.pr_sm { padding-right: var(--sm) !important;}
.prn_sm { padding-right: var(--smn) !important;}
.pb_sm { padding-bottom: var(--sm) !important;}
.pbn_sm { padding-bottom: var(--smn) !important;}
.pl_sm { padding-left: var(--sm) !important;}
.pln_sm { padding-left: var(--smn) !important;}
.pd_md { padding: var(--md) !important;}
.pdn_md { padding: var(--mdn) !important;}
.pd_x_md { padding-left: var(--md) !important; padding-right: var(--md) !important;}
.pdn_x_md { padding-left: var(--mdn) !important; padding-right: var(--mdn) !important;}
.pd_y_md { padding-top: var(--md) !important; padding-bottom: var(--md) !important;}
.pdn_y_md { padding-top: var(--mdn) !important; padding-bottom: var(--mdn) !important;}
.pt_md { padding-top: var(--md) !important;}
.ptn_md { padding-top: var(--mdn) !important;}
.pr_md { padding-right: var(--md) !important;}
.prn_md { padding-right: var(--mdn) !important;}
.pb_md { padding-bottom: var(--md) !important;}
.pbn_md { padding-bottom: var(--mdn) !important;}
.pl_md { padding-left: var(--md) !important;}
.pln_md { padding-left: var(--mdn) !important;}
.pd_lg { padding: var(--lg) !important;}
.pdn_lg { padding: var(--lgn) !important;}
.pd_x_lg { padding-left: var(--lg) !important; padding-right: var(--lg) !important;}
.pdn_x_lg { padding-left: var(--lgn) !important; padding-right: var(--lgn) !important;}
.pd_y_lg { padding-top: var(--lg) !important; padding-bottom: var(--lg) !important;}
.pdn_y_lg { padding-top: var(--lgn) !important; padding-bottom: var(--lgn) !important;}
.pt_lg { padding-top: var(--lg) !important;}
.ptn_lg { padding-top: var(--lgn) !important;}
.pr_lg { padding-right: var(--lg) !important;}
.prn_lg { padding-right: var(--lgn) !important;}
.pb_lg { padding-bottom: var(--lg) !important;}
.pbn_lg { padding-bottom: var(--lgn) !important;}
.pl_lg { padding-left: var(--lg) !important;}
.pln_lg { padding-left: var(--lgn) !important;}
.pd_xl { padding: var(--xl) !important;}
.pdn_xl { padding: var(--xln) !important;}
.pd_x_xl { padding-left: var(--xl) !important; padding-right: var(--xl) !important;}
.pdn_x_xl { padding-left: var(--xln) !important; padding-right: var(--xln) !important;}
.pd_y_xl { padding-top: var(--xl) !important; padding-bottom: var(--xl) !important;}
.pdn_y_xl { padding-top: var(--xln) !important; padding-bottom: var(--xln) !important;}
.pt_xl { padding-top: var(--xl) !important;}
.ptn_xl { padding-top: var(--xln) !important;}
.pr_xl { padding-right: var(--xl) !important;}
.prn_xl { padding-right: var(--xln) !important;}
.pb_xl { padding-bottom: var(--xl) !important;}
.pbn_xl { padding-bottom: var(--xln) !important;}
.pl_xl { padding-left: var(--xl) !important;}
.pln_xl { padding-left: var(--xln) !important;}
.pd_xxl { padding: var(--xxl) !important;}
.pdn_xxl { padding: var(--xxln) !important;}
.pd_x_xxl { padding-left: var(--xxl) !important; padding-right: var(--xxl) !important;}
.pdn_x_xxl { padding-left: var(--xxln) !important; padding-right: var(--xxln) !important;}
.pd_y_xxl { padding-top: var(--xxl) !important; padding-bottom: var(--xxl) !important;}
.pdn_y_xxl { padding-top: var(--xxln) !important; padding-bottom: var(--xxln) !important;}
.pt_xxl { padding-top: var(--xxl) !important;}
.ptn_xxl { padding-top: var(--xxln) !important;}
.pr_xxl { padding-right: var(--xxl) !important;}
.prn_xxl { padding-right: var(--xxln) !important;}
.pb_xxl { padding-bottom: var(--xxl) !important;}
.pbn_xxl { padding-bottom: var(--xxln) !important;}
.pl_xxl { padding-left: var(--xxl) !important;}
.pln_xxl { padding-left: var(--xxln) !important;}
.pd_no { padding: var(--no) !important;}
.pd_x_no { padding-left: var(--no) !important; padding-right: var(--no) !important;}
.pd_y_no { padding-top: var(--no) !important; padding-bottom: var(--no) !important;}
.pt_no { padding-top: var(--no) !important;}
.pr_no { padding-right: var(--no) !important;}
.pb_no { padding-bottom: var(--no) !important;}
.pl_no { padding-left: var(--no) !important;}
.bg_red { background-color: var(--red);}
.bc_red { border-color: var(--red);}
.fc_red { color: var(--red);}
.bg_red_light { background-color: var(--red_light);}
.bc_red_light { border-color: var(--red_light);}
.fc_red_light { color: var(--red_light);}
.bg_red_dark { background-color: var(--red_dark);}
.bc_red_dark { border-color: var(--red_dark);}
.fc_red_dark { color: var(--red_dark);}
.bg_red_opt { background-color: var(--red_opt);}
.bc_red_opt { border-color: var(--red_opt);}
.fc_red_opt { color: var(--red_opt);}
.bg_red_gradual { background-image: var(--red_gradual);}
.bd_red { border: 1px solid var(--red);}
.bg_orange { background-color: var(--orange);}
.bc_orange { border-color: var(--orange);}
.fc_orange { color: var(--orange);}
.bg_orange_light { background-color: var(--orange_light);}
.bc_orange_light { border-color: var(--orange_light);}
.fc_orange_light { color: var(--orange_light);}
.bg_orange_dark { background-color: var(--orange_dark);}
.bc_orange_dark { border-color: var(--orange_dark);}
.fc_orange_dark { color: var(--orange_dark);}
.bg_orange_opt { background-color: var(--orange_opt);}
.bc_orange_opt { border-color: var(--orange_opt);}
.fc_orange_opt { color: var(--orange_opt);}
.bg_orange_gradual { background-image: var(--orange_gradual);}
.bd_orange { border: 1px solid var(--orange);}
.bg_yellow { background-color: var(--yellow);}
.bc_yellow { border-color: var(--yellow);}
.fc_yellow { color: var(--yellow);}
.bg_yellow_light { background-color: var(--yellow_light);}
.bc_yellow_light { border-color: var(--yellow_light);}
.fc_yellow_light { color: var(--yellow_light);}
.bd_yellow { border: 1px solid var(--yellow);}
.bg_green { background-color: var(--green);}
.bc_green { border-color: var(--green);}
.fc_green { color: var(--green);}
.bg_green_light { background-color: var(--green_light);}
.bc_green_light { border-color: var(--green_light);}
.fc_green_light { color: var(--green_light);}
.bg_green_dark { background-color: var(--green_dark);}
.bc_green_dark { border-color: var(--green_dark);}
.fc_green_dark { color: var(--green_dark);}
.bg_green_opt { background-color: var(--green_opt);}
.bc_green_opt { border-color: var(--green_opt);}
.fc_green_opt { color: var(--green_opt);}
.bg_green_olive { background-color: var(--green_olive);}
.bc_green_olive { border-color: var(--green_olive);}
.fc_green_olive { color: var(--green_olive);}
.bg_green_gradual { background-image: var(--green_gradual);}
.bd_green { border: 1px solid var(--green);}
.bg_cyan { background-color: var(--cyan);}
.bc_cyan { border-color: var(--cyan);}
.fc_cyan { color: var(--cyan);}
.bg_cyan_light { background-color: var(--cyan_light);}
.bc_cyan_light { border-color: var(--cyan_light);}
.fc_cyan_light { color: var(--cyan_light);}
.bd_cyan { border: 1px solid var(--cyan);}
.bg_blue { background-color: var(--blue);}
.bc_blue { border-color: var(--blue);}
.fc_blue { color: var(--blue);}
.bg_blue_light { background-color: var(--blue_light);}
.bc_blue_light { border-color: var(--blue_light);}
.fc_blue_light { color: var(--blue_light);}
.bg_blue_dark { background-color: var(--blue_dark);}
.bc_blue_dark { border-color: var(--blue_dark);}
.fc_blue_dark { color: var(--blue_dark);}
.bg_blue_opt { background-color: var(--blue_opt);}
.bc_blue_opt { border-color: var(--blue_opt);}
.fc_blue_opt { color: var(--blue_opt);}
.bg_blue_greys { background-color: var(--blue_greys);}
.bc_blue_greys { border-color: var(--blue_greys);}
.fc_blue_greys { color: var(--blue_greys);}
.bg_blue_gradual { background-image: var(--blue_gradual);}
.bd_blue { border: 1px solid var(--blue);}
.bg_purple { background-color: var(--purple);}
.bc_purple { border-color: var(--purple);}
.fc_purple { color: var(--purple);}
.bg_purple_light { background-color: var(--purple_light);}
.bc_purple_light { border-color: var(--purple_light);}
.fc_purple_light { color: var(--purple_light);}
.bg_purple_opt { background-color: var(--purple_opt);}
.bc_purple_opt { border-color: var(--purple_opt);}
.fc_purple_opt { color: var(--purple_opt);}
.bg_purple_mauve { background-color: var(--purple_mauve);}
.bc_purple_mauve { border-color: var(--purple_mauve);}
.fc_purple_mauve { color: var(--purple_mauve);}
.bg_purple_gradual { background-image: var(--purple_gradual);}
.bd_purple { border: 1px solid var(--purple);}
.bg_pink { background-color: var(--pink);}
.bc_pink { border-color: var(--pink);}
.fc_pink { color: var(--pink);}
.bg_pink_light { background-color: var(--pink_light);}
.bc_pink_light { border-color: var(--pink_light);}
.fc_pink_light { color: var(--pink_light);}
.bg_pink_gradual { background-image: var(--pink_gradual);}
.bd_pink { border: 1px solid var(--pink);}
.bg_brown { background-color: var(--brown);}
.bc_brown { border-color: var(--brown);}
.fc_brown { color: var(--brown);}
.bg_brown_light { background-color: var(--brown_light);}
.bc_brown_light { border-color: var(--brown_light);}
.fc_brown_light { color: var(--brown_light);}
.bd_brown { border: 1px solid var(--brown);}
.bg_grey_999 { background-color: var(--grey_999);}
.bc_grey_999 { border-color: var(--grey_999);}
.fc_grey_999 { color: var(--grey_999);}
.bg_grey { background-color: var(--grey);}
.bc_grey { border-color: var(--grey);}
.fc_grey { color: var(--grey);}
.bg_grey_light { background-color: var(--grey_light);}
.bc_grey_light { border-color: var(--grey_light);}
.fc_grey_light { color: var(--grey_light);}
.bg_grey_stb { background-color: var(--grey_stb);}
.bc_grey_stb { border-color: var(--grey_stb);}
.fc_grey_stb { color: var(--grey_stb);}
.bg_grey_eee { background-color: var(--grey_eee);}
.bc_grey_eee { border-color: var(--grey_eee);}
.fc_grey_eee { color: var(--grey_eee);}
.bg_grey_ddd { background-color: var(--grey_ddd);}
.bc_grey_ddd { border-color: var(--grey_ddd);}
.fc_grey_ddd { color: var(--grey_ddd);}
.bg_grey_f0 { background-color: var(--grey_f0);}
.bc_grey_f0 { border-color: var(--grey_f0);}
.fc_grey_f0 { color: var(--grey_f0);}
.bg_grey_f1 { background-color: var(--grey_f1);}
.bc_grey_f1 { border-color: var(--grey_f1);}
.fc_grey_f1 { color: var(--grey_f1);}
.bg_grey_f5 { background-color: var(--grey_f5);}
.bc_grey_f5 { border-color: var(--grey_f5);}
.fc_grey_f5 { color: var(--grey_f5);}
.bg_grey_f9 { background-color: var(--grey_f9);}
.bc_grey_f9 { border-color: var(--grey_f9);}
.fc_grey_f9 { color: var(--grey_f9);}
.bg_grey_fa { background-color: var(--grey_fa);}
.bc_grey_fa { border-color: var(--grey_fa);}
.fc_grey_fa { color: var(--grey_fa);}
.bd_grey { border: 1px solid var(--grey);}
.bg_gray { background-color: var(--gray);}
.bc_gray { border-color: var(--gray);}
.fc_gray { color: var(--gray);}
.bg_gray_light { background-color: var(--gray_light);}
.bc_gray_light { border-color: var(--gray_light);}
.fc_gray_light { color: var(--gray_light);}
.bg_gray_dark { background-color: var(--gray_dark);}
.bc_gray_dark { border-color: var(--gray_dark);}
.fc_gray_dark { color: var(--gray_dark);}
.bg_gray_opt { background-color: var(--gray_opt);}
.bc_gray_opt { border-color: var(--gray_opt);}
.fc_gray_opt { color: var(--gray_opt);}
.bd_gray { border: 1px solid var(--gray);}
.bg_white { background-color: var(--white);}
.bc_white { border-color: var(--white);}
.fc_white { color: var(--white);}
.bd_white { border: 1px solid var(--white);}
.bg_black { background-color: var(--black);}
.bc_black { border-color: var(--black);}
.fc_black { color: var(--black);}
.bd_black { border: 1px solid var(--black);}
.bg_transparent_red { background-color: var(--transparent_red);}
.bg_transparent_orange { background-color: var(--transparent_orange);}
.bg_transparent_yellow { background-color: var(--transparent_yellow);}
.bg_transparent_green { background-color: var(--transparent_green);}
.bg_transparent_cyan { background-color: var(--transparent_cyan);}
.bg_transparent_blue { background-color: var(--transparent_blue);}
.bg_transparent_purple { background-color: var(--transparent_purple);}
.bg_transparent_pink { background-color: var(--transparent_pink);}
.bg_transparent_brown { background-color: var(--transparent_brown);}
.bg_transparent_grey { background-color: var(--transparent_grey);}
.bg_transparent_gray { background-color: var(--transparent_gray);}
.bg_transparent_black { background-color: var(--transparent_black);}
.bd_transparent { border: 1px solid var(--transparent);}