/*----- Theme variables starts -----*/
/*----- product themes variables start -----*/
/*----- product themes variables end -----*/
:root {
  --chatbar-height: 28px;
}
.zlearn-theme\:light {
  --alpha: 1;
  --grey0: hsl(227, 30%, 20%);
  --grey1: hsl(227, 15%, 40%);
  --grey2: hsl(227, 10%, 55%);
  --grey3: hsl(227, 10%, 70%);
  --grey4: hsl(227, 10%, 84%);
  --grey5: hsl(227, 10%, 90%);
  --grey6: hsl(227, 10%, 93%);
  --grey7-hsl: 227,10%,95%;
  --grey7: hsla(var(--grey7-hsl), var(--alpha));
  --grey8: hsl(227, 10%, 97%);
  --grey9-hsl: 227, 10%, 98%;
  --grey9: hsla(var(--grey9-hsl), var(--alpha));
  --grey10: hsl(227, 10%, 99%);
  --white-hsl: 0 ,0%, 100%;
  --white: hsla(var(--white-hsl), var(--alpha));
}
.zlearn-theme\:dark {
  --alpha: 1;
  --grey0: hsl(226, 15%, 85%);
  --grey1: hsl(226, 15%, 65%);
  --grey2: hsl(226, 15%, 55%);
  --grey3: hsl(226, 15%, 45%);
  --grey4: hsl(226, 15%, 33%);
  --grey5: hsl(226, 15%, 24%);
  --grey6: hsl(226, 15%, 15%);
  --grey7-hsl: 226,15%,6%;
  --grey7: hsla(var(--grey7-hsl), var(--alpha));
  --grey8: hsl(226, 15%, 7%);
  --grey9-hsl: 226, 15%, 9%;
  --grey9: hsla(var(--grey9-hsl), var(--alpha));
  --grey10: hsl(226, 15%, 4%);
  --white-hsl: 226 ,15%, 12%;
  --white: hsla(var(--white-hsl), var(--alpha));
  --product-accent-color-light: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.15);
}
@media (prefers-color-scheme: light) {
  .zlearn-theme\:os-default {
    --alpha: 1;
    --grey0: hsl(227, 30%, 20%);
    --grey1: hsl(227, 15%, 40%);
    --grey2: hsl(227, 10%, 55%);
    --grey3: hsl(227, 10%, 70%);
    --grey4: hsl(227, 10%, 84%);
    --grey5: hsl(227, 10%, 90%);
    --grey6: hsl(227, 10%, 93%);
    --grey7-hsl: 227,10%,95%;
    --grey7: hsla(var(--grey7-hsl), var(--alpha));
    --grey8: hsl(227, 10%, 97%);
    --grey9-hsl: 227, 10%, 98%;
    --grey9: hsla(var(--grey9-hsl), var(--alpha));
    --grey10: hsl(227, 10%, 99%);
    --white-hsl: 0 ,0%, 100%;
    --white: hsla(var(--white-hsl), var(--alpha));
  }
}
@media (prefers-color-scheme: dark) {
  .zlearn-theme\:os-default {
    --alpha: 1;
    --grey0: hsl(226, 15%, 85%);
    --grey1: hsl(226, 15%, 65%);
    --grey2: hsl(226, 15%, 55%);
    --grey3: hsl(226, 15%, 45%);
    --grey4: hsl(226, 15%, 33%);
    --grey5: hsl(226, 15%, 24%);
    --grey6: hsl(226, 15%, 15%);
    --grey7-hsl: 226,15%,6%;
    --grey7: hsla(var(--grey7-hsl), var(--alpha));
    --grey8: hsl(226, 15%, 7%);
    --grey9-hsl: 226, 15%, 9%;
    --grey9: hsla(var(--grey9-hsl), var(--alpha));
    --grey10: hsl(226, 15%, 4%);
    --white-hsl: 226 ,15%, 12%;
    --white: hsla(var(--white-hsl), var(--alpha));
    --product-accent-color-light: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.15);
  }
  .zlearn-theme\:os-default .zmNightMode .mc3a39902b_smsgheading:after,
  .zlearn-theme\:os-default .zmNightMode .mc22a33edb_wms_menu_header,
  .zlearn-theme\:os-default .zmNightMode .mc22a33edb_minimize_menu,
  .zlearn-theme\:os-default .zmNightMode .mc3a39902b_statusmessageholder input,
  .zlearn-theme\:os-default .zmNightMode .mcfa03eede_editsymbol,
  .zlearn-theme\:os-default .zmNightMode .mc854d52f3_toggler,
  .zlearn-theme\:os-default .zmNightMode .mc854d52f3_tonepickercontainer,
  .zlearn-theme\:os-default .zmNightMode .mc854d52f3_emojitonedisplay,
  .zlearn-theme\:os-default .zmNightMode .mc3e349ef4_header {
    border-color: var(--grey5);
  }
  .zlearn-theme\:os-default .zmNightMode .mc3a39902b_statustypeholder,
  .zlearn-theme\:os-default .zmNightMode .mc3a39902b_statusmessageholder,
  .zlearn-theme\:os-default .zmNightMode .mc899b863a_settingdropdown {
    border-color: var(--grey4);
  }
  .zlearn-theme\:os-default .zmNightMode .mc22a33edb_wms_menu_bar,
  .zlearn-theme\:os-default .zmNightMode .wms-chatwindowcontainer,
  .zlearn-theme\:os-default .zmNightMode .mc22a33edb_wms_menu,
  .zlearn-theme\:os-default .zmNightMode .mcfac29eb8_menu,
  .zlearn-theme\:os-default .zmNightMode .mc3a39902b_statusicondropdown,
  .zlearn-theme\:os-default .zmNightMode .mc3a39902b_statusmessagedropdown,
  .zlearn-theme\:os-default .zmNightMode.mcfa03eede_symbolPicker,
  .zlearn-theme\:os-default .zmNightMode .mc0a344e42_submenu {
    box-shadow: 0 0 0 1px var(--grey5);
  }
  .zlearn-theme\:os-default .zmNightMode .mc22a33edb_wms_menu_bar:after,
  .zlearn-theme\:os-default .zmNightMode .mc3e349ef4_header,
  .zlearn-theme\:os-default .zmNightMode .mc3e349ef4_actionitem .mc3e349ef4_actionname,
  .zlearn-theme\:os-default .zmNightMode .mc0a344e42_actionitem:hover .mc0a344e42_actionname,
  .zlearn-theme\:os-default .zmNightMode .mc0a344e42_actionitem:hover .mc0a344e42_submenu .mc0a344e42_actionname,
  .zlearn-theme\:os-default .zmNightMode .mc0a344e42_actionitem:hover .mc0a344e42_actionicon {
    background: none;
  }
  .zlearn-theme\:os-default .zmNightMode .mc22a33edb_wms_menu .mc22a33edb_quickaction_menu {
    border: none;
  }
  .zlearn-theme\:os-default .zmNightMode .mc22a33edb_wms_menu .mc3a39902b_statusmessageitem:hover,
  .zlearn-theme\:os-default .zmNightMode .mc22a33edb_wms_menu .mc3a39902b_statuselement:hover .mc3a39902b_quickstatusiconholder:not(.mc3a39902b_activestatusicon),
  .zlearn-theme\:os-default .zmNightMode .mc22a33edb_wms_menu .mc3a39902b_timeDropdownItem:hover,
  .zlearn-theme\:os-default .zmNightMode .mc22a33edb_wms_menu .mc3e349ef4_actionitem:hover,
  .zlearn-theme\:os-default .zmNightMode .mc22a33edb_wms_menu .mc0a344e42_actionitem:hover {
    background-color: var(--wms-listhoverbg-colorcode);
  }
  .zlearn-theme\:os-default .zmNightMode .mc3a39902b_smsgheading,
  .zlearn-theme\:os-default .zmNightMode .mc3a39902b_statusmessagedropdown,
  .zlearn-theme\:os-default .zmNightMode .mc854d52f3_header,
  .zlearn-theme\:os-default .zmNightMode .mc22a33edb_wms_menu_bar,
  .zlearn-theme\:os-default .zmNightMode .mc0a344e42_actionname,
  .zlearn-theme\:os-default .zmNightMode .mc0a344e42_header,
  .zlearn-theme\:os-default .zmNightMode .mc3a39902b_statusmessageholder input {
    color: var(--wms-primary-text-colorcode);
  }
  .zlearn-theme\:os-default .zmNightMode .mc22a33edb_wms_menu_searchwrapper,
  .zlearn-theme\:os-default .zmNightMode .mc22a33edb_wms_menu_searchinput,
  .zlearn-theme\:os-default .zmNightMode .mcfac29eb8_menu,
  .zlearn-theme\:os-default .zmNightMode .mc3a39902b_statustypeholder,
  .zlearn-theme\:os-default .zmNightMode .mc3a39902b_statustypeholder > *,
  .zlearn-theme\:os-default .zmNightMode .mc3a39902b_statusmessageholder,
  .zlearn-theme\:os-default .zmNightMode .mc3a39902b_statusmessageholder > *,
  .zlearn-theme\:os-default .zmNightMode .mc899b863a_header,
  .zlearn-theme\:os-default .zmNightMode.mcfa03eede_symbolPicker,
  .zlearn-theme\:os-default .zmNightMode .mc0a344e42_submenu,
  .zlearn-theme\:os-default .zmNightMode .mc899b863a_settingdropdown,
  .zlearn-theme\:os-default .zmNightMode .mc22a33edb_wms_cliq_header:hover,
  .zlearn-theme\:os-default .zmNightMode .mc07a5d35a_header {
    background-color: var(--white) !important;
  }
  .zlearn-theme\:os-default .zmNightMode .mc22a33edb_wms_menu_userstatus,
  .zlearn-theme\:os-default .zmNightMode .mc0a344e42_actionicon,
  .zlearn-theme\:os-default .zmNightMode .mc0a344e42_submenuicon,
  .zlearn-theme\:os-default .zmNightMode .mc0a344e42_redirectLink:after,
  .zlearn-theme\:os-default .zmNightMode .mc3a39902b_statusmessagetoggle:after,
  .zlearn-theme\:os-default .zmNightMode .mc3a39902b_statustypetoggle:after {
    color: var(--wms-icon-color);
  }
  .zlearn-theme\:os-default .zmNightMode .mc899b863a_heading,
  .zlearn-theme\:os-default .zmNightMode .mc0a344e42_header,
  .zlearn-theme\:os-default .zmNightMode .mc22a33edb_wms_chats_filter_tabs:not(.mc22a33edb_active) {
    background-color: var(--grey9);
  }
  .zlearn-theme\:os-default .zmNightMode ::placeholder {
    color: var(--grey3);
  }
}
/* grey color style */
/* grey color style */
/* green | yellow | blue | red | orange | lavender hsl() color style starts */
/* green | yellow | blue | red | orange | lavender hsl() color style starts */
/* White color style starts */
/* White color style end */
/* Black color style starts */
/* Black color style end */
/* Grey | White | Black | Green | Red | Yellow | Blue | Orange (Background, Border, Text, Icon) color style starts*/
/* Temp style */
/* Manual header bg temp style */
/* Manual header bg temp style */
/* Sky blue */
/* Blue */
/* Pink */
/* Orange */
/* Green */
/* Yellow */
/* Purple */
/* Lavender */
/* Aqua */
/* Temp style */
/* Grey | White | Black | Green | Red | Yellow | Blue | Orange (Background, Border, Text, Icon) color style starts*/
/* primary color */
/* primary color */
/* Manual header theme colors */
/* Manual header theme colors */
/*----- Theme variables end -----*/
/*---- Font weight variables starts ----*/
/*---- Font weight variables end ----*/
/*---- Font size variables starts ----*/
/*---- Font size variables end ----*/
.z-input-focus {
  box-shadow: 0 0 0 2px var(--input-focus-color);
}
.z-input-focus-within {
  box-shadow: 0 0 0 2px var(--input-focus-color);
  border-color: transparent;
  background-color: var(--white);
}
/*---- Font family variables starts ----*/
@font-face {
  font-family: 'zoho-puvi';
  src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Light.eot');
  src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Light.eot') format('embedded-opentype'), url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Light.woff2') format('woff2'), url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'zoho-puvi';
  src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.eot');
  src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.eot') format('embedded-opentype'), url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2') format('woff2'), url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'zoho-puvi';
  src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.eot');
  src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.eot') format('embedded-opentype'), url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.woff2') format('woff2'), url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'zoho-puvi';
  src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Semibold.eot');
  src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Semibold.eot') format('embedded-opentype'), url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Semibold.woff2') format('woff2'), url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Semibold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'zoho-puvi';
  src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold.eot');
  src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold.eot') format('embedded-opentype'), url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold.woff2') format('woff2'), url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'zoho-puvi';
  src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extrabold.eot');
  src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extrabold.eot') format('embedded-opentype'), url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extrabold.woff2') format('woff2'), url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extrabold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'zoho-puvi';
  src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Black.eot');
  src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Black.eot') format('embedded-opentype'), url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Black.woff2') format('woff2'), url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'zoho-puvi';
  src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extrablack.eot');
  src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extrablack.eot') format('embedded-opentype'), url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extrablack.woff2') format('woff2'), url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extrablack.otf') format('opentype');
  font-weight: 1000;
  font-style: normal;
  font-display: swap;
}
/* Webfont: LatoLatin-Regular */
@font-face {
  font-family: 'LatoLatin';
  src: url('../fonts/LatoLatin-light.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/LatoLatin-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/LatoLatin-light.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/LatoLatin-light.woff') format('woff'), /* Modern Browsers */ url('../fonts/LatoLatin-light.ttf') format('truetype');
  font-style: normal;
  font-weight: 300;
}
/* Webfont: LatoLatin-Regular */
@font-face {
  font-family: 'LatoLatin';
  src: url('../fonts/LatoLatin-Regular.6cfad5881181ae658a6efdd68889a690.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/LatoLatin-Regular.6cfad5881181ae658a6efdd68889a690.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/LatoLatin-Regular.3cd36578026d6c12eddf9a5c671a251d.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/LatoLatin-Regular.586ec8dc57c264cffafa044f8603e7bb.woff') format('woff'), /* Modern Browsers */ url('../fonts/LatoLatin-Regular.c305a828efdfe8d0e57a840028d3c289.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}
/* Webfont: LatoLatin-Medium */
@font-face {
  font-family: 'LatoLatin';
  src: url('../fonts/LatoLatin-Medium.195de9cbebe8ebcb6ae7232017c61906.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/LatoLatin-Medium.195de9cbebe8ebcb6ae7232017c61906.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/LatoLatin-Medium.ba687a5dc3dbbc777acb2eb404870278.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/LatoLatin-Medium.4aecd87d87ad3f58dbc553ad0c42ea22.woff') format('woff'), /* Modern Browsers */ url('../fonts/LatoLatin-Medium.fe06e5d5fbc7f65b83a2830358676e6d.ttf') format('truetype');
  font-style: normal;
  font-weight: 500;
}
/* Webfont: LatoLatin-Semibold */
@font-face {
  font-family: 'LatoLatin';
  src: url('../fonts/LatoLatin-Semibold.b683c54b2bc1bf989c5f7e6f2b3536e2.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/LatoLatin-Semibold.b683c54b2bc1bf989c5f7e6f2b3536e2.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/LatoLatin-Semibold.008763cc6182e2b7ea62dbc99d8cc563.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/LatoLatin-Semibold.ec130592e6a00b00613ea608a0a06ea8.woff') format('woff'), /* Modern Browsers */ url('../fonts/LatoLatin-Semibold.b3831fa0a2596da983ef2317cc45acfe.ttf') format('truetype');
  font-style: normal;
  font-weight: 600;
}
/* Webfont: LatoLatin-Bold */
@font-face {
  font-family: 'LatoLatin';
  src: url('../fonts/LatoLatin-Bold.86f41d54c4fa52ecfcae6204c03e4782.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/LatoLatin-Bold.86f41d54c4fa52ecfcae6204c03e4782.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/LatoLatin-Bold.3ff66ada9b57d10c17e415222486ec21.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/LatoLatin-Bold.f323edeea9058ded98148eefffb1794a.woff') format('woff'), /* Modern Browsers */ url('../fonts/LatoLatin-Bold.20ee9bd18996dbf668b6585cf59a6bed.ttf') format('truetype');
  font-style: normal;
  font-weight: bold;
}
/* Webfont: LatoLatin-Black */
@font-face {
  font-family: 'LatoLatin';
  src: url('../fonts/LatoLatin-Black.ad3a6cf7d73d0ee8746a622078633e88.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/LatoLatin-Black.ad3a6cf7d73d0ee8746a622078633e88.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/LatoLatin-Black.8534d15fb255bd1d402ab8681d9dd70c.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/LatoLatin-Black.052fee1f65013cdb90c0f81032eca95a.woff') format('woff'), /* Modern Browsers */ url('../fonts/LatoLatin-Black.3dc3ee7177ed30347e19f60c75524e2a.ttf') format('truetype');
  font-style: normal;
  font-weight: 900;
}
/* Webfont: Marriweater-Bold */
@font-face {
  font-family: 'Merriweather';
  src: url('../fonts/Merriweather-Bold.5fedc45871f86bea5669ce2adc3e417c.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/Merriweather-Bold.5fedc45871f86bea5669ce2adc3e417c.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Merriweather-Bold.bcbb55c490c04d24744feb1708b87b01.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/Merriweather-Bold.48032a12b09e8c59bccf90a357f809af.woff') format('woff'), /* Modern Browsers */ url('../fonts/Merriweather-Bold.6e89b3f73379a903e5b307071fcc2198.ttf') format('truetype');
  font-style: normal;
  font-weight: bold;
}
/* Webfont: Marriweater */
@font-face {
  font-family: 'Merriweather';
  src: url('../fonts/Merriweather.7827ca2a06422d1adbd7189d49360315.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/Merriweather.7827ca2a06422d1adbd7189d49360315.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Merriweather.90cdd34c869f2b80bcd07e3c7b40a03c.woff2') format('woff2'), /* Modern Browsers */ url('../fonts/Merriweather.54fabe1248e9ab493f72a806f8aa2f2c.woff') format('woff'), /* Modern Browsers */ url('../fonts/Merriweather.5ebc5d4d621ddc38671b119e8b812771.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}
.z-font\:serif {
  font-family: "merriweather", LatoLatin, sans-serif;
}
/*---- Font family variables end ----*/
.z-transition3 {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.z-transition2 {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.z-transition1 {
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
}
.ztransition0 {
  transition: none;
}
/* ----- Reset style start ----- */
html {
  font-size: 62.5%;
}
body {
  background: var(--white);
  font: 1.5rem/1.5 "LatoLatin", sans-serif;
  -webkit-text-size-adjust: 100%;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  -webkit-font-smoothing: subpixel-antialiased;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: var(--grey0);
  margin-bottom: var(--chatbar-height);
  overscroll-behavior: none;
}
.reset\:ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.reset\:btn {
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
  display: inline-flex;
  flex-shrink: 0;
  color: inherit;
}
.reset\:btn.zln-disabled,
.reset\:btn.z-disabled {
  color: var(--grey3);
  pointer-events: none;
}
.reset\:btn.zln-disabled .z-ico,
.reset\:btn.z-disabled .z-ico {
  stroke: var(--grey4);
}
.reset\:input {
  border: none;
  font-family: inherit;
  outline: none;
  background-color: transparent;
}
.reset\:input:focus {
  outline: none;
  box-shadow: none;
}
.reset\:input::placeholder {
  color: var(--grey3);
}
.reset\:textarea {
  resize: none;
  box-shadow: none;
  outline: none;
  font-family: inherit;
  box-sizing: border-box;
  background-color: transparent;
}
.reset\:textarea:focus {
  outline: none;
  box-shadow: none;
}
.reset\:textarea::placeholder {
  color: var(--grey3);
}
.reset\:link {
  color: inherit;
  text-decoration: none;
}
:is(input,select) {
  appearance: none;
}
::selection {
  background-color: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 25%), var(--accent-a));
}
.zlearn-theme\:dark ,
.zlearn-os\:dark  {
  scrollbar-color: dark;
  color-scheme: dark;
}
.zlearn-theme\:dark  ::selection,
.zlearn-os\:dark  ::selection {
  background-color: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 20%), var(--accent-a));
  color: hsl(0, 0%, 100%);
}
/* ----- Reset style end ----- */
/* ----- Input text | Checkbox | Radio | style start ----- */
.zln-select-option {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
}
.zln-select-option.zln-disabled,
.zln-select-option.z-disabled {
  color: var(--grey3);
  pointer-events: none;
}
.zln-select-option.zln-disabled input,
.zln-select-option.z-disabled input {
  background-color: var(--grey5);
  border-color: var(--grey4);
}
.zln-select-option.zln-disabled input[type="checkbox"]:checked,
.zln-select-option.z-disabled input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl(227, 10%, 60%)' %3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
}
.zln-option-wrapper .zln-select-option {
  align-items: normal;
  flex-grow: 1;
}
.zln-option-wrapper .zln-active {
  border-color: transparent;
  border-radius: 5px;
  box-shadow: 0px 0px 0px 2px var(--product-accent-color);
}
.zln-option-wrapper .zln-active:hover {
  background-color: transparent;
}
.zln-option-wrapper.zln-group-option.zln-active {
  --accent-l: 98%;
  /* background-color: @accentcolor-light;*/
}
.zln-option-wrapper.zln-group-option.zln-active .z-txt\:grey2 {
  color: var(--product-accent-color);
}
.zln-option-wrapper.zln-group-option.zln-active:first-of-type {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.zln-option-wrapper.zln-group-option.zln-active:last-of-type {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.zln-option-wrapper.zln-group-option > li:first-of-type .zln-active {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.zln-option-wrapper.zln-group-option > li:last-of-type .zln-active {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
/* Input container style starts */
.zln-input-container {
  border: 1px solid var(--grey4);
  background-color: var(--white);
  color: var(--grey2);
  border-radius: 4px;
  outline: none;
  transition: outline 0.1s;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.03);
}
.zln-input-container:focus-within {
  border-color: transparent;
  box-shadow: 0 0 0 2px var(--input-focus-color);
}
.zln-input-container .z-user-icon {
  fill: var(--grey2);
  stroke-width: 2.5;
}
.zln-input-container .zln-shortcut-key {
  padding: 3px 7px;
  color: var(--grey2);
  border: 1px solid var(--grey4);
  border-radius: 3px;
  font-size: 1.3rem;
  font-family: inherit;
  user-select: none;
}
.zln-value-criteria {
  color: var(--grey2);
  background-color: var(--grey8);
}
.zln-value-criteria .z-ico {
  stroke: var(--grey3);
}
.zln-value-criteria:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.zln-value-criteria:not(:first-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.zln-disabled-all.zln-disabled-all {
  background-color: var(--grey7);
  border-color: var(--grey4);
  color: var(--grey3);
  pointer-events: none;
  box-shadow: none;
}
.zln-disabled-all.zln-disabled-all * {
  background-color: var(--grey7);
  border-color: var(--grey4);
  color: var(--grey3);
  stroke: var(--grey3);
  fill: var(--grey3);
}
.zln-disabled-all.zln-disabled-all zlearn-avatar img {
  filter: grayscale(1);
}
/* Input container style end */
/* ----- Input text | Checkbox | Radio | style end ----- */
/* ----- Toggle button style starts ----- */
.zln-toggle {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
.zln-toggle input {
  display: none;
}
.zln-toggle .zln-toggle-state {
  display: inline-flex;
  padding: 2px;
  border-radius: 30px;
  border: 1px solid var(--grey4);
  background-color: var(--grey5);
  width: 40px;
  cursor: pointer;
}
.zln-toggle .zln-toggle-state .zln-toggle-btn {
  display: inline-flex;
  width: 8px;
  height: 8px;
  padding: 4px;
  background-color: hsl(0, 0%, 100%);
  border-radius: 100%;
  transition: all 0.2s ease-in-out;
  transform: translateX(0);
  border: 1px solid var(--grey4);
}
.zln-toggle.type\:outline .zln-toggle-state {
  background-color: var(--white);
  border-color: var(--grey1);
  padding: 3px;
}
.zln-toggle.type\:outline .zln-toggle-state .zln-toggle-btn {
  background-color: var(--grey1);
  border-color: var(--grey1);
}
.zln-toggle.type\:text .zln-toggle-state {
  align-items: center;
  position: relative;
  width: auto;
  height: 16px;
  padding: 4px;
  font-size: 1.3rem;
  font-weight: 500;
  text-transform: capitalize;
  white-space: nowrap;
}
.zln-toggle.type\:text .zln-toggle-state::before {
  content: attr(off-data);
  padding-left: 22px;
  padding-right: 10px;
}
.zln-toggle.type\:text .zln-toggle-state::after {
  display: none;
  content: attr(on-data);
  color: hsl(0, 0%, 100%);
  padding-right: 22px;
  padding-left: 10px;
}
.zln-toggle.type\:text .zln-toggle-state .zln-toggle-btn {
  position: absolute;
  transform: none;
  left: 4px;
  top: 50%;
  margin-top: -9px;
}
.zln-toggle.type\:icon .zln-toggle-btn {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='hsl(227,15%,40%)' stroke-width='2.5' viewBox='-4 -4 32 32' xmlns='http://www.w3.org/2000/svg' aria-toggle-input='true'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 18L18 6M6 6l12 12'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.zln-toggle.type\:icon.type\:outline input:checked ~ .zln-toggle-btn {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='white' stroke-width='2.5' viewBox='-4 -4 32 32' xmlns='http://www.w3.org/2000/svg' aria-toggle-input='true'%3E%3Cpath fill='none' stroke-linecap='round' stroke-linejoin='round' d='M5 13l4 4L19 7'%3E%3C/path%3E%3C/svg%3E");
}
.zln-toggle.size\:small .zln-toggle-state {
  width: 38px;
}
.zln-toggle.size\:small .zln-toggle-btn {
  padding: 3px;
}
.zln-toggle.size\:small.type\:text .zln-toggle-state {
  width: auto;
  height: 14px;
}
.zln-toggle.size\:small.type\:text .zln-toggle-state::before {
  padding-left: 20px;
}
.zln-toggle.size\:small.type\:text .zln-toggle-state::after {
  padding-right: 20px;
}
.zln-toggle.size\:small.type\:text .zln-toggle-btn {
  margin-top: -8px;
}
.zln-toggle.size\:medium .zln-toggle-state {
  width: 42px;
}
.zln-toggle.size\:medium .zln-toggle-btn {
  padding: 5px;
}
.zln-toggle.size\:medium.type\:text .zln-toggle-state {
  width: auto;
  height: 20px;
  font-size: 1.4rem;
}
.zln-toggle.size\:medium.type\:text .zln-toggle-state::before {
  padding-left: 24px;
}
.zln-toggle.size\:medium.type\:text .zln-toggle-state::after {
  padding-right: 24px;
}
.zln-toggle.size\:medium.type\:text .zln-toggle-btn {
  margin-top: -10px;
}
.z-toggle-hide:checked ~ .zln-toggle-state {
  background-color: var(--product-accent-color);
  border-color: var(--product-accent-color);
}
.type\:outline .z-toggle-hide:checked ~ .zln-toggle-state {
  background-color: var(--grey10);
}
.type\:text .z-toggle-hide:checked ~ .zln-toggle-state::before {
  display: none;
}
.type\:text .z-toggle-hide:checked ~ .zln-toggle-state::after {
  display: inline-block;
}
.type\:text.type\:outline .z-toggle-hide:checked ~ .zln-toggle-state::after {
  color: var(--product-accent-color);
}
.z-toggle-hide:checked ~ .zln-toggle-state .zln-toggle-btn {
  transform: translateX(22px);
  border-color: var(--product-accent-color);
}
.zln-direction\:rtl .z-toggle-hide:checked ~ .zln-toggle-state .zln-toggle-btn {
  transform: translateX(-22px);
}
.zln-direction\:rtl .z-toggle-hide:checked ~ .zln-toggle-state .zln-toggle-btn {
  transform: translateX(-22px);
}
.type\:outline .z-toggle-hide:checked ~ .zln-toggle-state .zln-toggle-btn {
  background-color: var(--product-accent-color);
}
.type\:text .z-toggle-hide:checked ~ .zln-toggle-state .zln-toggle-btn {
  transform: none;
  left: calc(100% - 22px);
}
.type\:text.size\:small .z-toggle-hide:checked ~ .zln-toggle-state .zln-toggle-btn {
  left: calc(100% - 20px);
}
.type\:text.size\:medium .z-toggle-hide:checked ~ .zln-toggle-state .zln-toggle-btn {
  left: calc(100% - 24px);
}
.type\:icon .z-toggle-hide:checked ~ .zln-toggle-state .zln-toggle-btn {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='hsl(227,15%,40%)' stroke-width='2.5' viewBox='-4 -4 32 32' xmlns='http://www.w3.org/2000/svg' aria-toggle-input='true'%3E%3Cpath fill='none' stroke-linecap='round' stroke-linejoin='round' d='M5 13l4 4L19 7'%3E%3C/path%3E%3C/svg%3E");
}
.type\:outline.type\:icon .z-toggle-hide:checked ~ .zln-toggle-state .zln-toggle-btn {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='white' stroke-width='2.5' viewBox='-4 -4 32 32' xmlns='http://www.w3.org/2000/svg' aria-toggle-input='true'%3E%3Cpath fill='none' stroke-linecap='round' stroke-linejoin='round' d='M5 13l4 4L19 7'%3E%3C/path%3E%3C/svg%3E");
}
.z-toggle-hide.tone\:dark:checked ~ .zln-toggle-state {
  background-color: var(--grey0);
  border-color: var(--grey0);
}
.z-toggle-hide.tone\:dark:checked ~ .zln-toggle-state .zln-toggle-btn {
  border-color: var(--grey0);
}
.z-toggle-hide:disabled ~ .zln-toggle-state {
  cursor: default;
}
/* ----- Toggle button style end ----- */
/* ----- Dropdown starts ----- */
.zln-dropdown {
  position: absolute;
  background-color: var(--white);
  border-radius: 3px;
  box-sizing: border-box;
  border: 1px solid var(--grey5);
  box-shadow: 0 8px 16px rgba(27, 39, 51, 0.12);
  z-index: 2;
  user-select: none;
}
.zln-dropdown.type\:loop-list {
  padding: 10px 0;
  list-style: none;
}
.zln-dropdown.type\:loop-list > * {
  gap: 10px;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.zln-dropdown.type\:loop-list > *:hover {
  background-color: var(--grey7);
}
.zln-dropdown.type\:loop-list > *.hover\:no-hover:hover {
  background-color: transparent;
  cursor: default;
}
.zln-dropdown.type\:loop-list .zln-list-title {
  cursor: default;
  color: var(--grey2);
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-weight: 600;
}
.zln-dropdown.type\:loop-list .zln-list-title:hover {
  background-color: transparent;
  color: var(--grey2);
}
.zln-dropdown.type\:loop-link {
  padding: 10px 0;
  list-style: none;
}
.zln-dropdown.type\:loop-link a {
  gap: 10px;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.zln-dropdown.type\:loop-link a.ui-state-focus,
.zln-dropdown.type\:loop-link a:hover {
  background-color: var(--grey7);
}
.zln-dropdown.type\:loop-link a.hover\:no-hover:hover {
  background-color: transparent;
  cursor: default;
}
.zln-dropdown.type\:loop-link .zln-list-title {
  cursor: default;
  color: var(--grey2);
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-weight: 600;
  padding: 10px 20px;
}
.zln-dropdown.type\:loop-link .zln-list-title:hover {
  background-color: transparent;
  color: var(--grey2);
}
.zlearn-os\:dark .zln-dropdown,
.zlearn-theme\:dark .zln-dropdown {
  box-shadow: 0 6px 20px #0a0c16;
}
.zln-dropdown.arrow\:tl::before,
.zln-dropdown.arrow\:tr::before,
.zln-dropdown.arrow\:bl::before,
.zln-dropdown.arrow\:br::before,
.zln-dropdown.arrow\:l::before,
.zln-dropdown.arrow\:r::before {
  content: "";
  position: absolute;
  display: block;
  border: 5px solid var(--white);
  transform: rotate(45deg);
  color: var(--grey5);
}
.zln-dropdown.arrow\:tl.theme\:warning::before,
.zln-dropdown.arrow\:tr.theme\:warning::before,
.zln-dropdown.arrow\:bl.theme\:warning::before,
.zln-dropdown.arrow\:br.theme\:warning::before,
.zln-dropdown.arrow\:l.theme\:warning::before,
.zln-dropdown.arrow\:r.theme\:warning::before {
  border-color: hsl(42, 100%, 95%);
  color: hsl(42, 89%, 51%);
}
.zln-dropdown.arrow\:tl.theme\:error::before,
.zln-dropdown.arrow\:tr.theme\:error::before,
.zln-dropdown.arrow\:bl.theme\:error::before,
.zln-dropdown.arrow\:br.theme\:error::before,
.zln-dropdown.arrow\:l.theme\:error::before,
.zln-dropdown.arrow\:r.theme\:error::before {
  border-color: hsl(1, 87%, 97%);
  color: hsl(1, 81%, 62%);
}
.zln-dropdown.arrow\:tl.theme\:success::before,
.zln-dropdown.arrow\:tr.theme\:success::before,
.zln-dropdown.arrow\:bl.theme\:success::before,
.zln-dropdown.arrow\:br.theme\:success::before,
.zln-dropdown.arrow\:l.theme\:success::before,
.zln-dropdown.arrow\:r.theme\:success::before {
  border-color: hsl(161, 73%, 96%);
  color: hsl(161, 79%, 46%);
}
.zln-dropdown.arrow\:tl.theme\:info::before,
.zln-dropdown.arrow\:tr.theme\:info::before,
.zln-dropdown.arrow\:bl.theme\:info::before,
.zln-dropdown.arrow\:br.theme\:info::before,
.zln-dropdown.arrow\:l.theme\:info::before,
.zln-dropdown.arrow\:r.theme\:info::before {
  border-color: hsl(224, 100%, 97%);
  color: hsl(224, 89%, 62%);
}
.zln-dropdown.arrow\:tl::before {
  top: -5px;
  left: 12px;
  border-bottom-color: transparent;
  border-right-color: transparent;
  box-shadow: -1px -1px 0;
}
.zln-dropdown.arrow\:tr::before {
  top: -5px;
  right: 12px;
  border-bottom-color: transparent;
  border-right-color: transparent;
  box-shadow: -1px -1px 0;
}
.zln-dropdown.arrow\:bl::before {
  bottom: -5px;
  left: 12px;
  border-top-color: transparent;
  border-left-color: transparent;
  box-shadow: 1px 1px 0;
}
.zln-dropdown.arrow\:br::before {
  bottom: -5px;
  right: 12px;
  border-top-color: transparent;
  border-left-color: transparent;
  box-shadow: 1px 1px 0;
}
.zln-dropdown.arrow\:r::before {
  right: -5px;
  top: 14px;
  border-top-color: transparent;
  border-left-color: transparent;
  box-shadow: 1px 1px 0;
  transform: rotate(315deg);
}
.zln-dropdown.arrow\:l::before {
  left: -5px;
  top: 14px;
  border-top-color: transparent;
  border-left-color: transparent;
  box-shadow: 1px 1px 0;
  transform: rotate(135deg);
}
.zln-dropdown.arrow-bor\:none::before {
  box-shadow: none;
}
.zln-dropdown.zln-alert.theme\:warning .z-ico {
  fill: hsl(42, 100%, 45%);
  stroke: hsl(42, 100%, 45%);
}
.zln-loop {
  padding: 10px 0;
  margin: 0;
  list-style: none;
}
.zln-loop ul {
  padding: 10px 0;
  margin: 0;
  list-style: none;
}
.zln-loop.type\:link {
  /* Seperator style starts */
  /* Seperator style end */
}
.zln-loop.type\:link > li strong,
.zln-loop.type\:link > li a {
  color: inherit;
  text-decoration: none;
  padding: 10px 15px;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight: 400;
}
.zln-loop.type\:link > li strong:hover,
.zln-loop.type\:link > li a:hover {
  background-color: var(--grey7);
}
.zln-loop.type\:link > li strong .zln-rounded,
.zln-loop.type\:link > li a .zln-rounded {
  font-weight: 600;
}
.zln-loop.type\:link.z-bg-hover\[child\]\:accent > li strong:hover,
.zln-loop.type\:link.z-bg-hover\[child\]\:accent > li a:hover {
  color: hsl(0, 0%, 100%);
  background-color: var(--product-accent-color);
}
.zln-loop.type\:link.z-bg-hover\[child\]\:accent > li strong:hover .zln-subdata,
.zln-loop.type\:link.z-bg-hover\[child\]\:accent > li a:hover .zln-subdata {
  color: hsla(0, 0%, 100%, 0.8);
}
.zln-loop.type\:link.z-bg-hover\[child\]\:accent > li strong:hover > .z-ico,
.zln-loop.type\:link.z-bg-hover\[child\]\:accent > li a:hover > .z-ico {
  stroke: hsl(0, 0%, 100%);
  fill: hsl(0, 0%, 100%);
}
.zln-loop.type\:link.z-bg-hover\[child\]\:accent > li strong:hover::after,
.zln-loop.type\:link.z-bg-hover\[child\]\:accent > li a:hover::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="3" stroke="white" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
.zln-loop.type\:link.z-bg-hover\[child\]\:accent > li strong.zln-active,
.zln-loop.type\:link.z-bg-hover\[child\]\:accent > li a.zln-active {
  background-color: var(--product-accent-color);
  color: hsl(0, 0%, 100%);
}
.zln-loop.type\:link.z-bg-hover\[child\]\:accent > li strong.zln-active::after,
.zln-loop.type\:link.z-bg-hover\[child\]\:accent > li a.zln-active::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="3" stroke="white" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
.zln-loop.type\:link .zln-separator {
  border-top: 1px solid var(--grey5);
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
}
.zln-loop.type\:list {
  /* Seperator style starts */
  /* Seperator style end */
}
.zln-loop.type\:list > * {
  padding: 8px 15px;
  gap: 10px;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.zln-loop.type\:list > *:hover {
  background-color: var(--grey7);
}
.zln-loop.type\:list > *.hover\:no-hover:hover {
  background-color: transparent;
  cursor: default;
}
.zln-loop.type\:list > * .zln-rounded {
  font-weight: 600;
}
.zln-loop.type\:list1 > * {
  padding: 10px;
  gap: 10px;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
}
.zln-loop.type\:list1 > *:hover {
  background-color: var(--grey8);
}
.zln-loop.type\:list1 > *.hover\:no-hover:hover {
  background-color: transparent;
  cursor: default;
}
.zln-loop.type\:list1 > * .zln-rounded {
  font-weight: 600;
}
.zln-loop.type\:list2 > * {
  padding: 8px 15px;
  font-size: 1.4rem;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.zln-loop.type\:list2 > *:hover {
  background-color: var(--grey8);
}
.zln-loop.type\:list2 > *.hover\:no-hover:hover {
  background-color: transparent;
  cursor: default;
}
.zln-loop.type\:list2 > * .zln-rounded {
  font-weight: 600;
}
.zln-loop.type\:list.z-pad\[child\]\:no-padding > * {
  padding: 0;
}
.zln-loop.type\:list.z-bg-hover\[child\]\:accent > li:hover {
  color: hsl(0, 0%, 100%);
  background-color: var(--product-accent-color);
}
.zln-loop.type\:list.z-bg-hover\[child\]\:accent > li:hover .zln-subdata {
  color: hsla(0, 0%, 100%, 0.8);
}
.zln-loop.type\:list.z-bg-hover\[child\]\:accent > li:hover > .z-ico {
  stroke: hsl(0, 0%, 100%);
  fill: hsl(0, 0%, 100%);
}
.zln-loop.type\:list.z-bg-hover\[child\]\:accent > li:hover::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="3" stroke="white" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
.zln-loop.type\:list.z-bg-hover\[child\]\:accent > li.zln-active {
  background-color: var(--product-accent-color);
  color: hsl(0, 0%, 100%);
}
.zln-loop.type\:list.z-bg-hover\[child\]\:accent > li.zln-active::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="3" stroke="white" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
.zln-loop.type\:list .zln-separator {
  border-top: 1px solid var(--grey5);
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
}
.zln-loop .zln-list-title {
  cursor: default;
  color: var(--grey2);
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-weight: 600;
}
.zln-loop .zln-list-title:hover {
  background-color: transparent;
  color: var(--grey2);
}
.zln-loop.type\:link:hover .zln-remove-action:hover,
.zln-loop.type\:list:hover .zln-remove-action:hover,
.zln-loop.type\:link.z-bg-hover\[child\]:hover .zln-remove-action:hover,
.zln-loop.type\:list.z-bg-hover\[child\]:hover .zln-remove-action:hover {
  background-color: hsl(1, 75%, 60%);
  color: hsl(0, 0%, 100%);
}
.zln-loop .zln-active {
  color: var(--product-accent-color);
}
.zln-loop .zln-active .z-ico {
  stroke: var(--product-accent-color);
  fill: var(--product-accent-color);
}
.zln-loop .zln-active\:bg {
  background-color: var(--grey7);
}
.zln-loop .zln-active\:bg:hover {
  background-color: var(--grey7);
  cursor: pointer;
}
/* ----- Dropdown end ----- */
/* ----- User avatar style starts ----- */
.zln-rounded\:group {
  display: flex;
  align-items: center;
}
.zln-rounded\:group > * {
  outline: 2px solid var(--grey10);
  border-radius: 100%;
}
.zln-rounded\:group > * + * {
  margin-left: -10px;
}
.zln-rounded\:group.type\:no-indent > * {
  margin-left: 0;
}
.z-img {
  aspect-ratio: 1;
  flex-shrink: 0;
  max-width: 100%;
}
.z-img.type\:fit-contain {
  object-fit: contain;
}
.z-img.type\:fit-contain img {
  aspect-ratio: 1;
  flex-shrink: 0;
  object-fit: contain;
  max-width: 100%;
}
.z-img.type\:fit-cover {
  object-fit: cover;
}
.z-img.type\:fit-cover img {
  aspect-ratio: 1;
  flex-shrink: 0;
  object-fit: cover;
  max-width: 100%;
}
.z-img.size\:20 {
  width: 20px;
  height: 20px;
  font-size: 1rem;
}
.z-img.size\:24 {
  width: 24px;
  height: 24px;
  font-size: 1rem;
}
.z-img.size\:32 {
  width: 32px;
  height: 32px;
  font-size: 1.3rem;
}
.z-img.size\:40 {
  width: 40px;
  height: 40px;
  font-size: 1.6rem;
}
.z-img.size\:48 {
  width: 48px;
  height: 48px;
  font-size: 1.9rem;
}
.z-img.size\:56 {
  width: 56px;
  height: 56px;
  font-size: 2.2rem;
}
.z-img.size\:64 {
  width: 64px;
  height: 64px;
  font-size: 2.5rem;
}
.zln-rounded {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--grey5);
  color: var(--grey0);
  font-weight: 500;
  border-radius: 100%;
  object-fit: cover;
  aspect-ratio: 1;
  flex-shrink: 0;
}
.zln-rounded img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 100%;
  flex-shrink: 0;
  object-fit: cover;
  aspect-ratio: 1;
}
.zln-rounded\:24 {
  width: 24px;
  height: 24px;
  font-size: 1rem;
}
.zln-rounded\:32 {
  width: 32px;
  height: 32px;
  font-size: 1.3rem;
}
.zln-rounded\:40 {
  width: 40px;
  height: 40px;
  font-size: 1.6rem;
}
.zln-rounded\:48 {
  width: 48px;
  height: 48px;
  font-size: 1.9rem;
}
.zln-rounded\:56 {
  width: 56px;
  height: 56px;
  font-size: 2.2rem;
}
.zln-rounded\:64 {
  width: 64px;
  height: 64px;
  font-size: 2.5rem;
}
.zln-rounded.size\:24 {
  width: 24px;
  height: 24px;
  font-size: 1rem;
}
.zln-rounded.size\:32 {
  width: 32px;
  height: 32px;
  font-size: 1.3rem;
}
.zln-rounded.size\:40 {
  width: 40px;
  height: 40px;
  font-size: 1.6rem;
}
.zln-rounded.size\:48 {
  width: 48px;
  height: 48px;
  font-size: 1.9rem;
}
.zln-rounded.size\:56 {
  width: 56px;
  height: 56px;
  font-size: 2.2rem;
}
.zln-rounded.size\:64 {
  width: 64px;
  height: 64px;
  font-size: 2.5rem;
}
.zln-status-dot {
  width: 6px;
  height: 6px;
  background-color: var(--grey2);
  flex-shrink: 0;
  border-radius: 30px;
}
.z-img .zln-status-dot,
.zln-rounded .zln-status-dot {
  position: absolute;
  border: 2px solid var(--grey10);
  top: 0;
  right: 0;
}
.z-img .zln-status-dot.type\:tick,
.zln-rounded .zln-status-dot.type\:tick {
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white' %3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.z-img .zln-status-dot.size\:6,
.zln-rounded .zln-status-dot.size\:6 {
  width: 6px;
  height: 6px;
}
.z-img .zln-status-dot.size\:8,
.zln-rounded .zln-status-dot.size\:8 {
  width: 8px;
  height: 8px;
}
.z-img .zln-status-dot.size\:10,
.zln-rounded .zln-status-dot.size\:10 {
  width: 10px;
  height: 10px;
}
.z-img.zln-status-dot\:tr.zln-rounded\:24 .zln-status-dot,
.zln-rounded.zln-status-dot\:tr.zln-rounded\:24 .zln-status-dot,
.z-img.zln-status-dot\:tr.size\:24 .zln-status-dot,
.zln-rounded.zln-status-dot\:tr.size\:24 .zln-status-dot {
  top: -3px;
  right: -2px;
}
.zln-status-type\:tick .z-img.zln-status-dot\:tr.zln-rounded\:24 .zln-status-dot,
.zln-status-type\:tick .zln-rounded.zln-status-dot\:tr.zln-rounded\:24 .zln-status-dot,
.zln-status-type\:tick .z-img.zln-status-dot\:tr.size\:24 .zln-status-dot,
.zln-status-type\:tick .zln-rounded.zln-status-dot\:tr.size\:24 .zln-status-dot {
  top: -7px;
  right: -3px;
}
.z-img.zln-status-dot\:tr.zln-rounded\:32 .zln-status-dot,
.zln-rounded.zln-status-dot\:tr.zln-rounded\:32 .zln-status-dot,
.z-img.zln-status-dot\:tr.size\:32 .zln-status-dot,
.zln-rounded.zln-status-dot\:tr.size\:32 .zln-status-dot {
  top: -2px;
  right: 0px;
}
.zln-status-type\:tick .z-img.zln-status-dot\:tr.zln-rounded\:32 .zln-status-dot,
.zln-status-type\:tick .zln-rounded.zln-status-dot\:tr.zln-rounded\:32 .zln-status-dot,
.zln-status-type\:tick .z-img.zln-status-dot\:tr.size\:32 .zln-status-dot,
.zln-status-type\:tick .zln-rounded.zln-status-dot\:tr.size\:32 .zln-status-dot {
  top: -6px;
  right: -1px;
}
.z-img.zln-status-dot\:tr.zln-rounded\:40 .zln-status-dot,
.zln-rounded.zln-status-dot\:tr.zln-rounded\:40 .zln-status-dot,
.z-img.zln-status-dot\:tr.size\:40 .zln-status-dot,
.zln-rounded.zln-status-dot\:tr.size\:40 .zln-status-dot {
  top: 0px;
  right: 0px;
}
.zln-status-type\:tick .z-img.zln-status-dot\:tr.zln-rounded\:40 .zln-status-dot,
.zln-status-type\:tick .zln-rounded.zln-status-dot\:tr.zln-rounded\:40 .zln-status-dot,
.zln-status-type\:tick .z-img.zln-status-dot\:tr.size\:40 .zln-status-dot,
.zln-status-type\:tick .zln-rounded.zln-status-dot\:tr.size\:40 .zln-status-dot {
  top: -5px;
  right: 1px;
}
.z-img.zln-status-dot\:tr.zln-rounded\:48 .zln-status-dot,
.zln-rounded.zln-status-dot\:tr.zln-rounded\:48 .zln-status-dot,
.z-img.zln-status-dot\:tr.size\:48 .zln-status-dot,
.zln-rounded.zln-status-dot\:tr.size\:48 .zln-status-dot {
  top: 1px;
  right: 1px;
}
.zln-status-type\:tick .z-img.zln-status-dot\:tr.zln-rounded\:48 .zln-status-dot,
.zln-status-type\:tick .zln-rounded.zln-status-dot\:tr.zln-rounded\:48 .zln-status-dot,
.zln-status-type\:tick .z-img.zln-status-dot\:tr.size\:48 .zln-status-dot,
.zln-status-type\:tick .zln-rounded.zln-status-dot\:tr.size\:48 .zln-status-dot {
  top: -4px;
  right: 3px;
}
.z-img.zln-status-dot\:tr.zln-rounded\:56 .zln-status-dot,
.zln-rounded.zln-status-dot\:tr.zln-rounded\:56 .zln-status-dot,
.z-img.zln-status-dot\:tr.size\:56 .zln-status-dot,
.zln-rounded.zln-status-dot\:tr.size\:56 .zln-status-dot {
  top: 1px;
  right: 4px;
}
.zln-status-type\:tick .z-img.zln-status-dot\:tr.zln-rounded\:56 .zln-status-dot,
.zln-status-type\:tick .zln-rounded.zln-status-dot\:tr.zln-rounded\:56 .zln-status-dot,
.zln-status-type\:tick .z-img.zln-status-dot\:tr.size\:56 .zln-status-dot,
.zln-status-type\:tick .zln-rounded.zln-status-dot\:tr.size\:56 .zln-status-dot {
  top: -4px;
  right: 4px;
}
.z-img.zln-status-dot\:br.zln-rounded\:24 .zln-status-dot,
.zln-rounded.zln-status-dot\:br.zln-rounded\:24 .zln-status-dot,
.z-img.zln-status-dot\:br.size\:24 .zln-status-dot,
.zln-rounded.zln-status-dot\:br.size\:24 .zln-status-dot {
  bottom: -3px;
  right: -2px;
  top: auto;
}
.zln-status-type\:tick .z-img.zln-status-dot\:br.zln-rounded\:24 .zln-status-dot,
.zln-status-type\:tick .zln-rounded.zln-status-dot\:br.zln-rounded\:24 .zln-status-dot,
.zln-status-type\:tick .z-img.zln-status-dot\:br.size\:24 .zln-status-dot,
.zln-status-type\:tick .zln-rounded.zln-status-dot\:br.size\:24 .zln-status-dot {
  bottom: -7px;
  right: -3px;
}
.z-img.zln-status-dot\:br.zln-rounded\:32 .zln-status-dot,
.zln-rounded.zln-status-dot\:br.zln-rounded\:32 .zln-status-dot,
.z-img.zln-status-dot\:br.size\:32 .zln-status-dot,
.zln-rounded.zln-status-dot\:br.size\:32 .zln-status-dot {
  bottom: -2px;
  right: 0px;
  top: auto;
}
.zln-status-type\:tick .z-img.zln-status-dot\:br.zln-rounded\:32 .zln-status-dot,
.zln-status-type\:tick .zln-rounded.zln-status-dot\:br.zln-rounded\:32 .zln-status-dot,
.zln-status-type\:tick .z-img.zln-status-dot\:br.size\:32 .zln-status-dot,
.zln-status-type\:tick .zln-rounded.zln-status-dot\:br.size\:32 .zln-status-dot {
  bottom: -6px;
  right: -1px;
}
.z-img.zln-status-dot\:br.zln-rounded\:40 .zln-status-dot,
.zln-rounded.zln-status-dot\:br.zln-rounded\:40 .zln-status-dot,
.z-img.zln-status-dot\:br.size\:40 .zln-status-dot,
.zln-rounded.zln-status-dot\:br.size\:40 .zln-status-dot {
  bottom: 0px;
  right: 0px;
  top: auto;
}
.zln-status-type\:tick .z-img.zln-status-dot\:br.zln-rounded\:40 .zln-status-dot,
.zln-status-type\:tick .zln-rounded.zln-status-dot\:br.zln-rounded\:40 .zln-status-dot,
.zln-status-type\:tick .z-img.zln-status-dot\:br.size\:40 .zln-status-dot,
.zln-status-type\:tick .zln-rounded.zln-status-dot\:br.size\:40 .zln-status-dot {
  bottom: -4px;
  right: 0px;
}
.z-img.zln-status-dot\:br.zln-rounded\:48 .zln-status-dot,
.zln-rounded.zln-status-dot\:br.zln-rounded\:48 .zln-status-dot,
.z-img.zln-status-dot\:br.size\:48 .zln-status-dot,
.zln-rounded.zln-status-dot\:br.size\:48 .zln-status-dot {
  bottom: 1px;
  right: 1px;
  top: auto;
}
.zln-status-type\:tick .z-img.zln-status-dot\:br.zln-rounded\:48 .zln-status-dot,
.zln-status-type\:tick .zln-rounded.zln-status-dot\:br.zln-rounded\:48 .zln-status-dot,
.zln-status-type\:tick .z-img.zln-status-dot\:br.size\:48 .zln-status-dot,
.zln-status-type\:tick .zln-rounded.zln-status-dot\:br.size\:48 .zln-status-dot {
  bottom: -2px;
  right: 2px;
}
.z-img.zln-status-dot\:br.zln-rounded\:56 .zln-status-dot,
.zln-rounded.zln-status-dot\:br.zln-rounded\:56 .zln-status-dot,
.z-img.zln-status-dot\:br.size\:56 .zln-status-dot,
.zln-rounded.zln-status-dot\:br.size\:56 .zln-status-dot {
  bottom: 1px;
  right: 4px;
  top: auto;
}
.zln-status-type\:tick .z-img.zln-status-dot\:br.zln-rounded\:56 .zln-status-dot,
.zln-status-type\:tick .zln-rounded.zln-status-dot\:br.zln-rounded\:56 .zln-status-dot,
.zln-status-type\:tick .z-img.zln-status-dot\:br.size\:56 .zln-status-dot,
.zln-status-type\:tick .zln-rounded.zln-status-dot\:br.size\:56 .zln-status-dot {
  bottom: -2px;
  right: 4px;
}
/* ----- User avatar style end ----- */
/* ----- Alert label style starts ----- */
.zln-alert {
  display: flex;
  align-items: center;
  border-radius: 3px;
  gap: 10px;
}
.zln-alert .z-link {
  color: inherit;
}
.zln-alert .zln-alert-content {
  display: inline-flex;
  flex-direction: column;
  gap: 5px;
}
.zln-alert .zln-alert-content .zln-btn-container {
  display: inline-flex;
  gap: 15px;
  padding-top: 10px;
}
.zln-alert.theme\:default {
  background-color: var(--product-accent-color-light);
  color: var(--product-accent-color);
}
.zln-alert.theme\:warning {
  background-color: hsl(42, 100%, 95%);
  border-color: hsl(42, 89%, 51%);
  color: hsl(42, 100%, 28%);
}
.zln-alert.theme\:warning .z-ico {
  fill: hsl(42, 100%, 45%);
  stroke: hsl(42, 100%, 45%);
}
.zln-alert.theme\:warning .z-btn {
  background-color: hsl(42, 89%, 51%);
  border-color: hsl(42, 89%, 51%);
}
.zln-alert.theme\:warning .z-btn:hover {
  background-color: hsl(42, 89%, 45%);
  border-color: hsl(42, 89%, 45%);
}
.zln-alert.theme\:warning .z-btn .z-ico {
  stroke: hsl(0, 0%, 100%);
  fill: hsl(0, 0%, 100%);
}
.zln-alert.theme\:warning .z-btn.type\:outline {
  background-color: var(--white);
  color: hsl(42, 100%, 28%);
}
.zln-alert.theme\:warning .zln-select-option input:checked {
  background-color: hsl(42, 89%, 51%);
  border-color: hsl(42, 89%, 51%);
}
.zlearn-os\:dark .zln-alert.theme\:warning,
.zlearn-theme\:dark .zln-alert.theme\:warning {
  background-color: hsl(42, 70%, 20%);
  border-color: hsl(42, 60%, 50%);
  color: hsl(42, 70%, 70%);
}
.zln-alert.theme\:warning-light {
  background-color: hsl(42, 88%, 98%);
  border-color: hsl(42, 89%, 51%);
  color: hsl(42, 74%, 48%);
}
.zln-alert.theme\:warning-light .z-ico {
  fill: hsl(42, 100%, 45%);
  stroke: hsl(42, 100%, 45%);
}
.zln-alert.theme\:warning-light .z-btn {
  background-color: hsl(42, 89%, 51%);
  border-color: hsl(42, 89%, 51%);
}
.zln-alert.theme\:warning-light .z-btn:hover {
  background-color: hsl(42, 89%, 45%);
  border-color: hsl(42, 89%, 45%);
}
.zln-alert.theme\:warning-light .z-btn .z-ico {
  stroke: hsl(0, 0%, 100%);
  fill: hsl(0, 0%, 100%);
}
.zln-alert.theme\:warning-light .zln-select-option input:checked {
  background-color: hsl(42, 89%, 51%);
  border-color: hsl(42, 89%, 51%);
}
.zln-alert.theme\:error {
  background-color: hsl(1, 87%, 97%);
  border-color: hsl(1, 81%, 62%);
  color: hsl(1, 53%, 52%);
}
.zln-alert.theme\:error .z-ico {
  fill: hsl(1, 53%, 52%);
  stroke: hsl(1, 53%, 52%);
}
.zln-alert.theme\:error .z-btn {
  background-color: hsl(1, 81%, 62%);
  border-color: hsl(1, 81%, 62%);
}
.zln-alert.theme\:error .z-btn:hover {
  background-color: hsl(1, 81%, 50%);
  border-color: hsl(1, 81%, 50%);
}
.zln-alert.theme\:error .z-btn .z-ico {
  stroke: hsl(0, 0%, 100%);
  fill: hsl(0, 0%, 100%);
}
.zln-alert.theme\:error .zln-select-option input:checked {
  background-color: hsl(1, 81%, 62%);
  border-color: hsl(1, 81%, 62%);
}
.zlearn-os\:dark .zln-alert.theme\:error,
.zlearn-theme\:dark .zln-alert.theme\:error {
  background-color: hsl(1, 40%, 25%);
  border-color: hsl(1, 50%, 60%);
  color: hsl(1, 60%, 70%);
}
.zln-alert.theme\:error-light {
  background-color: hsl(1, 93%, 99%);
  border-color: hsl(1, 73%, 72%);
  color: hsl(1, 71%, 65%);
}
.zln-alert.theme\:error-light .z-ico {
  fill: hsl(1, 53%, 52%);
  stroke: hsl(1, 53%, 52%);
}
.zln-alert.theme\:error-light .z-btn {
  background-color: hsl(1, 81%, 62%);
  border-color: hsl(1, 81%, 62%);
}
.zln-alert.theme\:error-light .z-btn:hover {
  background-color: hsl(1, 81%, 50%);
  border-color: hsl(1, 81%, 50%);
}
.zln-alert.theme\:error-light .z-btn .z-ico {
  stroke: hsl(0, 0%, 100%);
  fill: hsl(0, 0%, 100%);
}
.zln-alert.theme\:error-light .zln-select-option input:checked {
  background-color: hsl(1, 81%, 62%);
  border-color: hsl(1, 81%, 62%);
}
.zln-alert.theme\:success {
  background-color: hsl(161, 73%, 96%);
  border-color: hsl(161, 79%, 46%);
  color: hsl(161, 61%, 32%);
}
.zln-alert.theme\:success .z-ico {
  fill: hsl(161, 61%, 48%);
  stroke: hsl(161, 61%, 48%);
}
.zln-alert.theme\:success .z-btn {
  background-color: hsl(161, 79%, 46%);
  border-color: hsl(161, 79%, 46%);
}
.zln-alert.theme\:success .z-btn:hover {
  background-color: hsl(161, 79%, 40%);
  border-color: hsl(161, 79%, 40%);
}
.zln-alert.theme\:success .z-btn .z-ico {
  stroke: hsl(0, 0%, 100%);
  fill: hsl(0, 0%, 100%);
}
.zln-alert.theme\:success.zln-select-option input:checked,
.zln-alert.theme\:success .zln-select-option input:checked {
  background-color: hsl(161, 79%, 46%);
  border-color: hsl(161, 79%, 46%);
}
.zln-alert.theme\:success .zln-toggle.type\:outline .z-toggle-hide:checked ~ .zln-toggle-state {
  border-color: hsl(161, 70%, 45%);
}
.zln-alert.theme\:success .zln-toggle.type\:outline .z-toggle-hide:checked ~ .zln-toggle-state::after {
  color: hsl(161, 61%, 48%);
}
.zln-alert.theme\:success .zln-toggle.type\:outline .z-toggle-hide:checked ~ .zln-toggle-state .zln-toggle-btn {
  border-color: hsl(161, 70%, 45%);
  background-color: hsl(161, 70%, 45%);
}
.zlearn-os\:dark .zln-alert.theme\:success,
.zlearn-theme\:dark .zln-alert.theme\:success {
  background-color: hsl(161, 40%, 25%);
  border-color: hsl(161, 60%, 45%);
  color: hsl(161, 40%, 70%);
}
.zln-alert.theme\:success-light {
  background-color: hsl(161, 85%, 98%);
  border-color: hsl(161, 79%, 46%);
  color: hsl(161, 70%, 43%);
}
.zln-alert.theme\:success-light .z-ico {
  fill: hsl(161, 61%, 48%);
  stroke: hsl(161, 61%, 48%);
}
.zln-alert.theme\:success-light .z-btn {
  background-color: hsl(161, 79%, 46%);
  border-color: hsl(161, 79%, 46%);
}
.zln-alert.theme\:success-light .z-btn:hover {
  background-color: hsl(161, 79%, 40%);
  border-color: hsl(161, 79%, 40%);
}
.zln-alert.theme\:success-light .z-btn .z-ico {
  stroke: hsl(0, 0%, 100%);
  fill: hsl(0, 0%, 100%);
}
.zln-alert.theme\:success-light .zln-select-option input:checked {
  background-color: hsl(161, 79%, 46%);
  border-color: hsl(161, 79%, 46%);
}
.zln-alert.theme\:success-light .zln-toggle.type\:outline .z-toggle-hide:checked ~ .zln-toggle-state {
  border-color: hsl(161, 70%, 45%);
}
.zln-alert.theme\:success-light .zln-toggle.type\:outline .z-toggle-hide:checked ~ .zln-toggle-state::after {
  color: hsl(161, 70%, 48%);
}
.zln-alert.theme\:success-light .zln-toggle.type\:outline .z-toggle-hide:checked ~ .zln-toggle-state .zln-toggle-btn {
  border-color: hsl(161, 70%, 45%);
  background-color: hsl(161, 70%, 45%);
}
.zln-alert.theme\:info {
  background-color: hsl(224, 100%, 97%);
  border-color: hsl(224, 89%, 62%);
  color: hsl(224, 70%, 54%);
}
.zln-alert.theme\:info .z-ico {
  fill: hsl(224, 70%, 54%);
  stroke: hsl(224, 70%, 54%);
}
.zln-alert.theme\:info .z-btn {
  background-color: hsl(224, 89%, 62%);
  border-color: hsl(224, 89%, 62%);
}
.zln-alert.theme\:info .z-btn:hover {
  background-color: hsl(224, 89%, 55%);
  border-color: hsl(224, 89%, 55%);
}
.zln-alert.theme\:info .z-btn .z-ico {
  stroke: hsl(0, 0%, 100%);
  fill: hsl(0, 0%, 100%);
}
.zln-alert.theme\:info .zln-select-option input:checked {
  background-color: hsl(224, 89%, 62%);
  border-color: hsl(224, 89%, 62%);
}
.zlearn-os\:dark .zln-alert.theme\:info,
.zlearn-theme\:dark .zln-alert.theme\:info {
  background-color: hsl(224, 50%, 25%);
  border-color: hsl(224, 70%, 60%);
  color: hsl(224, 100%, 80%);
}
.zln-alert.theme\:info-light {
  background-color: hsl(224, 100%, 98%);
  border-color: hsl(224, 83%, 73%);
  color: hsl(224, 79%, 66%);
}
.zln-alert.theme\:info-light .z-ico {
  fill: hsl(224, 70%, 54%);
  stroke: hsl(224, 70%, 54%);
}
.zln-alert.theme\:info-light .z-btn {
  background-color: hsl(224, 89%, 62%);
  border-color: hsl(224, 89%, 62%);
}
.zln-alert.theme\:info-light .z-btn:hover {
  background-color: hsl(224, 89%, 55%);
  border-color: hsl(224, 89%, 55%);
}
.zln-alert.theme\:info-light .z-btn .z-ico {
  stroke: hsl(0, 0%, 100%);
  fill: hsl(0, 0%, 100%);
}
.zln-alert.theme\:info-light .zln-select-option input:checked {
  background-color: hsl(224, 89%, 62%);
  border-color: hsl(224, 89%, 62%);
}
.zln-alert .zln-disabled.zln-disabled.zln-disabled,
.zln-alert .z-disabled.z-disabled.z-disabled {
  border-color: var(--grey4);
}
.zln-toast-message {
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  user-select: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
/* ----- Alert label style end ----- */
/*--- Label style ----*/
.zln-label\:green {
  background-color: #ddf5ea;
  border-color: #b9e4d2;
  color: #0e6b45;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.zln-label\:green > .zln-status-dot {
  background-color: #31cc8e;
}
.zln-label\:green > .z-ico.z-ico {
  stroke: #17b273;
  fill: #17b273;
}
.zln-label\:green .o-ico-chevron-down {
  stroke: #0a8754;
}
.zlearn-os\:dark .zln-label\:green,
.zlearn-theme\:dark .zln-label\:green {
  background-color: #355547;
  border-color: #58a383;
  color: #6de9b0;
}
.zln-label\:yellow {
  background-color: #fff1b8;
  border-color: #f0dd9e;
  color: #6e5717;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.zln-label\:yellow > .zln-status-dot {
  background-color: #ecaa13;
}
.zln-label\:yellow > .z-ico.z-ico {
  stroke: #c08808;
  fill: #c08808;
}
.zlearn-os\:dark .zln-label\:yellow,
.zlearn-theme\:dark .zln-label\:yellow {
  background-color: #605431;
  border-color: #af9456;
  color: #fff1b8;
}
.zln-label\:yellow1 {
  background-color: #ffe24a;
  color: hsl(226, 41%, 8%);
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.zln-label\:blue {
  background-color: #e6ecff;
  border-color: #b9cfff;
  color: #184bbc;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.zln-label\:blue > .zln-status-dot {
  background-color: #3974ff;
}
.zln-label\:blue > .z-ico.z-ico {
  stroke: #3974ff;
  fill: #3974ff;
}
.zlearn-os\:dark .zln-label\:blue,
.zlearn-theme\:dark .zln-label\:blue {
  background-color: #2f3967;
  border-color: #6a8dda;
  color: #b8cffe;
}
.zln-label\:orange {
  background-color: #ffead9;
  border-color: #eabe97;
  color: #8d4418;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.zln-label\:orange > .zln-status-dot {
  background-color: #c96b1d;
}
.zln-label\:orange > .z-ico.z-ico {
  stroke: #c96b1d;
  fill: #c96b1d;
}
.zlearn-os\:dark .zln-label\:orange,
.zlearn-theme\:dark .zln-label\:orange {
  background-color: #533523;
  border-color: #d29a69;
  color: #ffbb84;
}
.zln-label\:orange1 {
  background-color: #ff7800;
  color: hsl(0, 0%, 100%);
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.zln-label\:red {
  background-color: #ffecec;
  border-color: #f0d2d1;
  color: #9e2f2a;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.zln-label\:red > .zln-status-dot {
  background-color: #e95a54;
}
.zln-label\:red > .z-ico.z-ico {
  stroke: #e95a54;
  fill: #e95a54;
}
.zlearn-os\:dark .zln-label\:red,
.zlearn-theme\:dark .zln-label\:red {
  background-color: #4a2422;
  border-color: #b85b58;
  color: #e5a0a0;
}
.zln-label\:grey {
  background-color: var(--grey6);
  border-color: var(--grey4);
  color: var(--grey0);
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.zln-label\:grey > .zln-status-dot {
  background-color: var(--grey1);
}
.zln-label\:white {
  background-color: var(--white);
  border-color: var(--grey5);
  color: var(--grey0);
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.zln-label\:white > .zln-status-dot {
  background-color: var(--grey4);
}
.zln-label\:white > .z-ico.z-ico {
  stroke: var(--grey1);
  fill: var(--grey1);
}
.zln-label\:pink {
  background-color: #ffebf1;
  border-color: #f9cad7;
  color: #d65174;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.zln-label\:pink > .zln-status-dot {
  background-color: #f14371;
}
.zln-label\:pink > .z-ico {
  stroke: #d65174;
  fill: #d65174;
}
.zlearn-os\:dark .zln-label\:pink,
.zlearn-theme\:dark .zln-label\:pink {
  background-color: #45242d;
  border-color: #ce768f;
  color: #eb85a4;
}
.zln-label\:green-light {
  color: #3eb081;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.zln-label\:green-light > .zln-status-dot {
  background-color: #31cc8e;
}
.zln-label\:yellow-light {
  color: #d39c06;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.zln-label\:yellow-light > .zln-status-dot {
  background-color: #ecaa13;
}
.zln-label\:orange-light {
  color: #f37e36;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.zln-label\:orange-light > .zln-status-dot {
  background-color: #ff9944;
}
.zln-label\:red-light {
  color: #fb4840;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.zln-label\:red-light > .zln-status-dot {
  background-color: #e95a54;
}
.zln-label\:vilote1 {
  background-color: #e3dcff;
  color: hsl(226, 41%, 8%);
}
.zln-label\:pink1 {
  background-color: #ffd8e6;
  color: hsl(226, 41%, 8%);
}
.zln-label\:blue1 {
  background-color: #c3f3ff;
  color: hsl(226, 41%, 8%);
}
/* ----- Label style end ----- */
/* ----- Tabs style starts ----- */
.zln-tab {
  display: flex;
  gap: 20px;
}
.zln-tab > li {
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  color: var(--grey2);
  gap: 6px;
  border-bottom: 2px solid transparent;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  user-select: none;
  cursor: pointer;
}
.zln-tab > li a {
  text-decoration: none;
  color: inherit;
}
.zln-tab > li:hover {
  border-color: var(--grey2);
  color: var(--grey1);
}
.zln-tab > li:hover .z-ico {
  fill: var(--grey1);
  stroke: var(--grey1);
}
.zln-tab > li.zln-active {
  border-color: var(--grey0);
  color: var(--grey0);
}
.zln-tab > li.zln-active .z-ico {
  fill: var(--grey0);
  stroke: var(--grey0);
}
.zln-tab.type\:1 {
  gap: 10px;
}
.zln-tab.type\:1 > li {
  border: none;
  margin-bottom: 2px;
  padding: 12px 18px;
}
.zln-tab.type\:1 > li:hover {
  background-color: var(--grey7);
}
.zln-tab.type\:1 > li.zln-active {
  background-color: var(--grey7);
}
.zln-tab.type\:2 {
  display: flex;
  gap: 6px;
  overflow: hidden;
  margin-bottom: -1px;
  box-shadow: none;
}
.zln-tab.type\:2 > li {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  color: var(--grey2);
  padding-block: 6px;
  padding-inline: 19px;
  margin-bottom: 6px;
  border-bottom: none;
  user-select: none;
  cursor: pointer;
}
.zln-tab.type\:2 > li:hover {
  border-radius: 10px;
  background-color: hsla(227, 10%, 70%, 0.2);
  color: var(--grey1);
}
.zln-tab.type\:2 > li:hover .z-ico {
  fill: var(--grey1);
  stroke: var(--grey1);
}
.zln-tab.type\:2 > li span {
  margin-top: 3px;
}
.zln-tab.type\:2 > li.zln-active {
  position: relative;
  background-color: var(--white);
  border: 1px solid var(--grey5);
  margin-bottom: -1px;
  color: var(--grey0);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-inline: 18px;
}
.zln-tab.type\:2 > li.zln-active .z-ico {
  fill: var(--grey0);
  stroke: var(--grey0);
}
.zln-tab.type\:2 > li.zln-active span,
.zln-tab.type\:2 > li.zln-active .z-ico {
  margin-bottom: 7px;
}
.zln-tab.type\:2 > li.zln-active::before,
.zln-tab.type\:2 > li.zln-active::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0px;
  border-bottom: 1px solid var(--grey5);
}
.zln-tab.type\:2 > li.zln-active::before {
  left: -21px;
  box-shadow: 9px 9px 0px 9px var(--white);
  border-bottom-right-radius: 14px;
  border-right: 1px solid var(--grey5);
}
.zln-tab.type\:2 > li.zln-active::after {
  right: -21px;
  box-shadow: -9px 9px 0px 9px var(--white);
  border-bottom-left-radius: 14px;
  border-left: 1px solid var(--grey5);
}
.zln-tab.type\:2 > li.zln-active:hover {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.zln-tab.type\:2 > li:first-of-type.zln-active::before {
  box-shadow: none;
}
.zln-direction\:rtl .zln-tab.type\:2 > li:first-of-type.zln-active::before {
  box-shadow: 9px 9px 0px 9px var(--white);
}
.zln-direction\:rtl .zln-tab.type\:2 > li:first-of-type.zln-active::after {
  box-shadow: none;
}
.zln-tab.type\:2 + .zln-container\:table th {
  padding: 15px;
}
.zln-tab.type\:2 + .zln-container\:table th.zln-fix\:table-col {
  background-color: var(--white);
}
/* ----- Tabs style end ----- */
/* ----- Rating style starts ----- */
.zln-rating-container.type\:star {
  direction: rtl;
}
.zln-rating-container.type\:star .f-ico-star {
  fill: var(--grey4);
  transition: fill 0.3s;
  cursor: pointer;
}
.zln-rating-container.type\:star .f-ico-star.zln-rated,
.zln-rating-container.type\:star .f-ico-star:hover {
  fill: hsl(42, 100%, 45%);
  stroke: hsl(42, 100%, 45%);
}
.zln-rating-container.type\:star .f-ico-star.zln-rated ~ *,
.zln-rating-container.type\:star .f-ico-star:hover ~ * {
  fill: hsl(42, 100%, 45%);
  stroke: hsl(42, 100%, 45%);
}
.zln-rating-container.type\:star.size\:small .f-ico-star {
  width: 16px;
  height: 16px;
}
.zln-rating-container.type\:star.size\:large .f-ico-star {
  width: 32px;
  height: 32px;
}
.zln-rating-container > li {
  display: flex;
  align-items: center;
  gap: 15px;
}
.zln-rating-container > li .zln-progress-line\:bg {
  border-radius: 4px;
  flex-grow: 1;
}
.zln-rating-container > li .zln-progress-line\:fg {
  padding: 10px;
  background-color: hsl(42, 100%, 45%);
  border-radius: 4px;
}
/* ----- Rating style end ----- */
/* ----- Spinner style Starts ----- */
.zln-spinner {
  animation: ani-spinner 2s linear infinite;
}
.zln-spinner\:fg,
.zln-spinner\:bg {
  stroke-width: 3.5;
}
.zln-spinner\:bg {
  stroke: var(--grey4);
}
.zln-spinner\:fg {
  stroke: var(--product-accent-color);
  animation: ani-spinner-bg 1.5s ease-in-out infinite;
  /*, ani-spinner-bg-color 6s ease-in-out infinite;*/
  stroke-linecap: round;
}
@keyframes ani-spinner {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes ani-spinner-bg {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dasharray: 120, 200;
    stroke-dashoffset: -74px;
  }
}
@keyframes ani-spinner-bg-color {
  100% {
    stroke: #FF8861;
    stroke-dasharray: 120, 200;
    stroke-dashoffset: -74px;
  }
  0% {
    stroke: #FF8861;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  40% {
    stroke: #FFCD5D;
  }
  66% {
    stroke: #8FCA68;
  }
  80% {
    stroke: #68CEDD;
  }
  90% {
    stroke: #68CEDD;
  }
}
/* ----- Spinner style end ----- */
/* ----- Progress bar style starts ----- */
.zln-progress-line\:bg {
  background-color: var(--grey5);
  border-radius: 10px;
}
.zln-progress-line\:fg {
  background-color: var(--product-accent-color);
  padding: 6px;
  border-radius: 10px;
  box-sizing: border-box;
}
.zln-progress-round\:fg,
.zln-progress-round\:bg {
  stroke-width: 2;
}
.zln-progress-round\:bg {
  stroke: var(--grey5);
}
.zln-progress-round\:fg {
  stroke: var(--product-accent-color);
  stroke-linecap: round;
  transform: rotate(-90deg);
  transform-origin: center;
  animation: ani-load 3s linear;
}
.zln-show-tick .zln-checkmark {
  visibility: visible;
  stroke: var(--product-accent-color);
  transform: none;
  transform-origin: center;
  stroke-linecap: round;
  stroke-width: 2;
  animation: ani-checkmark 0.7s linear;
  animation-fill-mode: forwards;
}
@keyframes ani-checkmark {
  0% {
    stroke-dashoffset: 35;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
/* ----- Progress bar style end ----- */
/* ----- Skeleton style starts ----- */
.zln-skeleton-container {
  pointer-events: none;
}
.zln-skeleton-container.zln-ani\[child\]\:none .zln-skeleton {
  animation: none;
}
.zln-skeleton-container .zln-skeleton {
  background-color: var(--grey5);
  animation: ani-skeleton 2s linear infinite;
}
.zln-skeleton-container .zln-skeleton.zln-ani\:none {
  animation: none;
}
.zln-skeleton-container .zln-skeleton.zln-media-skeleton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 100px;
  border-radius: 5px;
}
.zln-skeleton-container .zln-skeleton.zln-media-skeleton .z-ico {
  fill: var(--grey3);
}
/* ----- Skeleton style end ----- */
/* ----- Slideover style starts ----- */
.zln-slideover {
  background-color: var(--white);
  box-sizing: border-box;
  bottom: var(--chatbar-height);
  top: 0;
  width: 100%;
  word-wrap: anywhere;
  word-break: break-word;
}
.zln-slideover .zln-slider-header {
  border-bottom: 1px solid var(--grey5);
  display: flex;
  align-items: center;
  gap: 10px;
  padding-inline: 20px;
  padding-block: 15px;
}
.z-slider-pos\:left {
  position: fixed;
  border-inline-end: 1px solid var(--grey5);
  left: 0;
}
.zln-direction\:rtl .z-slider-pos\:left {
  left: auto;
  right: 0;
}
.z-slider-pos\:left.type\:fade-bg {
  border: none;
}
.z-slider-pos\:right {
  position: fixed;
  border-inline-start: 1px solid var(--grey5);
  right: 0;
}
.zln-direction\:rtl .z-slider-pos\:right {
  left: 0;
  right: auto;
}
.z-slider-pos\:right.type\:fade-bg {
  border: none;
}
/* ----- Slideover style end ----- */
/* ----- Popup style starts ----- */
.zln-popup-container {
  position: fixed;
  display: grid;
  place-items: center;
  width: 100%;
  height: calc(100% - var(--global-header-height));
  overflow-y: auto;
  padding: 25px;
  box-sizing: border-box;
  top: var(--global-header-height);
  left: 0;
  z-index: 1;
}
.zln-popup-container .zln-popup {
  position: relative;
  border-radius: 5px;
  background-color: var(--white);
  border: 1px solid var(--grey5);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.03);
}
.zln-popup-container .zln-popup .zln-closebtn-pos\:out-r {
  display: grid;
}
.zln-popup-container .zln-popup .zln-closebtn-pos\:out-r .reset\:btn {
  position: fixed;
  right: auto;
  margin-right: -72px;
  margin-top: 0;
  justify-self: end;
}
.zln-popup-container .zln-popup .zln-closebtn-pos\:out-r .reset\:btn .z-ico {
  stroke: hsl(0, 0%, 100%);
}
.zln-popup-container .zln-popup .zln-closebtn-pos\:sticky-r .reset\:btn {
  background-color: var(--grey10);
}
.zln-popup-container .zln-popup .zln-closebtn-pos\:sticky-r .reset\:btn::before {
  box-shadow: 0px 8px 0px 0px var(--grey10);
}
.zln-popup-container .zln-popup .zln-closebtn-pos\:sticky-r .reset\:btn::after {
  box-shadow: 0px -8px 0px 0px var(--grey10);
}
/* ----- Popup style end ----- */
/* slider & popup close button position  start */
.zln-closebtn-pos\:out-l .reset\:btn,
.zln-closebtn-pos\:out-r .reset\:btn {
  position: absolute;
  padding: 6px;
  background-color: var(--grey3);
  border-radius: 100%;
}
.zln-closebtn-pos\:out-l .reset\:btn .z-ico,
.zln-closebtn-pos\:out-r .reset\:btn .z-ico {
  stroke: hsl(0, 0%, 100%);
}
.zln-closebtn-pos\:out-l .reset\:btn:hover,
.zln-closebtn-pos\:out-r .reset\:btn:hover {
  background-color: var(--grey2);
}
.zln-closebtn-pos\:out-l .reset\:btn {
  left: -45px;
}
.zln-closebtn-pos\:out-r .reset\:btn {
  right: -45px;
}
.zln-closebtn-pos\:sticky-l .reset\:btn,
.zln-closebtn-pos\:sticky-r .reset\:btn {
  position: absolute;
  padding: 5px;
  background-color: var(--grey5);
  top: 22px;
}
.zln-closebtn-pos\:sticky-l .reset\:btn:hover .z-ico,
.zln-closebtn-pos\:sticky-r .reset\:btn:hover .z-ico {
  stroke: var(--grey0);
}
.zln-closebtn-pos\:sticky-l .reset\:btn {
  right: 100%;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.zln-closebtn-pos\:sticky-l .reset\:btn::before,
.zln-closebtn-pos\:sticky-l .reset\:btn::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  right: 0px;
}
.zln-closebtn-pos\:sticky-l .reset\:btn::before {
  bottom: 100%;
  border-bottom-right-radius: 10px;
  box-shadow: 0px 8px 0px 0px var(--grey5);
}
.zln-closebtn-pos\:sticky-l .reset\:btn::after {
  top: 100%;
  border-top-right-radius: 10px;
  box-shadow: 0px -8px 0px 0px var(--grey5);
}
.zln-closebtn-pos\:sticky-r .reset\:btn {
  left: 100%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.zln-closebtn-pos\:sticky-r .reset\:btn::before,
.zln-closebtn-pos\:sticky-r .reset\:btn::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0px;
}
.zln-closebtn-pos\:sticky-r .reset\:btn::before {
  bottom: 100%;
  border-bottom-left-radius: 10px;
  box-shadow: 0px 8px 0px 0px var(--grey5);
}
.zln-closebtn-pos\:sticky-r .reset\:btn::after {
  top: 100%;
  border-top-left-radius: 10px;
  box-shadow: 0px -8px 0px 0px var(--grey5);
}
/* slider & popup close button position  end */
/* ----- Table style starts ----- */
.zln-container\:table {
  overflow-x: auto;
}
.zln-container\:table table,
.zln-container\:table lyte-table {
  border-collapse: collapse;
  counter-reset: table-serial-number -1;
  font-family: inherit;
}
.zln-container\:table table lyte-thead,
.zln-container\:table lyte-table lyte-thead {
  border-bottom: 1px solid var(--grey5);
}
.zln-container\:table table tbody tr:hover,
.zln-container\:table lyte-table tbody tr:hover,
.zln-container\:table table lyte-tbody tr:hover,
.zln-container\:table lyte-table lyte-tbody tr:hover,
.zln-container\:table table tbody lyte-tr:hover,
.zln-container\:table lyte-table tbody lyte-tr:hover,
.zln-container\:table table lyte-tbody lyte-tr:hover,
.zln-container\:table lyte-table lyte-tbody lyte-tr:hover {
  background-color: var(--grey8);
}
.zln-container\:table table tbody tr.zls-disabled-all:hover,
.zln-container\:table lyte-table tbody tr.zls-disabled-all:hover,
.zln-container\:table table lyte-tbody tr.zls-disabled-all:hover,
.zln-container\:table lyte-table lyte-tbody tr.zls-disabled-all:hover,
.zln-container\:table table tbody lyte-tr.zls-disabled-all:hover,
.zln-container\:table lyte-table tbody lyte-tr.zls-disabled-all:hover,
.zln-container\:table table lyte-tbody lyte-tr.zls-disabled-all:hover,
.zln-container\:table lyte-table lyte-tbody lyte-tr.zls-disabled-all:hover {
  background-color: var(--grey9);
}
.zln-container\:table table tbody tr.zls-disabled-all .z-ico:not(.o-ico-ellipsis-vertical),
.zln-container\:table lyte-table tbody tr.zls-disabled-all .z-ico:not(.o-ico-ellipsis-vertical),
.zln-container\:table table lyte-tbody tr.zls-disabled-all .z-ico:not(.o-ico-ellipsis-vertical),
.zln-container\:table lyte-table lyte-tbody tr.zls-disabled-all .z-ico:not(.o-ico-ellipsis-vertical),
.zln-container\:table table tbody lyte-tr.zls-disabled-all .z-ico:not(.o-ico-ellipsis-vertical),
.zln-container\:table lyte-table tbody lyte-tr.zls-disabled-all .z-ico:not(.o-ico-ellipsis-vertical),
.zln-container\:table table lyte-tbody lyte-tr.zls-disabled-all .z-ico:not(.o-ico-ellipsis-vertical),
.zln-container\:table lyte-table lyte-tbody lyte-tr.zls-disabled-all .z-ico:not(.o-ico-ellipsis-vertical) {
  stroke: var(--grey4);
}
.zln-container\:table table.zln-table-hover\:accent tbody tr:hover,
.zln-container\:table lyte-table.zln-table-hover\:accent tbody tr:hover,
.zln-container\:table table.zln-table-hover\:accent lyte-tbody tr:hover,
.zln-container\:table lyte-table.zln-table-hover\:accent lyte-tbody tr:hover,
.zln-container\:table table.zln-table-hover\:accent tbody lyte-tr:hover,
.zln-container\:table lyte-table.zln-table-hover\:accent tbody lyte-tr:hover,
.zln-container\:table table.zln-table-hover\:accent lyte-tbody lyte-tr:hover,
.zln-container\:table lyte-table.zln-table-hover\:accent lyte-tbody lyte-tr:hover {
  background-color: var(--product-accent-color-light);
}
.zln-container\:table table.zln-table-hover\:accent tbody tr.zls-disabled-all:hover,
.zln-container\:table lyte-table.zln-table-hover\:accent tbody tr.zls-disabled-all:hover,
.zln-container\:table table.zln-table-hover\:accent lyte-tbody tr.zls-disabled-all:hover,
.zln-container\:table lyte-table.zln-table-hover\:accent lyte-tbody tr.zls-disabled-all:hover,
.zln-container\:table table.zln-table-hover\:accent tbody lyte-tr.zls-disabled-all:hover,
.zln-container\:table lyte-table.zln-table-hover\:accent tbody lyte-tr.zls-disabled-all:hover,
.zln-container\:table table.zln-table-hover\:accent lyte-tbody lyte-tr.zls-disabled-all:hover,
.zln-container\:table lyte-table.zln-table-hover\:accent lyte-tbody lyte-tr.zls-disabled-all:hover {
  background-color: var(--grey9);
}
.zln-container\:table table.hover\:no-hover tr:hover,
.zln-container\:table lyte-table.hover\:no-hover tr:hover,
.zln-container\:table table.hover\:no-hover lyte-tr:hover,
.zln-container\:table lyte-table.hover\:no-hover lyte-tr:hover {
  background-color: transparent;
  cursor: default;
}
.zln-container\:table table lyte-td,
.zln-container\:table lyte-table lyte-td {
  border: none;
  background-color: transparent;
}
.zlearn-os\:dark .zln-container\:table table lyte-td,
.zlearn-os\:dark .zln-container\:table lyte-table lyte-td,
.zlearn-theme\:dark .zln-container\:table table lyte-td,
.zlearn-theme\:dark .zln-container\:table lyte-table lyte-td {
  color: hsl(0, 0%, 100%);
}
.zln-container\:table table tr,
.zln-container\:table lyte-table tr,
.zln-container\:table table lyte-tr,
.zln-container\:table lyte-table lyte-tr {
  counter-increment: table-serial-number;
}
.zln-container\:table table tr:hover td.zln-fix\:table-col,
.zln-container\:table lyte-table tr:hover td.zln-fix\:table-col,
.zln-container\:table table lyte-tr:hover td.zln-fix\:table-col,
.zln-container\:table lyte-table lyte-tr:hover td.zln-fix\:table-col {
  background-color: var(--grey8);
}
.zln-container\:table table tr:hover .lyteTableFixed,
.zln-container\:table lyte-table tr:hover .lyteTableFixed,
.zln-container\:table table lyte-tr:hover .lyteTableFixed,
.zln-container\:table lyte-table lyte-tr:hover .lyteTableFixed {
  background-color: var(--grey8);
}
.zln-container\:table table tr.zln-disabled,
.zln-container\:table lyte-table tr.zln-disabled,
.zln-container\:table table lyte-tr.zln-disabled,
.zln-container\:table lyte-table lyte-tr.zln-disabled,
.zln-container\:table table tr.z-disabled,
.zln-container\:table lyte-table tr.z-disabled,
.zln-container\:table table lyte-tr.z-disabled,
.zln-container\:table lyte-table lyte-tr.z-disabled {
  background-color: var(--grey6);
  color: var(--grey3);
  pointer-events: none;
}
.zln-container\:table table tr.zln-disabled:hover td.zln-fix\:table-col,
.zln-container\:table lyte-table tr.zln-disabled:hover td.zln-fix\:table-col,
.zln-container\:table table lyte-tr.zln-disabled:hover td.zln-fix\:table-col,
.zln-container\:table lyte-table lyte-tr.zln-disabled:hover td.zln-fix\:table-col,
.zln-container\:table table tr.z-disabled:hover td.zln-fix\:table-col,
.zln-container\:table lyte-table tr.z-disabled:hover td.zln-fix\:table-col,
.zln-container\:table table lyte-tr.z-disabled:hover td.zln-fix\:table-col,
.zln-container\:table lyte-table lyte-tr.z-disabled:hover td.zln-fix\:table-col,
.zln-container\:table table tr.zln-disabled:hover lyte-td.zln-fix\:table-col,
.zln-container\:table lyte-table tr.zln-disabled:hover lyte-td.zln-fix\:table-col,
.zln-container\:table table lyte-tr.zln-disabled:hover lyte-td.zln-fix\:table-col,
.zln-container\:table lyte-table lyte-tr.zln-disabled:hover lyte-td.zln-fix\:table-col,
.zln-container\:table table tr.z-disabled:hover lyte-td.zln-fix\:table-col,
.zln-container\:table lyte-table tr.z-disabled:hover lyte-td.zln-fix\:table-col,
.zln-container\:table table lyte-tr.z-disabled:hover lyte-td.zln-fix\:table-col,
.zln-container\:table lyte-table lyte-tr.z-disabled:hover lyte-td.zln-fix\:table-col {
  background-color: var(--grey6);
}
.zln-container\:table table tr.zln-disabled .zln-fix\:table-col,
.zln-container\:table lyte-table tr.zln-disabled .zln-fix\:table-col,
.zln-container\:table table lyte-tr.zln-disabled .zln-fix\:table-col,
.zln-container\:table lyte-table lyte-tr.zln-disabled .zln-fix\:table-col,
.zln-container\:table table tr.z-disabled .zln-fix\:table-col,
.zln-container\:table lyte-table tr.z-disabled .zln-fix\:table-col,
.zln-container\:table table lyte-tr.z-disabled .zln-fix\:table-col,
.zln-container\:table lyte-table lyte-tr.z-disabled .zln-fix\:table-col {
  background-color: inherit;
}
.zln-container\:table table tr.zln-disabled .zln-logo,
.zln-container\:table lyte-table tr.zln-disabled .zln-logo,
.zln-container\:table table lyte-tr.zln-disabled .zln-logo,
.zln-container\:table lyte-table lyte-tr.zln-disabled .zln-logo,
.zln-container\:table table tr.z-disabled .zln-logo,
.zln-container\:table lyte-table tr.z-disabled .zln-logo,
.zln-container\:table table lyte-tr.z-disabled .zln-logo,
.zln-container\:table lyte-table lyte-tr.z-disabled .zln-logo {
  filter: grayscale(1);
}
.zln-container\:table table tr.zln-disabled button,
.zln-container\:table lyte-table tr.zln-disabled button,
.zln-container\:table table lyte-tr.zln-disabled button,
.zln-container\:table lyte-table lyte-tr.zln-disabled button,
.zln-container\:table table tr.z-disabled button,
.zln-container\:table lyte-table tr.z-disabled button,
.zln-container\:table table lyte-tr.z-disabled button,
.zln-container\:table lyte-table lyte-tr.z-disabled button,
.zln-container\:table table tr.zln-disabled .zln-toggle,
.zln-container\:table lyte-table tr.zln-disabled .zln-toggle,
.zln-container\:table table lyte-tr.zln-disabled .zln-toggle,
.zln-container\:table lyte-table lyte-tr.zln-disabled .zln-toggle,
.zln-container\:table table tr.z-disabled .zln-toggle,
.zln-container\:table lyte-table tr.z-disabled .zln-toggle,
.zln-container\:table table lyte-tr.z-disabled .zln-toggle,
.zln-container\:table lyte-table lyte-tr.z-disabled .zln-toggle {
  pointer-events: visible;
}
.zln-container\:table table tr.zln-disabled .zln-toggle,
.zln-container\:table lyte-table tr.zln-disabled .zln-toggle,
.zln-container\:table table lyte-tr.zln-disabled .zln-toggle,
.zln-container\:table lyte-table lyte-tr.zln-disabled .zln-toggle,
.zln-container\:table table tr.z-disabled .zln-toggle,
.zln-container\:table lyte-table tr.z-disabled .zln-toggle,
.zln-container\:table table lyte-tr.z-disabled .zln-toggle,
.zln-container\:table lyte-table lyte-tr.z-disabled .zln-toggle {
  color: initial;
}
.zln-container\:table table tr.zln-active,
.zln-container\:table lyte-table tr.zln-active,
.zln-container\:table table lyte-tr.zln-active,
.zln-container\:table lyte-table lyte-tr.zln-active {
  background-color: var(--product-highlight-color);
}
.zln-container\:table table tr .zln-sort,
.zln-container\:table lyte-table tr .zln-sort,
.zln-container\:table table lyte-tr .zln-sort,
.zln-container\:table lyte-table lyte-tr .zln-sort {
  position: relative;
  cursor: pointer;
}
.zln-container\:table table tr .zln-sort:after,
.zln-container\:table lyte-table tr .zln-sort:after,
.zln-container\:table table lyte-tr .zln-sort:after,
.zln-container\:table lyte-table lyte-tr .zln-sort:after,
.zln-container\:table table tr .zln-sort:before,
.zln-container\:table lyte-table tr .zln-sort:before,
.zln-container\:table table lyte-tr .zln-sort:before,
.zln-container\:table lyte-table lyte-tr .zln-sort:before {
  border: 4px solid transparent;
  content: '';
  display: block;
  height: 0;
  right: 0;
  top: 50%;
  position: absolute;
  width: 0;
}
.zln-direction\:rtl .zln-container\:table table tr .zln-sort:after,
.zln-direction\:rtl .zln-container\:table lyte-table tr .zln-sort:after,
.zln-direction\:rtl .zln-container\:table table lyte-tr .zln-sort:after,
.zln-direction\:rtl .zln-container\:table lyte-table lyte-tr .zln-sort:after,
.zln-direction\:rtl .zln-container\:table table tr .zln-sort:before,
.zln-direction\:rtl .zln-container\:table lyte-table tr .zln-sort:before,
.zln-direction\:rtl .zln-container\:table table lyte-tr .zln-sort:before,
.zln-direction\:rtl .zln-container\:table lyte-table lyte-tr .zln-sort:before {
  right: auto;
  left: 0;
}
.zln-container\:table table tr .zln-sort:before,
.zln-container\:table lyte-table tr .zln-sort:before,
.zln-container\:table table lyte-tr .zln-sort:before,
.zln-container\:table lyte-table lyte-tr .zln-sort:before {
  border-bottom-color: var(--grey2);
  margin-top: -9px;
}
.zln-container\:table table tr .zln-sort:after,
.zln-container\:table lyte-table tr .zln-sort:after,
.zln-container\:table table lyte-tr .zln-sort:after,
.zln-container\:table lyte-table lyte-tr .zln-sort:after {
  border-top-color: var(--grey2);
  margin-top: 1px;
}
.zln-container\:table table tr .zln-sort:hover:before,
.zln-container\:table lyte-table tr .zln-sort:hover:before,
.zln-container\:table table lyte-tr .zln-sort:hover:before,
.zln-container\:table lyte-table lyte-tr .zln-sort:hover:before {
  border-bottom-color: var(--grey1);
}
.zln-container\:table table tr .zln-sort:hover:after,
.zln-container\:table lyte-table tr .zln-sort:hover:after,
.zln-container\:table table lyte-tr .zln-sort:hover:after,
.zln-container\:table lyte-table lyte-tr .zln-sort:hover:after {
  border-top-color: var(--grey1);
}
.zln-container\:table table th,
.zln-container\:table lyte-table th,
.zln-container\:table table lyte-th,
.zln-container\:table lyte-table lyte-th {
  padding: 10px 15px;
  font-weight: 500;
}
.zln-container\:table table th.zln-fix\:table-col,
.zln-container\:table lyte-table th.zln-fix\:table-col,
.zln-container\:table table lyte-th.zln-fix\:table-col,
.zln-container\:table lyte-table lyte-th.zln-fix\:table-col {
  position: sticky;
  background-color: var(--grey8);
}
.zln-container\:table table lyte-th,
.zln-container\:table lyte-table lyte-th {
  font-family: inherit;
}
.zlearn-os\:dark .zln-container\:table table lyte-th,
.zlearn-os\:dark .zln-container\:table lyte-table lyte-th,
.zlearn-theme\:dark .zln-container\:table table lyte-th,
.zlearn-theme\:dark .zln-container\:table lyte-table lyte-th {
  background-color: var(--white);
  color: hsl(0, 0%, 100%);
}
.zln-container\:table table td,
.zln-container\:table lyte-table td,
.zln-container\:table table lyte-td,
.zln-container\:table lyte-table lyte-td {
  padding: 12px 15px;
}
.zln-container\:table table td.zln-sl-no:before,
.zln-container\:table lyte-table td.zln-sl-no:before,
.zln-container\:table table lyte-td.zln-sl-no:before,
.zln-container\:table lyte-table lyte-td.zln-sl-no:before {
  content: counter(table-serial-number);
}
.zln-container\:table table td.zln-fix\:table-col,
.zln-container\:table lyte-table td.zln-fix\:table-col,
.zln-container\:table table lyte-td.zln-fix\:table-col,
.zln-container\:table lyte-table lyte-td.zln-fix\:table-col {
  position: sticky;
  background-color: var(--white);
}
.zln-container\:table table td.lyteTableFixed,
.zln-container\:table lyte-table td.lyteTableFixed,
.zln-container\:table table lyte-td.lyteTableFixed,
.zln-container\:table lyte-table lyte-td.lyteTableFixed {
  background-color: var(--white);
}
.zlearn-os\:dark .zln-container\:table lyte-table-structure,
.zlearn-theme\:dark .zln-container\:table lyte-table-structure {
  background-color: var(--white);
  color: hsl(0, 0%, 100%);
}
/* ----- Table style end ----- */
/*---- Tree style starts ----*/
.zln-tree li strong {
  position: relative;
  margin-top: 15px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  cursor: pointer;
}
.zln-tree li strong .o-ico-chevron-right {
  stroke: var(--grey0);
  transition: transform 0.3s;
}
.zln-tree li strong.zln-expand .o-ico-chevron-right {
  transform: rotateZ(90deg);
}
.zln-tree li a {
  color: var(--grey1);
  text-decoration: none;
  display: flex;
  padding: 5px 10px;
  gap: 10px;
}
.zln-tree li a:hover {
  color: var(--grey0);
}
.zln-tree li a.zln-active {
  color: var(--product-accent-color);
}
.zln-tree ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 15px;
}
.zln-tree ul li {
  padding-left: 10px;
}
/*---- Tree style end ----*/
/*---- Multi select box style starts ----*/
.zln-multi-selectbox {
  display: flex;
  flex-wrap: wrap;
  padding: 8px;
  gap: 8px;
  border: 1px solid var(--grey4);
  background-color: var(--white);
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.03);
  transition: all 0.1s ease;
}
.zln-multi-selectbox .zln-data {
  display: inline-flex;
  border: 1px solid var(--grey4);
  font-size: 1.3rem;
  background-color: var(--white);
  overflow: hidden;
}
.lyteDropdown-disabled .zln-multi-selectbox .zln-data {
  color: var(--grey0);
}
.zln-multi-selectbox .zln-data .zln-closebtn {
  display: inline-flex;
  align-items: center;
  border-inline-start: 1px solid var(--grey4);
  cursor: pointer;
}
.zln-multi-selectbox .zln-data .zln-closebtn.type\:no-border {
  border: none;
}
.zln-multi-selectbox .zln-data .zln-closebtn .o-ico-x-mark {
  stroke: var(--grey2);
}
.zln-multi-selectbox .zln-data .zln-closebtn:hover .o-ico-x-mark {
  stroke: var(--grey0);
}
.zln-multi-selectbox .zln-data.type\:error {
  background-color: hsl(1, 87%, 97%);
  border: 1px solid hsl(1, 81%, 62%);
  color: hsl(1, 53%, 52%);
}
.zln-multi-selectbox .zln-data.type\:error .zln-closebtn {
  background-color: hsl(1, 87%, 97%);
  border-color: hsl(1, 81%, 62%);
}
.zln-multi-selectbox .zln-data.type\:error .zln-closebtn .z-ico {
  stroke: hsl(1, 53%, 52%);
}
.zln-multi-selectbox.z-bg-data\[child\]\:grey7 .zln-data {
  background-color: var(--grey7);
}
.zln-multi-selectbox.z-bg-data\[child\]\:grey8 .zln-data {
  background-color: var(--grey8);
}
.zln-multi-selectbox.z-bg-data\[child\]\:grey9 .zln-data {
  background-color: var(--grey9);
}
.zln-multi-selectbox.z-bg-data\[child\]\:grey10 .zln-data {
  background-color: var(--grey10);
}
.zln-multi-selectbox.z-bg-data\[child\]\:grey7 .zln-data.type\:error,
.zln-multi-selectbox.z-bg-data\[child\]\:grey8 .zln-data.type\:error,
.zln-multi-selectbox.z-bg-data\[child\]\:grey9 .zln-data.type\:error,
.zln-multi-selectbox.z-bg-data\[child\]\:grey10 .zln-data.type\:error {
  background-color: hsl(1, 87%, 97%);
}
.zln-multi-selectbox.z-bg-meta\[child\]\:grey7 .zln-data .zln-meta {
  background-color: var(--grey7);
}
.zln-multi-selectbox.z-bg-meta\[child\]\:grey8 .zln-data .zln-meta {
  background-color: var(--grey8);
}
.zln-multi-selectbox.z-bg-meta\[child\]\:grey9 .zln-data .zln-meta {
  background-color: var(--grey9);
}
.zln-multi-selectbox.z-bg-meta\[child\]\:grey10 .zln-data .zln-meta {
  background-color: var(--grey10);
}
.zln-multi-selectbox.z-bg-meta\[child\]\:grey7 .zln-data.type\:error .zln-meta,
.zln-multi-selectbox.z-bg-meta\[child\]\:grey8 .zln-data.type\:error .zln-meta,
.zln-multi-selectbox.z-bg-meta\[child\]\:grey9 .zln-data.type\:error .zln-meta,
.zln-multi-selectbox.z-bg-meta\[child\]\:grey10 .zln-data.type\:error .zln-meta {
  background-color: hsl(1, 87%, 97%);
}
.zln-multi-selectbox.z-bg-btn\[child\]\:grey7 .zln-data .zln-closebtn {
  background-color: var(--grey7);
}
.zln-multi-selectbox.z-bg-btn\[child\]\:grey8 .zln-data .zln-closebtn {
  background-color: var(--grey8);
}
.zln-multi-selectbox.z-bg-btn\[child\]\:grey9 .zln-data .zln-closebtn {
  background-color: var(--grey9);
}
.zln-multi-selectbox.z-bg-btn\[child\]\:grey10 .zln-data .zln-closebtn {
  background-color: var(--grey10);
}
.zln-multi-selectbox.z-bg-btn\[child\]\:grey7 .zln-data.type\:error .zln-closebtn,
.zln-multi-selectbox.z-bg-btn\[child\]\:grey8 .zln-data.type\:error .zln-closebtn,
.zln-multi-selectbox.z-bg-btn\[child\]\:grey9 .zln-data.type\:error .zln-closebtn,
.zln-multi-selectbox.z-bg-btn\[child\]\:grey10 .zln-data.type\:error .zln-closebtn {
  background-color: hsl(1, 87%, 97%);
}
.zln-multi-selectbox:focus-within {
  box-shadow: 0 0 0 2px var(--input-focus-color);
  border-color: transparent;
  background-color: var(--white);
}
/*---- Multi select box style end ----*/
/*---- Rich Text Toolbar style starts  ----*/
.zln-richtext-toolbar > * {
  border: 1px solid transparent;
  border-radius: 3px;
  transition: all 0.1s ease;
}
.zln-richtext-toolbar > *:hover {
  background-color: var(--white);
}
.zln-richtext-toolbar .z-ico {
  stroke-width: 0.5;
}
.zln-richtext-toolbar .zln-active {
  background-color: var(--white);
  border-color: var(--grey4);
}
.zln-richtext-toolbar .zln-disabled,
.zln-richtext-toolbar .z-disabled {
  background-color: var(--grey4);
  cursor: default;
}
.zln-richtext-toolbar .zln-disabled .z-ico,
.zln-richtext-toolbar .z-disabled .z-ico {
  stroke: var(--grey3);
}
/*---- Rich Text Toolbar style End  ----*/
/*---- Breadcrumb style starts  ----*/
.zln-breadcrumb * + *:before {
  content: "/";
  padding: 0px 10px;
  color: var(--grey3);
}
.zln-breadcrumb li {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-word;
}
.zln-breadcrumb li a {
  text-decoration: none;
  color: inherit;
}
.zln-breadcrumb li a:hover {
  text-decoration: underline;
  color: var(--product-accent-color);
}
.zln-breadcrumb li:first-of-type,
.zln-breadcrumb li:nth-child(2) {
  flex-shrink: 0;
}
.zln-breadcrumb li:nth-last-child(2) a:hover {
  text-decoration: none;
  color: inherit;
  cursor: default;
}
.zln-breadcrumb li:last-of-type a {
  color: var(--grey2);
  cursor: default;
}
.zln-breadcrumb li:last-of-type a:hover {
  text-decoration: none;
}
/*---- Breadcrumb style end  ----*/
.zln-file\:upload {
  align-items: center;
  background-color: var(--grey9);
  border-radius: 5px;
  border: 1px dashed var(--grey3);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding: 20px;
  gap: 5px;
  transition: 0.2s background;
}
.zln-file\:upload:hover {
  background-color: var(--grey8);
}
.zln-file\:upload.theme\:green {
  background-color: hsl(161, 73%, 97.5%);
  border-color: hsl(161, 40%, 46%);
  color: hsl(161, 72%, 34%);
}
.zln-file\:upload.theme\:green .z-ico {
  fill: hsl(161, 61%, 40%);
  stroke: hsl(161, 61%, 40%);
}
.zln-file\:upload.theme\:green:hover {
  background-color: hsl(161, 73%, 96.5%);
}
.zlearn-os\:dark .zln-file\:upload.theme\:green,
.zlearn-theme\:dark .zln-file\:upload.theme\:green {
  background-color: hsl(161, 30%, 25%);
  border-color: hsl(161, 60%, 45%);
  color: hsl(161, 40%, 70%);
}
.zlearn-os\:dark .zln-file\:upload.theme\:green .z-txt\:grey0,
.zlearn-theme\:dark .zln-file\:upload.theme\:green .z-txt\:grey0,
.zlearn-os\:dark .zln-file\:upload.theme\:green .z-txt\:grey1,
.zlearn-theme\:dark .zln-file\:upload.theme\:green .z-txt\:grey1 {
  color: hsl(0, 0%, 100%);
}
.zln-file\:upload.theme\:yellow {
  background-color: hsl(42, 100%, 98%);
  border-color: hsl(42, 65%, 51%);
  color: hsl(42, 80%, 45%);
}
.zln-file\:upload.theme\:yellow .z-ico {
  fill: hsl(42, 100%, 35%);
  stroke: hsl(42, 100%, 35%);
}
.zln-file\:upload.theme\:yellow:hover {
  background-color: hsl(42, 100%, 96%);
}
.zlearn-os\:dark .zln-file\:upload.theme\:yellow,
.zlearn-theme\:dark .zln-file\:upload.theme\:yellow {
  background-color: hsl(42, 70%, 20%);
  border-color: hsl(42, 60%, 50%);
  color: hsl(42, 70%, 70%);
}
.zlearn-os\:dark .zln-file\:upload.theme\:yellow .z-txt\:grey0,
.zlearn-theme\:dark .zln-file\:upload.theme\:yellow .z-txt\:grey0,
.zlearn-os\:dark .zln-file\:upload.theme\:yellow .z-txt\:grey1,
.zlearn-theme\:dark .zln-file\:upload.theme\:yellow .z-txt\:grey1 {
  color: hsl(0, 0%, 100%);
}
.zlearn-os\:dark .zln-file\:upload.theme\:yellow .z-txt\:yellow,
.zlearn-theme\:dark .zln-file\:upload.theme\:yellow .z-txt\:yellow {
  color: hsl(42, 70%, 70%);
}
.zln-file\:upload.theme\:orange {
  background-color: hsl(27, 85%, 97%);
  border-color: hsl(27, 65%, 50%);
  color: hsl(27, 90%, 47%);
}
.zln-file\:upload.theme\:orange .z-ico {
  fill: hsl(27, 90%, 40%);
  stroke: hsl(27, 90%, 40%);
}
.zln-file\:upload.theme\:orange:hover {
  background-color: hsl(27, 85%, 95%);
}
.zlearn-os\:dark .zln-file\:upload.theme\:orange,
.zlearn-theme\:dark .zln-file\:upload.theme\:orange {
  background-color: hsl(27, 50%, 30%);
  border-color: hsl(27, 70%, 70%);
  color: hsl(27, 85%, 97%);
}
.zlearn-os\:dark .zln-file\:upload.theme\:orange .z-txt\:grey0,
.zlearn-theme\:dark .zln-file\:upload.theme\:orange .z-txt\:grey0,
.zlearn-os\:dark .zln-file\:upload.theme\:orange .z-txt\:grey1,
.zlearn-theme\:dark .zln-file\:upload.theme\:orange .z-txt\:grey1 {
  color: hsl(0, 0%, 100%);
}
.zln-file\:upload.theme\:red {
  background-color: hsl(1, 87%, 97%);
  border-color: hsl(1, 81%, 62%);
  color: hsl(1, 53%, 52%);
}
.zln-file\:upload.theme\:red .z-ico {
  fill: hsl(1, 53%, 52%);
  stroke: hsl(1, 53%, 52%);
}
.zlearn-os\:dark .zln-file\:upload.theme\:red,
.zlearn-theme\:dark .zln-file\:upload.theme\:red {
  background-color: hsl(1, 40%, 25%);
  border-color: hsl(1, 50%, 60%);
  color: hsl(1, 60%, 70%);
}
.zlearn-os\:dark .zln-file\:upload.theme\:red .z-txt\:grey0,
.zlearn-theme\:dark .zln-file\:upload.theme\:red .z-txt\:grey0,
.zlearn-os\:dark .zln-file\:upload.theme\:red .z-txt\:grey1,
.zlearn-theme\:dark .zln-file\:upload.theme\:red .z-txt\:grey1 {
  color: hsl(0, 0%, 100%);
}
.zln-file\:upload.theme\:lavender {
  background-color: hsl(260, 59%, 98%);
  border-color: hsl(260, 65%, 64%);
  color: hsl(260, 59%, 57%);
}
.zln-file\:upload.theme\:lavender .z-ico {
  fill: hsl(260, 59%, 55%);
  stroke: hsl(260, 59%, 55%);
}
.zln-file\:upload.theme\:lavender:hover {
  background-color: hsl(260, 59%, 97%);
}
.zlearn-os\:dark .zln-file\:upload.theme\:lavender,
.zlearn-theme\:dark .zln-file\:upload.theme\:lavender {
  background-color: hsl(260, 30%, 30%);
  border-color: hsl(260, 70%, 75%);
  color: hsl(260, 59%, 98%);
}
.zlearn-os\:dark .zln-file\:upload.theme\:lavender .z-txt\:grey0,
.zlearn-theme\:dark .zln-file\:upload.theme\:lavender .z-txt\:grey0,
.zlearn-os\:dark .zln-file\:upload.theme\:lavender .z-txt\:grey1,
.zlearn-theme\:dark .zln-file\:upload.theme\:lavender .z-txt\:grey1 {
  color: hsl(0, 0%, 100%);
}
.zln-file\:uploading {
  background-color: var(--grey9);
  border-radius: 5px;
  border: 1px dashed var(--grey3);
  padding: 20px;
  gap: 5px;
}
.zln-file\:uploading .zln-progress-line\:fg {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 2rem 2rem;
  box-sizing: border-box;
  animation: progress-bar-ani 0.5s linear infinite;
}
.zln-file\:uploading.theme\:green {
  background-color: hsl(161, 73%, 96%);
  border-color: hsl(161, 79%, 46%);
}
.zln-file\:uploading.theme\:green .zls-ico-wrapper {
  background-color: hsl(161, 85%, 42%);
}
.zln-file\:uploading.theme\:green .zln-progress-line\:bg {
  border-color: hsl(161, 79%, 46%);
}
.zln-file\:uploading.theme\:green .zln-progress-line\:fg {
  background-color: hsl(161, 73%, 55%);
}
.zln-file\:uploading.theme\:green .z-btn {
  background-color: hsl(161, 79%, 46%);
  border-color: hsl(161, 79%, 46%);
}
.zln-file\:uploading.theme\:green .z-btn:hover {
  background-color: hsl(161, 79%, 40%);
  border-color: hsl(161, 79%, 40%);
}
.zln-file\:uploading.theme\:green .z-btn .z-ico {
  stroke: hsl(0, 0%, 100%);
  fill: hsl(0, 0%, 100%);
}
.zlearn-os\:dark .zln-file\:uploading.theme\:green,
.zlearn-theme\:dark .zln-file\:uploading.theme\:green {
  background-color: hsl(161, 30%, 25%);
  border-color: hsl(161, 60%, 45%);
}
.zlearn-os\:dark .zln-file\:uploading.theme\:green .z-txt\:grey0,
.zlearn-theme\:dark .zln-file\:uploading.theme\:green .z-txt\:grey0,
.zlearn-os\:dark .zln-file\:uploading.theme\:green .z-txt\:grey1,
.zlearn-theme\:dark .zln-file\:uploading.theme\:green .z-txt\:grey1 {
  color: hsl(0, 0%, 100%);
}
.zln-file\:uploading.theme\:yellow {
  background-color: hsl(42, 100%, 98%);
  border-color: hsl(42, 65%, 51%);
}
.zln-file\:uploading.theme\:yellow .zls-ico-wrapper {
  background-color: hsl(42, 88%, 56%);
}
.zln-file\:uploading.theme\:yellow .zln-progress-line\:bg {
  border-color: hsl(42, 65%, 51%);
}
.zln-file\:uploading.theme\:yellow .zln-progress-line\:fg {
  background-color: hsl(42, 100%, 60%);
}
.zln-file\:uploading.theme\:yellow .z-btn {
  background-color: hsl(42, 89%, 51%);
  border-color: hsl(42, 89%, 51%);
}
.zln-file\:uploading.theme\:yellow .z-btn:hover {
  background-color: hsl(42, 89%, 45%);
  border-color: hsl(42, 89%, 45%);
}
.zln-file\:uploading.theme\:yellow .z-btn .z-ico {
  stroke: hsl(0, 0%, 100%);
  fill: hsl(0, 0%, 100%);
}
.zlearn-os\:dark .zln-file\:uploading.theme\:yellow,
.zlearn-theme\:dark .zln-file\:uploading.theme\:yellow {
  background-color: hsl(42, 70%, 20%);
  border-color: hsl(42, 60%, 50%);
}
.zlearn-os\:dark .zln-file\:uploading.theme\:yellow .z-txt\:grey0,
.zlearn-theme\:dark .zln-file\:uploading.theme\:yellow .z-txt\:grey0,
.zlearn-os\:dark .zln-file\:uploading.theme\:yellow .z-txt\:grey1,
.zlearn-theme\:dark .zln-file\:uploading.theme\:yellow .z-txt\:grey1 {
  color: hsl(0, 0%, 100%);
}
.zln-file\:uploading.theme\:orange {
  background-color: hsl(27, 85%, 97%);
  border-color: hsl(27, 90%, 50%);
}
.zln-file\:uploading.theme\:orange .zls-ico-wrapper {
  background-color: hsl(27, 85%, 50%);
}
.zln-file\:uploading.theme\:orange .zln-progress-line\:bg {
  border-color: hsl(27, 90%, 50%);
}
.zln-file\:uploading.theme\:orange .zln-progress-line\:fg {
  background-color: hsl(27, 85%, 60%);
}
.zln-file\:uploading.theme\:orange .z-btn {
  background-color: hsl(27, 79%, 46%);
  border-color: hsl(27, 79%, 46%);
}
.zln-file\:uploading.theme\:orange .z-btn:hover {
  background-color: hsl(27, 79%, 40%);
  border-color: hsl(27, 79%, 40%);
}
.zln-file\:uploading.theme\:orange .z-btn .z-ico {
  stroke: hsl(0, 0%, 100%);
  fill: hsl(0, 0%, 100%);
}
.zlearn-os\:dark .zln-file\:uploading.theme\:orange,
.zlearn-theme\:dark .zln-file\:uploading.theme\:orange {
  background-color: hsl(27, 50%, 30%);
  border-color: hsl(27, 70%, 70%);
}
.zlearn-os\:dark .zln-file\:uploading.theme\:orange .z-txt\:grey0,
.zlearn-theme\:dark .zln-file\:uploading.theme\:orange .z-txt\:grey0,
.zlearn-os\:dark .zln-file\:uploading.theme\:orange .z-txt\:grey1,
.zlearn-theme\:dark .zln-file\:uploading.theme\:orange .z-txt\:grey1 {
  color: hsl(0, 0%, 100%);
}
.zln-file\:uploading.theme\:lavender {
  background-color: hsl(260, 59%, 98%);
  border-color: hsl(260, 65%, 64%);
}
.zln-file\:uploading.theme\:lavender .zls-ico-wrapper {
  background-color: hsl(260, 60%, 65%);
}
.zln-file\:uploading.theme\:lavender .zln-progress-line\:bg {
  border-color: hsl(260, 65%, 64%);
}
.zln-file\:uploading.theme\:lavender .zln-progress-line\:fg {
  background-color: hsl(260, 59%, 70%);
}
.zln-file\:uploading.theme\:lavender .z-btn {
  background-color: hsl(260, 50%, 60%);
  border-color: hsl(260, 50%, 60%);
}
.zln-file\:uploading.theme\:lavender .z-btn:hover {
  background-color: hsl(260, 50%, 50%);
  border-color: hsl(260, 50%, 50%);
}
.zln-file\:uploading.theme\:lavender .z-btn .z-ico {
  stroke: hsl(0, 0%, 100%);
  fill: hsl(0, 0%, 100%);
}
.zlearn-os\:dark .zln-file\:uploading.theme\:lavender,
.zlearn-theme\:dark .zln-file\:uploading.theme\:lavender {
  background-color: hsl(260, 30%, 30%);
  border-color: hsl(260, 70%, 75%);
}
.zlearn-os\:dark .zln-file\:uploading.theme\:lavender .z-txt\:grey0,
.zlearn-theme\:dark .zln-file\:uploading.theme\:lavender .z-txt\:grey0,
.zlearn-os\:dark .zln-file\:uploading.theme\:lavender .z-txt\:grey1,
.zlearn-theme\:dark .zln-file\:uploading.theme\:lavender .z-txt\:grey1 {
  color: hsl(0, 0%, 100%);
}
.zln-file\:list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.zln-file\:list > * {
  background-color: var(--grey9);
  border-radius: 3px;
  border: 1px solid var(--grey5);
  padding: 15px;
  cursor: pointer;
}
.zln-file\:list > *:hover {
  background-color: var(--grey8);
}
@media screen and (max-width: 600px) {
  .zln-file\:list .zln-btn\:download {
    display: none;
  }
  .zln-file\:list .zln-btn\:download-ico {
    display: flex;
  }
}
/*----- Icon style starts -----*/
.z-ico {
  stroke-width: 1.5;
  stroke: var(--grey1);
  flex-shrink: 0;
  fill: var(--grey1);
  vertical-align: middle;
  /* Icon hover start */
  /* Icon hover end */
}
.z-ico\:c1 {
  stroke: hsl(196, 89%, 66%);
}
.z-ico\:c2 {
  stroke: hsl(227, 100%, 72%);
}
.z-ico\:c3 {
  stroke: hsl(321, 88%, 70%);
}
.z-ico\:c4 {
  stroke: hsl(16, 100%, 70%);
}
.z-ico\:c5 {
  stroke: hsl(155, 48%, 57%);
}
.z-ico\:c6 {
  stroke: hsl(41, 88%, 62%);
}
.z-ico\:c7 {
  stroke: hsl(300, 44%, 56%);
}
.z-ico\:c8 {
  stroke: hsl(260, 59%, 72%);
}
.z-ico\:c9 {
  stroke: hsl(177, 52%, 55%);
}
.z-ico\:red {
  stroke: hsl(1, 53%, 52%);
  fill: hsl(1, 53%, 52%);
}
.z-ico\:red-light {
  stroke: hsl(1, 68%, 65%);
  fill: hsl(1, 68%, 65%);
}
.z-ico\:green {
  stroke: hsl(161, 70%, 41%);
  fill: hsl(161, 70%, 41%);
}
.z-ico\:yellow {
  stroke: hsl(42, 100%, 45%);
  fill: hsl(42, 100%, 45%);
}
.z-ico\:yellow-light {
  stroke: hsl(42, 100%, 48%);
  fill: hsl(42, 100%, 48%);
}
.z-ico\:blue {
  stroke: hsl(224, 70%, 54%);
  fill: hsl(224, 70%, 54%);
}
.z-ico\:blue-light {
  stroke: hsl(224, 100%, 65%);
  fill: hsl(224, 100%, 65%);
}
.z-ico\:orange {
  stroke: hsl(27, 90%, 50%);
  fill: hsl(27, 90%, 50%);
}
.z-ico\:lavender {
  stroke: hsl(260, 59%, 58%);
  fill: hsl(260, 59%, 58%);
}
.z-ico\:purple {
  stroke: hsl(296, 48%, 52%);
  fill: hsl(296, 48%, 52%);
}
.z-ico\:accent {
  stroke: var(--product-accent-color);
  fill: var(--product-accent-color);
}
.z-ico\:white {
  stroke: hsl(0, 0%, 100%);
  fill: hsl(0, 0%, 100%);
}
.z-ico\:grey0 {
  stroke: var(--grey0);
}
.z-ico\:grey1 {
  stroke: var(--grey1);
}
.z-ico\:grey2 {
  stroke: var(--grey2);
}
.z-ico\:grey3 {
  stroke: var(--grey3);
}
.z-ico\:grey4 {
  stroke: var(--grey4);
}
.z-ico\:grey5 {
  stroke: var(--grey5);
}
.z-ico\:grey6 {
  stroke: var(--grey6);
}
.z-ico\:grey7 {
  stroke: var(--grey7);
}
.z-ico\:grey8 {
  stroke: var(--grey8);
}
.z-ico\:grey9 {
  stroke: var(--grey9);
}
.z-ico\:grey10 {
  stroke: var(--grey10);
}
.z-ico.z-stroke-w\:1 {
  stroke-width: 1;
}
.z-ico.z-stroke-w\:1\.8 {
  stroke-width: 1.8;
}
.z-ico.z-stroke-w\:2 {
  stroke-width: 2;
}
.z-ico.z-stroke-w\:2\.5 {
  stroke-width: 2.5;
}
.z-ico.z-stroke-w\:3 {
  stroke-width: 3;
}
.z-ico-hover {
  position: relative;
}
.z-ico-hover::before {
  content: "";
  position: absolute;
  border-radius: 30px;
  transition: transform 0.2s ease;
  top: -10px;
  left: -10px;
  bottom: -10px;
  right: -10px;
  transform: scale(0);
  background-color: var(--grey0);
  opacity: 0.1;
}
.z-ico-hover:hover:before {
  transform: scale(0.9);
}
.z-ico-hover.type\:box:before {
  border-radius: 10px;
}
.z-ico-hover.type\:box:hover:before {
  transform: scale(0.8);
}
.z-ico-hover\[child\] button {
  position: relative;
  display: inline-flex;
}
.z-ico-hover\[child\] button:before {
  content: "";
  position: absolute;
  border-radius: 30px;
  transition: transform 0.2s ease;
  top: -10px;
  left: -10px;
  bottom: -10px;
  right: -10px;
  transform: scale(0);
  background-color: var(--grey0);
  opacity: 0.1;
}
.z-ico-hover\[child\] button:hover:before {
  transform: scale(0.9);
}
.z-ico-hover\[child\].type\[child\]\:box button:before {
  border-radius: 10px;
}
.z-ico-hover\[child\].type\[child\]\:box button:hover:before {
  transform: scale(0.8);
}
/*----- Icon style end -----*/
/*----- Input style starts -----*/
.z-input\:text {
  padding: 10px;
  border: 1px solid var(--grey4);
  background-color: var(--white);
  color: var(--grey0);
  border-radius: 4px;
  font-size: 1.5rem;
  transition: box-shadow 0.2s;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.03);
  font-family: inherit;
  width: 100%;
  box-sizing: border-box;
}
.z-input\:text.tone\:grey {
  background-color: var(--grey10);
}
.z-input\:text.tone\:grey:focus {
  background-color: var(--white);
}
.z-input\:text:focus {
  box-shadow: 0 0 0 2px var(--input-focus-color);
  border-color: transparent;
}
.z-input\:text::placeholder {
  color: var(--grey3);
}
.z-input\:text:disabled {
  background-color: var(--grey8);
  border-color: var(--grey5);
  color: var(--grey3);
  user-select: none;
}
.z-input\:text:disabled::placeholder {
  color: var(--grey4);
}
.z-input\:checkbox {
  border-radius: 4px;
  background-color: var(--white);
  padding: 7px;
  border: 1px solid var(--grey3);
  cursor: pointer;
  margin: 0;
  flex-shrink: 0;
}
.z-input\:checkbox.mark\:x {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="grey" stroke-width="3" viewBox="-4 -4 32 32"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/></svg>');
}
.z-input\:checkbox.tone\:dark:checked {
  background-color: var(--grey0);
  border-color: var(--grey0);
}
.z-input\:checkbox:checked {
  background-color: var(--product-accent-color);
  border-color: var(--product-accent-color);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white' %3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.z-input\:checkbox:disabled {
  cursor: default;
  pointer-events: none;
}
.z-input\:checkbox:disabled:not(:checked) {
  background-color: var(--grey5);
}
.z-input\:radio {
  border: 1px solid var(--grey3);
  background-color: var(--white);
  border-radius: 100%;
  padding: 7px;
  cursor: pointer;
  margin: 0;
  flex-shrink: 0;
}
.z-input\:radio:checked {
  background-color: var(--product-accent-color);
  border-color: var(--product-accent-color);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 8 8' fill='none'%3E%3Ccircle cx='4' cy='4' r='4' fill='white'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
}
.z-input\:radio:disabled {
  cursor: default;
  pointer-events: none;
}
.z-input\:radio:disabled:not(:checked) {
  background-color: var(--grey5);
}
.z-input\:radio.mark\:check:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white' %3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
  background-size: 80%;
}
.z-input\:invisible input {
  visibility: hidden;
}
/*----- Input style endhere -----*/
/* ----- Textarea style starts ----- */
.zln-textarea-container .zln-action-container .zln-active {
  background-color: var(--grey6);
  color: var(--grey0);
}
.zln-textarea-container .zln-action-container .zln-active:hover {
  background-color: var(--grey5);
}
.z-textarea {
  min-height: 100px;
  padding: 10px;
  border: 1px solid var(--grey4);
  background-color: var(--white);
  color: var(--grey0);
  border-radius: 4px;
  transition: box-shadow 0.2s;
  font-size: 1.5rem;
  resize: vertical;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.03);
  font-family: inherit;
  line-height: inherit;
  width: 100%;
  box-sizing: border-box;
}
.z-textarea.type\:code {
  font-family: monospace;
}
.z-textarea.tone\:grey {
  background-color: var(--grey10);
}
.z-textarea.tone\:grey:focus {
  background-color: var(--white);
}
.z-textarea:focus {
  border-color: transparent;
  box-shadow: 0 0 0 2px var(--input-focus-color);
}
.z-textarea::placeholder {
  color: var(--grey3);
}
.z-textarea.zln-disabled,
.z-textarea:disabled {
  background-color: var(--grey8);
  border-color: var(--grey5);
  resize: none;
  color: var(--grey3);
}
.z-textarea.zln-disabled::placeholder,
.z-textarea:disabled::placeholder {
  color: var(--grey4);
}
/* ----- Teaxtarea style end ----- */
/* ----- Select option style starts ----- */
.zln-selectbox {
  padding: 10px;
  border-radius: 4px;
  border: 1px solid var(--grey4);
  color: var(--grey0);
  font-size: 1.5rem;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.03);
  box-sizing: border-box;
  background-color: var(--white);
  user-select: none;
  cursor: pointer;
}
.zln-selectbox.zln-select\:default {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='hsl(227,10%,55%)' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: calc(100% - 6px) center;
}
.zln-selectbox.zln-select\:default:not(:only-child) {
  box-shadow: none;
}
.zln-selectbox.zln-select\:default:not(:only-child):focus {
  box-shadow: none;
  outline: none;
}
.zln-selectbox.zln-disabled,
.zln-selectbox.z-disabled {
  background-color: var(--grey7);
  border-color: var(--grey5);
  pointer-events: none;
  box-shadow: none;
}
.zln-selectbox.zln-disabled *,
.zln-selectbox.z-disabled * {
  color: var(--grey3);
}
.zln-selectbox.zln-disabled .z-ico,
.zln-selectbox.z-disabled .z-ico {
  stroke: var(--grey3);
}
/* ----- Select option style end ----- */
/* Duration input style */
.zln-input-number .zln-input-container {
  display: flex;
  overflow: hidden;
}
.zln-input-number .zln-input-container input {
  /* Firefox */
  -moz-appearance: textfield;
  /* Chrome, Safari, Edge, Opera */
}
.zln-input-number .zln-input-container input::-webkit-outer-spin-button,
.zln-input-number .zln-input-container input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.zln-input-number .zln-input-container .zln-arrow-updown button {
  display: flex;
  cursor: pointer;
}
.zln-input-number .zln-input-container .zln-arrow-updown button:hover {
  background-color: var(--grey5);
}
.zln-input-number .zln-input-container .zln-arrow-updown button:hover .z-ico {
  stroke: var(--grey0);
}
/* Duration input style */
.z-valign\:mid {
  vertical-align: middle;
}
.z-valign\:text-bottom {
  vertical-align: text-bottom;
}
/* ----- Button style start ----- */
.z-btn {
  display: inline-flex;
  cursor: pointer;
  padding: 7px 16px;
  border-radius: 3px;
  border: 1px solid var(--product-accent-color);
  color: var(--custom-txt-color, hsl(0, 0%, 100%));
  align-items: center;
  justify-content: center;
  background-color: var(--product-accent-color);
  min-width: 80px;
  font-weight: 500;
  font-size: 1.4rem;
  font-family: inherit;
  flex-shrink: 0;
  transition: all 0.2s;
  margin: 0;
}
.z-btn.zw-red-tone {
  /* temp */
  background-color: #d85654;
  border-color: #d85654;
}
.z-btn.zw-red-tone:hover {
  background-color: #ca5b5a;
  border-color: #ca5b5a;
}
.z-btn:hover {
  border-color: var(--product-accent-color-dark);
  background-color: var(--product-accent-color-dark);
}
.z-btn .z-ico {
  stroke: var(--custom-txt-color, hsl(0, 0%, 100%));
  fill: var(--custom-txt-color, hsl(0, 0%, 100%));
}
.z-btn .zln-spinner\:fg {
  stroke: var(--custom-txt-color, hsl(0, 0%, 100%));
}
.z-btn .zln-progress-round\:fg {
  stroke: var(--custom-txt-color, hsl(0, 0%, 100%));
}
.z-btn .zln-show-tick .zln-checkmark {
  stroke: var(--custom-txt-color, hsl(0, 0%, 100%));
}
.z-btn.size\:auto {
  min-width: auto;
}
.z-btn.size\:big {
  font-size: 1.5rem;
  font-weight: 600;
  padding: 14px 18px;
}
.z-btn.size\:large {
  font-size: 1.5rem;
  font-weight: 600;
  padding: 10px 18px;
}
.z-btn.size\:medium {
  padding: 5px 12px;
  font-size: 1.3rem;
  min-width: 60px;
}
.z-btn.size\:small {
  padding: 3px 10px;
  font-size: 1.1rem;
  min-width: 50px;
}
.z-btn.type\:outline {
  color: var(--product-accent-color);
  background-color: var(--white);
}
.z-btn.type\:outline:hover {
  background-color: var(--product-accent-color-light);
}
.zls-product-custom-theme .z-btn.type\:outline:hover:not(.o-tone\:grey):not(.o-tone\:dark),
.zls-course-themecustom .z-btn.type\:outline:hover:not(.o-tone\:grey):not(.o-tone\:dark) {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background-color: var(--white);
}
.z-btn.type\:outline .z-ico {
  stroke: var(--product-accent-color);
}
.z-btn.type\:outline .zln-spinner\:fg {
  stroke: var(--product-accent-color);
}
.z-btn.type\:outline .zln-progress-round\:fg {
  stroke: var(--product-accent-color);
}
.z-btn.type\:outline .zln-show-tick .zln-checkmark {
  stroke: var(--product-accent-color);
}
.z-btn.type\:trans {
  background-color: transparent;
  border-color: transparent;
  color: var(--grey2);
}
.z-btn.type\:trans:hover {
  background-color: var(--grey6);
}
.z-btn.type\:trans .z-ico {
  stroke: var(--grey2);
}
.z-btn.o-tone\:grey {
  background-color: var(--white);
  border-color: var(--grey3);
  color: var(--grey1);
}
.z-btn.o-tone\:grey:hover {
  background-color: var(--grey8);
  box-shadow: none;
}
.z-btn.o-tone\:grey > .z-ico {
  stroke: var(--grey1);
  fill: var(--grey1);
}
.z-btn.o-tone\:dark {
  background-color: var(--white);
  border-color: var(--grey0);
  color: var(--grey0);
}
.z-btn.o-tone\:dark:hover {
  background-color: var(--grey0);
  color: var(--grey10);
  box-shadow: none;
}
.zlearn-os\:dark .z-btn.o-tone\:dark:hover,
.zlearn-theme\:dark .z-btn.o-tone\:dark:hover {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 100%);
}
.z-btn.o-tone\:dark:hover > .z-ico {
  stroke: hsl(0, 0%, 100%);
  fill: hsl(0, 0%, 100%);
}
.z-btn.o-tone\:dark > .z-ico {
  stroke: var(--grey1);
  fill: var(--grey1);
}
.z-btn.o-tone\:red {
  background-color: var(--white);
  border-color: #d85654;
  color: #d85654;
}
.z-btn.o-tone\:red > .z-ico {
  stroke: #d85654;
  fill: #d85654;
}
.z-btn.o-tone\:red:hover {
  background-color: #ffebeb;
}
.z-btn.f-tone\:red {
  background-color: #d85654;
  border-color: #d85654;
}
.z-btn.f-tone\:red:hover {
  background-color: #ca5b5a;
  border-color: #ca5b5a;
}
.z-btn.f-tone\:yellow {
  background-color: #f4cd16;
  border-color: #f4cd16;
  color: hsl(226, 41%, 8%);
}
.z-btn.f-tone\:yellow .z-ico,
.z-btn.f-tone\:yellow .zw-ic {
  fill: hsl(226, 41%, 8%);
  stroke: hsl(226, 41%, 8%);
}
.z-btn.f-tone\:yellow:hover {
  background-color: #e2bc09;
  border-color: #e2bc09;
}
.z-btn.f-tone\:light-yellow {
  background: #fcd87c;
  border-color: #fcd87c;
  color: hsl(226, 41%, 8%);
}
.z-btn.f-tone\:light-yellow .z-ico,
.z-btn.f-tone\:light-yellow .zw-ic {
  fill: hsl(226, 41%, 8%);
  stroke: hsl(226, 41%, 8%);
}
.z-btn.f-tone\:light-yellow:hover {
  background-color: #fec846;
  border-color: #e8b840;
}
.z-btn.f-tone\:white {
  background-color: var(--white);
  border-color: var(--white);
  color: var(--product-accent-color);
}
.z-btn.f-tone\:white .z-ico {
  stroke: var(--product-accent-color);
  fill: var(--product-accent-color);
}
.z-btn.f-tone\:dark {
  background-color: var(--grey0);
  border-color: var(--grey0);
  color: var(--grey10);
}
.zlearn-os\:dark .z-btn.f-tone\:dark,
.zlearn-theme\:dark .z-btn.f-tone\:dark {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 100%);
}
.zlearn-os\:dark .z-btn.f-tone\:dark .z-ico,
.zlearn-theme\:dark .z-btn.f-tone\:dark .z-ico {
  stroke: hsl(226, 41%, 8%);
}
.z-btn.f-tone\:dark .zw-white-loading .zw-dots1,
.z-btn.f-tone\:dark .zw-white-loading .zw-dots2,
.z-btn.f-tone\:dark .zw-white-loading .zw-dots3,
.z-btn.f-tone\:dark .zw-white-loading .zw-dots4 {
  background-color: var(--white);
}
.z-btn.zln-disabled.zln-disabled,
.z-btn.z-disabled.z-disabled {
  background-color: var(--grey6);
  color: var(--grey3);
  border-color: var(--grey5);
  pointer-events: none;
}
.z-btn.zln-disabled.zln-disabled .z-ico,
.z-btn.z-disabled.z-disabled .z-ico {
  stroke: var(--grey3);
}
.z-btn:disabled {
  cursor: default;
  pointer-events: none;
}
.z-btn.reset\:link {
  line-height: normal;
}
.z-btn\:dual {
  display: flex;
  font-family: inherit;
  flex-shrink: 0;
}
.z-btn\:dual .z-btn:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
.zln-direction\:rtl .z-btn\:dual .z-btn:first-child {
  border-radius: 3px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.z-btn\:dual .z-btn:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.zln-direction\:rtl .z-btn\:dual .z-btn:last-of-type {
  border-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.z-btn\:dual.type\:fill .z-btn:last-of-type {
  border-left-color: hsla(0, 0%, 100%, 0.22);
}
.zln-direction\:rtl .z-btn\:dual.type\:fill .z-btn:last-of-type {
  border-left-color: transparent;
  border-right-color: hsla(0, 0%, 100%, 0.22);
}
.z-btn\:dual.type\:outline .z-btn {
  color: var(--product-accent-color);
  font-weight: 500;
  background-color: transparent;
}
.zln-direction\:rtl .z-btn\:dual.type\:outline .z-btn:first-child {
  border-right: 1px solid;
  border-left: 0;
}
.z-btn\:dual.type\:outline .z-btn:last-of-type {
  border-left: 1px solid var(--product-accent-color);
}
.z-btn\:dual.type\:outline .z-btn:hover {
  background-color: var(--product-accent-color-light);
}
.z-btn\:dual.type\:outline .z-btn .z-ico {
  stroke: var(--product-accent-color);
}
.z-btn\:dual.zln-disabled .z-btn,
.z-btn\:dual.z-disabled .z-btn {
  background-color: var(--grey6);
  color: var(--grey3);
  pointer-events: none;
  border-color: var(--grey5);
}
.z-btn\:dual.zln-disabled .z-btn:last-of-type,
.z-btn\:dual.z-disabled .z-btn:last-of-type {
  border-left-color: var(--grey4);
}
.z-btn\:dual.zln-disabled .z-ico,
.z-btn\:dual.z-disabled .z-ico {
  stroke: var(--grey3);
}
/* ----- Button style end ----- */
/*---- Flex style starts ----*/
.z-visibility\:hidden {
  visibility: hidden;
}
.z-visibility\:visible {
  visibility: visible;
}
.z-dis\:flex {
  display: flex;
}
.z-dis\:in-flex {
  display: inline-flex;
}
.z-dis\:in-flex-col {
  display: inline-flex;
  flex-direction: column;
}
.z-dis\:in-flex-alc {
  display: inline-flex;
  align-items: center;
}
.z-dis\:in-flex-col-jcc {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}
.z-dis\:in-flex-alc-jcc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.z-dis\:flex-al-c {
  display: flex;
  align-items: center;
}
.z-dis\:flex-j-c {
  display: flex;
  justify-content: center;
}
.z-dis\:flex-j-sb {
  display: flex;
  justify-content: space-between;
}
.z-dis\:flex-col {
  display: flex;
  flex-direction: column;
}
.z-dis\:flex-col-jcc {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.z-dis\:flex-col-alc {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.z-dis\:flex-alc-jsb {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.z-dis\:flex-ale-jsb {
  display: flex;
  align-items: end;
  justify-content: space-between;
}
.z-dis\:flex-alc-jcc {
  display: flex;
  align-items: center;
  justify-content: center;
}
.z-dis\:flex-col-alc-jcc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.z-dis\:grid {
  display: grid;
}
.z-dis\:none {
  display: none;
}
.z-dis\:block {
  display: block;
}
.z-dis\:inline {
  display: inline;
}
.z-dis\:in-block {
  display: inline-block;
}
.z-dis\:table {
  display: table;
}
.z-dis\:table.type\:ul > li {
  display: table-row;
}
.z-dis\:table.type\:ul > li > .z-ul\:td {
  display: table-cell;
  vertical-align: bottom;
  padding-top: 8px;
  padding-bottom: 8px;
}
.z-dis\:table.type\:ul > li > .z-ul\:td > * {
  vertical-align: middle;
}
.z-dis\[child\]\:flex > * {
  display: flex;
}
.z-dis\[child\]\:in-flex > * {
  display: inline-flex;
}
.z-dis\[child\]\:flex-al-c > * {
  display: flex;
  align-items: center;
}
.z-dis\[child\]\:flex-j-c > * {
  display: flex;
  justify-content: center;
}
.z-dis\[child\]\:flex-j-sb > * {
  display: flex;
  justify-content: space-between;
}
.z-dis\[child\]\:flex-col > * {
  display: flex;
  flex-direction: column;
}
.z-dis\[child\]\:flex-col-jcc > * {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.z-dis\[child\]\:flex-alc-jsb > * {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.z-dis\[child\]\:flex-alc-jcc > * {
  display: flex;
  align-items: center;
  justify-content: center;
}
.z-dis\[child\]\:flex-col-alc-jcc > * {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.z-dis\[child\]\:grid > * {
  display: grid;
}
.z-dis\[child\]\:block > * {
  display: block;
}
.z-dis\[child\]\:table > * {
  display: table;
}
/*---- Flex style end ----*/
/*---- Grid column style starts ----*/
.z-grid-col\:2 {
  grid-template-columns: 1fr 1fr;
}
.z-grid-col\:3 {
  grid-template-columns: 1fr 1fr 1fr;
}
.z-grid-col\:4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.z-grid-col\:max-content {
  grid-template-columns: max-content max-content;
}
.z-grid-col\:1-auto {
  grid-template-columns: 1fr auto;
}
.z-grid-col\:auto-1 {
  grid-template-columns: auto 1fr;
}
.z-grid-col\[child\]\:2 > * {
  grid-template-columns: 1fr 1fr;
}
.z-grid-col\[child\]\:max-content > * {
  grid-template-columns: max-content max-content;
}
.z-grid-span\:2 {
  grid-column: span 2;
}
.z-grid-span\:3 {
  grid-column: span 3;
}
.z-grid-span\:4 {
  grid-column: span 4;
}
/*---- Grid column style end ----*/
/*----- Flex | Grid align-item and justify-content style starts -----*/
.z-al\:normal {
  align-items: normal;
}
.z-al\:start {
  align-items: flex-start;
}
.z-al\:end {
  align-items: flex-end;
}
.z-al\:center {
  align-items: center;
}
.z-al\:baseline {
  align-items: baseline;
}
.z-al\:stretch {
  align-items: stretch;
}
.z-al-self\:start {
  align-self: flex-start;
}
.z-al-self\:center {
  align-self: center;
}
.z-al-self\:end {
  align-self: flex-end;
}
.z-j\:start {
  justify-content: flex-start;
}
.z-j\:end {
  justify-content: flex-end;
}
.z-j\:center {
  justify-content: center;
}
.z-j\:sb {
  justify-content: space-between;
}
.z-j\:sa {
  justify-content: space-around;
}
.z-j\:se {
  justify-content: space-evenly;
}
/*----- Flex | Grid align-item and justify-content style end -----*/
/*----- Flex direction | Flex wrap | Flex grow | Flex Shrink style starts -----*/
.z-flex-dir\:col {
  flex-direction: column;
}
.z-flex-dir\:row {
  flex-direction: row;
}
.z-flex-dir\:row-reverse {
  flex-direction: row-reverse;
}
.z-flex\:1 {
  flex: 1;
}
.z-flex\[child\]\:1 > * {
  flex: 1;
}
.z-flex\:basis {
  flex-basis: 1px;
}
.z-flex\[child\]\:grow > * {
  flex-basis: 1px;
}
.z-flex\:wrap {
  flex-wrap: wrap;
}
.z-flex\:no-wrap {
  flex-wrap: nowrap;
}
.z-flex\:grow {
  flex-grow: 1;
}
.z-flex\[child\]\:grow > * {
  flex-grow: 1;
}
.z-flex\[subchild\]\:grow > * > * {
  flex-grow: 1;
}
.z-flex\:shrink {
  flex-shrink: 0;
}
.z-flex\[child\]\:shrink > * {
  flex-shrink: 0;
}
/*----- Flex direction | Flex wrap | Flex grow | Flex Shrink style end -----*/
/*----- Background color style starts -----*/
.z-bg\:img {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}
.z-bg\:img.type\:cover {
  background-size: cover;
}
.z-bg\:img-cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}
.z-bg\:img-contain {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}
.z-bg\:color {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.z-bg\:c1 {
  background-color: hsl(196, 89%, 66%);
}
.z-bg\:c2 {
  background-color: hsl(227, 100%, 72%);
}
.z-bg\:c3 {
  background-color: hsl(321, 88%, 70%);
}
.z-bg\:c4 {
  background-color: hsl(16, 100%, 70%);
}
.z-bg\:c5 {
  background-color: hsl(155, 48%, 57%);
}
.z-bg\:c6 {
  background-color: hsl(41, 88%, 62%);
}
.z-bg\:c7 {
  background-color: hsl(300, 44%, 56%);
}
.z-bg\:c8 {
  background-color: hsl(260, 59%, 72%);
}
.z-bg\:c9 {
  background-color: hsl(177, 52%, 55%);
}
.z-bg-manual-header\:1 {
  background-color: #ae99c1;
}
.z-bg-manual-header\:2 {
  background-color: #8f97d8;
}
.z-bg-manual-header\:3 {
  background-color: #93d4cf;
}
.z-bg-manual-header\:4 {
  background-color: #95c58a;
}
.z-bg-manual-header\:5 {
  background-color: #92cfe2;
}
.z-bg-manual-header\:6 {
  background-color: #e6bf72;
}
.z-bg\:red {
  background-color: hsl(1, 93%, 70%);
}
.zlearn-os\:dark .z-bg\:red,
.zlearn-theme\:dark .z-bg\:red {
  background-color: hsl(1, 40%, 25%);
}
.z-bg\:red-light {
  background-color: hsl(1, 93%, 99%);
}
.zlearn-os\:dark .z-bg\:red-light,
.zlearn-theme\:dark .z-bg\:red-light {
  background-color: hsl(1, 40%, 25%);
}
.z-bg\:red-light1 {
  background-color: hsl(1, 93%, 97%);
}
.zlearn-os\:dark .z-bg\:red-light1,
.zlearn-theme\:dark .z-bg\:red-light1 {
  background-color: hsl(1, 40%, 25%);
}
.z-bg\:green {
  background-color: hsl(161, 85%, 42%);
}
.zlearn-os\:dark .z-bg\:green,
.zlearn-theme\:dark .z-bg\:green {
  background-color: hsl(161, 40%, 25%);
}
.z-bg\:green-light {
  background-color: hsl(161, 85%, 98%);
}
.zlearn-os\:dark .z-bg\:green-light,
.zlearn-theme\:dark .z-bg\:green-light {
  background-color: hsl(161, 40%, 25%);
}
.z-bg\:green-light1 {
  background-color: hsl(161, 85%, 96%);
}
.zlearn-os\:dark .z-bg\:green-light1,
.zlearn-theme\:dark .z-bg\:green-light1 {
  background-color: hsl(161, 40%, 25%);
}
.z-bg\:blue {
  background-color: hsl(224, 100%, 68%);
}
.zlearn-os\:dark .z-bg\:blue,
.zlearn-theme\:dark .z-bg\:blue {
  background-color: hsl(224, 50%, 25%);
}
.z-bg\:blue-light {
  background-color: hsl(224, 100%, 98%);
}
.zlearn-os\:dark .z-bg\:blue-light,
.zlearn-theme\:dark .z-bg\:blue-light {
  background-color: hsl(224, 50%, 25%);
}
.z-bg\:blue-light1 {
  background-color: hsl(224, 100%, 96%);
}
.zlearn-os\:dark .z-bg\:blue-light1,
.zlearn-theme\:dark .z-bg\:blue-light1 {
  background-color: hsl(224, 50%, 25%);
}
.z-bg\:orange {
  background-color: hsl(27, 85%, 50%);
}
.z-bg\:orange-light {
  background-color: hsl(27, 85%, 97%);
}
.z-bg\:orange-light1 {
  background-color: hsl(27, 85%, 95%);
}
.z-bg\:yellow {
  background-color: hsl(42, 88%, 56%);
}
.zlearn-os\:dark .z-bg\:yellow,
.zlearn-theme\:dark .z-bg\:yellow {
  background-color: hsl(42, 70%, 20%);
}
.z-bg\:yellow-light {
  background-color: hsl(42, 88%, 98%);
}
.zlearn-os\:dark .z-bg\:yellow-light,
.zlearn-theme\:dark .z-bg\:yellow-light {
  background-color: hsl(42, 70%, 20%);
}
.z-bg\:yellow-light1 {
  background-color: hsl(42, 88%, 92%);
}
.zlearn-os\:dark .z-bg\:yellow-light1,
.zlearn-theme\:dark .z-bg\:yellow-light1 {
  background-color: hsl(42, 70%, 20%);
}
.z-bg\:lavender {
  background-color: hsl(260, 59%, 72%);
}
.z-bg\:lavender-light {
  background-color: hsl(260, 59%, 98%);
}
.z-bg\:lavender-light1 {
  background-color: hsl(260, 59%, 97%);
}
.z-bg\:white {
  background-color: var(--white);
}
.z-bg\:white1 {
  background-color: hsl(0, 0%, 100%);
}
.z-bg\:white2 {
  background-color: hsla(0, 0%, 100%, 0.9);
}
.z-bg\:white3 {
  background-color: hsla(0, 0%, 100%, 0.8);
}
.z-bg\:white4 {
  background-color: hsla(0, 0%, 100%, 0.7);
}
.z-bg\[child\]\:white > * {
  background-color: var(--white);
}
.z-bg\[child\]\:white1 > * {
  background-color: hsl(0, 0%, 100%);
}
.z-bg\[child\]\:white2 > * {
  background-color: hsla(0, 0%, 100%, 0.9);
}
.z-bg\[child\]\:white3 > * {
  background-color: hsla(0, 0%, 100%, 0.8);
}
.z-bg\[child\]\:white4 > * {
  background-color: hsla(0, 0%, 100%, 0.7);
}
.z-bg\:black1 {
  background-color: hsl(226, 41%, 8%);
}
.z-bg\:black2 {
  background-color: hsla(226, 41%, 8%, 0.9);
}
.z-bg\:black3 {
  background-color: hsla(226, 41%, 8%, 0.8);
}
.z-bg\:black4 {
  background-color: hsla(226, 41%, 8%, 0.7);
}
.z-bg\:accent {
  background-color: var(--product-accent-color);
}
.z-bg\:accent-dark {
  background-color: var(--product-accent-color-dark);
}
.z-bg\:accent-light {
  background-color: var(--product-accent-color-light);
}
.z-bg-hover\:accent:hover {
  background-color: var(--product-accent-color);
}
.z-bg-hover\:accent-dark:hover {
  background-color: var(--product-accent-color-dark);
}
.z-bg-hover\:accent-light:hover {
  background-color: var(--product-accent-color-light);
}
.z-bg-hover\[child\]\:accent > *:hover {
  background-color: var(--product-accent-color);
}
.z-bg-hover\[child\]\:accent-dark > *:hover {
  background-color: var(--product-accent-color-dark);
}
.z-bg-hover\[child\]\:accent-light > *:hover {
  background-color: var(--product-accent-color-light);
}
.z-bg\:grey0 {
  background-color: var(--grey0);
}
.z-bg\:grey1 {
  background-color: var(--grey1);
}
.z-bg\:grey2 {
  background-color: var(--grey2);
}
.z-bg\:grey3 {
  background-color: var(--grey3);
}
.z-bg\:grey4 {
  background-color: var(--grey4);
}
.z-bg\:grey5 {
  background-color: var(--grey5);
}
.z-bg\:grey6 {
  background-color: var(--grey6);
}
.z-bg\:grey7 {
  background-color: var(--grey7);
}
.z-bg\:grey8 {
  background-color: var(--grey8);
}
.z-bg\:grey9 {
  background-color: var(--grey9);
}
.z-bg\:grey10 {
  background-color: var(--grey10);
}
.z-bg\[child\]\:grey0 > * {
  background-color: var(--grey0);
}
.z-bg\[child\]\:grey1 > * {
  background-color: var(--grey1);
}
.z-bg\[child\]\:grey2 > * {
  background-color: var(--grey2);
}
.z-bg\[child\]\:grey3 > * {
  background-color: var(--grey3);
}
.z-bg\[child\]\:grey4 > * {
  background-color: var(--grey4);
}
.z-bg\[child\]\:grey5 > * {
  background-color: var(--grey5);
}
.z-bg\[child\]\:grey6 > * {
  background-color: var(--grey6);
}
.z-bg\[child\]\:grey7 > * {
  background-color: var(--grey7);
}
.z-bg\[child\]\:grey8 > * {
  background-color: var(--grey8);
}
.z-bg\[child\]\:grey9 > * {
  background-color: var(--grey9);
}
.z-bg\[child\]\:grey10 > * {
  background-color: var(--grey10);
}
.z-bg-hover\:grey0:hover {
  background-color: var(--grey0);
}
.z-bg-hover\:grey1:hover {
  background-color: var(--grey1);
}
.z-bg-hover\:grey2:hover {
  background-color: var(--grey2);
}
.z-bg-hover\:grey3:hover {
  background-color: var(--grey3);
}
.z-bg-hover\:grey4:hover {
  background-color: var(--grey4);
}
.z-bg-hover\:grey5:hover {
  background-color: var(--grey5);
}
.z-bg-hover\:grey6:hover {
  background-color: var(--grey6);
}
.z-bg-hover\:grey7:hover {
  background-color: var(--grey7);
}
.z-bg-hover\:grey8:hover {
  background-color: var(--grey8);
}
.z-bg-hover\:grey9:hover {
  background-color: var(--grey9);
}
.z-bg-hover\:grey10:hover {
  background-color: var(--grey10);
}
.z-bg-hover\[child\]\:grey0 > *:hover {
  background-color: var(--grey0);
}
.z-bg-hover\[child\]\:grey1 > *:hover {
  background-color: var(--grey1);
}
.z-bg-hover\[child\]\:grey2 > *:hover {
  background-color: var(--grey2);
}
.z-bg-hover\[child\]\:grey3 > *:hover {
  background-color: var(--grey3);
}
.z-bg-hover\[child\]\:grey4 > *:hover {
  background-color: var(--grey4);
}
.z-bg-hover\[child\]\:grey5 > *:hover {
  background-color: var(--grey5);
}
.z-bg-hover\[child\]\:grey6 > *:hover {
  background-color: var(--grey6);
}
.z-bg-hover\[child\]\:grey7 > *:hover {
  background-color: var(--grey7);
}
.z-bg-hover\[child\]\:grey8 > *:hover {
  background-color: var(--grey8);
}
.z-bg-hover\[child\]\:grey9 > *:hover {
  background-color: var(--grey9);
}
.z-bg-hover\[child\]\:grey10 > *:hover {
  background-color: var(--grey10);
}
.z-bg\:trans {
  background-color: transparent;
}
/*----- Background color style end -----*/
/*----  // Border width | Border style | Border radius | Border color // style starts ----*/
.z-bor {
  /* Border style starts */
  /* Border style starts */
  /* Border radius style starts */
  /* Border radius style end */
  /* Border width style starts */
  /* Border width style end */
}
.z-bor-box {
  box-sizing: border-box;
}
.z-bor-style\:solid {
  border-width: 0;
  border-style: solid;
}
.z-bor-style\:dashed {
  border-width: 0;
  border-style: dashed;
}
.z-bor-style\[child\]\:solid > * {
  border-width: 0;
  border-style: solid;
}
.z-bor-style\[child\]\:dashed > * {
  border-width: 0;
  border-style: dashed;
}
.z-bor-radius\:0 {
  border-radius: 0px;
}
.z-bor-radius-tl\:0 {
  border-top-left-radius: 0px;
}
.z-bor-radius-tr\:0 {
  border-top-right-radius: 0px;
}
.z-bor-radius-bl\:0 {
  border-bottom-left-radius: 0px;
}
.z-bor-radius-br\:0 {
  border-bottom-right-radius: 0px;
}
.z-bor-radius\[child\]\:0 > * {
  border-radius: 0px;
}
.z-bor-radius\:1 {
  border-radius: 1px;
}
.z-bor-radius-tl\:1 {
  border-top-left-radius: 1px;
}
.z-bor-radius-tr\:1 {
  border-top-right-radius: 1px;
}
.z-bor-radius-bl\:1 {
  border-bottom-left-radius: 1px;
}
.z-bor-radius-br\:1 {
  border-bottom-right-radius: 1px;
}
.z-bor-radius\[child\]\:1 > * {
  border-radius: 1px;
}
.z-bor-radius\:2 {
  border-radius: 2px;
}
.z-bor-radius-tl\:2 {
  border-top-left-radius: 2px;
}
.z-bor-radius-tr\:2 {
  border-top-right-radius: 2px;
}
.z-bor-radius-bl\:2 {
  border-bottom-left-radius: 2px;
}
.z-bor-radius-br\:2 {
  border-bottom-right-radius: 2px;
}
.z-bor-radius\[child\]\:2 > * {
  border-radius: 2px;
}
.z-bor-radius\:3 {
  border-radius: 3px;
}
.z-bor-radius-tl\:3 {
  border-top-left-radius: 3px;
}
.z-bor-radius-tr\:3 {
  border-top-right-radius: 3px;
}
.z-bor-radius-bl\:3 {
  border-bottom-left-radius: 3px;
}
.z-bor-radius-br\:3 {
  border-bottom-right-radius: 3px;
}
.z-bor-radius\[child\]\:3 > * {
  border-radius: 3px;
}
.z-bor-radius\:4 {
  border-radius: 4px;
}
.z-bor-radius-tl\:4 {
  border-top-left-radius: 4px;
}
.z-bor-radius-tr\:4 {
  border-top-right-radius: 4px;
}
.z-bor-radius-bl\:4 {
  border-bottom-left-radius: 4px;
}
.z-bor-radius-br\:4 {
  border-bottom-right-radius: 4px;
}
.z-bor-radius\[child\]\:4 > * {
  border-radius: 4px;
}
.z-bor-radius\:5 {
  border-radius: 5px;
}
.z-bor-radius-tl\:5 {
  border-top-left-radius: 5px;
}
.z-bor-radius-tr\:5 {
  border-top-right-radius: 5px;
}
.z-bor-radius-bl\:5 {
  border-bottom-left-radius: 5px;
}
.z-bor-radius-br\:5 {
  border-bottom-right-radius: 5px;
}
.z-bor-radius\[child\]\:5 > * {
  border-radius: 5px;
}
.z-bor-radius\:6 {
  border-radius: 6px;
}
.z-bor-radius-tl\:6 {
  border-top-left-radius: 6px;
}
.z-bor-radius-tr\:6 {
  border-top-right-radius: 6px;
}
.z-bor-radius-bl\:6 {
  border-bottom-left-radius: 6px;
}
.z-bor-radius-br\:6 {
  border-bottom-right-radius: 6px;
}
.z-bor-radius\[child\]\:6 > * {
  border-radius: 6px;
}
.z-bor-radius\:7 {
  border-radius: 7px;
}
.z-bor-radius-tl\:7 {
  border-top-left-radius: 7px;
}
.z-bor-radius-tr\:7 {
  border-top-right-radius: 7px;
}
.z-bor-radius-bl\:7 {
  border-bottom-left-radius: 7px;
}
.z-bor-radius-br\:7 {
  border-bottom-right-radius: 7px;
}
.z-bor-radius\[child\]\:7 > * {
  border-radius: 7px;
}
.z-bor-radius\:8 {
  border-radius: 8px;
}
.z-bor-radius-tl\:8 {
  border-top-left-radius: 8px;
}
.z-bor-radius-tr\:8 {
  border-top-right-radius: 8px;
}
.z-bor-radius-bl\:8 {
  border-bottom-left-radius: 8px;
}
.z-bor-radius-br\:8 {
  border-bottom-right-radius: 8px;
}
.z-bor-radius\[child\]\:8 > * {
  border-radius: 8px;
}
.z-bor-radius\:9 {
  border-radius: 9px;
}
.z-bor-radius-tl\:9 {
  border-top-left-radius: 9px;
}
.z-bor-radius-tr\:9 {
  border-top-right-radius: 9px;
}
.z-bor-radius-bl\:9 {
  border-bottom-left-radius: 9px;
}
.z-bor-radius-br\:9 {
  border-bottom-right-radius: 9px;
}
.z-bor-radius\[child\]\:9 > * {
  border-radius: 9px;
}
.z-bor-radius\:10 {
  border-radius: 10px;
}
.z-bor-radius-tl\:10 {
  border-top-left-radius: 10px;
}
.z-bor-radius-tr\:10 {
  border-top-right-radius: 10px;
}
.z-bor-radius-bl\:10 {
  border-bottom-left-radius: 10px;
}
.z-bor-radius-br\:10 {
  border-bottom-right-radius: 10px;
}
.z-bor-radius\[child\]\:10 > * {
  border-radius: 10px;
}
.z-bor-radius\:15 {
  border-radius: 15px;
}
.z-bor-radius-tl\:15 {
  border-top-left-radius: 15px;
}
.z-bor-radius-tr\:15 {
  border-top-right-radius: 15px;
}
.z-bor-radius-bl\:15 {
  border-bottom-left-radius: 15px;
}
.z-bor-radius-br\:15 {
  border-bottom-right-radius: 15px;
}
.z-bor-radius\[child\]\:15 > * {
  border-radius: 15px;
}
.z-bor-radius\:20 {
  border-radius: 20px;
}
.z-bor-radius-tl\:20 {
  border-top-left-radius: 20px;
}
.z-bor-radius-tr\:20 {
  border-top-right-radius: 20px;
}
.z-bor-radius-bl\:20 {
  border-bottom-left-radius: 20px;
}
.z-bor-radius-br\:20 {
  border-bottom-right-radius: 20px;
}
.z-bor-radius\[child\]\:20 > * {
  border-radius: 20px;
}
.z-bor-radius\:25 {
  border-radius: 25px;
}
.z-bor-radius-tl\:25 {
  border-top-left-radius: 25px;
}
.z-bor-radius-tr\:25 {
  border-top-right-radius: 25px;
}
.z-bor-radius-bl\:25 {
  border-bottom-left-radius: 25px;
}
.z-bor-radius-br\:25 {
  border-bottom-right-radius: 25px;
}
.z-bor-radius\[child\]\:25 > * {
  border-radius: 25px;
}
.z-bor-radius\:30 {
  border-radius: 30px;
}
.z-bor-radius-tl\:30 {
  border-top-left-radius: 30px;
}
.z-bor-radius-tr\:30 {
  border-top-right-radius: 30px;
}
.z-bor-radius-bl\:30 {
  border-bottom-left-radius: 30px;
}
.z-bor-radius-br\:30 {
  border-bottom-right-radius: 30px;
}
.z-bor-radius\[child\]\:30 > * {
  border-radius: 30px;
}
.z-bor-radius\[\%\]\:100 {
  border-radius: 100%;
}
.z-bor\:0 {
  border-width: 0px;
}
.z-bor\[child\]\:0 > * {
  border-width: 0px;
}
.z-bor-tb\:0 {
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.z-bor-tb\[child\]\:0 > * {
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.z-bor-lr\:0 {
  border-left-width: 0px;
  border-right-width: 0px;
}
.z-bor-lr\[child\]\:0 > * {
  border-left-width: 0px;
  border-right-width: 0px;
}
.z-bor-t\:0 {
  border-top-width: 0px;
}
.z-bor-t\[child\]\:0 > * {
  border-top-width: 0px;
}
.z-bor-l\:0 {
  border-left-width: 0px;
}
.z-bor-l\[child\]\:0 > * {
  border-left-width: 0px;
}
.z-bor-r\:0 {
  border-right-width: 0px;
}
.z-bor-r\[child\]\:0 > * {
  border-right-width: 0px;
}
.z-bor-b\:0 {
  border-bottom-width: 0px;
}
.z-bor-b\[child\]\:0 > * {
  border-bottom-width: 0px;
}
.z-bor\:1 {
  border-width: 1px;
}
.z-bor\[child\]\:1 > * {
  border-width: 1px;
}
.z-bor-tb\:1 {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.z-bor-tb\[child\]\:1 > * {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.z-bor-lr\:1 {
  border-left-width: 1px;
  border-right-width: 1px;
}
.z-bor-lr\[child\]\:1 > * {
  border-left-width: 1px;
  border-right-width: 1px;
}
.z-bor-t\:1 {
  border-top-width: 1px;
}
.z-bor-t\[child\]\:1 > * {
  border-top-width: 1px;
}
.z-bor-l\:1 {
  border-left-width: 1px;
}
.z-bor-l\[child\]\:1 > * {
  border-left-width: 1px;
}
.z-bor-r\:1 {
  border-right-width: 1px;
}
.z-bor-r\[child\]\:1 > * {
  border-right-width: 1px;
}
.z-bor-b\:1 {
  border-bottom-width: 1px;
}
.z-bor-b\[child\]\:1 > * {
  border-bottom-width: 1px;
}
.z-bor\:2 {
  border-width: 2px;
}
.z-bor\[child\]\:2 > * {
  border-width: 2px;
}
.z-bor-tb\:2 {
  border-top-width: 2px;
  border-bottom-width: 2px;
}
.z-bor-tb\[child\]\:2 > * {
  border-top-width: 2px;
  border-bottom-width: 2px;
}
.z-bor-lr\:2 {
  border-left-width: 2px;
  border-right-width: 2px;
}
.z-bor-lr\[child\]\:2 > * {
  border-left-width: 2px;
  border-right-width: 2px;
}
.z-bor-t\:2 {
  border-top-width: 2px;
}
.z-bor-t\[child\]\:2 > * {
  border-top-width: 2px;
}
.z-bor-l\:2 {
  border-left-width: 2px;
}
.z-bor-l\[child\]\:2 > * {
  border-left-width: 2px;
}
.z-bor-r\:2 {
  border-right-width: 2px;
}
.z-bor-r\[child\]\:2 > * {
  border-right-width: 2px;
}
.z-bor-b\:2 {
  border-bottom-width: 2px;
}
.z-bor-b\[child\]\:2 > * {
  border-bottom-width: 2px;
}
.z-bor\:3 {
  border-width: 3px;
}
.z-bor\[child\]\:3 > * {
  border-width: 3px;
}
.z-bor-tb\:3 {
  border-top-width: 3px;
  border-bottom-width: 3px;
}
.z-bor-tb\[child\]\:3 > * {
  border-top-width: 3px;
  border-bottom-width: 3px;
}
.z-bor-lr\:3 {
  border-left-width: 3px;
  border-right-width: 3px;
}
.z-bor-lr\[child\]\:3 > * {
  border-left-width: 3px;
  border-right-width: 3px;
}
.z-bor-t\:3 {
  border-top-width: 3px;
}
.z-bor-t\[child\]\:3 > * {
  border-top-width: 3px;
}
.z-bor-l\:3 {
  border-left-width: 3px;
}
.z-bor-l\[child\]\:3 > * {
  border-left-width: 3px;
}
.z-bor-r\:3 {
  border-right-width: 3px;
}
.z-bor-r\[child\]\:3 > * {
  border-right-width: 3px;
}
.z-bor-b\:3 {
  border-bottom-width: 3px;
}
.z-bor-b\[child\]\:3 > * {
  border-bottom-width: 3px;
}
.z-bor\:4 {
  border-width: 4px;
}
.z-bor\[child\]\:4 > * {
  border-width: 4px;
}
.z-bor-tb\:4 {
  border-top-width: 4px;
  border-bottom-width: 4px;
}
.z-bor-tb\[child\]\:4 > * {
  border-top-width: 4px;
  border-bottom-width: 4px;
}
.z-bor-lr\:4 {
  border-left-width: 4px;
  border-right-width: 4px;
}
.z-bor-lr\[child\]\:4 > * {
  border-left-width: 4px;
  border-right-width: 4px;
}
.z-bor-t\:4 {
  border-top-width: 4px;
}
.z-bor-t\[child\]\:4 > * {
  border-top-width: 4px;
}
.z-bor-l\:4 {
  border-left-width: 4px;
}
.z-bor-l\[child\]\:4 > * {
  border-left-width: 4px;
}
.z-bor-r\:4 {
  border-right-width: 4px;
}
.z-bor-r\[child\]\:4 > * {
  border-right-width: 4px;
}
.z-bor-b\:4 {
  border-bottom-width: 4px;
}
.z-bor-b\[child\]\:4 > * {
  border-bottom-width: 4px;
}
.z-bor\:5 {
  border-width: 5px;
}
.z-bor\[child\]\:5 > * {
  border-width: 5px;
}
.z-bor-tb\:5 {
  border-top-width: 5px;
  border-bottom-width: 5px;
}
.z-bor-tb\[child\]\:5 > * {
  border-top-width: 5px;
  border-bottom-width: 5px;
}
.z-bor-lr\:5 {
  border-left-width: 5px;
  border-right-width: 5px;
}
.z-bor-lr\[child\]\:5 > * {
  border-left-width: 5px;
  border-right-width: 5px;
}
.z-bor-t\:5 {
  border-top-width: 5px;
}
.z-bor-t\[child\]\:5 > * {
  border-top-width: 5px;
}
.z-bor-l\:5 {
  border-left-width: 5px;
}
.z-bor-l\[child\]\:5 > * {
  border-left-width: 5px;
}
.z-bor-r\:5 {
  border-right-width: 5px;
}
.z-bor-r\[child\]\:5 > * {
  border-right-width: 5px;
}
.z-bor-b\:5 {
  border-bottom-width: 5px;
}
.z-bor-b\[child\]\:5 > * {
  border-bottom-width: 5px;
}
.z-bor\:none {
  border: none;
}
.z-bor-radius\:none {
  border-radius: unset;
}
.z-bor-c\:c1 {
  border-color: hsl(196, 89%, 66%);
}
.z-bor-c\:c2 {
  border-color: hsl(227, 100%, 72%);
}
.z-bor-c\:c3 {
  border-color: hsl(321, 88%, 70%);
}
.z-bor-c\:c4 {
  border-color: hsl(16, 100%, 70%);
}
.z-bor-c\:c5 {
  border-color: hsl(155, 48%, 57%);
}
.z-bor-c\:c6 {
  border-color: hsl(41, 88%, 62%);
}
.z-bor-c\:c7 {
  border-color: hsl(300, 44%, 56%);
}
.z-bor-c\:c8 {
  border-color: hsl(260, 59%, 72%);
}
.z-bor-c\:c9 {
  border-color: hsl(177, 52%, 55%);
}
.z-bor-c\:red {
  border-color: hsl(1, 81%, 62%);
}
.z-bor-c\:red-light {
  border-color: hsl(1, 73%, 72%);
}
.z-bor-c\:green {
  border-color: hsl(161, 79%, 46%);
}
.z-bor-c\:blue {
  border-color: hsl(224, 89%, 62%);
}
.z-bor-c\:blue-light {
  border-color: hsl(224, 83%, 73%);
}
.z-bor-c\:yellow {
  border-color: hsl(42, 89%, 51%);
}
.z-bor-c\:orange {
  border-color: hsl(27, 90%, 50%);
}
.z-bor-c\:lavender {
  border-color: hsl(260, 59%, 64%);
}
.z-bor-c\:white {
  border-color: var(--white);
}
.z-bor-c\:white1 {
  border-color: hsl(0, 0%, 100%);
}
.z-bor-c\:white2 {
  border-color: hsla(0, 0%, 100%, 0.9);
}
.z-bor-c\:white3 {
  border-color: hsla(0, 0%, 100%, 0.8);
}
.z-bor-c\:white4 {
  border-color: hsla(0, 0%, 100%, 0.7);
}
.z-bor-c\:black1 {
  border-color: hsl(226, 41%, 8%);
}
.z-bor-c\:black2 {
  border-color: hsla(226, 41%, 8%, 0.9);
}
.z-bor-c\:black3 {
  border-color: hsla(226, 41%, 8%, 0.8);
}
.z-bor-c\:black4 {
  border-color: hsla(226, 41%, 8%, 0.7);
}
.z-bor-c\:accent {
  border-color: var(--product-accent-color);
}
.z-bor-c\:accent-dark {
  border-color: var(--product-accent-color-dark);
}
.z-bor-c\:accent-light {
  border-color: var(--product-accent-color-light);
}
.z-bor-c\:grey0 {
  border-color: var(--grey0);
}
.z-bor-c\:grey1 {
  border-color: var(--grey1);
}
.z-bor-c\:grey2 {
  border-color: var(--grey2);
}
.z-bor-c\:grey3 {
  border-color: var(--grey3);
}
.z-bor-c\:grey4 {
  border-color: var(--grey4);
}
.z-bor-c\:grey5 {
  border-color: var(--grey5);
}
.z-bor-c\:grey6 {
  border-color: var(--grey6);
}
.z-bor-c\:grey7 {
  border-color: var(--grey7);
}
.z-bor-c\:grey8 {
  border-color: var(--grey8);
}
.z-bor-c\:grey9 {
  border-color: var(--grey9);
}
.z-bor-c\:grey10 {
  border-color: var(--grey10);
}
.z-bor-c\[child\]\:accent > * {
  border-color: var(--product-accent-color);
}
.z-bor-c\[child\]\:accent-dark > * {
  border-color: var(--product-accent-color-dark);
}
.z-bor-c\[child\]\:accent-light > * {
  border-color: var(--product-accent-color-light);
}
.z-bor-c\[child\]\:grey0 > * {
  border-color: var(--grey0);
}
.z-bor-c\[child\]\:grey1 > * {
  border-color: var(--grey1);
}
.z-bor-c\[child\]\:grey2 > * {
  border-color: var(--grey2);
}
.z-bor-c\[child\]\:grey3 > * {
  border-color: var(--grey3);
}
.z-bor-c\[child\]\:grey4 > * {
  border-color: var(--grey4);
}
.z-bor-c\[child\]\:grey5 > * {
  border-color: var(--grey5);
}
.z-bor-c\[child\]\:grey6 > * {
  border-color: var(--grey6);
}
.z-bor-c\[child\]\:grey7 > * {
  border-color: var(--grey7);
}
.z-bor-c\[child\]\:grey8 > * {
  border-color: var(--grey8);
}
.z-bor-c\[child\]\:grey9 > * {
  border-color: var(--grey9);
}
.z-bor-c\[child\]\:grey10 > * {
  border-color: var(--grey10);
}
.z-bor-c\:trans {
  border-color: transparent;
}
/*---- // Border width | Border style | Border radius | Border color // style end ----*/
/*------ Font color style starts -----*/
.z-txt {
  /*---- Text transform style starts ----*/
  /*---- Text transform style end ----*/
  /*---- Text break | text ellipsis | substring style starts ----*/
  /*---- Text break | text ellipsis | substring style end ----*/
  /*---- Letter spacing style starts ----*/
  /*---- Letter spacing style end ----*/
  /* Text align style starts */
  /* Text align style starts */
}
.z-txt\:underline {
  text-decoration: underline;
}
.z-txt\:uppercase {
  text-transform: uppercase;
}
.z-txt\:ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.z-txt\[child\]\:ellipsis > * {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.z-txt\:break {
  word-wrap: anywhere;
  word-break: break-word;
}
.z-txt\:pretty {
  text-wrap: pretty;
}
.z-txt\:substring {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-word;
}
.z-txt\:substring.line-count\:2 {
  -webkit-line-clamp: 2;
}
.z-txt\:substring.line-count\:3 {
  -webkit-line-clamp: 3;
}
.z-txt\:substring.line-count\:4 {
  -webkit-line-clamp: 4;
}
.z-txt\:render {
  font-variant-ligatures: common-ligatures;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}
.z-txt-space\:0\.3 {
  letter-spacing: 0.3px;
}
.z-txt-space\:0\.5 {
  letter-spacing: 0.5px;
}
.z-txt-space\:0\.8 {
  letter-spacing: 0.8px;
}
.z-txt-space\:1 {
  letter-spacing: 1px;
}
.z-txt\:c1 {
  color: hsl(196, 89%, 66%);
}
.z-txt\:c2 {
  color: hsl(227, 100%, 72%);
}
.z-txt\:c3 {
  color: hsl(321, 88%, 70%);
}
.z-txt\:c4 {
  color: hsl(16, 100%, 70%);
}
.z-txt\:c5 {
  color: hsl(155, 48%, 57%);
}
.z-txt\:c6 {
  color: hsl(41, 88%, 62%);
}
.z-txt\:c7 {
  color: hsl(300, 44%, 56%);
}
.z-txt\:c8 {
  color: hsl(260, 59%, 72%);
}
.z-txt\:c9 {
  color: hsl(177, 52%, 55%);
}
.z-txt\:red {
  color: hsl(1, 53%, 52%);
}
.z-txt\:red-light {
  color: hsl(1, 71%, 65%);
}
.z-txt\:green {
  color: hsl(161, 70%, 41%);
}
.z-txt\:green-light {
  color: hsl(161, 70%, 43%);
}
.z-txt\:yellow {
  color: hsl(42, 100%, 28%);
}
.z-txt\:yellow-light {
  color: hsl(42, 74%, 48%);
}
.z-txt\:blue {
  color: hsl(224, 70%, 54%);
}
.z-txt\:blue-light {
  color: hsl(224, 79%, 66%);
}
.z-txt\:orange {
  color: hsl(27, 90%, 47%);
}
.z-txt\:lavender {
  color: hsl(260, 59%, 57%);
}
.z-txt\:white {
  color: var(--white);
}
.z-txt\:white1 {
  color: hsl(0, 0%, 100%);
}
.z-txt\:white2 {
  color: hsla(0, 0%, 100%, 0.9);
}
.z-txt\:white3 {
  color: hsla(0, 0%, 100%, 0.8);
}
.z-txt\:white4 {
  color: hsla(0, 0%, 100%, 0.7);
}
.z-txt-hover\[child\]\:white1 > *:hover {
  color: hsl(0, 0%, 100%);
}
.z-txt-hover\[child\]\:white2 > *:hover {
  color: hsla(0, 0%, 100%, 0.9);
}
.z-txt-hover\[child\]\:white3 > *:hover {
  color: hsla(0, 0%, 100%, 0.8);
}
.z-txt-hover\[child\]\:white4 > *:hover {
  color: hsla(0, 0%, 100%, 0.7);
}
.z-txt\:black1 {
  color: hsl(226, 41%, 8%);
}
.z-txt\:black2 {
  color: hsla(226, 41%, 8%, 0.9);
}
.z-txt\:black3 {
  color: hsla(226, 41%, 8%, 0.8);
}
.z-txt\:black4 {
  color: hsla(226, 41%, 8%, 0.7);
}
.z-txt\:accent {
  color: var(--product-accent-color);
}
.z-txt\:accent-dark {
  color: var(--product-accent-color-dark);
}
.z-txt\:accent-light {
  color: var(--product-accent-color-light);
}
.z-txt-hover\:accent:hover {
  color: var(--product-accent-color);
}
.z-txt-hover\:accent-dark:hover {
  color: var(--product-accent-color-dark);
}
.z-txt-hover\:accent-light:hover {
  color: var(--product-accent-color-light);
}
.z-txt-hover\[child\]\:accent > *:hover {
  color: var(--product-accent-color);
}
.z-txt-hover\[child\]\:accent-dark > *:hover {
  color: var(--product-accent-color-dark);
}
.z-txt-hover\[child\]\:accent-light > *:hover {
  color: var(--product-accent-color-light);
}
.z-txt\:grey0 {
  color: var(--grey0);
}
.z-txt\:grey1 {
  color: var(--grey1);
}
.z-txt\:grey2 {
  color: var(--grey2);
}
.z-txt\:grey3 {
  color: var(--grey3);
}
.z-txt\:grey4 {
  color: var(--grey4);
}
.z-txt\:grey5 {
  color: var(--grey5);
}
.z-txt\:grey6 {
  color: var(--grey6);
}
.z-txt\:grey7 {
  color: var(--grey7);
}
.z-txt\:grey8 {
  color: var(--grey8);
}
.z-txt\:grey9 {
  color: var(--grey9);
}
.z-txt\:grey10 {
  color: var(--grey10);
}
.z-txt-al\:center {
  text-align: center;
}
.z-txt-al\:left {
  text-align: left;
}
.z-txt-al\:right {
  text-align: right;
}
.z-txt-al\:justify {
  text-align: justify;
}
/*------ Font color style end -----*/
/* ----- User roll start ----- */
.z-role\:admin {
  color: hsl(42, 74%, 48%);
}
.z-role\:contributor {
  color: hsl(224, 79%, 66%);
}
.z-role\:member,
.z-role\:reader {
  color: var(--grey2);
}
/* ----- User roll end ----- */
/*----- Position style starts -----*/
.z-pos {
  /* Position top | left | right | bottom style starts */
  /* Position top | left | right | bottom style end */
}
.z-pos\:re {
  position: relative;
}
.z-pos\:ab {
  position: absolute;
}
.z-pos\:fixed {
  position: fixed;
}
.z-pos\:static {
  position: static;
}
.z-pos\:sticky {
  position: sticky;
  position: -webkit-sticky;
}
.z-pos-all\:0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.z-pos-top\:-1 {
  top: -1px;
}
.z-pos-left\:-1 {
  inset-inline-start: -1px;
}
.z-pos-right\:-1 {
  inset-inline-end: -1px;
}
.z-pos-bottom\:-1 {
  bottom: -1px;
}
.z-pos-top\:-2 {
  top: -2px;
}
.z-pos-left\:-2 {
  inset-inline-start: -2px;
}
.z-pos-right\:-2 {
  inset-inline-end: -2px;
}
.z-pos-bottom\:-2 {
  bottom: -2px;
}
.z-pos-top\:-3 {
  top: -3px;
}
.z-pos-left\:-3 {
  inset-inline-start: -3px;
}
.z-pos-right\:-3 {
  inset-inline-end: -3px;
}
.z-pos-bottom\:-3 {
  bottom: -3px;
}
.z-pos-top\:-4 {
  top: -4px;
}
.z-pos-left\:-4 {
  inset-inline-start: -4px;
}
.z-pos-right\:-4 {
  inset-inline-end: -4px;
}
.z-pos-bottom\:-4 {
  bottom: -4px;
}
.z-pos-top\:-5 {
  top: -5px;
}
.z-pos-left\:-5 {
  inset-inline-start: -5px;
}
.z-pos-right\:-5 {
  inset-inline-end: -5px;
}
.z-pos-bottom\:-5 {
  bottom: -5px;
}
.z-pos-top\:-6 {
  top: -6px;
}
.z-pos-left\:-6 {
  inset-inline-start: -6px;
}
.z-pos-right\:-6 {
  inset-inline-end: -6px;
}
.z-pos-bottom\:-6 {
  bottom: -6px;
}
.z-pos-top\:-7 {
  top: -7px;
}
.z-pos-left\:-7 {
  inset-inline-start: -7px;
}
.z-pos-right\:-7 {
  inset-inline-end: -7px;
}
.z-pos-bottom\:-7 {
  bottom: -7px;
}
.z-pos-top\:-8 {
  top: -8px;
}
.z-pos-left\:-8 {
  inset-inline-start: -8px;
}
.z-pos-right\:-8 {
  inset-inline-end: -8px;
}
.z-pos-bottom\:-8 {
  bottom: -8px;
}
.z-pos-top\:-9 {
  top: -9px;
}
.z-pos-left\:-9 {
  inset-inline-start: -9px;
}
.z-pos-right\:-9 {
  inset-inline-end: -9px;
}
.z-pos-bottom\:-9 {
  bottom: -9px;
}
.z-pos-top\:-10 {
  top: -10px;
}
.z-pos-left\:-10 {
  inset-inline-start: -10px;
}
.z-pos-right\:-10 {
  inset-inline-end: -10px;
}
.z-pos-bottom\:-10 {
  bottom: -10px;
}
.z-pos-top\:-11 {
  top: -11px;
}
.z-pos-left\:-11 {
  inset-inline-start: -11px;
}
.z-pos-right\:-11 {
  inset-inline-end: -11px;
}
.z-pos-bottom\:-11 {
  bottom: -11px;
}
.z-pos-top\:-12 {
  top: -12px;
}
.z-pos-left\:-12 {
  inset-inline-start: -12px;
}
.z-pos-right\:-12 {
  inset-inline-end: -12px;
}
.z-pos-bottom\:-12 {
  bottom: -12px;
}
.z-pos-top\:-13 {
  top: -13px;
}
.z-pos-left\:-13 {
  inset-inline-start: -13px;
}
.z-pos-right\:-13 {
  inset-inline-end: -13px;
}
.z-pos-bottom\:-13 {
  bottom: -13px;
}
.z-pos-top\:-14 {
  top: -14px;
}
.z-pos-left\:-14 {
  inset-inline-start: -14px;
}
.z-pos-right\:-14 {
  inset-inline-end: -14px;
}
.z-pos-bottom\:-14 {
  bottom: -14px;
}
.z-pos-top\:-15 {
  top: -15px;
}
.z-pos-left\:-15 {
  inset-inline-start: -15px;
}
.z-pos-right\:-15 {
  inset-inline-end: -15px;
}
.z-pos-bottom\:-15 {
  bottom: -15px;
}
.z-pos-top\:0 {
  top: 0px;
}
.z-pos-left\:0 {
  inset-inline-start: 0px;
}
.z-pos-right\:0 {
  inset-inline-end: 0px;
}
.z-pos-bottom\:0 {
  bottom: 0px;
}
.z-pos-top\:1 {
  top: 1px;
}
.z-pos-left\:1 {
  inset-inline-start: 1px;
}
.z-pos-right\:1 {
  inset-inline-end: 1px;
}
.z-pos-bottom\:1 {
  bottom: 1px;
}
.z-pos-top\:2 {
  top: 2px;
}
.z-pos-left\:2 {
  inset-inline-start: 2px;
}
.z-pos-right\:2 {
  inset-inline-end: 2px;
}
.z-pos-bottom\:2 {
  bottom: 2px;
}
.z-pos-top\:3 {
  top: 3px;
}
.z-pos-left\:3 {
  inset-inline-start: 3px;
}
.z-pos-right\:3 {
  inset-inline-end: 3px;
}
.z-pos-bottom\:3 {
  bottom: 3px;
}
.z-pos-top\:4 {
  top: 4px;
}
.z-pos-left\:4 {
  inset-inline-start: 4px;
}
.z-pos-right\:4 {
  inset-inline-end: 4px;
}
.z-pos-bottom\:4 {
  bottom: 4px;
}
.z-pos-top\:5 {
  top: 5px;
}
.z-pos-left\:5 {
  inset-inline-start: 5px;
}
.z-pos-right\:5 {
  inset-inline-end: 5px;
}
.z-pos-bottom\:5 {
  bottom: 5px;
}
.z-pos-top\:6 {
  top: 6px;
}
.z-pos-left\:6 {
  inset-inline-start: 6px;
}
.z-pos-right\:6 {
  inset-inline-end: 6px;
}
.z-pos-bottom\:6 {
  bottom: 6px;
}
.z-pos-top\:7 {
  top: 7px;
}
.z-pos-left\:7 {
  inset-inline-start: 7px;
}
.z-pos-right\:7 {
  inset-inline-end: 7px;
}
.z-pos-bottom\:7 {
  bottom: 7px;
}
.z-pos-top\:8 {
  top: 8px;
}
.z-pos-left\:8 {
  inset-inline-start: 8px;
}
.z-pos-right\:8 {
  inset-inline-end: 8px;
}
.z-pos-bottom\:8 {
  bottom: 8px;
}
.z-pos-top\:9 {
  top: 9px;
}
.z-pos-left\:9 {
  inset-inline-start: 9px;
}
.z-pos-right\:9 {
  inset-inline-end: 9px;
}
.z-pos-bottom\:9 {
  bottom: 9px;
}
.z-pos-top\:10 {
  top: 10px;
}
.z-pos-left\:10 {
  inset-inline-start: 10px;
}
.z-pos-right\:10 {
  inset-inline-end: 10px;
}
.z-pos-bottom\:10 {
  bottom: 10px;
}
.z-pos-top\:11 {
  top: 11px;
}
.z-pos-left\:11 {
  inset-inline-start: 11px;
}
.z-pos-right\:11 {
  inset-inline-end: 11px;
}
.z-pos-bottom\:11 {
  bottom: 11px;
}
.z-pos-top\:12 {
  top: 12px;
}
.z-pos-left\:12 {
  inset-inline-start: 12px;
}
.z-pos-right\:12 {
  inset-inline-end: 12px;
}
.z-pos-bottom\:12 {
  bottom: 12px;
}
.z-pos-top\:13 {
  top: 13px;
}
.z-pos-left\:13 {
  inset-inline-start: 13px;
}
.z-pos-right\:13 {
  inset-inline-end: 13px;
}
.z-pos-bottom\:13 {
  bottom: 13px;
}
.z-pos-top\:14 {
  top: 14px;
}
.z-pos-left\:14 {
  inset-inline-start: 14px;
}
.z-pos-right\:14 {
  inset-inline-end: 14px;
}
.z-pos-bottom\:14 {
  bottom: 14px;
}
.z-pos-top\:15 {
  top: 15px;
}
.z-pos-left\:15 {
  inset-inline-start: 15px;
}
.z-pos-right\:15 {
  inset-inline-end: 15px;
}
.z-pos-bottom\:15 {
  bottom: 15px;
}
.z-pos-top\:16 {
  top: 16px;
}
.z-pos-left\:16 {
  inset-inline-start: 16px;
}
.z-pos-right\:16 {
  inset-inline-end: 16px;
}
.z-pos-bottom\:16 {
  bottom: 16px;
}
.z-pos-top\:17 {
  top: 17px;
}
.z-pos-left\:17 {
  inset-inline-start: 17px;
}
.z-pos-right\:17 {
  inset-inline-end: 17px;
}
.z-pos-bottom\:17 {
  bottom: 17px;
}
.z-pos-top\:18 {
  top: 18px;
}
.z-pos-left\:18 {
  inset-inline-start: 18px;
}
.z-pos-right\:18 {
  inset-inline-end: 18px;
}
.z-pos-bottom\:18 {
  bottom: 18px;
}
.z-pos-top\:19 {
  top: 19px;
}
.z-pos-left\:19 {
  inset-inline-start: 19px;
}
.z-pos-right\:19 {
  inset-inline-end: 19px;
}
.z-pos-bottom\:19 {
  bottom: 19px;
}
.z-pos-top\:20 {
  top: 20px;
}
.z-pos-left\:20 {
  inset-inline-start: 20px;
}
.z-pos-right\:20 {
  inset-inline-end: 20px;
}
.z-pos-bottom\:20 {
  bottom: 20px;
}
.z-pos-top\:21 {
  top: 21px;
}
.z-pos-left\:21 {
  inset-inline-start: 21px;
}
.z-pos-right\:21 {
  inset-inline-end: 21px;
}
.z-pos-bottom\:21 {
  bottom: 21px;
}
.z-pos-top\:22 {
  top: 22px;
}
.z-pos-left\:22 {
  inset-inline-start: 22px;
}
.z-pos-right\:22 {
  inset-inline-end: 22px;
}
.z-pos-bottom\:22 {
  bottom: 22px;
}
.z-pos-top\:23 {
  top: 23px;
}
.z-pos-left\:23 {
  inset-inline-start: 23px;
}
.z-pos-right\:23 {
  inset-inline-end: 23px;
}
.z-pos-bottom\:23 {
  bottom: 23px;
}
.z-pos-top\:24 {
  top: 24px;
}
.z-pos-left\:24 {
  inset-inline-start: 24px;
}
.z-pos-right\:24 {
  inset-inline-end: 24px;
}
.z-pos-bottom\:24 {
  bottom: 24px;
}
.z-pos-top\:25 {
  top: 25px;
}
.z-pos-left\:25 {
  inset-inline-start: 25px;
}
.z-pos-right\:25 {
  inset-inline-end: 25px;
}
.z-pos-bottom\:25 {
  bottom: 25px;
}
.z-pos-top\:26 {
  top: 26px;
}
.z-pos-left\:26 {
  inset-inline-start: 26px;
}
.z-pos-right\:26 {
  inset-inline-end: 26px;
}
.z-pos-bottom\:26 {
  bottom: 26px;
}
.z-pos-top\:27 {
  top: 27px;
}
.z-pos-left\:27 {
  inset-inline-start: 27px;
}
.z-pos-right\:27 {
  inset-inline-end: 27px;
}
.z-pos-bottom\:27 {
  bottom: 27px;
}
.z-pos-top\:28 {
  top: 28px;
}
.z-pos-left\:28 {
  inset-inline-start: 28px;
}
.z-pos-right\:28 {
  inset-inline-end: 28px;
}
.z-pos-bottom\:28 {
  bottom: 28px;
}
.z-pos-top\:29 {
  top: 29px;
}
.z-pos-left\:29 {
  inset-inline-start: 29px;
}
.z-pos-right\:29 {
  inset-inline-end: 29px;
}
.z-pos-bottom\:29 {
  bottom: 29px;
}
.z-pos-top\:30 {
  top: 30px;
}
.z-pos-left\:30 {
  inset-inline-start: 30px;
}
.z-pos-right\:30 {
  inset-inline-end: 30px;
}
.z-pos-bottom\:30 {
  bottom: 30px;
}
.z-pos-top\:31 {
  top: 31px;
}
.z-pos-left\:31 {
  inset-inline-start: 31px;
}
.z-pos-right\:31 {
  inset-inline-end: 31px;
}
.z-pos-bottom\:31 {
  bottom: 31px;
}
.z-pos-top\:32 {
  top: 32px;
}
.z-pos-left\:32 {
  inset-inline-start: 32px;
}
.z-pos-right\:32 {
  inset-inline-end: 32px;
}
.z-pos-bottom\:32 {
  bottom: 32px;
}
.z-pos-top\:33 {
  top: 33px;
}
.z-pos-left\:33 {
  inset-inline-start: 33px;
}
.z-pos-right\:33 {
  inset-inline-end: 33px;
}
.z-pos-bottom\:33 {
  bottom: 33px;
}
.z-pos-top\:34 {
  top: 34px;
}
.z-pos-left\:34 {
  inset-inline-start: 34px;
}
.z-pos-right\:34 {
  inset-inline-end: 34px;
}
.z-pos-bottom\:34 {
  bottom: 34px;
}
.z-pos-top\:35 {
  top: 35px;
}
.z-pos-left\:35 {
  inset-inline-start: 35px;
}
.z-pos-right\:35 {
  inset-inline-end: 35px;
}
.z-pos-bottom\:35 {
  bottom: 35px;
}
.z-pos-top\:36 {
  top: 36px;
}
.z-pos-left\:36 {
  inset-inline-start: 36px;
}
.z-pos-right\:36 {
  inset-inline-end: 36px;
}
.z-pos-bottom\:36 {
  bottom: 36px;
}
.z-pos-top\:37 {
  top: 37px;
}
.z-pos-left\:37 {
  inset-inline-start: 37px;
}
.z-pos-right\:37 {
  inset-inline-end: 37px;
}
.z-pos-bottom\:37 {
  bottom: 37px;
}
.z-pos-top\:38 {
  top: 38px;
}
.z-pos-left\:38 {
  inset-inline-start: 38px;
}
.z-pos-right\:38 {
  inset-inline-end: 38px;
}
.z-pos-bottom\:38 {
  bottom: 38px;
}
.z-pos-top\:39 {
  top: 39px;
}
.z-pos-left\:39 {
  inset-inline-start: 39px;
}
.z-pos-right\:39 {
  inset-inline-end: 39px;
}
.z-pos-bottom\:39 {
  bottom: 39px;
}
.z-pos-top\:40 {
  top: 40px;
}
.z-pos-left\:40 {
  inset-inline-start: 40px;
}
.z-pos-right\:40 {
  inset-inline-end: 40px;
}
.z-pos-bottom\:40 {
  bottom: 40px;
}
.z-pos-top\:41 {
  top: 41px;
}
.z-pos-left\:41 {
  inset-inline-start: 41px;
}
.z-pos-right\:41 {
  inset-inline-end: 41px;
}
.z-pos-bottom\:41 {
  bottom: 41px;
}
.z-pos-top\:42 {
  top: 42px;
}
.z-pos-left\:42 {
  inset-inline-start: 42px;
}
.z-pos-right\:42 {
  inset-inline-end: 42px;
}
.z-pos-bottom\:42 {
  bottom: 42px;
}
.z-pos-top\:43 {
  top: 43px;
}
.z-pos-left\:43 {
  inset-inline-start: 43px;
}
.z-pos-right\:43 {
  inset-inline-end: 43px;
}
.z-pos-bottom\:43 {
  bottom: 43px;
}
.z-pos-top\:44 {
  top: 44px;
}
.z-pos-left\:44 {
  inset-inline-start: 44px;
}
.z-pos-right\:44 {
  inset-inline-end: 44px;
}
.z-pos-bottom\:44 {
  bottom: 44px;
}
.z-pos-top\:45 {
  top: 45px;
}
.z-pos-left\:45 {
  inset-inline-start: 45px;
}
.z-pos-right\:45 {
  inset-inline-end: 45px;
}
.z-pos-bottom\:45 {
  bottom: 45px;
}
.z-pos-top\:46 {
  top: 46px;
}
.z-pos-left\:46 {
  inset-inline-start: 46px;
}
.z-pos-right\:46 {
  inset-inline-end: 46px;
}
.z-pos-bottom\:46 {
  bottom: 46px;
}
.z-pos-top\:47 {
  top: 47px;
}
.z-pos-left\:47 {
  inset-inline-start: 47px;
}
.z-pos-right\:47 {
  inset-inline-end: 47px;
}
.z-pos-bottom\:47 {
  bottom: 47px;
}
.z-pos-top\:48 {
  top: 48px;
}
.z-pos-left\:48 {
  inset-inline-start: 48px;
}
.z-pos-right\:48 {
  inset-inline-end: 48px;
}
.z-pos-bottom\:48 {
  bottom: 48px;
}
.z-pos-top\:49 {
  top: 49px;
}
.z-pos-left\:49 {
  inset-inline-start: 49px;
}
.z-pos-right\:49 {
  inset-inline-end: 49px;
}
.z-pos-bottom\:49 {
  bottom: 49px;
}
.z-pos-top\:50 {
  top: 50px;
}
.z-pos-left\:50 {
  inset-inline-start: 50px;
}
.z-pos-right\:50 {
  inset-inline-end: 50px;
}
.z-pos-bottom\:50 {
  bottom: 50px;
}
.z-pos-top\:55 {
  top: 55px;
}
.z-pos-left\:55 {
  inset-inline-start: 55px;
}
.z-pos-right\:55 {
  inset-inline-end: 55px;
}
.z-pos-bottom\:55 {
  bottom: 55px;
}
.z-pos-top\:60 {
  top: 60px;
}
.z-pos-left\:60 {
  inset-inline-start: 60px;
}
.z-pos-right\:60 {
  inset-inline-end: 60px;
}
.z-pos-bottom\:60 {
  bottom: 60px;
}
.z-pos-top\:65 {
  top: 65px;
}
.z-pos-left\:65 {
  inset-inline-start: 65px;
}
.z-pos-right\:65 {
  inset-inline-end: 65px;
}
.z-pos-bottom\:65 {
  bottom: 65px;
}
.z-pos-top\:70 {
  top: 70px;
}
.z-pos-left\:70 {
  inset-inline-start: 70px;
}
.z-pos-right\:70 {
  inset-inline-end: 70px;
}
.z-pos-bottom\:70 {
  bottom: 70px;
}
.z-pos-top\:75 {
  top: 75px;
}
.z-pos-left\:75 {
  inset-inline-start: 75px;
}
.z-pos-right\:75 {
  inset-inline-end: 75px;
}
.z-pos-bottom\:75 {
  bottom: 75px;
}
.z-pos-top\:80 {
  top: 80px;
}
.z-pos-left\:80 {
  inset-inline-start: 80px;
}
.z-pos-right\:80 {
  inset-inline-end: 80px;
}
.z-pos-bottom\:80 {
  bottom: 80px;
}
.z-pos-top\:85 {
  top: 85px;
}
.z-pos-left\:85 {
  inset-inline-start: 85px;
}
.z-pos-right\:85 {
  inset-inline-end: 85px;
}
.z-pos-bottom\:85 {
  bottom: 85px;
}
.z-pos-top\:90 {
  top: 90px;
}
.z-pos-left\:90 {
  inset-inline-start: 90px;
}
.z-pos-right\:90 {
  inset-inline-end: 90px;
}
.z-pos-bottom\:90 {
  bottom: 90px;
}
.z-pos-top\:95 {
  top: 95px;
}
.z-pos-left\:95 {
  inset-inline-start: 95px;
}
.z-pos-right\:95 {
  inset-inline-end: 95px;
}
.z-pos-bottom\:95 {
  bottom: 95px;
}
.z-pos-top\:100 {
  top: 100px;
}
.z-pos-left\:100 {
  inset-inline-start: 100px;
}
.z-pos-right\:100 {
  inset-inline-end: 100px;
}
.z-pos-bottom\:100 {
  bottom: 100px;
}
.z-pos-left\:100\% {
  left: 100%;
}
.z-pos-right\:100\% {
  right: 100%;
}
.z-pos-bottom\:100\% {
  bottom: 100%;
}
.z-pos-top\:100\% {
  top: 100%;
}
/*----- Position style end -----*/
/*---- List style starts ----*/
.z-list-pos\:inside {
  list-style: inside;
}
.z-list-type\:disc {
  list-style-type: disc;
}
.z-list-type\:decimal {
  list-style-type: decimal;
}
.z-list-type\:circle {
  list-style-type: circle;
}
.z-list-type\:none {
  list-style-type: none;
}
/*---- List style end ----*/
/*---- Cursor style starts ----*/
.z-cur\:poi {
  cursor: pointer;
}
.z-cur\:default {
  cursor: default;
}
.z-cur\[child\]\:poi > * {
  cursor: pointer;
}
.z-cur\:not-allow {
  cursor: not-allowed;
}
/*---- Cursor style starts end ----*/
/*---- White space style starts ----*/
.z-white-space\:nowrap {
  white-space: nowrap;
}
.z-white-space\:normal {
  white-space: normal;
}
.z-white-space\[child\]\:normal > * {
  white-space: normal;
}
.z-white-space\[child\]\:nowrap > * {
  white-space: nowrap;
}
/*---- White space style end ----*/
/*---- Appearance style starts ----*/
.z-appearance\:none {
  appearance: none;
}
/*---- Appearance style end ----*/
/*---- User selection style starts ----*/
.z-user-select\:none {
  user-select: none;
}
/*---- User selection style end ----*/
/*---- Pointer event style starts ----*/
.z-pointer\:none {
  pointer-events: none;
}
.z-pointer\:visible {
  pointer-events: visible;
}
/*---- Pointer event style end ----*/
/*---- Input | Textarea focus style starts ----*/
.z-focus\:none:focus {
  box-shadow: none;
}
.z-focus-within\:none:focus-within {
  box-shadow: none;
}
/*---- Input | Textarea focus style end ----*/
/*---- Overflow style starts ----*/
.z-overflow\:auto {
  overflow: auto;
}
.z-overflow-x\:auto {
  overflow-x: auto;
}
.z-overflow-y\:auto {
  overflow-y: auto;
}
.z-overflow\:hidden {
  overflow: hidden;
}
/*---- Overflow style end ----*/
/*---- Link style starts ----*/
.z-link {
  color: var(--product-accent-color);
  cursor: pointer;
  text-decoration: none;
}
.z-link .z-ico {
  stroke: var(--product-accent-color);
  fill: var(--product-accent-color);
}
.z-link:hover {
  text-decoration: underline;
}
.z-link\:underline {
  text-decoration: underline;
}
.z-hover\:visible > * .z-btn\:hidden {
  opacity: 0;
  visibility: hidden;
}
.z-hover\:visible > *:hover .z-btn\:hidden {
  opacity: 1;
  visibility: visible;
}
.z-hover\:underline:hover {
  text-decoration: underline;
}
/*---- Link style end ----*/
/*---- Transition style starts ----*/
.z-transition\:3 {
  transition: all 0.3s ease;
}
.z-transition\:2 {
  transition: all 0.2s ease;
}
.z-transition\:1 {
  transition: all 0.1s ease;
}
/*---- Transition style end ----*/
/*---- Box shadow style starts ----*/
.z-box-shadow\:1 {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.z-box-shadow\:2 {
  box-shadow: 0 1px 2px var(--grey7);
}
.z-box-shadow\:3 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.z-box-shadow\:none {
  box-shadow: none;
}
/*---- Box shadow style starts ----*/
/*--- Less Loop function starts ----*/
/*---- Padding loop starts ----*/
/* padding loop starts (1px - 20px) */
/*---- padding loop starts here (1px - 20px) ----*/
.z-pad {
  /* padding normal */
  /* padding normal */
  /* padding for child */
  /* padding for child */
  /*---- padding loop end here (1px - 20px) ----*/
  /*---- padding loop starts here (25px - 70px) ----*/
  /* padding normal */
  /* padding for child */
  /* padding for child */
  /*---- padding loop end here (25px - 70px) ----*/
}
.z-pad\:0 {
  padding: 0px;
}
.z-pad\:1 {
  padding: 1px;
}
.z-pad\:2 {
  padding: 2px;
}
.z-pad\:3 {
  padding: 3px;
}
.z-pad\:4 {
  padding: 4px;
}
.z-pad\:5 {
  padding: 5px;
}
.z-pad\:6 {
  padding: 6px;
}
.z-pad\:7 {
  padding: 7px;
}
.z-pad\:8 {
  padding: 8px;
}
.z-pad\:9 {
  padding: 9px;
}
.z-pad\:10 {
  padding: 10px;
}
.z-pad\:11 {
  padding: 11px;
}
.z-pad\:12 {
  padding: 12px;
}
.z-pad\:13 {
  padding: 13px;
}
.z-pad\:14 {
  padding: 14px;
}
.z-pad\:15 {
  padding: 15px;
}
.z-pad\:16 {
  padding: 16px;
}
.z-pad\:17 {
  padding: 17px;
}
.z-pad\:18 {
  padding: 18px;
}
.z-pad\:19 {
  padding: 19px;
}
.z-pad\:20 {
  padding: 20px;
}
.z-pad-tb\:0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.z-pad-lr\:0 {
  padding-left: 0px;
  padding-right: 0px;
}
.z-pad-tb\:1 {
  padding-top: 1px;
  padding-bottom: 1px;
}
.z-pad-lr\:1 {
  padding-left: 1px;
  padding-right: 1px;
}
.z-pad-tb\:2 {
  padding-top: 2px;
  padding-bottom: 2px;
}
.z-pad-lr\:2 {
  padding-left: 2px;
  padding-right: 2px;
}
.z-pad-tb\:3 {
  padding-top: 3px;
  padding-bottom: 3px;
}
.z-pad-lr\:3 {
  padding-left: 3px;
  padding-right: 3px;
}
.z-pad-tb\:4 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.z-pad-lr\:4 {
  padding-left: 4px;
  padding-right: 4px;
}
.z-pad-tb\:5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.z-pad-lr\:5 {
  padding-left: 5px;
  padding-right: 5px;
}
.z-pad-tb\:6 {
  padding-top: 6px;
  padding-bottom: 6px;
}
.z-pad-lr\:6 {
  padding-left: 6px;
  padding-right: 6px;
}
.z-pad-tb\:7 {
  padding-top: 7px;
  padding-bottom: 7px;
}
.z-pad-lr\:7 {
  padding-left: 7px;
  padding-right: 7px;
}
.z-pad-tb\:8 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.z-pad-lr\:8 {
  padding-left: 8px;
  padding-right: 8px;
}
.z-pad-tb\:9 {
  padding-top: 9px;
  padding-bottom: 9px;
}
.z-pad-lr\:9 {
  padding-left: 9px;
  padding-right: 9px;
}
.z-pad-tb\:10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.z-pad-lr\:10 {
  padding-left: 10px;
  padding-right: 10px;
}
.z-pad-tb\:11 {
  padding-top: 11px;
  padding-bottom: 11px;
}
.z-pad-lr\:11 {
  padding-left: 11px;
  padding-right: 11px;
}
.z-pad-tb\:12 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.z-pad-lr\:12 {
  padding-left: 12px;
  padding-right: 12px;
}
.z-pad-tb\:13 {
  padding-top: 13px;
  padding-bottom: 13px;
}
.z-pad-lr\:13 {
  padding-left: 13px;
  padding-right: 13px;
}
.z-pad-tb\:14 {
  padding-top: 14px;
  padding-bottom: 14px;
}
.z-pad-lr\:14 {
  padding-left: 14px;
  padding-right: 14px;
}
.z-pad-tb\:15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.z-pad-lr\:15 {
  padding-left: 15px;
  padding-right: 15px;
}
.z-pad-tb\:16 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.z-pad-lr\:16 {
  padding-left: 16px;
  padding-right: 16px;
}
.z-pad-tb\:17 {
  padding-top: 17px;
  padding-bottom: 17px;
}
.z-pad-lr\:17 {
  padding-left: 17px;
  padding-right: 17px;
}
.z-pad-tb\:18 {
  padding-top: 18px;
  padding-bottom: 18px;
}
.z-pad-lr\:18 {
  padding-left: 18px;
  padding-right: 18px;
}
.z-pad-tb\:19 {
  padding-top: 19px;
  padding-bottom: 19px;
}
.z-pad-lr\:19 {
  padding-left: 19px;
  padding-right: 19px;
}
.z-pad-tb\:20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.z-pad-lr\:20 {
  padding-left: 20px;
  padding-right: 20px;
}
.z-pad-t\:0 {
  padding-top: 0px;
}
.z-pad-r\:0 {
  padding-inline-end: 0px;
}
.z-pad-b\:0 {
  padding-bottom: 0px;
}
.z-pad-l\:0 {
  padding-inline-start: 0px;
}
.z-pad-t\:1 {
  padding-top: 1px;
}
.z-pad-r\:1 {
  padding-inline-end: 1px;
}
.z-pad-b\:1 {
  padding-bottom: 1px;
}
.z-pad-l\:1 {
  padding-inline-start: 1px;
}
.z-pad-t\:2 {
  padding-top: 2px;
}
.z-pad-r\:2 {
  padding-inline-end: 2px;
}
.z-pad-b\:2 {
  padding-bottom: 2px;
}
.z-pad-l\:2 {
  padding-inline-start: 2px;
}
.z-pad-t\:3 {
  padding-top: 3px;
}
.z-pad-r\:3 {
  padding-inline-end: 3px;
}
.z-pad-b\:3 {
  padding-bottom: 3px;
}
.z-pad-l\:3 {
  padding-inline-start: 3px;
}
.z-pad-t\:4 {
  padding-top: 4px;
}
.z-pad-r\:4 {
  padding-inline-end: 4px;
}
.z-pad-b\:4 {
  padding-bottom: 4px;
}
.z-pad-l\:4 {
  padding-inline-start: 4px;
}
.z-pad-t\:5 {
  padding-top: 5px;
}
.z-pad-r\:5 {
  padding-inline-end: 5px;
}
.z-pad-b\:5 {
  padding-bottom: 5px;
}
.z-pad-l\:5 {
  padding-inline-start: 5px;
}
.z-pad-t\:6 {
  padding-top: 6px;
}
.z-pad-r\:6 {
  padding-inline-end: 6px;
}
.z-pad-b\:6 {
  padding-bottom: 6px;
}
.z-pad-l\:6 {
  padding-inline-start: 6px;
}
.z-pad-t\:7 {
  padding-top: 7px;
}
.z-pad-r\:7 {
  padding-inline-end: 7px;
}
.z-pad-b\:7 {
  padding-bottom: 7px;
}
.z-pad-l\:7 {
  padding-inline-start: 7px;
}
.z-pad-t\:8 {
  padding-top: 8px;
}
.z-pad-r\:8 {
  padding-inline-end: 8px;
}
.z-pad-b\:8 {
  padding-bottom: 8px;
}
.z-pad-l\:8 {
  padding-inline-start: 8px;
}
.z-pad-t\:9 {
  padding-top: 9px;
}
.z-pad-r\:9 {
  padding-inline-end: 9px;
}
.z-pad-b\:9 {
  padding-bottom: 9px;
}
.z-pad-l\:9 {
  padding-inline-start: 9px;
}
.z-pad-t\:10 {
  padding-top: 10px;
}
.z-pad-r\:10 {
  padding-inline-end: 10px;
}
.z-pad-b\:10 {
  padding-bottom: 10px;
}
.z-pad-l\:10 {
  padding-inline-start: 10px;
}
.z-pad-t\:11 {
  padding-top: 11px;
}
.z-pad-r\:11 {
  padding-inline-end: 11px;
}
.z-pad-b\:11 {
  padding-bottom: 11px;
}
.z-pad-l\:11 {
  padding-inline-start: 11px;
}
.z-pad-t\:12 {
  padding-top: 12px;
}
.z-pad-r\:12 {
  padding-inline-end: 12px;
}
.z-pad-b\:12 {
  padding-bottom: 12px;
}
.z-pad-l\:12 {
  padding-inline-start: 12px;
}
.z-pad-t\:13 {
  padding-top: 13px;
}
.z-pad-r\:13 {
  padding-inline-end: 13px;
}
.z-pad-b\:13 {
  padding-bottom: 13px;
}
.z-pad-l\:13 {
  padding-inline-start: 13px;
}
.z-pad-t\:14 {
  padding-top: 14px;
}
.z-pad-r\:14 {
  padding-inline-end: 14px;
}
.z-pad-b\:14 {
  padding-bottom: 14px;
}
.z-pad-l\:14 {
  padding-inline-start: 14px;
}
.z-pad-t\:15 {
  padding-top: 15px;
}
.z-pad-r\:15 {
  padding-inline-end: 15px;
}
.z-pad-b\:15 {
  padding-bottom: 15px;
}
.z-pad-l\:15 {
  padding-inline-start: 15px;
}
.z-pad-t\:16 {
  padding-top: 16px;
}
.z-pad-r\:16 {
  padding-inline-end: 16px;
}
.z-pad-b\:16 {
  padding-bottom: 16px;
}
.z-pad-l\:16 {
  padding-inline-start: 16px;
}
.z-pad-t\:17 {
  padding-top: 17px;
}
.z-pad-r\:17 {
  padding-inline-end: 17px;
}
.z-pad-b\:17 {
  padding-bottom: 17px;
}
.z-pad-l\:17 {
  padding-inline-start: 17px;
}
.z-pad-t\:18 {
  padding-top: 18px;
}
.z-pad-r\:18 {
  padding-inline-end: 18px;
}
.z-pad-b\:18 {
  padding-bottom: 18px;
}
.z-pad-l\:18 {
  padding-inline-start: 18px;
}
.z-pad-t\:19 {
  padding-top: 19px;
}
.z-pad-r\:19 {
  padding-inline-end: 19px;
}
.z-pad-b\:19 {
  padding-bottom: 19px;
}
.z-pad-l\:19 {
  padding-inline-start: 19px;
}
.z-pad-t\:20 {
  padding-top: 20px;
}
.z-pad-r\:20 {
  padding-inline-end: 20px;
}
.z-pad-b\:20 {
  padding-bottom: 20px;
}
.z-pad-l\:20 {
  padding-inline-start: 20px;
}
.z-pad\[child\]\:0 > * {
  padding: 0px;
}
.z-pad\[child\]\:1 > * {
  padding: 1px;
}
.z-pad\[child\]\:2 > * {
  padding: 2px;
}
.z-pad\[child\]\:3 > * {
  padding: 3px;
}
.z-pad\[child\]\:4 > * {
  padding: 4px;
}
.z-pad\[child\]\:5 > * {
  padding: 5px;
}
.z-pad\[child\]\:6 > * {
  padding: 6px;
}
.z-pad\[child\]\:7 > * {
  padding: 7px;
}
.z-pad\[child\]\:8 > * {
  padding: 8px;
}
.z-pad\[child\]\:9 > * {
  padding: 9px;
}
.z-pad\[child\]\:10 > * {
  padding: 10px;
}
.z-pad\[child\]\:11 > * {
  padding: 11px;
}
.z-pad\[child\]\:12 > * {
  padding: 12px;
}
.z-pad\[child\]\:13 > * {
  padding: 13px;
}
.z-pad\[child\]\:14 > * {
  padding: 14px;
}
.z-pad\[child\]\:15 > * {
  padding: 15px;
}
.z-pad\[child\]\:16 > * {
  padding: 16px;
}
.z-pad\[child\]\:17 > * {
  padding: 17px;
}
.z-pad\[child\]\:18 > * {
  padding: 18px;
}
.z-pad\[child\]\:19 > * {
  padding: 19px;
}
.z-pad\[child\]\:20 > * {
  padding: 20px;
}
.z-pad-tb\[child\]\:0 > * {
  padding-top: 0px;
  padding-bottom: 0px;
}
.z-pad-lr\[child\]\:0 > * {
  padding-left: 0px;
  padding-right: 0px;
}
.z-pad-tb\[sub-child\]\:0 > * > * {
  padding-top: 0px;
  padding-bottom: 0px;
}
.z-pad-lr\[sub-child\]\:0 > * > * {
  padding-left: 0px;
  padding-right: 0px;
}
.z-pad-tb\[child\]\:1 > * {
  padding-top: 1px;
  padding-bottom: 1px;
}
.z-pad-lr\[child\]\:1 > * {
  padding-left: 1px;
  padding-right: 1px;
}
.z-pad-tb\[sub-child\]\:1 > * > * {
  padding-top: 1px;
  padding-bottom: 1px;
}
.z-pad-lr\[sub-child\]\:1 > * > * {
  padding-left: 1px;
  padding-right: 1px;
}
.z-pad-tb\[child\]\:2 > * {
  padding-top: 2px;
  padding-bottom: 2px;
}
.z-pad-lr\[child\]\:2 > * {
  padding-left: 2px;
  padding-right: 2px;
}
.z-pad-tb\[sub-child\]\:2 > * > * {
  padding-top: 2px;
  padding-bottom: 2px;
}
.z-pad-lr\[sub-child\]\:2 > * > * {
  padding-left: 2px;
  padding-right: 2px;
}
.z-pad-tb\[child\]\:3 > * {
  padding-top: 3px;
  padding-bottom: 3px;
}
.z-pad-lr\[child\]\:3 > * {
  padding-left: 3px;
  padding-right: 3px;
}
.z-pad-tb\[sub-child\]\:3 > * > * {
  padding-top: 3px;
  padding-bottom: 3px;
}
.z-pad-lr\[sub-child\]\:3 > * > * {
  padding-left: 3px;
  padding-right: 3px;
}
.z-pad-tb\[child\]\:4 > * {
  padding-top: 4px;
  padding-bottom: 4px;
}
.z-pad-lr\[child\]\:4 > * {
  padding-left: 4px;
  padding-right: 4px;
}
.z-pad-tb\[sub-child\]\:4 > * > * {
  padding-top: 4px;
  padding-bottom: 4px;
}
.z-pad-lr\[sub-child\]\:4 > * > * {
  padding-left: 4px;
  padding-right: 4px;
}
.z-pad-tb\[child\]\:5 > * {
  padding-top: 5px;
  padding-bottom: 5px;
}
.z-pad-lr\[child\]\:5 > * {
  padding-left: 5px;
  padding-right: 5px;
}
.z-pad-tb\[sub-child\]\:5 > * > * {
  padding-top: 5px;
  padding-bottom: 5px;
}
.z-pad-lr\[sub-child\]\:5 > * > * {
  padding-left: 5px;
  padding-right: 5px;
}
.z-pad-tb\[child\]\:6 > * {
  padding-top: 6px;
  padding-bottom: 6px;
}
.z-pad-lr\[child\]\:6 > * {
  padding-left: 6px;
  padding-right: 6px;
}
.z-pad-tb\[sub-child\]\:6 > * > * {
  padding-top: 6px;
  padding-bottom: 6px;
}
.z-pad-lr\[sub-child\]\:6 > * > * {
  padding-left: 6px;
  padding-right: 6px;
}
.z-pad-tb\[child\]\:7 > * {
  padding-top: 7px;
  padding-bottom: 7px;
}
.z-pad-lr\[child\]\:7 > * {
  padding-left: 7px;
  padding-right: 7px;
}
.z-pad-tb\[sub-child\]\:7 > * > * {
  padding-top: 7px;
  padding-bottom: 7px;
}
.z-pad-lr\[sub-child\]\:7 > * > * {
  padding-left: 7px;
  padding-right: 7px;
}
.z-pad-tb\[child\]\:8 > * {
  padding-top: 8px;
  padding-bottom: 8px;
}
.z-pad-lr\[child\]\:8 > * {
  padding-left: 8px;
  padding-right: 8px;
}
.z-pad-tb\[sub-child\]\:8 > * > * {
  padding-top: 8px;
  padding-bottom: 8px;
}
.z-pad-lr\[sub-child\]\:8 > * > * {
  padding-left: 8px;
  padding-right: 8px;
}
.z-pad-tb\[child\]\:9 > * {
  padding-top: 9px;
  padding-bottom: 9px;
}
.z-pad-lr\[child\]\:9 > * {
  padding-left: 9px;
  padding-right: 9px;
}
.z-pad-tb\[sub-child\]\:9 > * > * {
  padding-top: 9px;
  padding-bottom: 9px;
}
.z-pad-lr\[sub-child\]\:9 > * > * {
  padding-left: 9px;
  padding-right: 9px;
}
.z-pad-tb\[child\]\:10 > * {
  padding-top: 10px;
  padding-bottom: 10px;
}
.z-pad-lr\[child\]\:10 > * {
  padding-left: 10px;
  padding-right: 10px;
}
.z-pad-tb\[sub-child\]\:10 > * > * {
  padding-top: 10px;
  padding-bottom: 10px;
}
.z-pad-lr\[sub-child\]\:10 > * > * {
  padding-left: 10px;
  padding-right: 10px;
}
.z-pad-tb\[child\]\:11 > * {
  padding-top: 11px;
  padding-bottom: 11px;
}
.z-pad-lr\[child\]\:11 > * {
  padding-left: 11px;
  padding-right: 11px;
}
.z-pad-tb\[sub-child\]\:11 > * > * {
  padding-top: 11px;
  padding-bottom: 11px;
}
.z-pad-lr\[sub-child\]\:11 > * > * {
  padding-left: 11px;
  padding-right: 11px;
}
.z-pad-tb\[child\]\:12 > * {
  padding-top: 12px;
  padding-bottom: 12px;
}
.z-pad-lr\[child\]\:12 > * {
  padding-left: 12px;
  padding-right: 12px;
}
.z-pad-tb\[sub-child\]\:12 > * > * {
  padding-top: 12px;
  padding-bottom: 12px;
}
.z-pad-lr\[sub-child\]\:12 > * > * {
  padding-left: 12px;
  padding-right: 12px;
}
.z-pad-tb\[child\]\:13 > * {
  padding-top: 13px;
  padding-bottom: 13px;
}
.z-pad-lr\[child\]\:13 > * {
  padding-left: 13px;
  padding-right: 13px;
}
.z-pad-tb\[sub-child\]\:13 > * > * {
  padding-top: 13px;
  padding-bottom: 13px;
}
.z-pad-lr\[sub-child\]\:13 > * > * {
  padding-left: 13px;
  padding-right: 13px;
}
.z-pad-tb\[child\]\:14 > * {
  padding-top: 14px;
  padding-bottom: 14px;
}
.z-pad-lr\[child\]\:14 > * {
  padding-left: 14px;
  padding-right: 14px;
}
.z-pad-tb\[sub-child\]\:14 > * > * {
  padding-top: 14px;
  padding-bottom: 14px;
}
.z-pad-lr\[sub-child\]\:14 > * > * {
  padding-left: 14px;
  padding-right: 14px;
}
.z-pad-tb\[child\]\:15 > * {
  padding-top: 15px;
  padding-bottom: 15px;
}
.z-pad-lr\[child\]\:15 > * {
  padding-left: 15px;
  padding-right: 15px;
}
.z-pad-tb\[sub-child\]\:15 > * > * {
  padding-top: 15px;
  padding-bottom: 15px;
}
.z-pad-lr\[sub-child\]\:15 > * > * {
  padding-left: 15px;
  padding-right: 15px;
}
.z-pad-tb\[child\]\:16 > * {
  padding-top: 16px;
  padding-bottom: 16px;
}
.z-pad-lr\[child\]\:16 > * {
  padding-left: 16px;
  padding-right: 16px;
}
.z-pad-tb\[sub-child\]\:16 > * > * {
  padding-top: 16px;
  padding-bottom: 16px;
}
.z-pad-lr\[sub-child\]\:16 > * > * {
  padding-left: 16px;
  padding-right: 16px;
}
.z-pad-tb\[child\]\:17 > * {
  padding-top: 17px;
  padding-bottom: 17px;
}
.z-pad-lr\[child\]\:17 > * {
  padding-left: 17px;
  padding-right: 17px;
}
.z-pad-tb\[sub-child\]\:17 > * > * {
  padding-top: 17px;
  padding-bottom: 17px;
}
.z-pad-lr\[sub-child\]\:17 > * > * {
  padding-left: 17px;
  padding-right: 17px;
}
.z-pad-tb\[child\]\:18 > * {
  padding-top: 18px;
  padding-bottom: 18px;
}
.z-pad-lr\[child\]\:18 > * {
  padding-left: 18px;
  padding-right: 18px;
}
.z-pad-tb\[sub-child\]\:18 > * > * {
  padding-top: 18px;
  padding-bottom: 18px;
}
.z-pad-lr\[sub-child\]\:18 > * > * {
  padding-left: 18px;
  padding-right: 18px;
}
.z-pad-tb\[child\]\:19 > * {
  padding-top: 19px;
  padding-bottom: 19px;
}
.z-pad-lr\[child\]\:19 > * {
  padding-left: 19px;
  padding-right: 19px;
}
.z-pad-tb\[sub-child\]\:19 > * > * {
  padding-top: 19px;
  padding-bottom: 19px;
}
.z-pad-lr\[sub-child\]\:19 > * > * {
  padding-left: 19px;
  padding-right: 19px;
}
.z-pad-tb\[child\]\:20 > * {
  padding-top: 20px;
  padding-bottom: 20px;
}
.z-pad-lr\[child\]\:20 > * {
  padding-left: 20px;
  padding-right: 20px;
}
.z-pad-tb\[sub-child\]\:20 > * > * {
  padding-top: 20px;
  padding-bottom: 20px;
}
.z-pad-lr\[sub-child\]\:20 > * > * {
  padding-left: 20px;
  padding-right: 20px;
}
.z-pad-t\[child\]\:0 > * {
  padding-top: 0px;
}
.z-pad-r\[child\]\:0 > * {
  padding-right: 0px;
}
.z-pad-b\[child\]\:0 > * {
  padding-bottom: 0px;
}
.z-pad-l\[child\]\:0 > * {
  padding-left: 0px;
}
.z-pad-t\[child\]\:1 > * {
  padding-top: 1px;
}
.z-pad-r\[child\]\:1 > * {
  padding-right: 1px;
}
.z-pad-b\[child\]\:1 > * {
  padding-bottom: 1px;
}
.z-pad-l\[child\]\:1 > * {
  padding-left: 1px;
}
.z-pad-t\[child\]\:2 > * {
  padding-top: 2px;
}
.z-pad-r\[child\]\:2 > * {
  padding-right: 2px;
}
.z-pad-b\[child\]\:2 > * {
  padding-bottom: 2px;
}
.z-pad-l\[child\]\:2 > * {
  padding-left: 2px;
}
.z-pad-t\[child\]\:3 > * {
  padding-top: 3px;
}
.z-pad-r\[child\]\:3 > * {
  padding-right: 3px;
}
.z-pad-b\[child\]\:3 > * {
  padding-bottom: 3px;
}
.z-pad-l\[child\]\:3 > * {
  padding-left: 3px;
}
.z-pad-t\[child\]\:4 > * {
  padding-top: 4px;
}
.z-pad-r\[child\]\:4 > * {
  padding-right: 4px;
}
.z-pad-b\[child\]\:4 > * {
  padding-bottom: 4px;
}
.z-pad-l\[child\]\:4 > * {
  padding-left: 4px;
}
.z-pad-t\[child\]\:5 > * {
  padding-top: 5px;
}
.z-pad-r\[child\]\:5 > * {
  padding-right: 5px;
}
.z-pad-b\[child\]\:5 > * {
  padding-bottom: 5px;
}
.z-pad-l\[child\]\:5 > * {
  padding-left: 5px;
}
.z-pad-t\[child\]\:6 > * {
  padding-top: 6px;
}
.z-pad-r\[child\]\:6 > * {
  padding-right: 6px;
}
.z-pad-b\[child\]\:6 > * {
  padding-bottom: 6px;
}
.z-pad-l\[child\]\:6 > * {
  padding-left: 6px;
}
.z-pad-t\[child\]\:7 > * {
  padding-top: 7px;
}
.z-pad-r\[child\]\:7 > * {
  padding-right: 7px;
}
.z-pad-b\[child\]\:7 > * {
  padding-bottom: 7px;
}
.z-pad-l\[child\]\:7 > * {
  padding-left: 7px;
}
.z-pad-t\[child\]\:8 > * {
  padding-top: 8px;
}
.z-pad-r\[child\]\:8 > * {
  padding-right: 8px;
}
.z-pad-b\[child\]\:8 > * {
  padding-bottom: 8px;
}
.z-pad-l\[child\]\:8 > * {
  padding-left: 8px;
}
.z-pad-t\[child\]\:9 > * {
  padding-top: 9px;
}
.z-pad-r\[child\]\:9 > * {
  padding-right: 9px;
}
.z-pad-b\[child\]\:9 > * {
  padding-bottom: 9px;
}
.z-pad-l\[child\]\:9 > * {
  padding-left: 9px;
}
.z-pad-t\[child\]\:10 > * {
  padding-top: 10px;
}
.z-pad-r\[child\]\:10 > * {
  padding-right: 10px;
}
.z-pad-b\[child\]\:10 > * {
  padding-bottom: 10px;
}
.z-pad-l\[child\]\:10 > * {
  padding-left: 10px;
}
.z-pad-t\[child\]\:11 > * {
  padding-top: 11px;
}
.z-pad-r\[child\]\:11 > * {
  padding-right: 11px;
}
.z-pad-b\[child\]\:11 > * {
  padding-bottom: 11px;
}
.z-pad-l\[child\]\:11 > * {
  padding-left: 11px;
}
.z-pad-t\[child\]\:12 > * {
  padding-top: 12px;
}
.z-pad-r\[child\]\:12 > * {
  padding-right: 12px;
}
.z-pad-b\[child\]\:12 > * {
  padding-bottom: 12px;
}
.z-pad-l\[child\]\:12 > * {
  padding-left: 12px;
}
.z-pad-t\[child\]\:13 > * {
  padding-top: 13px;
}
.z-pad-r\[child\]\:13 > * {
  padding-right: 13px;
}
.z-pad-b\[child\]\:13 > * {
  padding-bottom: 13px;
}
.z-pad-l\[child\]\:13 > * {
  padding-left: 13px;
}
.z-pad-t\[child\]\:14 > * {
  padding-top: 14px;
}
.z-pad-r\[child\]\:14 > * {
  padding-right: 14px;
}
.z-pad-b\[child\]\:14 > * {
  padding-bottom: 14px;
}
.z-pad-l\[child\]\:14 > * {
  padding-left: 14px;
}
.z-pad-t\[child\]\:15 > * {
  padding-top: 15px;
}
.z-pad-r\[child\]\:15 > * {
  padding-right: 15px;
}
.z-pad-b\[child\]\:15 > * {
  padding-bottom: 15px;
}
.z-pad-l\[child\]\:15 > * {
  padding-left: 15px;
}
.z-pad-t\[child\]\:16 > * {
  padding-top: 16px;
}
.z-pad-r\[child\]\:16 > * {
  padding-right: 16px;
}
.z-pad-b\[child\]\:16 > * {
  padding-bottom: 16px;
}
.z-pad-l\[child\]\:16 > * {
  padding-left: 16px;
}
.z-pad-t\[child\]\:17 > * {
  padding-top: 17px;
}
.z-pad-r\[child\]\:17 > * {
  padding-right: 17px;
}
.z-pad-b\[child\]\:17 > * {
  padding-bottom: 17px;
}
.z-pad-l\[child\]\:17 > * {
  padding-left: 17px;
}
.z-pad-t\[child\]\:18 > * {
  padding-top: 18px;
}
.z-pad-r\[child\]\:18 > * {
  padding-right: 18px;
}
.z-pad-b\[child\]\:18 > * {
  padding-bottom: 18px;
}
.z-pad-l\[child\]\:18 > * {
  padding-left: 18px;
}
.z-pad-t\[child\]\:19 > * {
  padding-top: 19px;
}
.z-pad-r\[child\]\:19 > * {
  padding-right: 19px;
}
.z-pad-b\[child\]\:19 > * {
  padding-bottom: 19px;
}
.z-pad-l\[child\]\:19 > * {
  padding-left: 19px;
}
.z-pad-t\[child\]\:20 > * {
  padding-top: 20px;
}
.z-pad-r\[child\]\:20 > * {
  padding-right: 20px;
}
.z-pad-b\[child\]\:20 > * {
  padding-bottom: 20px;
}
.z-pad-l\[child\]\:20 > * {
  padding-left: 20px;
}
.z-pad\:25 {
  padding: 25px;
}
.z-pad\:30 {
  padding: 30px;
}
.z-pad\:35 {
  padding: 35px;
}
.z-pad\:40 {
  padding: 40px;
}
.z-pad\:45 {
  padding: 45px;
}
.z-pad\:50 {
  padding: 50px;
}
.z-pad\:55 {
  padding: 55px;
}
.z-pad\:60 {
  padding: 60px;
}
.z-pad\:65 {
  padding: 65px;
}
.z-pad\:70 {
  padding: 70px;
}
.z-pad-tb\:25 {
  padding-top: 25px;
  padding-bottom: 25px;
}
.z-pad-lr\:25 {
  padding-left: 25px;
  padding-right: 25px;
}
.z-pad-tb\:30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.z-pad-lr\:30 {
  padding-left: 30px;
  padding-right: 30px;
}
.z-pad-tb\:35 {
  padding-top: 35px;
  padding-bottom: 35px;
}
.z-pad-lr\:35 {
  padding-left: 35px;
  padding-right: 35px;
}
.z-pad-tb\:40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.z-pad-lr\:40 {
  padding-left: 40px;
  padding-right: 40px;
}
.z-pad-tb\:45 {
  padding-top: 45px;
  padding-bottom: 45px;
}
.z-pad-lr\:45 {
  padding-left: 45px;
  padding-right: 45px;
}
.z-pad-tb\:50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.z-pad-lr\:50 {
  padding-left: 50px;
  padding-right: 50px;
}
.z-pad-tb\:55 {
  padding-top: 55px;
  padding-bottom: 55px;
}
.z-pad-lr\:55 {
  padding-left: 55px;
  padding-right: 55px;
}
.z-pad-tb\:60 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.z-pad-lr\:60 {
  padding-left: 60px;
  padding-right: 60px;
}
.z-pad-tb\:65 {
  padding-top: 65px;
  padding-bottom: 65px;
}
.z-pad-lr\:65 {
  padding-left: 65px;
  padding-right: 65px;
}
.z-pad-tb\:70 {
  padding-top: 70px;
  padding-bottom: 70px;
}
.z-pad-lr\:70 {
  padding-left: 70px;
  padding-right: 70px;
}
.z-pad-t\:25 {
  padding-top: 25px;
}
.z-pad-r\:25 {
  padding-right: 25px;
}
.z-pad-b\:25 {
  padding-bottom: 25px;
}
.z-pad-l\:25 {
  padding-left: 25px;
}
.z-pad-t\:30 {
  padding-top: 30px;
}
.z-pad-r\:30 {
  padding-right: 30px;
}
.z-pad-b\:30 {
  padding-bottom: 30px;
}
.z-pad-l\:30 {
  padding-left: 30px;
}
.z-pad-t\:35 {
  padding-top: 35px;
}
.z-pad-r\:35 {
  padding-right: 35px;
}
.z-pad-b\:35 {
  padding-bottom: 35px;
}
.z-pad-l\:35 {
  padding-left: 35px;
}
.z-pad-t\:40 {
  padding-top: 40px;
}
.z-pad-r\:40 {
  padding-right: 40px;
}
.z-pad-b\:40 {
  padding-bottom: 40px;
}
.z-pad-l\:40 {
  padding-left: 40px;
}
.z-pad-t\:45 {
  padding-top: 45px;
}
.z-pad-r\:45 {
  padding-right: 45px;
}
.z-pad-b\:45 {
  padding-bottom: 45px;
}
.z-pad-l\:45 {
  padding-left: 45px;
}
.z-pad-t\:50 {
  padding-top: 50px;
}
.z-pad-r\:50 {
  padding-right: 50px;
}
.z-pad-b\:50 {
  padding-bottom: 50px;
}
.z-pad-l\:50 {
  padding-left: 50px;
}
.z-pad-t\:55 {
  padding-top: 55px;
}
.z-pad-r\:55 {
  padding-right: 55px;
}
.z-pad-b\:55 {
  padding-bottom: 55px;
}
.z-pad-l\:55 {
  padding-left: 55px;
}
.z-pad-t\:60 {
  padding-top: 60px;
}
.z-pad-r\:60 {
  padding-right: 60px;
}
.z-pad-b\:60 {
  padding-bottom: 60px;
}
.z-pad-l\:60 {
  padding-left: 60px;
}
.z-pad-t\:65 {
  padding-top: 65px;
}
.z-pad-r\:65 {
  padding-right: 65px;
}
.z-pad-b\:65 {
  padding-bottom: 65px;
}
.z-pad-l\:65 {
  padding-left: 65px;
}
.z-pad-t\:70 {
  padding-top: 70px;
}
.z-pad-r\:70 {
  padding-right: 70px;
}
.z-pad-b\:70 {
  padding-bottom: 70px;
}
.z-pad-l\:70 {
  padding-left: 70px;
}
.z-pad\[child\]\:25 > * {
  padding: 25px;
}
.z-pad\[child\]\:30 > * {
  padding: 30px;
}
.z-pad\[child\]\:35 > * {
  padding: 35px;
}
.z-pad\[child\]\:40 > * {
  padding: 40px;
}
.z-pad\[child\]\:45 > * {
  padding: 45px;
}
.z-pad\[child\]\:50 > * {
  padding: 50px;
}
.z-pad\[child\]\:55 > * {
  padding: 55px;
}
.z-pad\[child\]\:60 > * {
  padding: 60px;
}
.z-pad\[child\]\:65 > * {
  padding: 65px;
}
.z-pad\[child\]\:70 > * {
  padding: 70px;
}
.z-pad-tb\[child\]\:25 > * {
  padding-top: 25px;
  padding-bottom: 25px;
}
.z-pad-lr\[child\]\:25 > * {
  padding-left: 25px;
  padding-right: 25px;
}
.z-pad-tb\[child\]\:30 > * {
  padding-top: 30px;
  padding-bottom: 30px;
}
.z-pad-lr\[child\]\:30 > * {
  padding-left: 30px;
  padding-right: 30px;
}
.z-pad-tb\[child\]\:35 > * {
  padding-top: 35px;
  padding-bottom: 35px;
}
.z-pad-lr\[child\]\:35 > * {
  padding-left: 35px;
  padding-right: 35px;
}
.z-pad-tb\[child\]\:40 > * {
  padding-top: 40px;
  padding-bottom: 40px;
}
.z-pad-lr\[child\]\:40 > * {
  padding-left: 40px;
  padding-right: 40px;
}
.z-pad-tb\[child\]\:45 > * {
  padding-top: 45px;
  padding-bottom: 45px;
}
.z-pad-lr\[child\]\:45 > * {
  padding-left: 45px;
  padding-right: 45px;
}
.z-pad-tb\[child\]\:50 > * {
  padding-top: 50px;
  padding-bottom: 50px;
}
.z-pad-lr\[child\]\:50 > * {
  padding-left: 50px;
  padding-right: 50px;
}
.z-pad-tb\[child\]\:55 > * {
  padding-top: 55px;
  padding-bottom: 55px;
}
.z-pad-lr\[child\]\:55 > * {
  padding-left: 55px;
  padding-right: 55px;
}
.z-pad-tb\[child\]\:60 > * {
  padding-top: 60px;
  padding-bottom: 60px;
}
.z-pad-lr\[child\]\:60 > * {
  padding-left: 60px;
  padding-right: 60px;
}
.z-pad-tb\[child\]\:65 > * {
  padding-top: 65px;
  padding-bottom: 65px;
}
.z-pad-lr\[child\]\:65 > * {
  padding-left: 65px;
  padding-right: 65px;
}
.z-pad-tb\[child\]\:70 > * {
  padding-top: 70px;
  padding-bottom: 70px;
}
.z-pad-lr\[child\]\:70 > * {
  padding-left: 70px;
  padding-right: 70px;
}
.z-pad-t\[child\]\:25 > * {
  padding-top: 25px;
}
.z-pad-r\[child\]\:25 > * {
  padding-right: 25px;
}
.z-pad-b\[child\]\:25 > * {
  padding-bottom: 25px;
}
.z-pad-l\[child\]\:25 > * {
  padding-left: 25px;
}
.z-pad-t\[child\]\:30 > * {
  padding-top: 30px;
}
.z-pad-r\[child\]\:30 > * {
  padding-right: 30px;
}
.z-pad-b\[child\]\:30 > * {
  padding-bottom: 30px;
}
.z-pad-l\[child\]\:30 > * {
  padding-left: 30px;
}
.z-pad-t\[child\]\:35 > * {
  padding-top: 35px;
}
.z-pad-r\[child\]\:35 > * {
  padding-right: 35px;
}
.z-pad-b\[child\]\:35 > * {
  padding-bottom: 35px;
}
.z-pad-l\[child\]\:35 > * {
  padding-left: 35px;
}
.z-pad-t\[child\]\:40 > * {
  padding-top: 40px;
}
.z-pad-r\[child\]\:40 > * {
  padding-right: 40px;
}
.z-pad-b\[child\]\:40 > * {
  padding-bottom: 40px;
}
.z-pad-l\[child\]\:40 > * {
  padding-left: 40px;
}
.z-pad-t\[child\]\:45 > * {
  padding-top: 45px;
}
.z-pad-r\[child\]\:45 > * {
  padding-right: 45px;
}
.z-pad-b\[child\]\:45 > * {
  padding-bottom: 45px;
}
.z-pad-l\[child\]\:45 > * {
  padding-left: 45px;
}
.z-pad-t\[child\]\:50 > * {
  padding-top: 50px;
}
.z-pad-r\[child\]\:50 > * {
  padding-right: 50px;
}
.z-pad-b\[child\]\:50 > * {
  padding-bottom: 50px;
}
.z-pad-l\[child\]\:50 > * {
  padding-left: 50px;
}
.z-pad-t\[child\]\:55 > * {
  padding-top: 55px;
}
.z-pad-r\[child\]\:55 > * {
  padding-right: 55px;
}
.z-pad-b\[child\]\:55 > * {
  padding-bottom: 55px;
}
.z-pad-l\[child\]\:55 > * {
  padding-left: 55px;
}
.z-pad-t\[child\]\:60 > * {
  padding-top: 60px;
}
.z-pad-r\[child\]\:60 > * {
  padding-right: 60px;
}
.z-pad-b\[child\]\:60 > * {
  padding-bottom: 60px;
}
.z-pad-l\[child\]\:60 > * {
  padding-left: 60px;
}
.z-pad-t\[child\]\:65 > * {
  padding-top: 65px;
}
.z-pad-r\[child\]\:65 > * {
  padding-right: 65px;
}
.z-pad-b\[child\]\:65 > * {
  padding-bottom: 65px;
}
.z-pad-l\[child\]\:65 > * {
  padding-left: 65px;
}
.z-pad-t\[child\]\:70 > * {
  padding-top: 70px;
}
.z-pad-r\[child\]\:70 > * {
  padding-right: 70px;
}
.z-pad-b\[child\]\:70 > * {
  padding-bottom: 70px;
}
.z-pad-l\[child\]\:70 > * {
  padding-left: 70px;
}
.z-pad-lr\:24 {
  padding-inline: 24px;
  /*  Article left and right padding dont remove  */
}
/*---- Padding loop end ----*/
/*---- Margin loop starts ----*/
/*---- margin loop starts here (1px - 20px) ----*/
.z-mar {
  /* margin normal */
  /* margin normal */
  /* margin for child */
  /* margin for child */
  /*---- margin loop end here (1px - 20px) ----*/
  /*---- margin loop starts here (25px - 70px) ----*/
  /* margin normal */
  /* margin for child */
  /* margin for child */
  /*---- margin loop end here (25px - 70px) ----*/
  /* margin normal */
  /* margin normal */
  /* margin for child */
  /* margin for child */
  /* margin normal */
  /* margin normal */
  /* margin for child */
  /* margin for child */
  /* margin normal */
  /* margin normal */
  /* margin for child */
  /* margin for child */
  /* margin normal */
  /* margin normal */
  /* margin for child */
  /* margin for child */
  /* margin normal */
  /* margin normal */
  /* margin for child */
  /* margin for child */
  /* margin normal */
  /* margin normal */
  /* margin for child */
  /* margin for child */
  /* margin normal */
  /* margin normal */
  /* margin for child */
  /* margin for child */
  /* margin normal */
  /* margin normal */
  /* margin for child */
  /* margin for child */
  /* margin normal */
  /* margin normal */
  /* margin for child */
  /* margin for child */
  /* margin normal */
  /* margin normal */
  /* margin for child */
  /* margin for child */
  /* margin normal */
  /* margin normal */
  /* margin for child */
  /* margin for child */
  /* margin normal */
  /* margin normal */
  /* margin for child */
  /* margin for child */
  /* margin normal */
  /* margin normal */
  /* margin for child */
  /* margin for child */
  /* margin normal */
  /* margin normal */
  /* margin for child */
  /* margin for child */
  /* margin normal */
  /* margin normal */
  /* margin for child */
  /* margin for child */
  /* margin normal */
  /* margin normal */
  /* margin for child */
  /* margin for child */
  /* margin normal */
  /* margin normal */
  /* margin for child */
  /* margin for child */
  /* margin normal */
  /* margin normal */
  /* margin for child */
  /* margin for child */
  /* margin normal */
  /* margin normal */
  /* margin for child */
  /* margin for child */
  /* margin normal */
  /* margin normal */
  /* margin for child */
  /* margin for child */
}
.z-mar\:auto {
  margin: auto;
}
.z-mar\:0 {
  margin: 0px;
}
.z-mar\:1 {
  margin: 1px;
}
.z-mar\:2 {
  margin: 2px;
}
.z-mar\:3 {
  margin: 3px;
}
.z-mar\:4 {
  margin: 4px;
}
.z-mar\:5 {
  margin: 5px;
}
.z-mar\:6 {
  margin: 6px;
}
.z-mar\:7 {
  margin: 7px;
}
.z-mar\:8 {
  margin: 8px;
}
.z-mar\:9 {
  margin: 9px;
}
.z-mar\:10 {
  margin: 10px;
}
.z-mar\:11 {
  margin: 11px;
}
.z-mar\:12 {
  margin: 12px;
}
.z-mar\:13 {
  margin: 13px;
}
.z-mar\:14 {
  margin: 14px;
}
.z-mar\:15 {
  margin: 15px;
}
.z-mar\:16 {
  margin: 16px;
}
.z-mar\:17 {
  margin: 17px;
}
.z-mar\:18 {
  margin: 18px;
}
.z-mar\:19 {
  margin: 19px;
}
.z-mar\:20 {
  margin: 20px;
}
.z-mar-tb\:0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.z-mar-lr\:0 {
  margin-left: 0px;
  margin-right: 0px;
}
.z-mar-tb\:1 {
  margin-top: 1px;
  margin-bottom: 1px;
}
.z-mar-lr\:1 {
  margin-left: 1px;
  margin-right: 1px;
}
.z-mar-tb\:2 {
  margin-top: 2px;
  margin-bottom: 2px;
}
.z-mar-lr\:2 {
  margin-left: 2px;
  margin-right: 2px;
}
.z-mar-tb\:3 {
  margin-top: 3px;
  margin-bottom: 3px;
}
.z-mar-lr\:3 {
  margin-left: 3px;
  margin-right: 3px;
}
.z-mar-tb\:4 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.z-mar-lr\:4 {
  margin-left: 4px;
  margin-right: 4px;
}
.z-mar-tb\:5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.z-mar-lr\:5 {
  margin-left: 5px;
  margin-right: 5px;
}
.z-mar-tb\:6 {
  margin-top: 6px;
  margin-bottom: 6px;
}
.z-mar-lr\:6 {
  margin-left: 6px;
  margin-right: 6px;
}
.z-mar-tb\:7 {
  margin-top: 7px;
  margin-bottom: 7px;
}
.z-mar-lr\:7 {
  margin-left: 7px;
  margin-right: 7px;
}
.z-mar-tb\:8 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.z-mar-lr\:8 {
  margin-left: 8px;
  margin-right: 8px;
}
.z-mar-tb\:9 {
  margin-top: 9px;
  margin-bottom: 9px;
}
.z-mar-lr\:9 {
  margin-left: 9px;
  margin-right: 9px;
}
.z-mar-tb\:10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.z-mar-lr\:10 {
  margin-left: 10px;
  margin-right: 10px;
}
.z-mar-tb\:11 {
  margin-top: 11px;
  margin-bottom: 11px;
}
.z-mar-lr\:11 {
  margin-left: 11px;
  margin-right: 11px;
}
.z-mar-tb\:12 {
  margin-top: 12px;
  margin-bottom: 12px;
}
.z-mar-lr\:12 {
  margin-left: 12px;
  margin-right: 12px;
}
.z-mar-tb\:13 {
  margin-top: 13px;
  margin-bottom: 13px;
}
.z-mar-lr\:13 {
  margin-left: 13px;
  margin-right: 13px;
}
.z-mar-tb\:14 {
  margin-top: 14px;
  margin-bottom: 14px;
}
.z-mar-lr\:14 {
  margin-left: 14px;
  margin-right: 14px;
}
.z-mar-tb\:15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.z-mar-lr\:15 {
  margin-left: 15px;
  margin-right: 15px;
}
.z-mar-tb\:16 {
  margin-top: 16px;
  margin-bottom: 16px;
}
.z-mar-lr\:16 {
  margin-left: 16px;
  margin-right: 16px;
}
.z-mar-tb\:17 {
  margin-top: 17px;
  margin-bottom: 17px;
}
.z-mar-lr\:17 {
  margin-left: 17px;
  margin-right: 17px;
}
.z-mar-tb\:18 {
  margin-top: 18px;
  margin-bottom: 18px;
}
.z-mar-lr\:18 {
  margin-left: 18px;
  margin-right: 18px;
}
.z-mar-tb\:19 {
  margin-top: 19px;
  margin-bottom: 19px;
}
.z-mar-lr\:19 {
  margin-left: 19px;
  margin-right: 19px;
}
.z-mar-tb\:20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.z-mar-lr\:20 {
  margin-left: 20px;
  margin-right: 20px;
}
.z-mar-t\:0 {
  margin-top: 0px;
}
.z-mar-r\:0 {
  margin-inline-end: 0px;
}
.z-mar-b\:0 {
  margin-bottom: 0px;
}
.z-mar-l\:0 {
  margin-inline-start: 0px;
}
.z-mar-t\:1 {
  margin-top: 1px;
}
.z-mar-r\:1 {
  margin-inline-end: 1px;
}
.z-mar-b\:1 {
  margin-bottom: 1px;
}
.z-mar-l\:1 {
  margin-inline-start: 1px;
}
.z-mar-t\:2 {
  margin-top: 2px;
}
.z-mar-r\:2 {
  margin-inline-end: 2px;
}
.z-mar-b\:2 {
  margin-bottom: 2px;
}
.z-mar-l\:2 {
  margin-inline-start: 2px;
}
.z-mar-t\:3 {
  margin-top: 3px;
}
.z-mar-r\:3 {
  margin-inline-end: 3px;
}
.z-mar-b\:3 {
  margin-bottom: 3px;
}
.z-mar-l\:3 {
  margin-inline-start: 3px;
}
.z-mar-t\:4 {
  margin-top: 4px;
}
.z-mar-r\:4 {
  margin-inline-end: 4px;
}
.z-mar-b\:4 {
  margin-bottom: 4px;
}
.z-mar-l\:4 {
  margin-inline-start: 4px;
}
.z-mar-t\:5 {
  margin-top: 5px;
}
.z-mar-r\:5 {
  margin-inline-end: 5px;
}
.z-mar-b\:5 {
  margin-bottom: 5px;
}
.z-mar-l\:5 {
  margin-inline-start: 5px;
}
.z-mar-t\:6 {
  margin-top: 6px;
}
.z-mar-r\:6 {
  margin-inline-end: 6px;
}
.z-mar-b\:6 {
  margin-bottom: 6px;
}
.z-mar-l\:6 {
  margin-inline-start: 6px;
}
.z-mar-t\:7 {
  margin-top: 7px;
}
.z-mar-r\:7 {
  margin-inline-end: 7px;
}
.z-mar-b\:7 {
  margin-bottom: 7px;
}
.z-mar-l\:7 {
  margin-inline-start: 7px;
}
.z-mar-t\:8 {
  margin-top: 8px;
}
.z-mar-r\:8 {
  margin-inline-end: 8px;
}
.z-mar-b\:8 {
  margin-bottom: 8px;
}
.z-mar-l\:8 {
  margin-inline-start: 8px;
}
.z-mar-t\:9 {
  margin-top: 9px;
}
.z-mar-r\:9 {
  margin-inline-end: 9px;
}
.z-mar-b\:9 {
  margin-bottom: 9px;
}
.z-mar-l\:9 {
  margin-inline-start: 9px;
}
.z-mar-t\:10 {
  margin-top: 10px;
}
.z-mar-r\:10 {
  margin-inline-end: 10px;
}
.z-mar-b\:10 {
  margin-bottom: 10px;
}
.z-mar-l\:10 {
  margin-inline-start: 10px;
}
.z-mar-t\:11 {
  margin-top: 11px;
}
.z-mar-r\:11 {
  margin-inline-end: 11px;
}
.z-mar-b\:11 {
  margin-bottom: 11px;
}
.z-mar-l\:11 {
  margin-inline-start: 11px;
}
.z-mar-t\:12 {
  margin-top: 12px;
}
.z-mar-r\:12 {
  margin-inline-end: 12px;
}
.z-mar-b\:12 {
  margin-bottom: 12px;
}
.z-mar-l\:12 {
  margin-inline-start: 12px;
}
.z-mar-t\:13 {
  margin-top: 13px;
}
.z-mar-r\:13 {
  margin-inline-end: 13px;
}
.z-mar-b\:13 {
  margin-bottom: 13px;
}
.z-mar-l\:13 {
  margin-inline-start: 13px;
}
.z-mar-t\:14 {
  margin-top: 14px;
}
.z-mar-r\:14 {
  margin-inline-end: 14px;
}
.z-mar-b\:14 {
  margin-bottom: 14px;
}
.z-mar-l\:14 {
  margin-inline-start: 14px;
}
.z-mar-t\:15 {
  margin-top: 15px;
}
.z-mar-r\:15 {
  margin-inline-end: 15px;
}
.z-mar-b\:15 {
  margin-bottom: 15px;
}
.z-mar-l\:15 {
  margin-inline-start: 15px;
}
.z-mar-t\:16 {
  margin-top: 16px;
}
.z-mar-r\:16 {
  margin-inline-end: 16px;
}
.z-mar-b\:16 {
  margin-bottom: 16px;
}
.z-mar-l\:16 {
  margin-inline-start: 16px;
}
.z-mar-t\:17 {
  margin-top: 17px;
}
.z-mar-r\:17 {
  margin-inline-end: 17px;
}
.z-mar-b\:17 {
  margin-bottom: 17px;
}
.z-mar-l\:17 {
  margin-inline-start: 17px;
}
.z-mar-t\:18 {
  margin-top: 18px;
}
.z-mar-r\:18 {
  margin-inline-end: 18px;
}
.z-mar-b\:18 {
  margin-bottom: 18px;
}
.z-mar-l\:18 {
  margin-inline-start: 18px;
}
.z-mar-t\:19 {
  margin-top: 19px;
}
.z-mar-r\:19 {
  margin-inline-end: 19px;
}
.z-mar-b\:19 {
  margin-bottom: 19px;
}
.z-mar-l\:19 {
  margin-inline-start: 19px;
}
.z-mar-t\:20 {
  margin-top: 20px;
}
.z-mar-r\:20 {
  margin-inline-end: 20px;
}
.z-mar-b\:20 {
  margin-bottom: 20px;
}
.z-mar-l\:20 {
  margin-inline-start: 20px;
}
.z-mar\[child\]\:0 > * {
  margin: 0px;
}
.z-mar\[child\]\:1 > * {
  margin: 1px;
}
.z-mar\[child\]\:2 > * {
  margin: 2px;
}
.z-mar\[child\]\:3 > * {
  margin: 3px;
}
.z-mar\[child\]\:4 > * {
  margin: 4px;
}
.z-mar\[child\]\:5 > * {
  margin: 5px;
}
.z-mar\[child\]\:6 > * {
  margin: 6px;
}
.z-mar\[child\]\:7 > * {
  margin: 7px;
}
.z-mar\[child\]\:8 > * {
  margin: 8px;
}
.z-mar\[child\]\:9 > * {
  margin: 9px;
}
.z-mar\[child\]\:10 > * {
  margin: 10px;
}
.z-mar\[child\]\:11 > * {
  margin: 11px;
}
.z-mar\[child\]\:12 > * {
  margin: 12px;
}
.z-mar\[child\]\:13 > * {
  margin: 13px;
}
.z-mar\[child\]\:14 > * {
  margin: 14px;
}
.z-mar\[child\]\:15 > * {
  margin: 15px;
}
.z-mar\[child\]\:16 > * {
  margin: 16px;
}
.z-mar\[child\]\:17 > * {
  margin: 17px;
}
.z-mar\[child\]\:18 > * {
  margin: 18px;
}
.z-mar\[child\]\:19 > * {
  margin: 19px;
}
.z-mar\[child\]\:20 > * {
  margin: 20px;
}
.z-mar-tb\[child\]\:0 > * {
  margin-top: 0px;
  margin-bottom: 0px;
}
.z-mar-lr\[child\]\:0 > * {
  margin-left: 0px;
  margin-right: 0px;
}
.z-mar-tb\[child\]\:1 > * {
  margin-top: 1px;
  margin-bottom: 1px;
}
.z-mar-lr\[child\]\:1 > * {
  margin-left: 1px;
  margin-right: 1px;
}
.z-mar-tb\[child\]\:2 > * {
  margin-top: 2px;
  margin-bottom: 2px;
}
.z-mar-lr\[child\]\:2 > * {
  margin-left: 2px;
  margin-right: 2px;
}
.z-mar-tb\[child\]\:3 > * {
  margin-top: 3px;
  margin-bottom: 3px;
}
.z-mar-lr\[child\]\:3 > * {
  margin-left: 3px;
  margin-right: 3px;
}
.z-mar-tb\[child\]\:4 > * {
  margin-top: 4px;
  margin-bottom: 4px;
}
.z-mar-lr\[child\]\:4 > * {
  margin-left: 4px;
  margin-right: 4px;
}
.z-mar-tb\[child\]\:5 > * {
  margin-top: 5px;
  margin-bottom: 5px;
}
.z-mar-lr\[child\]\:5 > * {
  margin-left: 5px;
  margin-right: 5px;
}
.z-mar-tb\[child\]\:6 > * {
  margin-top: 6px;
  margin-bottom: 6px;
}
.z-mar-lr\[child\]\:6 > * {
  margin-left: 6px;
  margin-right: 6px;
}
.z-mar-tb\[child\]\:7 > * {
  margin-top: 7px;
  margin-bottom: 7px;
}
.z-mar-lr\[child\]\:7 > * {
  margin-left: 7px;
  margin-right: 7px;
}
.z-mar-tb\[child\]\:8 > * {
  margin-top: 8px;
  margin-bottom: 8px;
}
.z-mar-lr\[child\]\:8 > * {
  margin-left: 8px;
  margin-right: 8px;
}
.z-mar-tb\[child\]\:9 > * {
  margin-top: 9px;
  margin-bottom: 9px;
}
.z-mar-lr\[child\]\:9 > * {
  margin-left: 9px;
  margin-right: 9px;
}
.z-mar-tb\[child\]\:10 > * {
  margin-top: 10px;
  margin-bottom: 10px;
}
.z-mar-lr\[child\]\:10 > * {
  margin-left: 10px;
  margin-right: 10px;
}
.z-mar-tb\[child\]\:11 > * {
  margin-top: 11px;
  margin-bottom: 11px;
}
.z-mar-lr\[child\]\:11 > * {
  margin-left: 11px;
  margin-right: 11px;
}
.z-mar-tb\[child\]\:12 > * {
  margin-top: 12px;
  margin-bottom: 12px;
}
.z-mar-lr\[child\]\:12 > * {
  margin-left: 12px;
  margin-right: 12px;
}
.z-mar-tb\[child\]\:13 > * {
  margin-top: 13px;
  margin-bottom: 13px;
}
.z-mar-lr\[child\]\:13 > * {
  margin-left: 13px;
  margin-right: 13px;
}
.z-mar-tb\[child\]\:14 > * {
  margin-top: 14px;
  margin-bottom: 14px;
}
.z-mar-lr\[child\]\:14 > * {
  margin-left: 14px;
  margin-right: 14px;
}
.z-mar-tb\[child\]\:15 > * {
  margin-top: 15px;
  margin-bottom: 15px;
}
.z-mar-lr\[child\]\:15 > * {
  margin-left: 15px;
  margin-right: 15px;
}
.z-mar-tb\[child\]\:16 > * {
  margin-top: 16px;
  margin-bottom: 16px;
}
.z-mar-lr\[child\]\:16 > * {
  margin-left: 16px;
  margin-right: 16px;
}
.z-mar-tb\[child\]\:17 > * {
  margin-top: 17px;
  margin-bottom: 17px;
}
.z-mar-lr\[child\]\:17 > * {
  margin-left: 17px;
  margin-right: 17px;
}
.z-mar-tb\[child\]\:18 > * {
  margin-top: 18px;
  margin-bottom: 18px;
}
.z-mar-lr\[child\]\:18 > * {
  margin-left: 18px;
  margin-right: 18px;
}
.z-mar-tb\[child\]\:19 > * {
  margin-top: 19px;
  margin-bottom: 19px;
}
.z-mar-lr\[child\]\:19 > * {
  margin-left: 19px;
  margin-right: 19px;
}
.z-mar-tb\[child\]\:20 > * {
  margin-top: 20px;
  margin-bottom: 20px;
}
.z-mar-lr\[child\]\:20 > * {
  margin-left: 20px;
  margin-right: 20px;
}
.z-mar-t\[child\]\:0 > * {
  margin-top: 0px;
}
.z-mar-r\[child\]\:0 > * {
  margin-right: 0px;
}
.z-mar-b\[child\]\:0 > * {
  margin-bottom: 0px;
}
.z-mar-l\[child\]\:0 > * {
  margin-left: 0px;
}
.z-mar-t\[child\]\:1 > * {
  margin-top: 1px;
}
.z-mar-r\[child\]\:1 > * {
  margin-right: 1px;
}
.z-mar-b\[child\]\:1 > * {
  margin-bottom: 1px;
}
.z-mar-l\[child\]\:1 > * {
  margin-left: 1px;
}
.z-mar-t\[child\]\:2 > * {
  margin-top: 2px;
}
.z-mar-r\[child\]\:2 > * {
  margin-right: 2px;
}
.z-mar-b\[child\]\:2 > * {
  margin-bottom: 2px;
}
.z-mar-l\[child\]\:2 > * {
  margin-left: 2px;
}
.z-mar-t\[child\]\:3 > * {
  margin-top: 3px;
}
.z-mar-r\[child\]\:3 > * {
  margin-right: 3px;
}
.z-mar-b\[child\]\:3 > * {
  margin-bottom: 3px;
}
.z-mar-l\[child\]\:3 > * {
  margin-left: 3px;
}
.z-mar-t\[child\]\:4 > * {
  margin-top: 4px;
}
.z-mar-r\[child\]\:4 > * {
  margin-right: 4px;
}
.z-mar-b\[child\]\:4 > * {
  margin-bottom: 4px;
}
.z-mar-l\[child\]\:4 > * {
  margin-left: 4px;
}
.z-mar-t\[child\]\:5 > * {
  margin-top: 5px;
}
.z-mar-r\[child\]\:5 > * {
  margin-right: 5px;
}
.z-mar-b\[child\]\:5 > * {
  margin-bottom: 5px;
}
.z-mar-l\[child\]\:5 > * {
  margin-left: 5px;
}
.z-mar-t\[child\]\:6 > * {
  margin-top: 6px;
}
.z-mar-r\[child\]\:6 > * {
  margin-right: 6px;
}
.z-mar-b\[child\]\:6 > * {
  margin-bottom: 6px;
}
.z-mar-l\[child\]\:6 > * {
  margin-left: 6px;
}
.z-mar-t\[child\]\:7 > * {
  margin-top: 7px;
}
.z-mar-r\[child\]\:7 > * {
  margin-right: 7px;
}
.z-mar-b\[child\]\:7 > * {
  margin-bottom: 7px;
}
.z-mar-l\[child\]\:7 > * {
  margin-left: 7px;
}
.z-mar-t\[child\]\:8 > * {
  margin-top: 8px;
}
.z-mar-r\[child\]\:8 > * {
  margin-right: 8px;
}
.z-mar-b\[child\]\:8 > * {
  margin-bottom: 8px;
}
.z-mar-l\[child\]\:8 > * {
  margin-left: 8px;
}
.z-mar-t\[child\]\:9 > * {
  margin-top: 9px;
}
.z-mar-r\[child\]\:9 > * {
  margin-right: 9px;
}
.z-mar-b\[child\]\:9 > * {
  margin-bottom: 9px;
}
.z-mar-l\[child\]\:9 > * {
  margin-left: 9px;
}
.z-mar-t\[child\]\:10 > * {
  margin-top: 10px;
}
.z-mar-r\[child\]\:10 > * {
  margin-right: 10px;
}
.z-mar-b\[child\]\:10 > * {
  margin-bottom: 10px;
}
.z-mar-l\[child\]\:10 > * {
  margin-left: 10px;
}
.z-mar-t\[child\]\:11 > * {
  margin-top: 11px;
}
.z-mar-r\[child\]\:11 > * {
  margin-right: 11px;
}
.z-mar-b\[child\]\:11 > * {
  margin-bottom: 11px;
}
.z-mar-l\[child\]\:11 > * {
  margin-left: 11px;
}
.z-mar-t\[child\]\:12 > * {
  margin-top: 12px;
}
.z-mar-r\[child\]\:12 > * {
  margin-right: 12px;
}
.z-mar-b\[child\]\:12 > * {
  margin-bottom: 12px;
}
.z-mar-l\[child\]\:12 > * {
  margin-left: 12px;
}
.z-mar-t\[child\]\:13 > * {
  margin-top: 13px;
}
.z-mar-r\[child\]\:13 > * {
  margin-right: 13px;
}
.z-mar-b\[child\]\:13 > * {
  margin-bottom: 13px;
}
.z-mar-l\[child\]\:13 > * {
  margin-left: 13px;
}
.z-mar-t\[child\]\:14 > * {
  margin-top: 14px;
}
.z-mar-r\[child\]\:14 > * {
  margin-right: 14px;
}
.z-mar-b\[child\]\:14 > * {
  margin-bottom: 14px;
}
.z-mar-l\[child\]\:14 > * {
  margin-left: 14px;
}
.z-mar-t\[child\]\:15 > * {
  margin-top: 15px;
}
.z-mar-r\[child\]\:15 > * {
  margin-right: 15px;
}
.z-mar-b\[child\]\:15 > * {
  margin-bottom: 15px;
}
.z-mar-l\[child\]\:15 > * {
  margin-left: 15px;
}
.z-mar-t\[child\]\:16 > * {
  margin-top: 16px;
}
.z-mar-r\[child\]\:16 > * {
  margin-right: 16px;
}
.z-mar-b\[child\]\:16 > * {
  margin-bottom: 16px;
}
.z-mar-l\[child\]\:16 > * {
  margin-left: 16px;
}
.z-mar-t\[child\]\:17 > * {
  margin-top: 17px;
}
.z-mar-r\[child\]\:17 > * {
  margin-right: 17px;
}
.z-mar-b\[child\]\:17 > * {
  margin-bottom: 17px;
}
.z-mar-l\[child\]\:17 > * {
  margin-left: 17px;
}
.z-mar-t\[child\]\:18 > * {
  margin-top: 18px;
}
.z-mar-r\[child\]\:18 > * {
  margin-right: 18px;
}
.z-mar-b\[child\]\:18 > * {
  margin-bottom: 18px;
}
.z-mar-l\[child\]\:18 > * {
  margin-left: 18px;
}
.z-mar-t\[child\]\:19 > * {
  margin-top: 19px;
}
.z-mar-r\[child\]\:19 > * {
  margin-right: 19px;
}
.z-mar-b\[child\]\:19 > * {
  margin-bottom: 19px;
}
.z-mar-l\[child\]\:19 > * {
  margin-left: 19px;
}
.z-mar-t\[child\]\:20 > * {
  margin-top: 20px;
}
.z-mar-r\[child\]\:20 > * {
  margin-right: 20px;
}
.z-mar-b\[child\]\:20 > * {
  margin-bottom: 20px;
}
.z-mar-l\[child\]\:20 > * {
  margin-left: 20px;
}
.z-mar\:25 {
  margin: 25px;
}
.z-mar\:30 {
  margin: 30px;
}
.z-mar\:35 {
  margin: 35px;
}
.z-mar\:40 {
  margin: 40px;
}
.z-mar\:45 {
  margin: 45px;
}
.z-mar\:50 {
  margin: 50px;
}
.z-mar\:55 {
  margin: 55px;
}
.z-mar\:60 {
  margin: 60px;
}
.z-mar\:65 {
  margin: 65px;
}
.z-mar\:70 {
  margin: 70px;
}
.z-mar-tb\:25 {
  margin-top: 25px;
  margin-bottom: 25px;
}
.z-mar-lr\:25 {
  margin-left: 25px;
  margin-right: 25px;
}
.z-mar-tb\:30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.z-mar-lr\:30 {
  margin-left: 30px;
  margin-right: 30px;
}
.z-mar-tb\:35 {
  margin-top: 35px;
  margin-bottom: 35px;
}
.z-mar-lr\:35 {
  margin-left: 35px;
  margin-right: 35px;
}
.z-mar-tb\:40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.z-mar-lr\:40 {
  margin-left: 40px;
  margin-right: 40px;
}
.z-mar-tb\:45 {
  margin-top: 45px;
  margin-bottom: 45px;
}
.z-mar-lr\:45 {
  margin-left: 45px;
  margin-right: 45px;
}
.z-mar-tb\:50 {
  margin-top: 50px;
  margin-bottom: 50px;
}
.z-mar-lr\:50 {
  margin-left: 50px;
  margin-right: 50px;
}
.z-mar-tb\:55 {
  margin-top: 55px;
  margin-bottom: 55px;
}
.z-mar-lr\:55 {
  margin-left: 55px;
  margin-right: 55px;
}
.z-mar-tb\:60 {
  margin-top: 60px;
  margin-bottom: 60px;
}
.z-mar-lr\:60 {
  margin-left: 60px;
  margin-right: 60px;
}
.z-mar-tb\:65 {
  margin-top: 65px;
  margin-bottom: 65px;
}
.z-mar-lr\:65 {
  margin-left: 65px;
  margin-right: 65px;
}
.z-mar-tb\:70 {
  margin-top: 70px;
  margin-bottom: 70px;
}
.z-mar-lr\:70 {
  margin-left: 70px;
  margin-right: 70px;
}
.z-mar-tb\:75 {
  margin-top: 75px;
  margin-bottom: 75px;
}
.z-mar-lr\:75 {
  margin-left: 75px;
  margin-right: 75px;
}
.z-mar-tb\:80 {
  margin-top: 80px;
  margin-bottom: 80px;
}
.z-mar-lr\:80 {
  margin-left: 80px;
  margin-right: 80px;
}
.z-mar-tb\:85 {
  margin-top: 85px;
  margin-bottom: 85px;
}
.z-mar-lr\:85 {
  margin-left: 85px;
  margin-right: 85px;
}
.z-mar-tb\:90 {
  margin-top: 90px;
  margin-bottom: 90px;
}
.z-mar-lr\:90 {
  margin-left: 90px;
  margin-right: 90px;
}
.z-mar-tb\:95 {
  margin-top: 95px;
  margin-bottom: 95px;
}
.z-mar-lr\:95 {
  margin-left: 95px;
  margin-right: 95px;
}
.z-mar-tb\:100 {
  margin-top: 100px;
  margin-bottom: 100px;
}
.z-mar-lr\:100 {
  margin-left: 100px;
  margin-right: 100px;
}
.z-mar-t\:25 {
  margin-top: 25px;
}
.z-mar-r\:25 {
  margin-right: 25px;
}
.z-mar-b\:25 {
  margin-bottom: 25px;
}
.z-mar-l\:25 {
  margin-left: 25px;
}
.z-mar-t\:30 {
  margin-top: 30px;
}
.z-mar-r\:30 {
  margin-right: 30px;
}
.z-mar-b\:30 {
  margin-bottom: 30px;
}
.z-mar-l\:30 {
  margin-left: 30px;
}
.z-mar-t\:35 {
  margin-top: 35px;
}
.z-mar-r\:35 {
  margin-right: 35px;
}
.z-mar-b\:35 {
  margin-bottom: 35px;
}
.z-mar-l\:35 {
  margin-left: 35px;
}
.z-mar-t\:40 {
  margin-top: 40px;
}
.z-mar-r\:40 {
  margin-right: 40px;
}
.z-mar-b\:40 {
  margin-bottom: 40px;
}
.z-mar-l\:40 {
  margin-left: 40px;
}
.z-mar-t\:45 {
  margin-top: 45px;
}
.z-mar-r\:45 {
  margin-right: 45px;
}
.z-mar-b\:45 {
  margin-bottom: 45px;
}
.z-mar-l\:45 {
  margin-left: 45px;
}
.z-mar-t\:50 {
  margin-top: 50px;
}
.z-mar-r\:50 {
  margin-right: 50px;
}
.z-mar-b\:50 {
  margin-bottom: 50px;
}
.z-mar-l\:50 {
  margin-left: 50px;
}
.z-mar-t\:55 {
  margin-top: 55px;
}
.z-mar-r\:55 {
  margin-right: 55px;
}
.z-mar-b\:55 {
  margin-bottom: 55px;
}
.z-mar-l\:55 {
  margin-left: 55px;
}
.z-mar-t\:60 {
  margin-top: 60px;
}
.z-mar-r\:60 {
  margin-right: 60px;
}
.z-mar-b\:60 {
  margin-bottom: 60px;
}
.z-mar-l\:60 {
  margin-left: 60px;
}
.z-mar-t\:65 {
  margin-top: 65px;
}
.z-mar-r\:65 {
  margin-right: 65px;
}
.z-mar-b\:65 {
  margin-bottom: 65px;
}
.z-mar-l\:65 {
  margin-left: 65px;
}
.z-mar-t\:70 {
  margin-top: 70px;
}
.z-mar-r\:70 {
  margin-right: 70px;
}
.z-mar-b\:70 {
  margin-bottom: 70px;
}
.z-mar-l\:70 {
  margin-left: 70px;
}
.z-mar\[child\]\:25 > * {
  margin: 25px;
}
.z-mar\[child\]\:30 > * {
  margin: 30px;
}
.z-mar\[child\]\:35 > * {
  margin: 35px;
}
.z-mar\[child\]\:40 > * {
  margin: 40px;
}
.z-mar\[child\]\:45 > * {
  margin: 45px;
}
.z-mar\[child\]\:50 > * {
  margin: 50px;
}
.z-mar\[child\]\:55 > * {
  margin: 55px;
}
.z-mar\[child\]\:60 > * {
  margin: 60px;
}
.z-mar\[child\]\:65 > * {
  margin: 65px;
}
.z-mar\[child\]\:70 > * {
  margin: 70px;
}
.z-mar-tb\[child\]\:25 > * {
  margin-top: 25px;
  margin-bottom: 25px;
}
.z-mar-lr\[child\]\:25 > * {
  margin-left: 25px;
  margin-right: 25px;
}
.z-mar-tb\[child\]\:30 > * {
  margin-top: 30px;
  margin-bottom: 30px;
}
.z-mar-lr\[child\]\:30 > * {
  margin-left: 30px;
  margin-right: 30px;
}
.z-mar-tb\[child\]\:35 > * {
  margin-top: 35px;
  margin-bottom: 35px;
}
.z-mar-lr\[child\]\:35 > * {
  margin-left: 35px;
  margin-right: 35px;
}
.z-mar-tb\[child\]\:40 > * {
  margin-top: 40px;
  margin-bottom: 40px;
}
.z-mar-lr\[child\]\:40 > * {
  margin-left: 40px;
  margin-right: 40px;
}
.z-mar-tb\[child\]\:45 > * {
  margin-top: 45px;
  margin-bottom: 45px;
}
.z-mar-lr\[child\]\:45 > * {
  margin-left: 45px;
  margin-right: 45px;
}
.z-mar-tb\[child\]\:50 > * {
  margin-top: 50px;
  margin-bottom: 50px;
}
.z-mar-lr\[child\]\:50 > * {
  margin-left: 50px;
  margin-right: 50px;
}
.z-mar-tb\[child\]\:55 > * {
  margin-top: 55px;
  margin-bottom: 55px;
}
.z-mar-lr\[child\]\:55 > * {
  margin-left: 55px;
  margin-right: 55px;
}
.z-mar-tb\[child\]\:60 > * {
  margin-top: 60px;
  margin-bottom: 60px;
}
.z-mar-lr\[child\]\:60 > * {
  margin-left: 60px;
  margin-right: 60px;
}
.z-mar-tb\[child\]\:65 > * {
  margin-top: 65px;
  margin-bottom: 65px;
}
.z-mar-lr\[child\]\:65 > * {
  margin-left: 65px;
  margin-right: 65px;
}
.z-mar-tb\[child\]\:70 > * {
  margin-top: 70px;
  margin-bottom: 70px;
}
.z-mar-lr\[child\]\:70 > * {
  margin-left: 70px;
  margin-right: 70px;
}
.z-mar-t\[child\]\:25 > * {
  margin-top: 25px;
}
.z-mar-r\[child\]\:25 > * {
  margin-right: 25px;
}
.z-mar-b\[child\]\:25 > * {
  margin-bottom: 25px;
}
.z-mar-l\[child\]\:25 > * {
  margin-left: 25px;
}
.z-mar-t\[child\]\:30 > * {
  margin-top: 30px;
}
.z-mar-r\[child\]\:30 > * {
  margin-right: 30px;
}
.z-mar-b\[child\]\:30 > * {
  margin-bottom: 30px;
}
.z-mar-l\[child\]\:30 > * {
  margin-left: 30px;
}
.z-mar-t\[child\]\:35 > * {
  margin-top: 35px;
}
.z-mar-r\[child\]\:35 > * {
  margin-right: 35px;
}
.z-mar-b\[child\]\:35 > * {
  margin-bottom: 35px;
}
.z-mar-l\[child\]\:35 > * {
  margin-left: 35px;
}
.z-mar-t\[child\]\:40 > * {
  margin-top: 40px;
}
.z-mar-r\[child\]\:40 > * {
  margin-right: 40px;
}
.z-mar-b\[child\]\:40 > * {
  margin-bottom: 40px;
}
.z-mar-l\[child\]\:40 > * {
  margin-left: 40px;
}
.z-mar-t\[child\]\:45 > * {
  margin-top: 45px;
}
.z-mar-r\[child\]\:45 > * {
  margin-right: 45px;
}
.z-mar-b\[child\]\:45 > * {
  margin-bottom: 45px;
}
.z-mar-l\[child\]\:45 > * {
  margin-left: 45px;
}
.z-mar-t\[child\]\:50 > * {
  margin-top: 50px;
}
.z-mar-r\[child\]\:50 > * {
  margin-right: 50px;
}
.z-mar-b\[child\]\:50 > * {
  margin-bottom: 50px;
}
.z-mar-l\[child\]\:50 > * {
  margin-left: 50px;
}
.z-mar-t\[child\]\:55 > * {
  margin-top: 55px;
}
.z-mar-r\[child\]\:55 > * {
  margin-right: 55px;
}
.z-mar-b\[child\]\:55 > * {
  margin-bottom: 55px;
}
.z-mar-l\[child\]\:55 > * {
  margin-left: 55px;
}
.z-mar-t\[child\]\:60 > * {
  margin-top: 60px;
}
.z-mar-r\[child\]\:60 > * {
  margin-right: 60px;
}
.z-mar-b\[child\]\:60 > * {
  margin-bottom: 60px;
}
.z-mar-l\[child\]\:60 > * {
  margin-left: 60px;
}
.z-mar-t\[child\]\:65 > * {
  margin-top: 65px;
}
.z-mar-r\[child\]\:65 > * {
  margin-right: 65px;
}
.z-mar-b\[child\]\:65 > * {
  margin-bottom: 65px;
}
.z-mar-l\[child\]\:65 > * {
  margin-left: 65px;
}
.z-mar-t\[child\]\:70 > * {
  margin-top: 70px;
}
.z-mar-r\[child\]\:70 > * {
  margin-right: 70px;
}
.z-mar-b\[child\]\:70 > * {
  margin-bottom: 70px;
}
.z-mar-l\[child\]\:70 > * {
  margin-left: 70px;
}
.z-mar\:-1 {
  margin: -1px;
}
.z-mar-t\:-1 {
  margin-top: -1px;
}
.z-mar-r\:-1 {
  margin-right: -1px;
}
.z-mar-b\:-1 {
  margin-bottom: -1px;
}
.z-mar-l\:-1 {
  margin-inline-start: -1px;
}
.z-mar-tb\:-1 {
  margin-top: -1px;
  margin-bottom: -1px;
}
.z-mar-lr\:-1 {
  margin-left: -1px;
  margin-right: -1px;
}
.z-mar\[child\]\:-1 > * {
  margin: -1px;
}
.z-mar\[child\]-t\:-1 > * {
  margin-top: -1px;
}
.z-mar\[child\]-r\:-1 > * {
  margin-right: -1px;
}
.z-mar\[child\]-b\:-1 > * {
  margin-bottom: -1px;
}
.z-mar\[child\]-l\:-1 > * {
  margin-left: -1px;
}
.z-mar\[child\]-tb\:-1 > * {
  margin-top: -1px;
  margin-bottom: -1px;
}
.z-mar\[child\]-lr\:-1 > * {
  margin-left: -1px;
  margin-right: -1px;
}
.z-mar\:-2 {
  margin: -2px;
}
.z-mar-t\:-2 {
  margin-top: -2px;
}
.z-mar-r\:-2 {
  margin-right: -2px;
}
.z-mar-b\:-2 {
  margin-bottom: -2px;
}
.z-mar-l\:-2 {
  margin-inline-start: -2px;
}
.z-mar-tb\:-2 {
  margin-top: -2px;
  margin-bottom: -2px;
}
.z-mar-lr\:-2 {
  margin-left: -2px;
  margin-right: -2px;
}
.z-mar\[child\]\:-2 > * {
  margin: -2px;
}
.z-mar\[child\]-t\:-2 > * {
  margin-top: -2px;
}
.z-mar\[child\]-r\:-2 > * {
  margin-right: -2px;
}
.z-mar\[child\]-b\:-2 > * {
  margin-bottom: -2px;
}
.z-mar\[child\]-l\:-2 > * {
  margin-left: -2px;
}
.z-mar\[child\]-tb\:-2 > * {
  margin-top: -2px;
  margin-bottom: -2px;
}
.z-mar\[child\]-lr\:-2 > * {
  margin-left: -2px;
  margin-right: -2px;
}
.z-mar\:-3 {
  margin: -3px;
}
.z-mar-t\:-3 {
  margin-top: -3px;
}
.z-mar-r\:-3 {
  margin-right: -3px;
}
.z-mar-b\:-3 {
  margin-bottom: -3px;
}
.z-mar-l\:-3 {
  margin-inline-start: -3px;
}
.z-mar-tb\:-3 {
  margin-top: -3px;
  margin-bottom: -3px;
}
.z-mar-lr\:-3 {
  margin-left: -3px;
  margin-right: -3px;
}
.z-mar\[child\]\:-3 > * {
  margin: -3px;
}
.z-mar\[child\]-t\:-3 > * {
  margin-top: -3px;
}
.z-mar\[child\]-r\:-3 > * {
  margin-right: -3px;
}
.z-mar\[child\]-b\:-3 > * {
  margin-bottom: -3px;
}
.z-mar\[child\]-l\:-3 > * {
  margin-left: -3px;
}
.z-mar\[child\]-tb\:-3 > * {
  margin-top: -3px;
  margin-bottom: -3px;
}
.z-mar\[child\]-lr\:-3 > * {
  margin-left: -3px;
  margin-right: -3px;
}
.z-mar\:-4 {
  margin: -4px;
}
.z-mar-t\:-4 {
  margin-top: -4px;
}
.z-mar-r\:-4 {
  margin-right: -4px;
}
.z-mar-b\:-4 {
  margin-bottom: -4px;
}
.z-mar-l\:-4 {
  margin-inline-start: -4px;
}
.z-mar-tb\:-4 {
  margin-top: -4px;
  margin-bottom: -4px;
}
.z-mar-lr\:-4 {
  margin-left: -4px;
  margin-right: -4px;
}
.z-mar\[child\]\:-4 > * {
  margin: -4px;
}
.z-mar\[child\]-t\:-4 > * {
  margin-top: -4px;
}
.z-mar\[child\]-r\:-4 > * {
  margin-right: -4px;
}
.z-mar\[child\]-b\:-4 > * {
  margin-bottom: -4px;
}
.z-mar\[child\]-l\:-4 > * {
  margin-left: -4px;
}
.z-mar\[child\]-tb\:-4 > * {
  margin-top: -4px;
  margin-bottom: -4px;
}
.z-mar\[child\]-lr\:-4 > * {
  margin-left: -4px;
  margin-right: -4px;
}
.z-mar\:-5 {
  margin: -5px;
}
.z-mar-t\:-5 {
  margin-top: -5px;
}
.z-mar-r\:-5 {
  margin-right: -5px;
}
.z-mar-b\:-5 {
  margin-bottom: -5px;
}
.z-mar-l\:-5 {
  margin-inline-start: -5px;
}
.z-mar-tb\:-5 {
  margin-top: -5px;
  margin-bottom: -5px;
}
.z-mar-lr\:-5 {
  margin-left: -5px;
  margin-right: -5px;
}
.z-mar\[child\]\:-5 > * {
  margin: -5px;
}
.z-mar\[child\]-t\:-5 > * {
  margin-top: -5px;
}
.z-mar\[child\]-r\:-5 > * {
  margin-right: -5px;
}
.z-mar\[child\]-b\:-5 > * {
  margin-bottom: -5px;
}
.z-mar\[child\]-l\:-5 > * {
  margin-left: -5px;
}
.z-mar\[child\]-tb\:-5 > * {
  margin-top: -5px;
  margin-bottom: -5px;
}
.z-mar\[child\]-lr\:-5 > * {
  margin-left: -5px;
  margin-right: -5px;
}
.z-mar\:-6 {
  margin: -6px;
}
.z-mar-t\:-6 {
  margin-top: -6px;
}
.z-mar-r\:-6 {
  margin-right: -6px;
}
.z-mar-b\:-6 {
  margin-bottom: -6px;
}
.z-mar-l\:-6 {
  margin-inline-start: -6px;
}
.z-mar-tb\:-6 {
  margin-top: -6px;
  margin-bottom: -6px;
}
.z-mar-lr\:-6 {
  margin-left: -6px;
  margin-right: -6px;
}
.z-mar\[child\]\:-6 > * {
  margin: -6px;
}
.z-mar\[child\]-t\:-6 > * {
  margin-top: -6px;
}
.z-mar\[child\]-r\:-6 > * {
  margin-right: -6px;
}
.z-mar\[child\]-b\:-6 > * {
  margin-bottom: -6px;
}
.z-mar\[child\]-l\:-6 > * {
  margin-left: -6px;
}
.z-mar\[child\]-tb\:-6 > * {
  margin-top: -6px;
  margin-bottom: -6px;
}
.z-mar\[child\]-lr\:-6 > * {
  margin-left: -6px;
  margin-right: -6px;
}
.z-mar\:-7 {
  margin: -7px;
}
.z-mar-t\:-7 {
  margin-top: -7px;
}
.z-mar-r\:-7 {
  margin-right: -7px;
}
.z-mar-b\:-7 {
  margin-bottom: -7px;
}
.z-mar-l\:-7 {
  margin-inline-start: -7px;
}
.z-mar-tb\:-7 {
  margin-top: -7px;
  margin-bottom: -7px;
}
.z-mar-lr\:-7 {
  margin-left: -7px;
  margin-right: -7px;
}
.z-mar\[child\]\:-7 > * {
  margin: -7px;
}
.z-mar\[child\]-t\:-7 > * {
  margin-top: -7px;
}
.z-mar\[child\]-r\:-7 > * {
  margin-right: -7px;
}
.z-mar\[child\]-b\:-7 > * {
  margin-bottom: -7px;
}
.z-mar\[child\]-l\:-7 > * {
  margin-left: -7px;
}
.z-mar\[child\]-tb\:-7 > * {
  margin-top: -7px;
  margin-bottom: -7px;
}
.z-mar\[child\]-lr\:-7 > * {
  margin-left: -7px;
  margin-right: -7px;
}
.z-mar\:-8 {
  margin: -8px;
}
.z-mar-t\:-8 {
  margin-top: -8px;
}
.z-mar-r\:-8 {
  margin-right: -8px;
}
.z-mar-b\:-8 {
  margin-bottom: -8px;
}
.z-mar-l\:-8 {
  margin-inline-start: -8px;
}
.z-mar-tb\:-8 {
  margin-top: -8px;
  margin-bottom: -8px;
}
.z-mar-lr\:-8 {
  margin-left: -8px;
  margin-right: -8px;
}
.z-mar\[child\]\:-8 > * {
  margin: -8px;
}
.z-mar\[child\]-t\:-8 > * {
  margin-top: -8px;
}
.z-mar\[child\]-r\:-8 > * {
  margin-right: -8px;
}
.z-mar\[child\]-b\:-8 > * {
  margin-bottom: -8px;
}
.z-mar\[child\]-l\:-8 > * {
  margin-left: -8px;
}
.z-mar\[child\]-tb\:-8 > * {
  margin-top: -8px;
  margin-bottom: -8px;
}
.z-mar\[child\]-lr\:-8 > * {
  margin-left: -8px;
  margin-right: -8px;
}
.z-mar\:-9 {
  margin: -9px;
}
.z-mar-t\:-9 {
  margin-top: -9px;
}
.z-mar-r\:-9 {
  margin-right: -9px;
}
.z-mar-b\:-9 {
  margin-bottom: -9px;
}
.z-mar-l\:-9 {
  margin-inline-start: -9px;
}
.z-mar-tb\:-9 {
  margin-top: -9px;
  margin-bottom: -9px;
}
.z-mar-lr\:-9 {
  margin-left: -9px;
  margin-right: -9px;
}
.z-mar\[child\]\:-9 > * {
  margin: -9px;
}
.z-mar\[child\]-t\:-9 > * {
  margin-top: -9px;
}
.z-mar\[child\]-r\:-9 > * {
  margin-right: -9px;
}
.z-mar\[child\]-b\:-9 > * {
  margin-bottom: -9px;
}
.z-mar\[child\]-l\:-9 > * {
  margin-left: -9px;
}
.z-mar\[child\]-tb\:-9 > * {
  margin-top: -9px;
  margin-bottom: -9px;
}
.z-mar\[child\]-lr\:-9 > * {
  margin-left: -9px;
  margin-right: -9px;
}
.z-mar\:-10 {
  margin: -10px;
}
.z-mar-t\:-10 {
  margin-top: -10px;
}
.z-mar-r\:-10 {
  margin-right: -10px;
}
.z-mar-b\:-10 {
  margin-bottom: -10px;
}
.z-mar-l\:-10 {
  margin-inline-start: -10px;
}
.z-mar-tb\:-10 {
  margin-top: -10px;
  margin-bottom: -10px;
}
.z-mar-lr\:-10 {
  margin-left: -10px;
  margin-right: -10px;
}
.z-mar\[child\]\:-10 > * {
  margin: -10px;
}
.z-mar\[child\]-t\:-10 > * {
  margin-top: -10px;
}
.z-mar\[child\]-r\:-10 > * {
  margin-right: -10px;
}
.z-mar\[child\]-b\:-10 > * {
  margin-bottom: -10px;
}
.z-mar\[child\]-l\:-10 > * {
  margin-left: -10px;
}
.z-mar\[child\]-tb\:-10 > * {
  margin-top: -10px;
  margin-bottom: -10px;
}
.z-mar\[child\]-lr\:-10 > * {
  margin-left: -10px;
  margin-right: -10px;
}
.z-mar\:-11 {
  margin: -11px;
}
.z-mar-t\:-11 {
  margin-top: -11px;
}
.z-mar-r\:-11 {
  margin-right: -11px;
}
.z-mar-b\:-11 {
  margin-bottom: -11px;
}
.z-mar-l\:-11 {
  margin-inline-start: -11px;
}
.z-mar-tb\:-11 {
  margin-top: -11px;
  margin-bottom: -11px;
}
.z-mar-lr\:-11 {
  margin-left: -11px;
  margin-right: -11px;
}
.z-mar\[child\]\:-11 > * {
  margin: -11px;
}
.z-mar\[child\]-t\:-11 > * {
  margin-top: -11px;
}
.z-mar\[child\]-r\:-11 > * {
  margin-right: -11px;
}
.z-mar\[child\]-b\:-11 > * {
  margin-bottom: -11px;
}
.z-mar\[child\]-l\:-11 > * {
  margin-left: -11px;
}
.z-mar\[child\]-tb\:-11 > * {
  margin-top: -11px;
  margin-bottom: -11px;
}
.z-mar\[child\]-lr\:-11 > * {
  margin-left: -11px;
  margin-right: -11px;
}
.z-mar\:-12 {
  margin: -12px;
}
.z-mar-t\:-12 {
  margin-top: -12px;
}
.z-mar-r\:-12 {
  margin-right: -12px;
}
.z-mar-b\:-12 {
  margin-bottom: -12px;
}
.z-mar-l\:-12 {
  margin-inline-start: -12px;
}
.z-mar-tb\:-12 {
  margin-top: -12px;
  margin-bottom: -12px;
}
.z-mar-lr\:-12 {
  margin-left: -12px;
  margin-right: -12px;
}
.z-mar\[child\]\:-12 > * {
  margin: -12px;
}
.z-mar\[child\]-t\:-12 > * {
  margin-top: -12px;
}
.z-mar\[child\]-r\:-12 > * {
  margin-right: -12px;
}
.z-mar\[child\]-b\:-12 > * {
  margin-bottom: -12px;
}
.z-mar\[child\]-l\:-12 > * {
  margin-left: -12px;
}
.z-mar\[child\]-tb\:-12 > * {
  margin-top: -12px;
  margin-bottom: -12px;
}
.z-mar\[child\]-lr\:-12 > * {
  margin-left: -12px;
  margin-right: -12px;
}
.z-mar\:-13 {
  margin: -13px;
}
.z-mar-t\:-13 {
  margin-top: -13px;
}
.z-mar-r\:-13 {
  margin-right: -13px;
}
.z-mar-b\:-13 {
  margin-bottom: -13px;
}
.z-mar-l\:-13 {
  margin-inline-start: -13px;
}
.z-mar-tb\:-13 {
  margin-top: -13px;
  margin-bottom: -13px;
}
.z-mar-lr\:-13 {
  margin-left: -13px;
  margin-right: -13px;
}
.z-mar\[child\]\:-13 > * {
  margin: -13px;
}
.z-mar\[child\]-t\:-13 > * {
  margin-top: -13px;
}
.z-mar\[child\]-r\:-13 > * {
  margin-right: -13px;
}
.z-mar\[child\]-b\:-13 > * {
  margin-bottom: -13px;
}
.z-mar\[child\]-l\:-13 > * {
  margin-left: -13px;
}
.z-mar\[child\]-tb\:-13 > * {
  margin-top: -13px;
  margin-bottom: -13px;
}
.z-mar\[child\]-lr\:-13 > * {
  margin-left: -13px;
  margin-right: -13px;
}
.z-mar\:-14 {
  margin: -14px;
}
.z-mar-t\:-14 {
  margin-top: -14px;
}
.z-mar-r\:-14 {
  margin-right: -14px;
}
.z-mar-b\:-14 {
  margin-bottom: -14px;
}
.z-mar-l\:-14 {
  margin-inline-start: -14px;
}
.z-mar-tb\:-14 {
  margin-top: -14px;
  margin-bottom: -14px;
}
.z-mar-lr\:-14 {
  margin-left: -14px;
  margin-right: -14px;
}
.z-mar\[child\]\:-14 > * {
  margin: -14px;
}
.z-mar\[child\]-t\:-14 > * {
  margin-top: -14px;
}
.z-mar\[child\]-r\:-14 > * {
  margin-right: -14px;
}
.z-mar\[child\]-b\:-14 > * {
  margin-bottom: -14px;
}
.z-mar\[child\]-l\:-14 > * {
  margin-left: -14px;
}
.z-mar\[child\]-tb\:-14 > * {
  margin-top: -14px;
  margin-bottom: -14px;
}
.z-mar\[child\]-lr\:-14 > * {
  margin-left: -14px;
  margin-right: -14px;
}
.z-mar\:-15 {
  margin: -15px;
}
.z-mar-t\:-15 {
  margin-top: -15px;
}
.z-mar-r\:-15 {
  margin-right: -15px;
}
.z-mar-b\:-15 {
  margin-bottom: -15px;
}
.z-mar-l\:-15 {
  margin-inline-start: -15px;
}
.z-mar-tb\:-15 {
  margin-top: -15px;
  margin-bottom: -15px;
}
.z-mar-lr\:-15 {
  margin-left: -15px;
  margin-right: -15px;
}
.z-mar\[child\]\:-15 > * {
  margin: -15px;
}
.z-mar\[child\]-t\:-15 > * {
  margin-top: -15px;
}
.z-mar\[child\]-r\:-15 > * {
  margin-right: -15px;
}
.z-mar\[child\]-b\:-15 > * {
  margin-bottom: -15px;
}
.z-mar\[child\]-l\:-15 > * {
  margin-left: -15px;
}
.z-mar\[child\]-tb\:-15 > * {
  margin-top: -15px;
  margin-bottom: -15px;
}
.z-mar\[child\]-lr\:-15 > * {
  margin-left: -15px;
  margin-right: -15px;
}
.z-mar\:-16 {
  margin: -16px;
}
.z-mar-t\:-16 {
  margin-top: -16px;
}
.z-mar-r\:-16 {
  margin-right: -16px;
}
.z-mar-b\:-16 {
  margin-bottom: -16px;
}
.z-mar-l\:-16 {
  margin-inline-start: -16px;
}
.z-mar-tb\:-16 {
  margin-top: -16px;
  margin-bottom: -16px;
}
.z-mar-lr\:-16 {
  margin-left: -16px;
  margin-right: -16px;
}
.z-mar\[child\]\:-16 > * {
  margin: -16px;
}
.z-mar\[child\]-t\:-16 > * {
  margin-top: -16px;
}
.z-mar\[child\]-r\:-16 > * {
  margin-right: -16px;
}
.z-mar\[child\]-b\:-16 > * {
  margin-bottom: -16px;
}
.z-mar\[child\]-l\:-16 > * {
  margin-left: -16px;
}
.z-mar\[child\]-tb\:-16 > * {
  margin-top: -16px;
  margin-bottom: -16px;
}
.z-mar\[child\]-lr\:-16 > * {
  margin-left: -16px;
  margin-right: -16px;
}
.z-mar\:-17 {
  margin: -17px;
}
.z-mar-t\:-17 {
  margin-top: -17px;
}
.z-mar-r\:-17 {
  margin-right: -17px;
}
.z-mar-b\:-17 {
  margin-bottom: -17px;
}
.z-mar-l\:-17 {
  margin-inline-start: -17px;
}
.z-mar-tb\:-17 {
  margin-top: -17px;
  margin-bottom: -17px;
}
.z-mar-lr\:-17 {
  margin-left: -17px;
  margin-right: -17px;
}
.z-mar\[child\]\:-17 > * {
  margin: -17px;
}
.z-mar\[child\]-t\:-17 > * {
  margin-top: -17px;
}
.z-mar\[child\]-r\:-17 > * {
  margin-right: -17px;
}
.z-mar\[child\]-b\:-17 > * {
  margin-bottom: -17px;
}
.z-mar\[child\]-l\:-17 > * {
  margin-left: -17px;
}
.z-mar\[child\]-tb\:-17 > * {
  margin-top: -17px;
  margin-bottom: -17px;
}
.z-mar\[child\]-lr\:-17 > * {
  margin-left: -17px;
  margin-right: -17px;
}
.z-mar\:-18 {
  margin: -18px;
}
.z-mar-t\:-18 {
  margin-top: -18px;
}
.z-mar-r\:-18 {
  margin-right: -18px;
}
.z-mar-b\:-18 {
  margin-bottom: -18px;
}
.z-mar-l\:-18 {
  margin-inline-start: -18px;
}
.z-mar-tb\:-18 {
  margin-top: -18px;
  margin-bottom: -18px;
}
.z-mar-lr\:-18 {
  margin-left: -18px;
  margin-right: -18px;
}
.z-mar\[child\]\:-18 > * {
  margin: -18px;
}
.z-mar\[child\]-t\:-18 > * {
  margin-top: -18px;
}
.z-mar\[child\]-r\:-18 > * {
  margin-right: -18px;
}
.z-mar\[child\]-b\:-18 > * {
  margin-bottom: -18px;
}
.z-mar\[child\]-l\:-18 > * {
  margin-left: -18px;
}
.z-mar\[child\]-tb\:-18 > * {
  margin-top: -18px;
  margin-bottom: -18px;
}
.z-mar\[child\]-lr\:-18 > * {
  margin-left: -18px;
  margin-right: -18px;
}
.z-mar\:-19 {
  margin: -19px;
}
.z-mar-t\:-19 {
  margin-top: -19px;
}
.z-mar-r\:-19 {
  margin-right: -19px;
}
.z-mar-b\:-19 {
  margin-bottom: -19px;
}
.z-mar-l\:-19 {
  margin-inline-start: -19px;
}
.z-mar-tb\:-19 {
  margin-top: -19px;
  margin-bottom: -19px;
}
.z-mar-lr\:-19 {
  margin-left: -19px;
  margin-right: -19px;
}
.z-mar\[child\]\:-19 > * {
  margin: -19px;
}
.z-mar\[child\]-t\:-19 > * {
  margin-top: -19px;
}
.z-mar\[child\]-r\:-19 > * {
  margin-right: -19px;
}
.z-mar\[child\]-b\:-19 > * {
  margin-bottom: -19px;
}
.z-mar\[child\]-l\:-19 > * {
  margin-left: -19px;
}
.z-mar\[child\]-tb\:-19 > * {
  margin-top: -19px;
  margin-bottom: -19px;
}
.z-mar\[child\]-lr\:-19 > * {
  margin-left: -19px;
  margin-right: -19px;
}
.z-mar\:-20 {
  margin: -20px;
}
.z-mar-t\:-20 {
  margin-top: -20px;
}
.z-mar-r\:-20 {
  margin-right: -20px;
}
.z-mar-b\:-20 {
  margin-bottom: -20px;
}
.z-mar-l\:-20 {
  margin-inline-start: -20px;
}
.z-mar-tb\:-20 {
  margin-top: -20px;
  margin-bottom: -20px;
}
.z-mar-lr\:-20 {
  margin-left: -20px;
  margin-right: -20px;
}
.z-mar\[child\]\:-20 > * {
  margin: -20px;
}
.z-mar\[child\]-t\:-20 > * {
  margin-top: -20px;
}
.z-mar\[child\]-r\:-20 > * {
  margin-right: -20px;
}
.z-mar\[child\]-b\:-20 > * {
  margin-bottom: -20px;
}
.z-mar\[child\]-l\:-20 > * {
  margin-left: -20px;
}
.z-mar\[child\]-tb\:-20 > * {
  margin-top: -20px;
  margin-bottom: -20px;
}
.z-mar\[child\]-lr\:-20 > * {
  margin-left: -20px;
  margin-right: -20px;
}
.z-mar-l\:auto {
  margin-left: auto;
}
/*---- Margin loop end ----*/
/*---- Font size style starts ----*/
.z-fs\:1 {
  font-size: 0.1rem;
}
.z-fs\[child\]\:1 > * {
  font-size: 0.1rem;
}
.z-fs\:2 {
  font-size: 0.2rem;
}
.z-fs\[child\]\:2 > * {
  font-size: 0.2rem;
}
.z-fs\:3 {
  font-size: 0.3rem;
}
.z-fs\[child\]\:3 > * {
  font-size: 0.3rem;
}
.z-fs\:4 {
  font-size: 0.4rem;
}
.z-fs\[child\]\:4 > * {
  font-size: 0.4rem;
}
.z-fs\:5 {
  font-size: 0.5rem;
}
.z-fs\[child\]\:5 > * {
  font-size: 0.5rem;
}
.z-fs\:6 {
  font-size: 0.6rem;
}
.z-fs\[child\]\:6 > * {
  font-size: 0.6rem;
}
.z-fs\:7 {
  font-size: 0.7rem;
}
.z-fs\[child\]\:7 > * {
  font-size: 0.7rem;
}
.z-fs\:8 {
  font-size: 0.8rem;
}
.z-fs\[child\]\:8 > * {
  font-size: 0.8rem;
}
.z-fs\:9 {
  font-size: 0.9rem;
}
.z-fs\[child\]\:9 > * {
  font-size: 0.9rem;
}
.z-fs\:10 {
  font-size: 1rem;
}
.z-fs\[child\]\:10 > * {
  font-size: 1rem;
}
.z-fs\:11 {
  font-size: 1.1rem;
}
.z-fs\[child\]\:11 > * {
  font-size: 1.1rem;
}
.z-fs\:12 {
  font-size: 1.2rem;
}
.z-fs\[child\]\:12 > * {
  font-size: 1.2rem;
}
.z-fs\:13 {
  font-size: 1.3rem;
}
.z-fs\[child\]\:13 > * {
  font-size: 1.3rem;
}
.z-fs\:14 {
  font-size: 1.4rem;
}
.z-fs\[child\]\:14 > * {
  font-size: 1.4rem;
}
.z-fs\:15 {
  font-size: 1.5rem;
}
.z-fs\[child\]\:15 > * {
  font-size: 1.5rem;
}
.z-fs\:16 {
  font-size: 1.6rem;
}
.z-fs\[child\]\:16 > * {
  font-size: 1.6rem;
}
.z-fs\:17 {
  font-size: 1.7rem;
}
.z-fs\[child\]\:17 > * {
  font-size: 1.7rem;
}
.z-fs\:18 {
  font-size: 1.8rem;
}
.z-fs\[child\]\:18 > * {
  font-size: 1.8rem;
}
.z-fs\:19 {
  font-size: 1.9rem;
}
.z-fs\[child\]\:19 > * {
  font-size: 1.9rem;
}
.z-fs\:20 {
  font-size: 2rem;
}
.z-fs\[child\]\:20 > * {
  font-size: 2rem;
}
.z-fs\:21 {
  font-size: 2.1rem;
}
.z-fs\[child\]\:21 > * {
  font-size: 2.1rem;
}
.z-fs\:22 {
  font-size: 2.2rem;
}
.z-fs\[child\]\:22 > * {
  font-size: 2.2rem;
}
.z-fs\:23 {
  font-size: 2.3rem;
}
.z-fs\[child\]\:23 > * {
  font-size: 2.3rem;
}
.z-fs\:24 {
  font-size: 2.4rem;
}
.z-fs\[child\]\:24 > * {
  font-size: 2.4rem;
}
.z-fs\:25 {
  font-size: 2.5rem;
}
.z-fs\[child\]\:25 > * {
  font-size: 2.5rem;
}
.z-fs\:26 {
  font-size: 2.6rem;
}
.z-fs\[child\]\:26 > * {
  font-size: 2.6rem;
}
.z-fs\:27 {
  font-size: 2.7rem;
}
.z-fs\[child\]\:27 > * {
  font-size: 2.7rem;
}
.z-fs\:28 {
  font-size: 2.8rem;
}
.z-fs\[child\]\:28 > * {
  font-size: 2.8rem;
}
.z-fs\:29 {
  font-size: 2.9rem;
}
.z-fs\[child\]\:29 > * {
  font-size: 2.9rem;
}
.z-fs\:30 {
  font-size: 3rem;
}
.z-fs\[child\]\:30 > * {
  font-size: 3rem;
}
.z-fs\:31 {
  font-size: 3.1rem;
}
.z-fs\[child\]\:31 > * {
  font-size: 3.1rem;
}
.z-fs\:32 {
  font-size: 3.2rem;
}
.z-fs\[child\]\:32 > * {
  font-size: 3.2rem;
}
.z-fs\:33 {
  font-size: 3.3rem;
}
.z-fs\[child\]\:33 > * {
  font-size: 3.3rem;
}
.z-fs\:34 {
  font-size: 3.4rem;
}
.z-fs\[child\]\:34 > * {
  font-size: 3.4rem;
}
.z-fs\:35 {
  font-size: 3.5rem;
}
.z-fs\[child\]\:35 > * {
  font-size: 3.5rem;
}
.z-fs\:36 {
  font-size: 3.6rem;
}
.z-fs\[child\]\:36 > * {
  font-size: 3.6rem;
}
.z-fs\:37 {
  font-size: 3.7rem;
}
.z-fs\[child\]\:37 > * {
  font-size: 3.7rem;
}
.z-fs\:38 {
  font-size: 3.8rem;
}
.z-fs\[child\]\:38 > * {
  font-size: 3.8rem;
}
.z-fs\:39 {
  font-size: 3.9rem;
}
.z-fs\[child\]\:39 > * {
  font-size: 3.9rem;
}
.z-fs\:40 {
  font-size: 4rem;
}
.z-fs\[child\]\:40 > * {
  font-size: 4rem;
}
.z-fs\:41 {
  font-size: 4.1rem;
}
.z-fs\[child\]\:41 > * {
  font-size: 4.1rem;
}
.z-fs\:42 {
  font-size: 4.2rem;
}
.z-fs\[child\]\:42 > * {
  font-size: 4.2rem;
}
.z-fs\:43 {
  font-size: 4.3rem;
}
.z-fs\[child\]\:43 > * {
  font-size: 4.3rem;
}
.z-fs\:44 {
  font-size: 4.4rem;
}
.z-fs\[child\]\:44 > * {
  font-size: 4.4rem;
}
.z-fs\:45 {
  font-size: 4.5rem;
}
.z-fs\[child\]\:45 > * {
  font-size: 4.5rem;
}
.z-fs\:46 {
  font-size: 4.6rem;
}
.z-fs\[child\]\:46 > * {
  font-size: 4.6rem;
}
.z-fs\:47 {
  font-size: 4.7rem;
}
.z-fs\[child\]\:47 > * {
  font-size: 4.7rem;
}
.z-fs\:48 {
  font-size: 4.8rem;
}
.z-fs\[child\]\:48 > * {
  font-size: 4.8rem;
}
.z-fs\:49 {
  font-size: 4.9rem;
}
.z-fs\[child\]\:49 > * {
  font-size: 4.9rem;
}
.z-fs\:50 {
  font-size: 5rem;
}
.z-fs\[child\]\:50 > * {
  font-size: 5rem;
}
/*---- Font size style end ----*/
/*---- Font weight style starts ----*/
.z-fw\:100 {
  font-weight: 100;
}
.z-fw\:200 {
  font-weight: 200;
}
.z-fw\:300 {
  font-weight: 300;
}
.z-fw\:400 {
  font-weight: 400;
}
.z-fw\:500 {
  font-weight: 500;
}
.z-fw\:600 {
  font-weight: 600;
}
.z-fw\:700 {
  font-weight: 700;
}
.z-fw\:800 {
  font-weight: 800;
}
.z-fw\:900 {
  font-weight: 900;
}
/*---- Font weight style end ----*/
/*---- Dividing using border style starts ----*/
.z-divide\:last > * {
  border-bottom: 1px solid var(--grey5);
}
.z-divide > * + * {
  border-top: 1px solid var(--grey5);
}
/*---- Dividing using border style end ----*/
/*---- Gap style starts ----*/
.z-gap\:1 {
  gap: 1px;
}
.z-gap\[child\]\:1 > * {
  gap: 1px;
}
.z-gap\:2 {
  gap: 2px;
}
.z-gap\[child\]\:2 > * {
  gap: 2px;
}
.z-gap\:3 {
  gap: 3px;
}
.z-gap\[child\]\:3 > * {
  gap: 3px;
}
.z-gap\:4 {
  gap: 4px;
}
.z-gap\[child\]\:4 > * {
  gap: 4px;
}
.z-gap\:5 {
  gap: 5px;
}
.z-gap\[child\]\:5 > * {
  gap: 5px;
}
.z-gap\:6 {
  gap: 6px;
}
.z-gap\[child\]\:6 > * {
  gap: 6px;
}
.z-gap\:7 {
  gap: 7px;
}
.z-gap\[child\]\:7 > * {
  gap: 7px;
}
.z-gap\:8 {
  gap: 8px;
}
.z-gap\[child\]\:8 > * {
  gap: 8px;
}
.z-gap\:9 {
  gap: 9px;
}
.z-gap\[child\]\:9 > * {
  gap: 9px;
}
.z-gap\:10 {
  gap: 10px;
}
.z-gap\[child\]\:10 > * {
  gap: 10px;
}
.z-gap\:11 {
  gap: 11px;
}
.z-gap\[child\]\:11 > * {
  gap: 11px;
}
.z-gap\:12 {
  gap: 12px;
}
.z-gap\[child\]\:12 > * {
  gap: 12px;
}
.z-gap\:13 {
  gap: 13px;
}
.z-gap\[child\]\:13 > * {
  gap: 13px;
}
.z-gap\:14 {
  gap: 14px;
}
.z-gap\[child\]\:14 > * {
  gap: 14px;
}
.z-gap\:15 {
  gap: 15px;
}
.z-gap\[child\]\:15 > * {
  gap: 15px;
}
.z-gap\:16 {
  gap: 16px;
}
.z-gap\[child\]\:16 > * {
  gap: 16px;
}
.z-gap\:17 {
  gap: 17px;
}
.z-gap\[child\]\:17 > * {
  gap: 17px;
}
.z-gap\:18 {
  gap: 18px;
}
.z-gap\[child\]\:18 > * {
  gap: 18px;
}
.z-gap\:19 {
  gap: 19px;
}
.z-gap\[child\]\:19 > * {
  gap: 19px;
}
.z-gap\:20 {
  gap: 20px;
}
.z-gap\[child\]\:20 > * {
  gap: 20px;
}
.z-gap\:21 {
  gap: 21px;
}
.z-gap\[child\]\:21 > * {
  gap: 21px;
}
.z-gap\:22 {
  gap: 22px;
}
.z-gap\[child\]\:22 > * {
  gap: 22px;
}
.z-gap\:23 {
  gap: 23px;
}
.z-gap\[child\]\:23 > * {
  gap: 23px;
}
.z-gap\:24 {
  gap: 24px;
}
.z-gap\[child\]\:24 > * {
  gap: 24px;
}
.z-gap\:25 {
  gap: 25px;
}
.z-gap\[child\]\:25 > * {
  gap: 25px;
}
.z-gap\:26 {
  gap: 26px;
}
.z-gap\[child\]\:26 > * {
  gap: 26px;
}
.z-gap\:27 {
  gap: 27px;
}
.z-gap\[child\]\:27 > * {
  gap: 27px;
}
.z-gap\:28 {
  gap: 28px;
}
.z-gap\[child\]\:28 > * {
  gap: 28px;
}
.z-gap\:29 {
  gap: 29px;
}
.z-gap\[child\]\:29 > * {
  gap: 29px;
}
.z-gap\:30 {
  gap: 30px;
}
.z-gap\[child\]\:30 > * {
  gap: 30px;
}
.z-gap\:31 {
  gap: 31px;
}
.z-gap\[child\]\:31 > * {
  gap: 31px;
}
.z-gap\:32 {
  gap: 32px;
}
.z-gap\[child\]\:32 > * {
  gap: 32px;
}
.z-gap\:33 {
  gap: 33px;
}
.z-gap\[child\]\:33 > * {
  gap: 33px;
}
.z-gap\:34 {
  gap: 34px;
}
.z-gap\[child\]\:34 > * {
  gap: 34px;
}
.z-gap\:35 {
  gap: 35px;
}
.z-gap\[child\]\:35 > * {
  gap: 35px;
}
.z-gap\:36 {
  gap: 36px;
}
.z-gap\[child\]\:36 > * {
  gap: 36px;
}
.z-gap\:37 {
  gap: 37px;
}
.z-gap\[child\]\:37 > * {
  gap: 37px;
}
.z-gap\:38 {
  gap: 38px;
}
.z-gap\[child\]\:38 > * {
  gap: 38px;
}
.z-gap\:39 {
  gap: 39px;
}
.z-gap\[child\]\:39 > * {
  gap: 39px;
}
.z-gap\:40 {
  gap: 40px;
}
.z-gap\[child\]\:40 > * {
  gap: 40px;
}
.z-gap\:41 {
  gap: 41px;
}
.z-gap\[child\]\:41 > * {
  gap: 41px;
}
.z-gap\:42 {
  gap: 42px;
}
.z-gap\[child\]\:42 > * {
  gap: 42px;
}
.z-gap\:43 {
  gap: 43px;
}
.z-gap\[child\]\:43 > * {
  gap: 43px;
}
.z-gap\:44 {
  gap: 44px;
}
.z-gap\[child\]\:44 > * {
  gap: 44px;
}
.z-gap\:45 {
  gap: 45px;
}
.z-gap\[child\]\:45 > * {
  gap: 45px;
}
.z-gap\:46 {
  gap: 46px;
}
.z-gap\[child\]\:46 > * {
  gap: 46px;
}
.z-gap\:47 {
  gap: 47px;
}
.z-gap\[child\]\:47 > * {
  gap: 47px;
}
.z-gap\:48 {
  gap: 48px;
}
.z-gap\[child\]\:48 > * {
  gap: 48px;
}
.z-gap\:49 {
  gap: 49px;
}
.z-gap\[child\]\:49 > * {
  gap: 49px;
}
.z-gap\:50 {
  gap: 50px;
}
.z-gap\[child\]\:50 > * {
  gap: 50px;
}
/*---- Gap style end ----*/
/*---- Line height style starts ----*/
.z-line-h\:10 {
  line-height: 10px;
}
.z-line-h\:11 {
  line-height: 11px;
}
.z-line-h\:12 {
  line-height: 12px;
}
.z-line-h\:13 {
  line-height: 13px;
}
.z-line-h\:14 {
  line-height: 14px;
}
.z-line-h\:15 {
  line-height: 15px;
}
.z-line-h\:16 {
  line-height: 16px;
}
.z-line-h\:17 {
  line-height: 17px;
}
.z-line-h\:18 {
  line-height: 18px;
}
.z-line-h\:19 {
  line-height: 19px;
}
.z-line-h\:20 {
  line-height: 20px;
}
.z-line-h\:22 {
  line-height: 22px;
}
.z-line-h\:24 {
  line-height: 24px;
}
.z-line-h\:26 {
  line-height: 26px;
}
.z-line-h\:28 {
  line-height: 28px;
}
.z-line-h\:30 {
  line-height: 30px;
}
.z-line-h\:32 {
  line-height: 32px;
}
.z-line-h\:34 {
  line-height: 34px;
}
.z-line-h\:36 {
  line-height: 36px;
}
.z-line-h\:38 {
  line-height: 38px;
}
.z-line-h\:40 {
  line-height: 40px;
}
/*---- Line height style end ----*/
/*---- Width style starts ----*/
.z-width {
  /* width for child starts */
  /* width for child  end*/
}
.z-width\:5 {
  width: 5px;
}
.z-width\:10 {
  width: 10px;
}
.z-width\:15 {
  width: 15px;
}
.z-width\:20 {
  width: 20px;
}
.z-width\:25 {
  width: 25px;
}
.z-width\:30 {
  width: 30px;
}
.z-width\:35 {
  width: 35px;
}
.z-width\:40 {
  width: 40px;
}
.z-width\:45 {
  width: 45px;
}
.z-width\:50 {
  width: 50px;
}
.z-width\:55 {
  width: 55px;
}
.z-width\:60 {
  width: 60px;
}
.z-width\:65 {
  width: 65px;
}
.z-width\:70 {
  width: 70px;
}
.z-width\:75 {
  width: 75px;
}
.z-width\:80 {
  width: 80px;
}
.z-width\:85 {
  width: 85px;
}
.z-width\:90 {
  width: 90px;
}
.z-width\:95 {
  width: 95px;
}
.z-width\:100 {
  width: 100px;
}
.z-width\:125 {
  width: 125px;
}
.z-width\:150 {
  width: 150px;
}
.z-width\:175 {
  width: 175px;
}
.z-width\:200 {
  width: 200px;
}
.z-width\:225 {
  width: 225px;
}
.z-width\:250 {
  width: 250px;
}
.z-width\:275 {
  width: 275px;
}
.z-width\:300 {
  width: 300px;
}
.z-width\:325 {
  width: 325px;
}
.z-width\:350 {
  width: 350px;
}
.z-width\:375 {
  width: 375px;
}
.z-width\:400 {
  width: 400px;
}
.z-width\:425 {
  width: 425px;
}
.z-width\:450 {
  width: 450px;
}
.z-width\:475 {
  width: 475px;
}
.z-width\:500 {
  width: 500px;
}
.z-width\:525 {
  width: 525px;
}
.z-width\:550 {
  width: 550px;
}
.z-width\:575 {
  width: 575px;
}
.z-width\:600 {
  width: 600px;
}
.z-width\:625 {
  width: 625px;
}
.z-width\:650 {
  width: 650px;
}
.z-width\:675 {
  width: 675px;
}
.z-width\:700 {
  width: 700px;
}
.z-width\:725 {
  width: 725px;
}
.z-width\:750 {
  width: 750px;
}
.z-width\:775 {
  width: 775px;
}
.z-width\:800 {
  width: 800px;
}
.z-width\:825 {
  width: 825px;
}
.z-width\:850 {
  width: 850px;
}
.z-width\:875 {
  width: 875px;
}
.z-width\:900 {
  width: 900px;
}
.z-width\:925 {
  width: 925px;
}
.z-width\:950 {
  width: 950px;
}
.z-width\:975 {
  width: 975px;
}
.z-width\:1000 {
  width: 1000px;
}
.z-width\[\%\]\:10 {
  width: 10%;
}
.z-width\[\%\]\:20 {
  width: 20%;
}
.z-width\[\%\]\:30 {
  width: 30%;
}
.z-width\[\%\]\:40 {
  width: 40%;
}
.z-width\[\%\]\:50 {
  width: 50%;
}
.z-width\[\%\]\:60 {
  width: 60%;
}
.z-width\[\%\]\:70 {
  width: 70%;
}
.z-width\[\%\]\:80 {
  width: 80%;
}
.z-width\[\%\]\:90 {
  width: 90%;
}
.z-width\[\%\]\:100 {
  width: 100%;
}
.z-width\[min\]\:25 {
  min-width: 25px;
}
.z-width\[min\]\:50 {
  min-width: 50px;
}
.z-width\[min\]\:75 {
  min-width: 75px;
}
.z-width\[min\]\:100 {
  min-width: 100px;
}
.z-width\[min\]\:125 {
  min-width: 125px;
}
.z-width\[min\]\:150 {
  min-width: 150px;
}
.z-width\[min\]\:175 {
  min-width: 175px;
}
.z-width\[min\]\:200 {
  min-width: 200px;
}
.z-width\[min\]\:225 {
  min-width: 225px;
}
.z-width\[min\]\:250 {
  min-width: 250px;
}
.z-width\[min\]\:275 {
  min-width: 275px;
}
.z-width\[min\]\:300 {
  min-width: 300px;
}
.z-width\[min\]\:325 {
  min-width: 325px;
}
.z-width\[min\]\:350 {
  min-width: 350px;
}
.z-width\[min\]\:375 {
  min-width: 375px;
}
.z-width\[min\]\:400 {
  min-width: 400px;
}
.z-width\[min\]\:425 {
  min-width: 425px;
}
.z-width\[min\]\:450 {
  min-width: 450px;
}
.z-width\[min\]\:475 {
  min-width: 475px;
}
.z-width\[min\]\:500 {
  min-width: 500px;
}
.z-width\[min\]\:525 {
  min-width: 525px;
}
.z-width\[min\]\:550 {
  min-width: 550px;
}
.z-width\[min\]\:575 {
  min-width: 575px;
}
.z-width\[min\]\:600 {
  min-width: 600px;
}
.z-width\[min\]\:625 {
  min-width: 625px;
}
.z-width\[min\]\:650 {
  min-width: 650px;
}
.z-width\[min\]\:675 {
  min-width: 675px;
}
.z-width\[min\]\:700 {
  min-width: 700px;
}
.z-width\[min\]\:725 {
  min-width: 725px;
}
.z-width\[min\]\:750 {
  min-width: 750px;
}
.z-width\[min\]\:775 {
  min-width: 775px;
}
.z-width\[min\]\:800 {
  min-width: 800px;
}
.z-width\[min\]\:825 {
  min-width: 825px;
}
.z-width\[min\]\:850 {
  min-width: 850px;
}
.z-width\[min\]\:875 {
  min-width: 875px;
}
.z-width\[min\]\:900 {
  min-width: 900px;
}
.z-width\[min\]\:925 {
  min-width: 925px;
}
.z-width\[min\]\:950 {
  min-width: 950px;
}
.z-width\[min\]\:975 {
  min-width: 975px;
}
.z-width\[min\]\:1000 {
  min-width: 1000px;
}
.z-width\[max\]\:25 {
  max-width: 25px;
}
.z-width\[max\]\:50 {
  max-width: 50px;
}
.z-width\[max\]\:75 {
  max-width: 75px;
}
.z-width\[max\]\:100 {
  max-width: 100px;
}
.z-width\[max\]\:125 {
  max-width: 125px;
}
.z-width\[max\]\:150 {
  max-width: 150px;
}
.z-width\[max\]\:175 {
  max-width: 175px;
}
.z-width\[max\]\:200 {
  max-width: 200px;
}
.z-width\[max\]\:225 {
  max-width: 225px;
}
.z-width\[max\]\:250 {
  max-width: 250px;
}
.z-width\[max\]\:275 {
  max-width: 275px;
}
.z-width\[max\]\:300 {
  max-width: 300px;
}
.z-width\[max\]\:325 {
  max-width: 325px;
}
.z-width\[max\]\:350 {
  max-width: 350px;
}
.z-width\[max\]\:375 {
  max-width: 375px;
}
.z-width\[max\]\:400 {
  max-width: 400px;
}
.z-width\[max\]\:425 {
  max-width: 425px;
}
.z-width\[max\]\:450 {
  max-width: 450px;
}
.z-width\[max\]\:475 {
  max-width: 475px;
}
.z-width\[max\]\:500 {
  max-width: 500px;
}
.z-width\[max\]\:525 {
  max-width: 525px;
}
.z-width\[max\]\:550 {
  max-width: 550px;
}
.z-width\[max\]\:575 {
  max-width: 575px;
}
.z-width\[max\]\:600 {
  max-width: 600px;
}
.z-width\[max\]\:625 {
  max-width: 625px;
}
.z-width\[max\]\:650 {
  max-width: 650px;
}
.z-width\[max\]\:675 {
  max-width: 675px;
}
.z-width\[max\]\:700 {
  max-width: 700px;
}
.z-width\[max\]\:725 {
  max-width: 725px;
}
.z-width\[max\]\:750 {
  max-width: 750px;
}
.z-width\[max\]\:775 {
  max-width: 775px;
}
.z-width\[max\]\:800 {
  max-width: 800px;
}
.z-width\[max\]\:825 {
  max-width: 825px;
}
.z-width\[max\]\:850 {
  max-width: 850px;
}
.z-width\[max\]\:875 {
  max-width: 875px;
}
.z-width\[max\]\:900 {
  max-width: 900px;
}
.z-width\[max\]\:925 {
  max-width: 925px;
}
.z-width\[max\]\:950 {
  max-width: 950px;
}
.z-width\[max\]\:975 {
  max-width: 975px;
}
.z-width\[max\]\:1000 {
  max-width: 1000px;
}
.z-width\:fit-con {
  width: fit-content;
}
.z-width\[child\]\:25 > * {
  width: 25px;
}
.z-width\[child\]\:50 > * {
  width: 50px;
}
.z-width\[child\]\:75 > * {
  width: 75px;
}
.z-width\[child\]\:100 > * {
  width: 100px;
}
.z-width\[child\]\:125 > * {
  width: 125px;
}
.z-width\[child\]\:150 > * {
  width: 150px;
}
.z-width\[child\]\:175 > * {
  width: 175px;
}
.z-width\[child\]\:200 > * {
  width: 200px;
}
.z-width\[child\]\:225 > * {
  width: 225px;
}
.z-width\[child\]\:250 > * {
  width: 250px;
}
.z-width\[child\]\:275 > * {
  width: 275px;
}
.z-width\[child\]\:300 > * {
  width: 300px;
}
.z-width\[child\]\:325 > * {
  width: 325px;
}
.z-width\[child\]\:350 > * {
  width: 350px;
}
.z-width\[child\]\:375 > * {
  width: 375px;
}
.z-width\[child\]\:400 > * {
  width: 400px;
}
.z-width\[child\]\:425 > * {
  width: 425px;
}
.z-width\[child\]\:450 > * {
  width: 450px;
}
.z-width\[child\]\:475 > * {
  width: 475px;
}
.z-width\[child\]\:500 > * {
  width: 500px;
}
.z-width\[child\]\:525 > * {
  width: 525px;
}
.z-width\[child\]\:550 > * {
  width: 550px;
}
.z-width\[child\]\:575 > * {
  width: 575px;
}
.z-width\[child\]\:600 > * {
  width: 600px;
}
.z-width\[child\]\:625 > * {
  width: 625px;
}
.z-width\[child\]\:650 > * {
  width: 650px;
}
.z-width\[child\]\:675 > * {
  width: 675px;
}
.z-width\[child\]\:700 > * {
  width: 700px;
}
.z-width\[child\]\:725 > * {
  width: 725px;
}
.z-width\[child\]\:750 > * {
  width: 750px;
}
.z-width\[child\]\:775 > * {
  width: 775px;
}
.z-width\[child\]\:800 > * {
  width: 800px;
}
.z-width\[child\]\:825 > * {
  width: 825px;
}
.z-width\[child\]\:850 > * {
  width: 850px;
}
.z-width\[child\]\:875 > * {
  width: 875px;
}
.z-width\[child\]\:900 > * {
  width: 900px;
}
.z-width\[child\]\:925 > * {
  width: 925px;
}
.z-width\[child\]\:950 > * {
  width: 950px;
}
.z-width\[child\]\:975 > * {
  width: 975px;
}
.z-width\[child\]\:1000 > * {
  width: 1000px;
}
.z-width\[child\%\]\:10 > * {
  width: 10%;
}
.z-width\[child\%\]\:20 > * {
  width: 20%;
}
.z-width\[child\%\]\:30 > * {
  width: 30%;
}
.z-width\[child\%\]\:40 > * {
  width: 40%;
}
.z-width\[child\%\]\:50 > * {
  width: 50%;
}
.z-width\[child\%\]\:60 > * {
  width: 60%;
}
.z-width\[child\%\]\:70 > * {
  width: 70%;
}
.z-width\[child\%\]\:80 > * {
  width: 80%;
}
.z-width\[child\%\]\:90 > * {
  width: 90%;
}
.z-width\[child\%\]\:100 > * {
  width: 100%;
}
.z-width\[min-child\]\:100 > * {
  min-width: 100px;
}
.z-width\[min-child\]\:150 > * {
  min-width: 150px;
}
.z-width\[min-child\]\:200 > * {
  min-width: 200px;
}
.z-width\[min-child\]\:250 > * {
  min-width: 250px;
}
.z-width\[min-child\]\:300 > * {
  min-width: 300px;
}
.z-width\[min-child\]\:350 > * {
  min-width: 350px;
}
.z-width\[min-child\]\:400 > * {
  min-width: 400px;
}
.z-width\[min-child\]\:450 > * {
  min-width: 450px;
}
.z-width\[min-child\]\:500 > * {
  min-width: 500px;
}
.z-width\[min-child\]\:550 > * {
  min-width: 550px;
}
.z-width\[min-child\]\:600 > * {
  min-width: 600px;
}
.z-width\[min-child\]\:650 > * {
  min-width: 650px;
}
.z-width\[min-child\]\:700 > * {
  min-width: 700px;
}
.z-width\[min-child\]\:750 > * {
  min-width: 750px;
}
.z-width\[min-child\]\:800 > * {
  min-width: 800px;
}
.z-width\[min-child\]\:850 > * {
  min-width: 850px;
}
.z-width\[min-child\]\:900 > * {
  min-width: 900px;
}
.z-width\[min-child\]\:950 > * {
  min-width: 950px;
}
.z-width\[min-child\]\:1000 > * {
  min-width: 1000px;
}
.z-width\[max-child\]\:100 > * {
  max-width: 100px;
}
.z-width\[max-child\]\:150 > * {
  max-width: 150px;
}
.z-width\[max-child\]\:200 > * {
  max-width: 200px;
}
.z-width\[max-child\]\:250 > * {
  max-width: 250px;
}
.z-width\[max-child\]\:300 > * {
  max-width: 300px;
}
.z-width\[max-child\]\:350 > * {
  max-width: 350px;
}
.z-width\[max-child\]\:400 > * {
  max-width: 400px;
}
.z-width\[max-child\]\:450 > * {
  max-width: 450px;
}
.z-width\[max-child\]\:500 > * {
  max-width: 500px;
}
.z-width\[max-child\]\:550 > * {
  max-width: 550px;
}
.z-width\[max-child\]\:600 > * {
  max-width: 600px;
}
.z-width\[max-child\]\:650 > * {
  max-width: 650px;
}
.z-width\[max-child\]\:700 > * {
  max-width: 700px;
}
.z-width\[max-child\]\:750 > * {
  max-width: 750px;
}
.z-width\[max-child\]\:800 > * {
  max-width: 800px;
}
.z-width\[max-child\]\:850 > * {
  max-width: 850px;
}
.z-width\[max-child\]\:900 > * {
  max-width: 900px;
}
.z-width\[max-child\]\:950 > * {
  max-width: 950px;
}
.z-width\[max-child\]\:1000 > * {
  max-width: 1000px;
}
.z-width-child\:fit-con > * {
  width: fit-content;
}
/* Fixed width style starts */
.zln-fixed-width\:800 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  box-sizing: border-box;
}
.zln-fixed-width\:850 {
  width: 100%;
  max-width: 850px;
  margin: 0 auto;
}
.zln-fixed-width\:900 {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  box-sizing: border-box;
}
.zln-fixed-width\:950 {
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
  box-sizing: border-box;
}
.zln-fixed-width\:1000 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  box-sizing: border-box;
}
.zln-fixed-width\:1300 {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
/* Fixed width style end */
/*---- Width style end ----*/
/*---- Height style starts ----*/
.z-height\:100vh {
  height: 100vh;
}
.z-height\[\%\]\:100 {
  height: 100%;
}
.z-height\:5 {
  height: 5px;
}
.z-height\:10 {
  height: 10px;
}
.z-height\:15 {
  height: 15px;
}
.z-height\:20 {
  height: 20px;
}
.z-height\:25 {
  height: 25px;
}
.z-height\:30 {
  height: 30px;
}
.z-height\:35 {
  height: 35px;
}
.z-height\:40 {
  height: 40px;
}
.z-height\:45 {
  height: 45px;
}
.z-height\:50 {
  height: 50px;
}
.z-height\:55 {
  height: 55px;
}
.z-height\:60 {
  height: 60px;
}
.z-height\:65 {
  height: 65px;
}
.z-height\:70 {
  height: 70px;
}
.z-height\:75 {
  height: 75px;
}
.z-height\:80 {
  height: 80px;
}
.z-height\:85 {
  height: 85px;
}
.z-height\:90 {
  height: 90px;
}
.z-height\:95 {
  height: 95px;
}
.z-height\:100 {
  height: 100px;
}
.z-height\:125 {
  height: 125px;
}
.z-height\:150 {
  height: 150px;
}
.z-height\:175 {
  height: 175px;
}
.z-height\:200 {
  height: 200px;
}
.z-height\:225 {
  height: 225px;
}
.z-height\:250 {
  height: 250px;
}
.z-height\:275 {
  height: 275px;
}
.z-height\:300 {
  height: 300px;
}
.z-height\:325 {
  height: 325px;
}
.z-height\:350 {
  height: 350px;
}
.z-height\:375 {
  height: 375px;
}
.z-height\:400 {
  height: 400px;
}
.z-height\:425 {
  height: 425px;
}
.z-height\:450 {
  height: 450px;
}
.z-height\:475 {
  height: 475px;
}
.z-height\:500 {
  height: 500px;
}
.z-height\:525 {
  height: 525px;
}
.z-height\:550 {
  height: 550px;
}
.z-height\:575 {
  height: 575px;
}
.z-height\:600 {
  height: 600px;
}
.z-height\:625 {
  height: 625px;
}
.z-height\:650 {
  height: 650px;
}
.z-height\:675 {
  height: 675px;
}
.z-height\:700 {
  height: 700px;
}
.z-height\:725 {
  height: 725px;
}
.z-height\:750 {
  height: 750px;
}
.z-height\:775 {
  height: 775px;
}
.z-height\:800 {
  height: 800px;
}
.z-height\:825 {
  height: 825px;
}
.z-height\:850 {
  height: 850px;
}
.z-height\:875 {
  height: 875px;
}
.z-height\:900 {
  height: 900px;
}
.z-height\:925 {
  height: 925px;
}
.z-height\:950 {
  height: 950px;
}
.z-height\:975 {
  height: 975px;
}
.z-height\:1000 {
  height: 1000px;
}
.z-height\[min\]\:25 {
  min-height: 25px;
}
.z-height\[max\]\:25 {
  max-height: 25px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:50 {
  min-height: 50px;
}
.z-height\[max\]\:50 {
  max-height: 50px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:75 {
  min-height: 75px;
}
.z-height\[max\]\:75 {
  max-height: 75px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:100 {
  min-height: 100px;
}
.z-height\[max\]\:100 {
  max-height: 100px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:125 {
  min-height: 125px;
}
.z-height\[max\]\:125 {
  max-height: 125px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:150 {
  min-height: 150px;
}
.z-height\[max\]\:150 {
  max-height: 150px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:175 {
  min-height: 175px;
}
.z-height\[max\]\:175 {
  max-height: 175px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:200 {
  min-height: 200px;
}
.z-height\[max\]\:200 {
  max-height: 200px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:225 {
  min-height: 225px;
}
.z-height\[max\]\:225 {
  max-height: 225px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:250 {
  min-height: 250px;
}
.z-height\[max\]\:250 {
  max-height: 250px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:275 {
  min-height: 275px;
}
.z-height\[max\]\:275 {
  max-height: 275px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:300 {
  min-height: 300px;
}
.z-height\[max\]\:300 {
  max-height: 300px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:325 {
  min-height: 325px;
}
.z-height\[max\]\:325 {
  max-height: 325px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:350 {
  min-height: 350px;
}
.z-height\[max\]\:350 {
  max-height: 350px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:375 {
  min-height: 375px;
}
.z-height\[max\]\:375 {
  max-height: 375px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:400 {
  min-height: 400px;
}
.z-height\[max\]\:400 {
  max-height: 400px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:425 {
  min-height: 425px;
}
.z-height\[max\]\:425 {
  max-height: 425px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:450 {
  min-height: 450px;
}
.z-height\[max\]\:450 {
  max-height: 450px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:475 {
  min-height: 475px;
}
.z-height\[max\]\:475 {
  max-height: 475px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:500 {
  min-height: 500px;
}
.z-height\[max\]\:500 {
  max-height: 500px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:525 {
  min-height: 525px;
}
.z-height\[max\]\:525 {
  max-height: 525px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:550 {
  min-height: 550px;
}
.z-height\[max\]\:550 {
  max-height: 550px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:575 {
  min-height: 575px;
}
.z-height\[max\]\:575 {
  max-height: 575px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:600 {
  min-height: 600px;
}
.z-height\[max\]\:600 {
  max-height: 600px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:625 {
  min-height: 625px;
}
.z-height\[max\]\:625 {
  max-height: 625px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:650 {
  min-height: 650px;
}
.z-height\[max\]\:650 {
  max-height: 650px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:675 {
  min-height: 675px;
}
.z-height\[max\]\:675 {
  max-height: 675px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:700 {
  min-height: 700px;
}
.z-height\[max\]\:700 {
  max-height: 700px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:725 {
  min-height: 725px;
}
.z-height\[max\]\:725 {
  max-height: 725px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:750 {
  min-height: 750px;
}
.z-height\[max\]\:750 {
  max-height: 750px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:775 {
  min-height: 775px;
}
.z-height\[max\]\:775 {
  max-height: 775px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:800 {
  min-height: 800px;
}
.z-height\[max\]\:800 {
  max-height: 800px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:825 {
  min-height: 825px;
}
.z-height\[max\]\:825 {
  max-height: 825px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:850 {
  min-height: 850px;
}
.z-height\[max\]\:850 {
  max-height: 850px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:875 {
  min-height: 875px;
}
.z-height\[max\]\:875 {
  max-height: 875px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:900 {
  min-height: 900px;
}
.z-height\[max\]\:900 {
  max-height: 900px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:925 {
  min-height: 925px;
}
.z-height\[max\]\:925 {
  max-height: 925px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:950 {
  min-height: 950px;
}
.z-height\[max\]\:950 {
  max-height: 950px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:975 {
  min-height: 975px;
}
.z-height\[max\]\:975 {
  max-height: 975px;
}
.z-height\[max\]\:none {
  max-height: none;
}
.z-height\[min\]\:1000 {
  min-height: 1000px;
}
.z-height\[max\]\:1000 {
  max-height: 1000px;
}
.z-height\[max\]\:none {
  max-height: none;
}
@supports (height: 100dvh) {
  .z-height\:100vh {
    height: 100dvh;
  }
}
/*---- Height style end ----*/
/*---- Gap for top of the element in list style starts (this would apply from second element) ----*/
.z-list-gap\:5 > * + * {
  margin-top: 5px;
}
.z-list-gap\:10 > * + * {
  margin-top: 10px;
}
.z-list-gap\:15 > * + * {
  margin-top: 15px;
}
.z-list-gap\:20 > * + * {
  margin-top: 20px;
}
.z-list-gap\:25 > * + * {
  margin-top: 25px;
}
.z-list-gap\:30 > * + * {
  margin-top: 30px;
}
/*---- Gap for top of the element in list style end ----*/
/*---- Z-index style starts ----*/
.z-index\:0 {
  z-index: 0;
}
.z-index\:1 {
  z-index: 1;
}
.z-index\:2 {
  z-index: 2;
}
.z-index\:3 {
  z-index: 3;
}
.z-index\:4 {
  z-index: 4;
}
.z-index\:5 {
  z-index: 5;
}
.z-index\:6 {
  z-index: 6;
}
.z-index\:7 {
  z-index: 7;
}
.z-index\:8 {
  z-index: 8;
}
.z-index\:9 {
  z-index: 9;
}
.z-index\:10 {
  z-index: 10;
}
.z-index\:auto {
  z-index: auto;
}
/*---- Z-index style end ----*/
/*---- Opacity style starts ----*/
.z-opacity\:0 {
  opacity: 0;
}
.z-opacity\:1 {
  opacity: 0.1;
}
.z-opacity\:2 {
  opacity: 0.2;
}
.z-opacity\:3 {
  opacity: 0.3;
}
.z-opacity\:4 {
  opacity: 0.4;
}
.z-opacity\:5 {
  opacity: 0.5;
}
.z-opacity\:6 {
  opacity: 0.6;
}
.z-opacity\:7 {
  opacity: 0.7;
}
.z-opacity\:8 {
  opacity: 0.8;
}
.z-opacity\:9 {
  opacity: 0.9;
}
.z-opacity\:10 {
  opacity: 1;
}
/*---- Opacity style end ----*/
/*--- Less Loop function end ----*/
/***** Lyte menu overwrite start *****/
.lyteCPDropbox {
  background-color: var(--white);
  border-color: var(--grey4);
}
.lyteCPDropbox lyte-drop-item[selected=true],
.lyteCPDropbox lyte-drop-item {
  color: var(--grey0);
}
.lyteCPDropbox .lyteDropdownSelection {
  background-color: var(--grey8);
}
.popoverWrapper .lytePopover,
.popoverWrapper lyte-popover-header {
  font-family: "LatoLatin", sans-serif;
  color: inherit;
}
.lytePopover {
  background-color: var(--white);
  border: 1px solid var(--grey5);
}
.lytePopover .lytePopoverArrowIcon {
  background-color: var(--white);
}
.lytePopover .lytePopoverArrowIcon.lytePopoverArrowBottom {
  box-shadow: 1px 1px 0 0 var(--grey5);
}
.lytePopover .lytePopoverArrowIcon.lytePopoverArrowLeft {
  box-shadow: -1px 1px 0 0 var(--grey5);
}
.lytePopover .lytePopoverArrowIcon.lytePopoverArrowTop {
  box-shadow: -1px -1px 0 0 var(--grey5);
}
.lytePopover .lytePopoverArrowIcon.lytePopoverArrowRight {
  box-shadow: 1px -1px 0 0 var(--grey5);
}
.zln-menu\:show,
.zw-menu-show {
  animation-name: z-show-menu;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transition-property: opacity,transform,visibility;
}
@keyframes z-show-menu {
  0% {
    opacity: 0;
    transform: translateY(-15px);
    transition-timing-function: ease-in;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    transition-timing-function: ease-out;
    visibility: visible;
  }
}
/***** Lyte menu overwrite start *****/
/***** Lyte tooltip overwrite start *****/
span.lyteTooltip.lyteTooltip {
  padding: 5px 10px;
  font-size: 12px;
  font-family: "LatoLatin", sans-serif;
}
/***** Lyte tooltip overwrite start *****/
/*temp Fix by Thirumaran G START*/
/*Should be removed when lyte version is updated*/
lyte-menu {
  display: none;
}
/*temp Fix by Thirumaran G END*/
.zln-lyte-dropdown .lyte-menu-box {
  min-width: 250px;
  max-width: 350px;
}
.zln-lyte-dropdown.type\:question .lyte-menu-box {
  max-width: none;
  width: 338px;
}
.zln-landingpage-menu lyte-menu-body {
  min-width: 350px;
}
/* Lyte Menu Box start */
.lyteDropPlaceholderNormal,
lyte-menu-label {
  margin-inline-end: 30px;
  margin-right: 0;
}
lyte-menu-box,
.zln-lyte\:drop-box.type\:arrow {
  box-shadow: none;
  font-family: inherit;
  opacity: 0;
  transform: translateY(-15px);
  transition-duration: 0.3s;
  transition-property: opacity,transform,visibility;
  transition-timing-function: ease-in;
  visibility: hidden;
  border-radius: 3px;
}
lyte-menu-box lyte-menu-body,
.zln-lyte\:drop-box.type\:arrow lyte-menu-body {
  background-color: var(--white);
  border-radius: 3px;
  box-sizing: border-box;
  border: 1px solid var(--grey5);
  box-shadow: 0 7px 15px rgba(27, 39, 51, 0.1);
  padding: 10px 0;
  user-select: none;
  min-width: 150px;
}
.zlearn-os\:dark lyte-menu-box lyte-menu-body,
.zlearn-os\:dark .zln-lyte\:drop-box.type\:arrow lyte-menu-body,
.zlearn-theme\:dark lyte-menu-box lyte-menu-body,
.zlearn-theme\:dark .zln-lyte\:drop-box.type\:arrow lyte-menu-body {
  box-shadow: 0 7px 15px rgba(0, 0, 0, 0.4);
}
lyte-menu-box lyte-menu-body lyte-menu-group,
.zln-lyte\:drop-box.type\:arrow lyte-menu-body lyte-menu-group {
  border-color: inherit;
}
lyte-menu-box lyte-menu-item,
.zln-lyte\:drop-box.type\:arrow lyte-menu-item {
  padding: 7px 15px;
  align-items: center;
  gap: 15px;
  color: inherit;
}
lyte-menu-box lyte-menu-item zls-menu-item,
.zln-lyte\:drop-box.type\:arrow lyte-menu-item zls-menu-item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-grow: 1;
}
lyte-menu-box lyte-menu-item a,
.zln-lyte\:drop-box.type\:arrow lyte-menu-item a,
lyte-menu-box lyte-menu-item lyte-menu-label,
.zln-lyte\:drop-box.type\:arrow lyte-menu-item lyte-menu-label {
  color: inherit;
  font-size: 1.4rem;
  font-weight: 400;
  text-decoration: none;
}
lyte-menu-box lyte-menu-item:hover,
.zln-lyte\:drop-box.type\:arrow lyte-menu-item:hover {
  background-color: var(--grey7);
}
lyte-menu-box lyte-menu-item .z-ico,
.zln-lyte\:drop-box.type\:arrow lyte-menu-item .z-ico {
  stroke: var(--grey0);
  fill: var(--grey0);
}
lyte-menu-box lyte-menu-item.lyteMenuSelection,
.zln-lyte\:drop-box.type\:arrow lyte-menu-item.lyteMenuSelection {
  background-color: var(--grey7);
}
lyte-menu-box lyte-menu-item.zln-list-title,
.zln-lyte\:drop-box.type\:arrow lyte-menu-item.zln-list-title {
  pointer-events: none;
}
lyte-menu-box lyte-menu-item.zln-list-title lyte-menu-label,
.zln-lyte\:drop-box.type\:arrow lyte-menu-item.zln-list-title lyte-menu-label {
  color: var(--grey2);
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-weight: 600;
}
lyte-menu-box lyte-menu-item.zln-separator,
.zln-lyte\:drop-box.type\:arrow lyte-menu-item.zln-separator {
  border-top: 1px solid var(--grey5);
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
  pointer-events: none;
}
lyte-menu-box lyte-menu-item.zln-sub-menu::after,
.zln-lyte\:drop-box.type\:arrow lyte-menu-item.zln-sub-menu::after {
  width: 0px;
  height: 0px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid var(--grey1);
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -4px;
}
.zln-direction\:rtl lyte-menu-box lyte-menu-item.zln-sub-menu::after,
.zln-direction\:rtl .zln-lyte\:drop-box.type\:arrow lyte-menu-item.zln-sub-menu::after {
  border-left: none;
  border-right: 5px solid var(--grey1);
  right: auto;
  left: 14px;
}
lyte-menu-box lyte-menu-item.zln-menu-alert,
.zln-lyte\:drop-box.type\:arrow lyte-menu-item.zln-menu-alert {
  color: #ca5b5a;
}
lyte-menu-box lyte-menu-item.zln-menu-alert .z-ico,
.zln-lyte\:drop-box.type\:arrow lyte-menu-item.zln-menu-alert .z-ico {
  stroke: #ca5b5a;
  fill: #ca5b5a;
}
lyte-menu-box lyte-menu-item.zln-active a,
.zln-lyte\:drop-box.type\:arrow lyte-menu-item.zln-active a,
lyte-menu-box lyte-menu-item.zln-active strong,
.zln-lyte\:drop-box.type\:arrow lyte-menu-item.zln-active strong,
lyte-menu-box lyte-menu-item.zln-active lyte-menu-label,
.zln-lyte\:drop-box.type\:arrow lyte-menu-item.zln-active lyte-menu-label {
  color: var(--product-accent-color);
}
lyte-menu-box lyte-menu-item.zln-active .o-ico-check,
.zln-lyte\:drop-box.type\:arrow lyte-menu-item.zln-active .o-ico-check {
  stroke: var(--product-accent-color);
  stroke-width: 2px;
}
lyte-menu-box .lyteArrow,
.zln-lyte\:drop-box.type\:arrow .lyteArrow {
  background-color: var(--white);
}
lyte-menu-box .lyteArrow.lyteArrowRight,
.zln-lyte\:drop-box.type\:arrow .lyteArrow.lyteArrowRight {
  box-shadow: 1px -1px 0 0 var(--grey5);
}
lyte-menu-box .lyteArrow.lyteArrowLeft,
.zln-lyte\:drop-box.type\:arrow .lyteArrow.lyteArrowLeft {
  box-shadow: -1px 1px 0 0 var(--grey5);
}
lyte-menu-box .lyteArrow.lyteArrowBottom,
.zln-lyte\:drop-box.type\:arrow .lyteArrow.lyteArrowBottom {
  box-shadow: 1px 1px 0 0 var(--grey5);
}
lyte-menu-box .lyteArrow.lyteArrowTop,
.zln-lyte\:drop-box.type\:arrow .lyteArrow.lyteArrowTop {
  box-shadow: -1px -1px 0 0 var(--grey5);
}
/* Lyte Menu Box end */
/* Lyte Drop Box start */
.zln-lyte\:dropdown {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  max-width: unset;
}
.zln-lyte\:dropdown.type\:multi-selectbox:not(.lyteDropNoOptSelected).zln-disabled input,
.zln-lyte\:dropdown.type\:multi-selectbox:not(.lyteDropNoOptSelected).z-disabled input {
  display: none;
}
.zln-lyte\:dropdown lyte-drop-button {
  padding: 5px 10px;
}
.zln-lyte\:dropdown[lt-prop-type="multiple"] lyte-drop-button,
.zln-lyte\:dropdown[lt-prop-type="multisearch"] lyte-drop-button {
  padding: 0;
  border: none;
  min-height: inherit;
}
.zln-lyte\:dropdown[lt-prop-type="multiple"] lyte-drop-button:after,
.zln-lyte\:dropdown[lt-prop-type="multisearch"] lyte-drop-button:after {
  width: 0;
  height: 0;
}
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).reset\:lyte-dropdown lyte-drop-button {
  padding: 0;
  border: none;
  box-shadow: none;
  background-color: transparent;
}
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).reset\:lyte-dropdown lyte-drop-button:hover {
  border: none;
  box-shadow: none;
}
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).reset\:lyte-dropdown lyte-drop-button lyte-icon.dropdown {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="14" height="14" stroke-width="2.5" stroke="hsla(227,15%,40%,1)"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
.zlearn-os\:dark .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).reset\:lyte-dropdown lyte-drop-button lyte-icon.dropdown,
.zlearn-theme\:dark .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).reset\:lyte-dropdown lyte-drop-button lyte-icon.dropdown {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="14" height="14" stroke-width="2.5" stroke="hsla(226,10%,90%,1)"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).reset\:lyte-dropdown lyte-drop-button lyte-icon.dropdown.type\:fill {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="12" height="12"><path fill="hsla(227, 15%, 40%, 1)" fill-rule="evenodd" stroke="none" d="M5.25 8.07h13.57a1 1 0 0 1 .74 1.67l-6.81 7.54a1 1 0 0 1-1.5 0L4.5 9.72a1 1 0 0 1 .75-1.66Z"/></svg>');
}
.zlearn-os\:dark .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).reset\:lyte-dropdown lyte-drop-button lyte-icon.dropdown.type\:fill,
.zlearn-theme\:dark .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).reset\:lyte-dropdown lyte-drop-button lyte-icon.dropdown.type\:fill {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="12" height="12"><path fill="hsla(226,10%,90%,1)" fill-rule="evenodd" d="M5.25 8.07h13.57a1 1 0 0 1 .74 1.67l-6.81 7.54a1 1 0 0 1-1.5 0L4.5 9.72a1 1 0 0 1 .75-1.66Z"/></svg>');
}
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).reset\:lyte-dropdown.zln-select\:search-type lyte-drop-button {
  padding: 8px 10px;
}
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]) lyte-drop-button {
  background-color: var(--white);
  border: 1px solid var(--grey4);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.03);
  box-sizing: border-box;
  border-radius: 4px;
  color: inherit;
  font-size: 1.4rem;
  user-select: none;
  cursor: pointer;
  outline: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]) lyte-drop-button span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]) lyte-drop-button lyte-icon.dropdown {
  position: static;
  padding: 7px;
  background-repeat: no-repeat;
  opacity: 0.7;
  background-position: center;
  transform: inherit;
  width: auto;
  height: auto;
}
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]) lyte-drop-button .lyteDropPlaceholderNormal {
  color: var(--grey0);
}
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]) lyte-drop-button:hover {
  border: 1px solid var(--grey4);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.03);
}
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zln-theme\:light-dark lyte-drop-button {
  border-color: hsl(0, 0%, 100%);
  color: hsl(226, 41%, 8%);
}
.zls-product-lighttheme .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zln-theme\:light-dark lyte-drop-button {
  border-color: var(--grey2);
  color: hsl(226, 41%, 8%);
}
.zln-manual-header .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zln-theme\:light-dark lyte-drop-button {
  border-color: var(--grey4);
  background-color: var(--grey10);
  color: var(--grey0);
}
.zln-banner-view-show .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zln-theme\:light-dark lyte-drop-button {
  border-color: hsl(0, 0%, 100%);
  background-color: hsl(0, 0%, 100%);
  color: hsl(226, 41%, 8%);
}
.zlearn-os\:dark .zln-banner-view-show .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zln-theme\:light-dark lyte-drop-button,
.zlearn-theme\:dark .zln-banner-view-show .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zln-theme\:light-dark lyte-drop-button {
  color: hsl(226, 41%, 8%);
}
.zlearn-os\:dark .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zln-theme\:light-dark lyte-drop-button,
.zlearn-theme\:dark .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zln-theme\:light-dark lyte-drop-button {
  color: rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 255, 255, 0.3);
}
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zln-theme\:light-dark lyte-drop-button .z-ico {
  fill: hsl(226, 41%, 8%);
  stroke: hsl(226, 41%, 8%);
}
.zln-manual-header .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zln-theme\:light-dark lyte-drop-button .z-ico {
  fill: var(--grey1);
  stroke: var(--grey1);
}
.zlearn-os\:dark .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zln-theme\:light-dark lyte-drop-button .z-ico,
.zlearn-theme\:dark .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zln-theme\:light-dark lyte-drop-button .z-ico {
  fill: hsl(226, 10%, 90%);
  stroke: hsl(226, 10%, 90%);
}
.zlearn-os\:dark .zln-banner-view-show .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zln-theme\:light-dark lyte-drop-button .z-ico,
.zlearn-theme\:dark .zln-banner-view-show .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zln-theme\:light-dark lyte-drop-button .z-ico {
  fill: hsl(227, 15%, 40%);
  stroke: hsl(227, 15%, 40%);
}
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:small lyte-drop-button {
  font-size: 1.3rem;
  padding-top: 4px;
  padding-bottom: 4px;
}
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:small lyte-drop-button lyte-icon.dropdown {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="12" height="12" stroke-width="2.5" stroke="hsla(227,15%,40%,1)"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
.zlearn-os\:dark .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:small lyte-drop-button lyte-icon.dropdown,
.zlearn-theme\:dark .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:small lyte-drop-button lyte-icon.dropdown {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="12" height="12" stroke-width="2.5" stroke="hsla(226,10%,90%,1)"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
.zls-global-header .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:small.zln-theme\:light-dark lyte-drop-button lyte-icon.dropdown {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="12" height="12" stroke-width="2.5" stroke="hsl(226, 41%, 8%)"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
.zlearn-os\:dark .zls-global-header .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:small.zln-theme\:light-dark lyte-drop-button lyte-icon.dropdown,
.zlearn-theme\:dark .zls-global-header .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:small.zln-theme\:light-dark lyte-drop-button lyte-icon.dropdown {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="12" height="12" stroke-width="2.5" stroke="hsla(226,10%,90%,1)"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
.zln-banner-view-show .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:small.zln-theme\:light-dark lyte-drop-button lyte-icon.dropdown,
.zlearn-os\:dark .zln-banner-view-show .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:small.zln-theme\:light-dark lyte-drop-button lyte-icon.dropdown,
.zlearn-theme\:dark .zln-banner-view-show .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:small.zln-theme\:light-dark lyte-drop-button lyte-icon.dropdown {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="12" height="12" stroke-width="2.5" stroke="hsl(226, 41%, 8%)"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:medium lyte-drop-button {
  padding-top: 7px;
  padding-bottom: 7px;
}
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:medium lyte-drop-button lyte-icon.dropdown {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="14" height="14" stroke-width="2.5" stroke="hsla(227,15%,40%,1)"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
.zlearn-os\:dark .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:medium lyte-drop-button lyte-icon.dropdown,
.zlearn-theme\:dark .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:medium lyte-drop-button lyte-icon.dropdown {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="14" height="14" stroke-width="2.5" stroke="hsla(226,10%,90%,1)"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
.zls-global-header .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:medium.zln-theme\:light-dark lyte-drop-button lyte-icon.dropdown {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="14" height="14" stroke-width="2.5" stroke="hsl(226, 41%, 8%)"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
.zlearn-os\:dark .zls-global-header .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:medium.zln-theme\:light-dark lyte-drop-button lyte-icon.dropdown,
.zlearn-theme\:dark .zls-global-header .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:medium.zln-theme\:light-dark lyte-drop-button lyte-icon.dropdown {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="14" height="14" stroke-width="2.5" stroke="hsla(226,10%,90%,1)"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
.zln-banner-view-show .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:medium.zln-theme\:light-dark lyte-drop-button lyte-icon.dropdown,
.zlearn-os\:dark .zln-banner-view-show .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:medium.zln-theme\:light-dark lyte-drop-button lyte-icon.dropdown,
.zlearn-theme\:dark .zln-banner-view-show .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:medium.zln-theme\:light-dark lyte-drop-button lyte-icon.dropdown {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="14" height="14" stroke-width="2.5" stroke="hsl(226, 41%, 8%)"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:large lyte-drop-button {
  padding-top: 9px;
  padding-bottom: 9px;
}
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:large lyte-drop-button lyte-icon.dropdown {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="16" height="16" stroke-width="2.5" stroke="hsla(227,15%,40%,1)"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
.zlearn-os\:dark .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:large lyte-drop-button lyte-icon.dropdown,
.zlearn-theme\:dark .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:large lyte-drop-button lyte-icon.dropdown {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="16" height="16" stroke-width="2.5" stroke="hsla(226,10%,90%,1)"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
.zls-global-header .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:large.zln-theme\:light-dark lyte-drop-button lyte-icon.dropdown {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="16" height="16" stroke-width="2.5" stroke="hsl(226, 41%, 8%)"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
.zlearn-os\:dark .zls-global-header .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:large.zln-theme\:light-dark lyte-drop-button lyte-icon.dropdown,
.zlearn-theme\:dark .zls-global-header .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:large.zln-theme\:light-dark lyte-drop-button lyte-icon.dropdown {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="16" height="16" stroke-width="2.5" stroke="hsla(226,10%,90%,1)"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
.zln-banner-view-show .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:large.zln-theme\:light-dark lyte-drop-button lyte-icon.dropdown,
.zlearn-os\:dark .zln-banner-view-show .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:large.zln-theme\:light-dark lyte-drop-button lyte-icon.dropdown,
.zlearn-theme\:dark .zln-banner-view-show .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:large.zln-theme\:light-dark lyte-drop-button lyte-icon.dropdown {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="12" height="12" stroke-width="2.5" stroke="hsl(226, 41%, 8%)"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:default lyte-drop-button lyte-icon.dropdown {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="14" height="14" stroke-width="2.5" stroke="hsla(227,15%,40%,1)"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
.zlearn-os\:dark .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:default lyte-drop-button lyte-icon.dropdown,
.zlearn-theme\:dark .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).size\:default lyte-drop-button lyte-icon.dropdown {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="14" height="14" stroke-width="2.5" stroke="hsla(226,10%,90%,1)"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zln-disabled,
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).z-disabled {
  pointer-events: none;
}
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zln-disabled lyte-drop-button,
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).z-disabled lyte-drop-button {
  background-color: var(--grey7);
  border-color: var(--grey5);
  box-shadow: none;
}
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zln-disabled lyte-drop-button .lyteDropdownLabel,
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).z-disabled lyte-drop-button .lyteDropdownLabel,
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zln-disabled lyte-drop-button .lyteDropPlaceholderNormal,
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).z-disabled lyte-drop-button .lyteDropPlaceholderNormal {
  color: var(--grey3);
}
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zln-disabled lyte-drop-button lyte-icon.dropdown,
.zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).z-disabled lyte-drop-button lyte-icon.dropdown {
  opacity: 0.3;
}
.zln-lyte\:dropdown.zln-disabled lyte-drop-button,
.zln-lyte\:dropdown.z-disabled lyte-drop-button,
.zln-lyte\:dropdown.zln-disabled lyte-drop-button .zln-multi-selectbox,
.zln-lyte\:dropdown.z-disabled lyte-drop-button .zln-multi-selectbox,
.zln-lyte\:dropdown.zln-disabled lyte-drop-button .zln-multi-selectbox *,
.zln-lyte\:dropdown.z-disabled lyte-drop-button .zln-multi-selectbox * {
  background-color: var(--grey7);
  border-color: var(--grey5);
  pointer-events: none;
  box-shadow: none;
}
.zln-lyte\:dropdown.zln-disabled lyte-drop-button *,
.zln-lyte\:dropdown.z-disabled lyte-drop-button *,
.zln-lyte\:dropdown.zln-disabled lyte-drop-button .zln-multi-selectbox *,
.zln-lyte\:dropdown.z-disabled lyte-drop-button .zln-multi-selectbox *,
.zln-lyte\:dropdown.zln-disabled lyte-drop-button .zln-multi-selectbox * *,
.zln-lyte\:dropdown.z-disabled lyte-drop-button .zln-multi-selectbox * * {
  color: var(--grey3);
}
.zln-lyte\:dropdown.zln-disabled lyte-drop-button .z-ico,
.zln-lyte\:dropdown.z-disabled lyte-drop-button .z-ico,
.zln-lyte\:dropdown.zln-disabled lyte-drop-button .zln-multi-selectbox .z-ico,
.zln-lyte\:dropdown.z-disabled lyte-drop-button .zln-multi-selectbox .z-ico,
.zln-lyte\:dropdown.zln-disabled lyte-drop-button .zln-multi-selectbox * .z-ico,
.zln-lyte\:dropdown.z-disabled lyte-drop-button .zln-multi-selectbox * .z-ico {
  stroke: var(--grey3);
}
.zln-lyte\:dropdown.zln-disabled lyte-drop-button .zln-multi-selectbox *:not(input),
.zln-lyte\:dropdown.z-disabled lyte-drop-button .zln-multi-selectbox *:not(input) {
  background-color: var(--grey9);
}
.zln-lyte\:drop-box {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  max-width: unset;
  background-color: var(--white);
  border-radius: 3px;
  box-sizing: border-box;
  border: 1px solid var(--grey5);
  padding: 10px 0;
  user-select: none;
}
.zln-lyte\:drop-box .lyteArrow.lyteArrow {
  display: none;
}
.zln-lyte\:drop-box.lyteDropdownCurve,
.zln-lyte\:drop-box.lyteDropdownUp {
  border-radius: 3px;
}
.zln-lyte\:drop-box lyte-drop-label {
  font-size: 1rem;
  color: var(--grey2);
  font-weight: 600;
  font-family: inherit;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding: 8px 15px;
}
.zln-lyte\:drop-box .zln-separator {
  border-top: 1px solid var(--grey5);
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
}
.zln-lyte\:drop-box lyte-drop-item {
  font-size: 1.4rem;
  padding: 10px 15px;
  color: inherit;
  line-height: normal;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}
.zln-lyte\:drop-box lyte-drop-item.lyteDropdownSelection {
  background-color: var(--grey7);
}
.zln-lyte\:drop-box lyte-drop-item:hover {
  background-color: var(--grey7);
}
.zln-lyte\:drop-box lyte-drop-item[selected="true"]::before {
  display: none;
}
.zls-product-theme0 .zln-lyte\:drop-box lyte-drop-item[selected="true"] {
  color: hsl(260, 55%, 65%);
}
.zls-product-theme1 .zln-lyte\:drop-box lyte-drop-item[selected="true"] {
  color: hsl(16, 59%, 50%);
}
.zls-product-theme2 .zln-lyte\:drop-box lyte-drop-item[selected="true"] {
  color: hsl(41, 100%, 45%);
}
.zls-product-theme3 .zln-lyte\:drop-box lyte-drop-item[selected="true"] {
  color: hsl(155, 57%, 46%);
}
.zls-product-theme4 .zln-lyte\:drop-box lyte-drop-item[selected="true"] {
  color: hsl(177, 71%, 42%);
}
.zls-product-theme5 .zln-lyte\:drop-box lyte-drop-item[selected="true"] {
  color: hsl(196, 100%, 44%);
}
.zls-product-theme6 .zln-lyte\:drop-box lyte-drop-item[selected="true"] {
  color: hsl(227, 56%, 57%);
}
.zls-product-theme7 .zln-lyte\:drop-box lyte-drop-item[selected="true"] {
  color: hsl(250, 50%, 59%);
}
.zls-product-theme8 .zln-lyte\:drop-box lyte-drop-item[selected="true"] {
  color: hsl(300, 35%, 52%);
}
.zln-lyte\:drop-box lyte-drop-body {
  padding: 0;
}
.zln-lyte\:drop-box.type\:tick lyte-drop-item[selected="true"]::after {
  content: '';
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="16" width="16" stroke-width="2" stroke="hsl(227,15%,40%)"><path fill="none" stroke-linecap="round" stroke-linejoin="round" d="m4.59 12.53 4.6 5L20.45 6.52"/></svg>');
  padding: 7px;
}
.zls-product-theme0 .zln-lyte\:drop-box.type\:tick lyte-drop-item[selected="true"]::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="16" width="16" stroke-width="2" stroke="hsl(260,55%,65%)"><path fill="none" stroke-linecap="round" stroke-linejoin="round" d="m4.59 12.53 4.6 5L20.45 6.52"/></svg>');
}
.zls-product-theme1 .zln-lyte\:drop-box.type\:tick lyte-drop-item[selected="true"]::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="16" width="16" stroke-width="2" stroke="hsl(16,59%,50%)"><path fill="none" stroke-linecap="round" stroke-linejoin="round" d="m4.59 12.53 4.6 5L20.45 6.52"/></svg>');
}
.zls-product-theme2 .zln-lyte\:drop-box.type\:tick lyte-drop-item[selected="true"]::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="16" width="16" stroke-width="2" stroke="hsl(41,100%,45%)"><path fill="none" stroke-linecap="round" stroke-linejoin="round" d="m4.59 12.53 4.6 5L20.45 6.52"/></svg>');
}
.zls-product-theme3 .zln-lyte\:drop-box.type\:tick lyte-drop-item[selected="true"]::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="16" width="16" stroke-width="2" stroke="hsl(155,57%,46%)"><path fill="none" stroke-linecap="round" stroke-linejoin="round" d="m4.59 12.53 4.6 5L20.45 6.52"/></svg>');
}
.zls-product-theme4 .zln-lyte\:drop-box.type\:tick lyte-drop-item[selected="true"]::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="16" width="16" stroke-width="2" stroke="hsl(177,71%,42%)"><path fill="none" stroke-linecap="round" stroke-linejoin="round" d="m4.59 12.53 4.6 5L20.45 6.52"/></svg>');
}
.zls-product-theme5 .zln-lyte\:drop-box.type\:tick lyte-drop-item[selected="true"]::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="16" width="16" stroke-width="2" stroke="hsl(196,100%,44%)"><path fill="none" stroke-linecap="round" stroke-linejoin="round" d="m4.59 12.53 4.6 5L20.45 6.52"/></svg>');
}
.zls-product-theme6 .zln-lyte\:drop-box.type\:tick lyte-drop-item[selected="true"]::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="16" width="16" stroke-width="2" stroke="hsl(227,56%,57%)"><path fill="none" stroke-linecap="round" stroke-linejoin="round" d="m4.59 12.53 4.6 5L20.45 6.52"/></svg>');
}
.zls-product-theme7 .zln-lyte\:drop-box.type\:tick lyte-drop-item[selected="true"]::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="16" width="16" stroke-width="2" stroke="hsl(250,50%,59%)"><path fill="none" stroke-linecap="round" stroke-linejoin="round" d="m4.59 12.53 4.6 5L20.45 6.52"/></svg>');
}
.zls-product-theme8 .zln-lyte\:drop-box.type\:tick lyte-drop-item[selected="true"]::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="16" width="16" stroke-width="2" stroke="hsl(300,35%,52%)"><path fill="none" stroke-linecap="round" stroke-linejoin="round" d="m4.59 12.53 4.6 5L20.45 6.52"/></svg>');
}
.zln-lyte\:drop-box.type\:tick.type\:item-disabled lyte-drop-item[selected="true"] {
  color: var(--grey3);
  pointer-events: none;
}
.zln-lyte\:drop-box.type\:tick.type\:item-disabled lyte-drop-item[selected="true"]:hover {
  background-color: transparent;
}
.zln-lyte\:drop-box.type\:tick.type\:item-disabled lyte-drop-item[selected="true"]::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="16" width="16" stroke-width="2" stroke="hsl(227, 10%, 70%)"><path fill="none" stroke-linecap="round" stroke-linejoin="round" d="m4.59 12.53 4.6 5L20.45 6.52"/></svg>');
}
.zln-lyte\:drop-box.type\:arrow {
  display: block;
}
.zln-lyte\:drop-box.type\:arrow.lyteDropBodyCallout {
  border-radius: 3px;
}
.zln-lyte\:drop-box.type\:arrow .lyteArrow.lyteArrow {
  display: block;
}
.zln-lyte\:drop-box.type\:arrow .lyteArrow.lyteArrow::before {
  border-width: 9px;
  margin-left: -9px;
}
.zln-lyte\:drop-box.type\:arrow .lyteArrow.lyteArrow.lyteArrowTop::before {
  border-bottom-color: var(--grey5);
}
.zln-lyte\:drop-box.type\:arrow .lyteArrow.lyteArrow.lyteArrowTop::after {
  border-bottom-color: var(--white);
}
.zln-lyte\:drop-box.type\:arrow .lyteArrow.lyteArrow.lyteArrowBottom::before {
  border-top-color: var(--grey5);
}
.zln-lyte\:drop-box.type\:arrow .lyteArrow.lyteArrow.lyteArrowBottom::after {
  border-top-color: var(--white);
}
.zln-lyte\:drop-box.type\:arrow.min-width\:150 {
  min-width: 150px !important;
}
.zln-lyte\:drop-box.type\:arrow.max-height\:none lyte-drop-body {
  max-height: none;
}
.zln-lyte\:drop-box.type\:arrow.lyteDropdownHidden {
  transition-delay: 250ms;
}
.zln-lyte\:drop-box.type\:link {
  max-width: 350px;
}
.zln-lyte\:drop-box.type\:link lyte-drop-item a {
  font-size: 1.4rem;
  text-decoration: none;
  color: inherit;
}
.zln-lyte\:drop-box.type\:link lyte-breadcrumb-body {
  font-family: inherit;
  color: inherit;
}
.zln-lyte\:drop-box.type\:link.lyteDropdownCurve {
  border-radius: 3px;
}
.zln-lyte\:drop-box.lyteDropdownDown {
  box-shadow: 0 7px 15px rgba(27, 39, 51, 0.1);
  margin-top: 1px;
}
.zln-lyte\:drop-box.lyteDropdownUp {
  box-shadow: 0 -7px 15px rgba(27, 39, 51, 0.1);
  margin-bottom: 1px;
}
/* Lyte Drop Box end */
.zln-lyte\:popover lyte-popover-content {
  padding: 0;
}
.zln-lyte\:popover.zln-hover-card lyte-popover-content {
  padding: 20px;
}
.zln-lyte\:popover.zln-popover\:create-new-chapter lyte-popover-content {
  padding: 12px;
}
.zln-lyte\:popover.lytePopTopToOrig .lytePopover {
  border-radius: 5px;
  box-shadow: 0 -7px 15px rgba(27, 39, 51, 0.1);
}
.zlearn-os\:dark .zln-lyte\:popover.lytePopTopToOrig .lytePopover,
.zlearn-theme\:dark .zln-lyte\:popover.lytePopTopToOrig .lytePopover {
  box-shadow: 0 -7px 15px rgba(0, 0, 0, 0.4);
}
.zln-lyte\:popover.lytePopLeftToOrig .lytePopover,
.zln-lyte\:popover.lytePopRightToOrig .lytePopover,
.zln-lyte\:popover.lytePopBottomToOrig .lytePopover {
  border-radius: 5px;
  box-shadow: 0 7px 15px rgba(27, 39, 51, 0.1);
}
.zlearn-os\:dark .zln-lyte\:popover.lytePopLeftToOrig .lytePopover,
.zlearn-os\:dark .zln-lyte\:popover.lytePopRightToOrig .lytePopover,
.zlearn-os\:dark .zln-lyte\:popover.lytePopBottomToOrig .lytePopover,
.zlearn-theme\:dark .zln-lyte\:popover.lytePopLeftToOrig .lytePopover,
.zlearn-theme\:dark .zln-lyte\:popover.lytePopRightToOrig .lytePopover,
.zlearn-theme\:dark .zln-lyte\:popover.lytePopBottomToOrig .lytePopover {
  box-shadow: 0 7px 15px rgba(0, 0, 0, 0.4);
}
.zln-lyte\:popover.arrow-type\:grey .lytePopoverArrowIcon {
  background-color: var(--grey8);
}
.zln-lyte\:popover.zln-selected\:user-list .zln-loop.type\:list > * {
  gap: 30px;
}
.zln-lyte\:popover.type\:range-picker .lyteDateRangePickerRow {
  border: none;
  background-color: var(--white);
}
.zln-lyte\:popover.type\:range-picker .dRPCalendar2 .lyteCalTableContainer {
  border-color: var(--grey5);
}
.zln-lyte\:popover.type\:range-picker .lyteCalToday.lyteCalSel:not(.lyteDateRPLastDateSelected) {
  background: #5ba1e5;
}
.zln-lyte\:popover:not(.type\:range-picker) .lyteCalendarPopup .lyteCalTableCell:hover,
.zln-lyte\:popover:not(.type\:range-picker) .lyteCalendarPopup .lyteCalToday:hover {
  background-color: var(--product-accent-color-light);
}
.zln-lyte\:popover:not(.type\:range-picker) .lyteCalendarPopup .lyteCalSel,
.zln-lyte\:popover:not(.type\:range-picker) .lyteCalendarPopup .lyteCalSel:hover {
  background-color: var(--product-accent-color);
  color: hsl(0, 0%, 100%);
  border: 1px solid var(--product-accent-color);
}
.zln-lyte\:popover:not(.type\:range-picker) .lyteCalendarPopup .lyteCalBtns .lyteCalCurrentDate {
  border-color: var(--grey5);
  margin: 0;
}
.zln-lyte\:popover:not(.type\:range-picker) .lyteCalendarPopup .lyteCalBtns .lyteCalCurrentDate a {
  color: var(--product-accent-color);
}
.zln-lyte\:popover:not(.type\:range-picker) .lyteCalendarPopup .lyteCalToday {
  background-color: var(--white);
  color: var(--product-accent-color);
  border: 1px solid var(--product-accent-color);
}
.lyteCalendarPopup {
  background-color: var(--white);
  box-shadow: none;
  border: none;
  font-family: inherit;
}
.lyteCalendarPopup .lyteCalTableCell,
.lyteCalendarPopup .lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalHoliday,
.lyteCalendarPopup .lyteCalWeekSelType .lyteCalTableRow:hover .lyteCalWeekend,
.lyteCalendarPopup .lyteCalWeekend,
.lyteCalendarPopup .lyteCalWeekendHeader,
.lyteCalendarPopup .lyteCalTableCellHeader {
  color: var(--grey0);
}
.lyteCalendarPopup .lyteCalDisabled.lyteCalSel,
.lyteCalendarPopup .lyteCalSel {
  color: hsl(0, 0%, 100%);
}
.lyteCalendarPopup .lyteCalendarNavigator .lyteCalsCalMon {
  color: inherit;
}
.lyteCalendarPopup .lyteDateRPFirstDateSelected,
.lyteCalendarPopup .lyteDateRPFirstDateSelected:hover,
.lyteCalendarPopup .lyteDateRPLastDateSelected,
.lyteCalendarPopup .lyteDateRPLastDateSelected:hover,
.lyteCalendarPopup .lyteDateRPTempFirstDateSelected,
.lyteCalendarPopup .lyteDateRPTempFirstDateSelected:hover,
.lyteCalendarPopup .lyteDateRPTempLastDateSelected,
.lyteCalendarPopup .lyteDateRPTempLastDateSelected:hover,
.lyteCalendarPopup .lyteDateRPTempSelected.lyteDateRPTempFirstDateSelected:hover,
.lyteCalendarPopup .lyteDateRPTempSelected.lyteDateRPTempLastDateSelected:hover {
  color: hsl(0, 0%, 100%);
}
.lyteCalendarPopup .lyteCalNav {
  height: 24px;
  width: 24px;
  border: none;
  padding: 2px;
  background-repeat: no-repeat;
  background-position: center;
}
.lyteCalendarPopup .lyteCalNav:before {
  display: none;
}
.lyteCalendarPopup .lyteCalNav:hover {
  border: none;
  background-color: var(--grey7);
}
.lyteCalendarPopup .lyteCalNav.lyteCaldLft {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" height="24" width="24" stroke="hsl(227, 15%, 40%)"><path stroke-linecap="round" stroke-linejoin="round" d="m11.25 9-3 3m0 0 3 3m-3-3h7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /></svg>');
}
.zlearn-os\:dark .lyteCalendarPopup .lyteCalNav.lyteCaldLft,
.zlearn-theme\:dark .lyteCalendarPopup .lyteCalNav.lyteCaldLft {
  opacity: 0.7;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" height="24" width="24" stroke="white"><path stroke-linecap="round" stroke-linejoin="round" d="m11.25 9-3 3m0 0 3 3m-3-3h7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /></svg>');
}
.lyteCalendarPopup .lyteCalNav.lyteCaldRgt {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" height="24" width="24" stroke="hsl(227, 15%, 40%)"><path stroke-linecap="round" stroke-linejoin="round" d="m12.75 15 3-3m0 0-3-3m3 3h-7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /></svg>');
}
.zlearn-os\:dark .lyteCalendarPopup .lyteCalNav.lyteCaldRgt,
.zlearn-theme\:dark .lyteCalendarPopup .lyteCalNav.lyteCaldRgt {
  opacity: 0.7;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" height="24" width="24" stroke="white"><path stroke-linecap="round" stroke-linejoin="round" d="m12.75 15 3-3m0 0-3-3m3 3h-7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" /></svg>');
}
.lyteCalendarPopup lyte-dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]) lyte-drop-button {
  background-color: var(--white);
  border: 1px solid var(--grey4) !important;
  border-radius: 3px;
  color: var(--grey0);
  padding: 4px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  user-select: none;
}
.lyteCalendarPopup lyte-dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]) lyte-drop-button span {
  font-size: inherit;
}
.lyteCalendarPopup lyte-dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]) lyte-drop-button lyte-icon {
  position: static;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="16" height="16" stroke-width="2" stroke="hsla(227,15%,40%,1)"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
  padding: 4px;
  background-repeat: no-repeat;
  opacity: 0.7;
  background-position: center;
  transform: inherit;
  width: auto;
  height: auto;
  margin-top: 2px;
}
.zlearn-os\:dark .lyteCalendarPopup lyte-dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]) lyte-drop-button lyte-icon,
.zlearn-theme\:dark .lyteCalendarPopup lyte-dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]) lyte-drop-button lyte-icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="16" height="16" stroke-width="2" stroke="hsla(226,10%,90%,1)"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
.zln-popover\:space-list.lytePopTopToOrig .lytePopover {
  margin-top: -3px;
  margin-left: 2px;
}
.zln-popover\:space-list.lytePopBottomToOrig .lytePopover {
  margin-top: 3px;
  margin-left: 2px;
}
.zln-author-info-popover .lytePopover {
  padding: 20px 25px;
  min-width: 350px;
}
/*--- Shared manual label tooltip style starts ---*/
.lyteHovercardPopover.lyteHovercardPopover .lytePopover {
  background-color: var(--grey0);
  color: var(--white);
}
.zlearn-os\:dark .lyteHovercardPopover.lyteHovercardPopover .lytePopover,
.zlearn-theme\:dark .lyteHovercardPopover.lyteHovercardPopover .lytePopover {
  background-color: hsl(0, 0%, 100%);
}
.lyteHovercardPopover.lyteHovercardPopover .lytePopover .lytePopoverArrowIcon {
  background-color: inherit;
}
.lyteHovercardPopover.lyteHovercardPopover .lytePopover .lytePopoverArrowIcon.lytePopoverArrowBottom,
.lyteHovercardPopover.lyteHovercardPopover .lytePopover .lytePopoverArrowIcon.lytePopoverArrowLeft,
.lyteHovercardPopover.lyteHovercardPopover .lytePopover .lytePopoverArrowIcon.lytePopoverArrowTop,
.lyteHovercardPopover.lyteHovercardPopover .lytePopover .lytePopoverArrowIcon.lytePopoverArrowRight {
  box-shadow: none;
}
/*--- Shared manual label tooltip style end ---*/
.zln-lyte\:colorpicker .lyteColorPicker {
  border: none;
  box-shadow: none;
  background: transparent;
}
.zln-lyte\:colorpicker .lyteColorPicker__default {
  width: auto;
}
.zln-lyte\:colorpicker .lyteColorPicker__palettecontainer {
  border-bottom: none;
  padding: 0;
}
.zln-lyte\:colorpicker .lyteColorPicker__paletteheading {
  display: none;
}
.zln-lyte\:colorpicker .lyteColorPicker__palette {
  padding: 20px;
}
.zln-lyte\:colorpicker .lyteColorPicker__colorpan {
  height: 30px;
  width: 30px;
  margin: 7px;
  border-radius: 30px;
}
.zln-lyte\:colorpicker .default__colors:first-child .lyteColorPicker__colorpan {
  margin-bottom: 0;
}
.zln-lyte\:colorpicker .lyteColorPicker__colorpan.lyteCPSelectedColor::before {
  width: 10px;
  height: 4px;
  top: 9px;
  left: 8px;
  border-width: 3px;
}
.zln-direction\:rtl lyte-menu-item,
.zln-direction\:rtl lyte-accordion-header,
.zln-direction\:rtl lyte-accordion-body {
  text-align: right;
}
.zln-lyte\:accordion lyte-accordion-item {
  background-color: var(--white);
  border-radius: 3px;
  border-bottom: none;
  margin: 0;
}
.zln-lyte\:accordion lyte-accordion-item lyte-accordion-header {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  background: transparent;
  user-select: none;
  display: flex;
  align-items: center;
  gap: 15px;
}
.zln-lyte\:accordion lyte-accordion-item lyte-accordion-header .lyteAccordionArrow {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="16" height="16" stroke-width="2" stroke="hsla(227,15%,40%,1)"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
  padding: 7px;
  background-repeat: no-repeat;
  opacity: 0.7;
  background-position: center;
  transform: inherit;
  float: none;
  margin: 0;
  width: auto;
  height: auto;
  position: static;
  transition: 0.3s all ease;
}
.zlearn-os\:dark .zln-lyte\:accordion lyte-accordion-item lyte-accordion-header .lyteAccordionArrow,
.zlearn-theme\:dark .zln-lyte\:accordion lyte-accordion-item lyte-accordion-header .lyteAccordionArrow {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="16" height="16" stroke-width="2" stroke="hsla(226,10%,90%,1)"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
.zln-lyte\:accordion lyte-accordion-item lyte-accordion-body {
  width: auto;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}
.zln-lyte\:accordion lyte-accordion-item.lyteAccordionActive .lyteAccordionArrow {
  transform: rotate(180deg);
}
.lyteTooltip {
  background-color: var(--grey0);
  color: var(--white);
}
.zlearn-os\:dark .lyteTooltip,
.zlearn-theme\:dark .lyteTooltip {
  background-color: hsl(0, 0%, 100%);
}
.lyteRangeSlider .lyteSliderFill {
  background-color: var(--product-accent-color);
}
.lyteRangeSlider .lyteSquare.lyteSliderHandler,
.lyteRangeSlider .lyteCircle.lyteSliderHandler {
  border-color: var(--product-accent-color);
}
.lyteColorPickerPopover.lytePopTopToOrig .lytePopover {
  border-radius: 5px;
  box-shadow: 0 -7px 15px rgba(27, 39, 51, 0.1);
}
.zlearn-os\:dark .lyteColorPickerPopover.lytePopTopToOrig .lytePopover,
.zlearn-theme\:dark .lyteColorPickerPopover.lytePopTopToOrig .lytePopover {
  box-shadow: 0 -7px 15px rgba(0, 0, 0, 0.4);
}
.lyteColorPickerPopover.lytePopLeftToOrig .lytePopover,
.lyteColorPickerPopover.lytePopRightToOrig .lytePopover,
.lyteColorPickerPopover.lytePopBottomToOrig .lytePopover {
  border-radius: 5px;
  box-shadow: 0 7px 15px rgba(27, 39, 51, 0.1);
}
.zlearn-os\:dark .lyteColorPickerPopover.lytePopLeftToOrig .lytePopover,
.zlearn-os\:dark .lyteColorPickerPopover.lytePopRightToOrig .lytePopover,
.zlearn-os\:dark .lyteColorPickerPopover.lytePopBottomToOrig .lytePopover,
.zlearn-theme\:dark .lyteColorPickerPopover.lytePopLeftToOrig .lytePopover,
.zlearn-theme\:dark .lyteColorPickerPopover.lytePopRightToOrig .lytePopover,
.zlearn-theme\:dark .lyteColorPickerPopover.lytePopBottomToOrig .lytePopover {
  box-shadow: 0 7px 15px rgba(0, 0, 0, 0.4);
}
.lyteColorPickerPopover .lyteColorPicker__palette .standard__colors {
  padding: 0;
}
.lyteColorPickerPopover .lyteColorPicker__showhidecontainer {
  font-family: inherit;
}
.lyteColorPickerPopover .lyteColorPicker__text,
.lyteColorPickerPopover .lyteColorPicker__paletteheading {
  color: inherit;
}
.lyteColorPickerPopover .lyteColorPicker__palettecontainer {
  border-color: var(--grey5);
}
.zlearn-os\:dark .lyteColorPickerPopover .lyteColorPicker__icon,
.zlearn-theme\:dark .lyteColorPickerPopover .lyteColorPicker__icon {
  filter: invert(1);
}
.lyteColorPickerPopover .lyteColorPicker__navigatable:hover {
  background-color: var(--grey8);
}
.lyteColorPickerPopover .lyteColorpickerForwardArrow.LCP_rightArrow {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="hsla(227,10%,90%,1);"><path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>');
}
.zlearn-os\:dark .lyteColorPickerPopover .lyteColorpickerForwardArrow.LCP_rightArrow,
.zlearn-theme\:dark .lyteColorPickerPopover .lyteColorpickerForwardArrow.LCP_rightArrow {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="hsla(226,15%,45%,1)"><path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" /></svg>');
}
.lyteColorPickerPopover .lytePrimaryBtn {
  background-color: var(--grey0);
  border-color: var(--grey0);
  border-radius: 3px;
  color: var(--white);
}
.zlearn-os\:dark .lyteColorPickerPopover .lytePrimaryBtn,
.zlearn-theme\:dark .lyteColorPickerPopover .lytePrimaryBtn {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 100%);
}
.lyteColorPickerPopover .lyteColorPicker--advanced .colorDiv {
  border-color: var(--grey4);
}
.lyteColorPickerPopover .lyteColorPicker--advanced .opacityPreviewDiv__transparentbg,
.lyteColorPickerPopover .lyteColorPicker--advanced .previewDiv {
  border-color: var(--grey4);
}
.lyteColorPickerPopover .lyteColorPicker--advanced lyte-td,
.lyteColorPickerPopover .lyteColorPicker--advanced lyte-table-structure {
  background-color: var(--white);
  color: var(--grey0);
}
.lyteColorPickerPopover .lyteColorPicker--advanced lyte-drop-button {
  background-color: var(--white);
  border-color: var(--grey4);
  color: var(--grey0);
}
.lyteColorPickerPopover .lyteColorPicker--advanced lyte-drop-button .dropdown {
  filter: invert(1);
}
.lyteColorPickerPopover .lyteColorPicker--advanced .showValue .lyteField {
  border-color: var(--grey4);
}
.lyteColorPickerPopover .lyteColorPicker--advanced .lyteInputBox input,
.lyteColorPickerPopover .lyteColorPicker--advanced lyte-input textarea {
  background-color: var(--white);
  color: var(--grey0);
}
.lyteColorPickerPopover .lyteColorPicker--advanced .lyteDefaultBtn {
  background-color: var(--grey8);
  border-color: var(--grey4);
  color: var(--grey0);
}
.lyteColorPickerPopover .lyteColorPicker--advanced .lyteMultiSearchDropButtonFocused,
.lyteColorPickerPopover .lyteColorPicker--advanced .lyteMultiSearchDropButtonFocused:hover,
.lyteColorPickerPopover .lyteColorPicker--advanced lyte-dropdown .lyteDummyEventContainer:focus lyte-drop-button,
.lyteColorPickerPopover .lyteColorPicker--advanced lyte-dropdown .lyteDummyEventContainer:focus lyte-drop-button:hover {
  border-color: var(--grey4);
}
/*--- Lyte breadcrumb style starts ---*/
.zln-lyte\:breadcrumb.zln-lyte\:breadcrumb lyte-yield {
  display: block;
}
.zln-lyte\:breadcrumb.zln-lyte\:breadcrumb lyte-breadcrumb-item {
  margin: 0;
  display: inline-flex;
  align-items: center;
}
.zln-lyte\:breadcrumb.zln-lyte\:breadcrumb lyte-breadcrumb-item a {
  text-decoration: none;
  color: var(--grey0);
  font-size: 1.4rem;
}
.zln-lyte\:breadcrumb.zln-lyte\:breadcrumb lyte-breadcrumb-item a:hover {
  text-decoration: underline;
  color: var(--product-accent-color);
}
.zln-lyte\:breadcrumb.zln-lyte\:breadcrumb lyte-breadcrumb-item lyte-breadcrumb-body {
  font-family: inherit;
  color: inherit;
  font-size: inherit;
}
.zln-lyte\:breadcrumb.zln-lyte\:breadcrumb lyte-breadcrumb-item.type\:link-disable a {
  color: inherit;
  cursor: default;
}
.zln-lyte\:breadcrumb.zln-lyte\:breadcrumb lyte-breadcrumb-item.type\:link-disable a:hover {
  text-decoration: none;
}
.zln-lyte\:breadcrumb.zln-lyte\:breadcrumb lyte-breadcrumb-item,
.zln-lyte\:breadcrumb.zln-lyte\:breadcrumb lyte-dropdown {
  padding: 0;
}
.zln-lyte\:breadcrumb.zln-lyte\:breadcrumb lyte-breadcrumb-item:after,
.zln-lyte\:breadcrumb.zln-lyte\:breadcrumb lyte-dropdown:after {
  content: "/";
  color: var(--grey3);
  background-image: none;
  position: static;
  height: auto;
  opacity: inherit;
  padding-inline: 10px;
}
.zln-lyte\:breadcrumb.zln-lyte\:breadcrumb .lyteBreadcrumbFirst {
  white-space: nowrap;
}
.zln-lyte\:breadcrumb.zln-lyte\:breadcrumb .lyteBreadcrumbFirst lyte-breadcrumb-item:first-of-type a {
  white-space: nowrap;
}
.zln-lyte\:breadcrumb.zln-lyte\:breadcrumb .lyteBreadcrumbLast {
  white-space: nowrap;
}
.zln-lyte\:breadcrumb.zln-lyte\:breadcrumb .lyteBreadcrumbLast lyte-breadcrumb-item:last-of-type a {
  color: var(--grey2);
  cursor: default;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-word;
}
.zln-lyte\:breadcrumb.zln-lyte\:breadcrumb .lyteBreadcrumbLast lyte-breadcrumb-item:last-of-type a:hover {
  text-decoration: none;
}
.zln-lyte\:breadcrumb.zln-lyte\:breadcrumb .lyteBreadcrumbLast lyte-breadcrumb-item:last-of-type:after {
  content: none;
}
.zln-lyte\:breadcrumb.zln-lyte\:breadcrumb .lyteBreadcrumbLast lyte-breadcrumb-item:last-of-type,
.zln-lyte\:breadcrumb.zln-lyte\:breadcrumb .lyteBreadcrumbLast lyte-breadcrumb-item:last-of-type :only-of-type {
  white-space: normal;
}
.zln-lyte\:breadcrumb.zln-lyte\:breadcrumb lyte-dropdown lyte-drop-button:hover {
  background-color: var(--grey7);
}
.zln-lyte\:breadcrumb.zln-lyte\:breadcrumb lyte-dropdown lyte-drop-button.lyteDropButtonDown.lyteDropButtonDown.lyteDropButtonDown {
  background: var(--grey7);
}
.zln-lyte\:breadcrumb.zln-lyte\:breadcrumb lyte-dropdown .lyteBreadcrumbCollapseIcon {
  width: 18px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="24" height="24"><path stroke-linecap="round" stroke-linejoin="round" d="M6.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM12.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM18.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" /></svg>');
  background-position: center;
  mask-image: none;
  background-color: transparent;
}
/*--- Lyte breadcrumb style end ---*/
/* Transition style */
@keyframes z-ani-show {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
  }
  100% {
    visibility: visible;
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
  }
}
@keyframes z-ani-show-left {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-10px);
  }
  100% {
    visibility: visible;
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
  }
}
@keyframes z-ani-show-right {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translateX(10px);
  }
  100% {
    visibility: visible;
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
  }
}
.zln-ani {
  animation-duration: 0.3s;
  animation-fill-mode: both;
}
.zln-ani\:1ms {
  animation-duration: 0.1s;
  animation-fill-mode: both;
}
.zln-ani\:6ms {
  animation-duration: 0.6s;
  animation-fill-mode: both;
}
.zln-ani\:1s {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.zln-ani\:2s {
  animation-duration: 2s;
  animation-fill-mode: both;
}
.zln-ani\:infinite {
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}
.z-hide-show {
  /* Temp fix */
}
.z-hide-show.zw-hide {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.z-hide-show.zw-show {
  animation-name: z-ani-show;
  display: inline-flex;
  flex-direction: column;
}
.z\:hide {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.z\:show {
  animation-name: z-ani-show;
  display: inline-flex;
}
.z\:show-flex {
  animation-name: z-ani-show;
  display: flex;
}
.z\:show-left {
  animation-name: z-ani-show-left;
  display: inline-flex;
}
.z\:show-right {
  animation-name: z-ani-show-right;
  display: inline-flex;
}
@keyframes ani-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes ani-load {
  0% {
    stroke-dashoffset: 0;
  }
  0% {
    stroke-dashoffset: 75;
  }
}
/*@keyframes ani-checkmark{
    0%{
       stroke-dashoffset:-36;
    }
    100%{
        stroke-dashoffset:-18;
    }
}*/
@keyframes ani-skeleton {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ani-colorpicker {
  0% {
    transform: scale(0.7);
    opacity: 1;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}
@keyframes ani-rays-rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes ani-starglowing {
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes ani-lp-stage {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ani-lp-inprogress {
  0% {
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
  100% {
    transform: scale3d(1.6, 1.6, 1.6);
    opacity: 0;
  }
}
@keyframes ani-badge-popout {
  0% {
    transform: scale(0.5);
    opacity: 0.5;
  }
  50% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes ani-tour-arrow-bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-25px);
  }
  60% {
    transform: translateY(-15px);
  }
}
@keyframes ani-tour-btn-bounce-right {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-25px);
  }
  60% {
    transform: translateX(-15px);
  }
}
:root {
  --manual-header-height: 60px;
  --manual-banner-height: 200px;
  --manual-topnav-height: 48px;
  --article-header-height: 56px;
  --manual-footer-height-exp-plan: 0px;
  --manual-footer-height: 0px;
  --approval-banner-height: 0px;
}
.zln-external-share\:article {
  --article-header-height: 0px;
  --chatbar-height: 0px;
}
.zln-external-share\:article.zln-plan\:express {
  --manual-footer-height-exp-plan: 60px;
}
.zln-external-share\:manual {
  --chatbar-height: 0px;
}
.zln-external-share\:manual.zln-plan\:express {
  --manual-footer-height-exp-plan: 60px;
}
.zln-external-share\:manual .zln-breadcrumb li:first-of-type,
.zln-external-share\:manual .zln-breadcrumb li:nth-child(2) {
  flex-shrink: 1;
}
.zln-enable\:approval-banner {
  --approval-banner-height: 48px;
}
/* Firefox browser check Hide A+ A- option */
@-moz-document url-prefix() {
  .zln-font\:size {
    display: none;
  }
}
/* Firefox browser check Hide A+ A- option */
/*---- Manual wrapper style starts  ----*/
.zln-manual-wrapper {
  height: calc(100vh - (var(--global-header-height) + var(--manual-header-height) + 1px + var(--chatbar-height) + var(--manual-footer-height-exp-plan)));
  /*1px footer border */
}
.zln-manual-left-layout .zln-article-nav {
  height: calc(100vh - (var(--global-header-height) + var(--manual-header-height) + var(--manual-footer-height) + var(--manual-footer-height-exp-plan) + 1px + var(--chatbar-height)));
  /*1px footer border */
  width: 320px;
}
/*---- Manual wrapper style end  ----*/
/* Manual header theme */
.theme\:1 .zln-manual-header {
  background: hsl(272, 24%, 68%);
}
.theme\:2 .zln-manual-header {
  background: hsl(233, 48%, 70%);
}
.theme\:3 .zln-manual-header {
  background: hsl(175, 43%, 70%);
}
.theme\:4 .zln-manual-header {
  background: hsl(109, 34%, 66%);
}
.theme\:5 .zln-manual-header {
  background: hsl(194, 58%, 73%);
}
.theme\:6 .zln-manual-header {
  background: hsl(40, 70%, 67%);
}
.theme\:00 .zln-manual-header {
  background-color: hsl(260, 55%, 65%);
}
.theme\:01 .zln-manual-header {
  background-color: hsl(16, 59%, 50%);
}
.theme\:02 .zln-manual-header {
  background-color: hsl(41, 100%, 45%);
}
.theme\:02 .zln-manual-header {
  background-color: hsl(41, 100%, 45%);
}
.theme\:03 .zln-manual-header {
  background-color: hsl(155, 57%, 46%);
}
.theme\:04 .zln-manual-header {
  background-color: hsl(177, 71%, 42%);
}
.theme\:05 .zln-manual-header {
  background-color: hsl(196, 100%, 44%);
}
.theme\:06 .zln-manual-header {
  background-color: hsl(227, 56%, 57%);
}
.theme\:07 .zln-manual-header {
  background-color: hsl(250, 50%, 59%);
}
.theme\:08 .zln-manual-header {
  background-color: hsl(300, 35%, 52%);
}
/* Manual header theme */
.zln-article-full-width .z-btn\:goto-top {
  left: calc(100% - 109px);
  bottom: 100px;
}
.zln-article-full-width .zln-fixed-width\:950 {
  max-width: 100%;
}
.zln-manual-view {
  --article-toc-width: 0px;
  --article-leftnav-width: 320px;
  --article-comment-width: 0px;
  --article-version-width: 0px;
}
.zln-manual-view.zln-manual-theme .zln-manual-share > button,
.zln-manual-view.zln-banner-view-show .zln-manual-share > button {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 100%);
  color: hsla(226, 41%, 8%, 0.8);
}
.zln-manual-view.zln-manual-theme .zln-manual-share > button .z-ico,
.zln-manual-view.zln-banner-view-show .zln-manual-share > button .z-ico {
  stroke: hsla(226, 41%, 8%, 0.8);
}
.zln-manual-view.zln-manual-theme .zln-manual-header,
.zln-manual-view.zln-banner-view-show .zln-manual-header {
  border-color: transparent;
}
.zln-manual-view.zln-manual-theme .zln-manual-header .zln-manual-title,
.zln-manual-view.zln-banner-view-show .zln-manual-header .zln-manual-title {
  color: hsl(0, 0%, 100%);
}
.zln-manual-view.zln-manual-theme .zln-manual-header .o-ico-arrow-small-left,
.zln-manual-view.zln-banner-view-show .zln-manual-header .o-ico-arrow-small-left {
  stroke: hsl(0, 0%, 100%);
}
.zln-manual-view.zln-manual-theme .zln-manual-header > .zln-header-right > li > button .o-ico-adjustments-horizontal,
.zln-manual-view.zln-banner-view-show .zln-manual-header > .zln-header-right > li > button .o-ico-adjustments-horizontal,
.zln-manual-view.zln-manual-theme .zln-manual-header > .zln-header-right > li > button .o-ico-ellipsis-vertical,
.zln-manual-view.zln-banner-view-show .zln-manual-header > .zln-header-right > li > button .o-ico-ellipsis-vertical,
.zln-manual-view.zln-manual-theme .zln-manual-header > .zln-header-right > li > button .o-ico-information-circle,
.zln-manual-view.zln-banner-view-show .zln-manual-header > .zln-header-right > li > button .o-ico-information-circle {
  stroke: hsl(0, 0%, 100%);
}
.zln-manual-view.zln-manual-theme .zln-manual-header > .zln-header-right > li .zln-input-container,
.zln-manual-view.zln-banner-view-show .zln-manual-header > .zln-header-right > li .zln-input-container {
  border-color: transparent;
}
.zln-manual-view.zln-manual-theme .zln-manual-header .zln-manual-logo,
.zln-manual-view.zln-banner-view-show .zln-manual-header .zln-manual-logo {
  background-color: hsl(0, 0%, 100%);
}
.zln-manual-view.zln-manual-theme .zln-manual-header .zln-manual-logo strong,
.zln-manual-view.zln-banner-view-show .zln-manual-header .zln-manual-logo strong {
  color: hsl(226, 41%, 8%);
}
.zln-manual-view .zln-manual-header .zln-header-right > li .zln-article-option {
  border-color: var(--grey4);
}
.zln-manual-view .zln-manual-header .zln-header-right > li .zln-article-option > li {
  background-color: var(--grey10);
}
.zlearn-os\:dark .zln-manual-view .zln-manual-header .zln-header-right > li .zln-article-option > li .z-ico,
.zlearn-theme\:dark .zln-manual-view .zln-manual-header .zln-header-right > li .zln-article-option > li .z-ico {
  fill: var(--grey1);
  stroke: var(--grey1);
}
.zln-manual-view .zln-manual-header .zln-header-right > li .zln-article-option > * + * {
  border-color: var(--grey4);
}
.zlearn-os\:dark .zln-manual-view .zln-manual-header .zln-header-right > li .zln-input-container,
.zlearn-theme\:dark .zln-manual-view .zln-manual-header .zln-header-right > li .zln-input-container {
  border-color: hsl(226, 15%, 33%);
}
.zln-manual-view .zln-manual-header .zln-header-right > li .zln-input-container:focus-within {
  border-color: transparent;
}
.zlearn-os\:dark .zln-manual-view.zln-manual-theme .zln-manual-header,
.zlearn-theme\:dark .zln-manual-view.zln-manual-theme .zln-manual-header {
  background-color: var(--white);
  border-color: var(--grey5);
}
.zln-manual-view.zln-manual-theme .zln-logo\:manual {
  background-color: hsl(0, 0%, 100%);
  color: hsla(226, 41%, 8%, 0.9);
}
.zln-manual-view.zln-banner-view-show .zln-manual-header {
  background-color: transparent;
}
.zln-manual-view.zln-banner-view-show .zln-manual-header .zln-header-right > li .zln-article-option {
  border-color: hsl(227, 10%, 84%);
}
.zln-manual-view.zln-banner-view-show .zln-manual-header .zln-header-right > li .zln-article-option > li {
  background-color: hsl(0, 0%, 100%);
}
.zlearn-os\:dark .zln-manual-view.zln-banner-view-show .zln-manual-header .zln-header-right > li .zln-article-option > li .z-ico,
.zlearn-theme\:dark .zln-manual-view.zln-banner-view-show .zln-manual-header .zln-header-right > li .zln-article-option > li .z-ico {
  fill: hsl(227, 15%, 40%);
  stroke: hsl(227, 15%, 40%);
}
.zln-manual-view.zln-banner-view-show .zln-manual-header .zln-header-right > li .zln-article-option > li button:hover {
  background-color: hsl(227, 10%, 95%);
}
.zln-manual-view.zln-banner-view-show .zln-manual-header .zln-header-right > li .zln-article-option > * + * {
  border-inline-color: hsl(227, 10%, 84%);
}
.zln-manual-view.zln-banner-view-show .zln-manual-header .zln-header-right > li .zln-input-container {
  background-color: hsl(0, 0%, 100%);
  border-color: transparent;
}
.zlearn-os\:dark .zln-manual-view.zln-banner-view-show .zln-manual-header .zln-header-right > li .zln-input-container .z-ico,
.zlearn-theme\:dark .zln-manual-view.zln-banner-view-show .zln-manual-header .zln-header-right > li .zln-input-container .z-ico {
  fill: hsl(227, 15%, 40%);
  stroke: hsl(227, 15%, 40%);
}
.zln-manual-view.zln-banner-view-show .zln-manual-header .zln-header-right > li .zln-input-container .reset\:input::placeholder {
  color: hsl(227, 10%, 70%);
}
.zln-manual-view.zln-banner-enable .zln-manual-banner {
  display: block;
  visibility: visible;
  opacity: 1;
  background-color: var(--grey5);
}
.zln-manual-view.zln-banner-enable .zln-manual-wrapper {
  margin-top: -60px;
  height: calc(100vh - (var(--global-header-height) + 1px + var(--chatbar-height) + var(--manual-footer-height-exp-plan)));
  /* 20px left nav bottom space, 1px footer border */
}
.zln-manual-view.zln-banner-enable .zln-manual-left-layout .zln-slider\:mandatory-read-statistics,
.zln-manual-view.zln-banner-enable .zln-manual-left-layout .zln-slider\:version-history,
.zln-manual-view.zln-banner-enable .zln-manual-left-layout .zln-slider\:article-comment {
  top: calc(var(--manual-header-height) + var(--article-header-height) + var(--approval-banner-height) + 1px);
  /* 1px article header bottom border and  approval banner bottom border */
}
.zln-manual-view.zln-banner-enable .zln-manual-left-layout .zln-article-nav {
  top: var(--manual-header-height);
}
.zln-manual-view.zln-banner-enable .zln-manual-left-layout .zln-top-header\:article {
  top: var(--manual-header-height);
}
.zln-manual-view.zln-banner-enable .zln-manual-left-layout .zln-banner\:approval {
  top: calc(var(--article-header-height) + var(--manual-header-height) + 1px);
}
.zln-manual-view.zln-banner-enable .zln-manual-left-layout .zln-toc\:article {
  top: calc(var(--manual-header-height) + var(--article-header-height) + var(--approval-banner-height) + 32px);
  margin-top: 32px;
}
.zln-manual-view.zln-banner-enable .zln-manual-left-layout .zln-enable\:approval-banner .zln-slider\:mandatory-read-statistics,
.zln-manual-view.zln-banner-enable .zln-manual-left-layout .zln-enable\:approval-banner .zln-slider\:version-history,
.zln-manual-view.zln-banner-enable .zln-manual-left-layout .zln-enable\:approval-banner .zln-slider\:article-comment {
  top: calc(var(--manual-header-height) + var(--article-header-height) + var(--approval-banner-height) + 2px);
  /* 2px article header bottom border and  approval banner bottom border */
  height: calc(100vh - (var(--global-header-height) + var(--manual-header-height) + var(--article-header-height) + var(--approval-banner-height) + 3px + var(--chatbar-height)));
  /* 3px article header bottom border and approval banner bottom border */
}
.zln-manual-view.zln-banner-enable .zln-manual-top-layout .zln-slider\:mandatory-read-statistics,
.zln-manual-view.zln-banner-enable .zln-manual-top-layout .zln-slider\:version-history,
.zln-manual-view.zln-banner-enable .zln-manual-top-layout .zln-slider\:article-comment {
  top: calc(var(--manual-header-height) + var(--manual-topnav-height) + var(--article-header-height) + var(--approval-banner-height) + 2px);
  /* 2px top nav + approval banner + article header bottom border */
}
.zln-manual-view.zln-banner-enable .zln-manual-top-layout .zln-article-nav {
  top: var(--manual-header-height);
}
.zln-manual-view.zln-banner-enable .zln-manual-top-layout .zln-top-header\:article {
  top: calc(var(--manual-header-height) + var(--manual-topnav-height) + 1px);
  /* 1px top nav bottom border */
}
.zln-manual-view.zln-banner-enable .zln-manual-top-layout .zln-banner\:approval {
  top: calc(var(--article-header-height) + var(--manual-header-height) + var(--manual-topnav-height) + 2px);
  /* 1px top nav bottom border */
}
.zln-manual-view.zln-banner-enable .zln-manual-top-layout .zln-toc\:article {
  top: calc(var(--manual-header-height) + var(--manual-topnav-height) + var(--article-header-height) + var(--approval-banner-height) + 32px);
  margin-top: 32px;
}
.zln-manual-view.zln-banner-enable .zln-manual-top-layout .zln-enable\:approval-banner .zln-slider\:mandatory-read-statistics,
.zln-manual-view.zln-banner-enable .zln-manual-top-layout .zln-enable\:approval-banner .zln-slider\:version-history,
.zln-manual-view.zln-banner-enable .zln-manual-top-layout .zln-enable\:approval-banner .zln-slider\:article-comment {
  top: calc(var(--manual-header-height) + var(--manual-topnav-height) + var(--article-header-height) + var(--approval-banner-height) + 3px);
  /* 3px top nav + approval banner + article header bottom border */
  height: calc(100vh - (var(--global-header-height) + var(--manual-header-height) + var(--article-header-height) + var(--manual-topnav-height) + var(--approval-banner-height) + 4px + var(--chatbar-height)));
  /* 4px article header bottom border and approval banner bottom border */
}
.zln-manual-view.zln-hide-nav {
  --article-leftnav-width: 0px;
}
.zln-manual-view.zln-hide-nav .zln-manual-left-layout navigation-menu {
  margin-inline-start: -320px;
}
.zln-manual-view.zln-show-comment {
  --article-comment-width: 500px;
  --article-toc-width: 0px;
}
.zln-manual-view.zln-show-history {
  --article-version-width: 450px;
  --article-toc-width: 0px;
}
.zln-manual-view.zln-show-history .zln-toc\:article,
.zln-manual-view.zln-show-comment .zln-toc\:article,
.zln-manual-view.zln-show-history .zln-nav\:hamburger-btn,
.zln-manual-view.zln-show-comment .zln-nav\:hamburger-btn {
  display: none;
}
.zln-manual-view .zln-manual-left-layout .zln-fixed-width\:950 {
  width: calc(100vw - (var(--article-leftnav-width) + var(--article-toc-width) + var(--article-comment-width) + var(--article-version-width) + 51px));
  /* Margin left and right 25px + 1px comment,version border */
}
.zln-manual-view .zln-manual-top-layout .zln-fixed-width\:950 {
  width: calc(100vw - (var(--article-toc-width) + var(--article-comment-width) + var(--article-version-width) + 51px));
  /* Margin left and right 25px + 1px comment,version border */
}
@media (min-width: 1025px) {
  .zln-manual-view.zln-show\:toc {
    --article-toc-width: 300px;
  }
  .zln-manual-view .zln-wrapper\:embed-file .zln-slider\:mandatory-read-statistics,
  .zln-manual-view .zln-wrapper\:embed-file .zln-slider\:article-comment,
  .zln-manual-view .zln-wrapper\:embed-file .zln-slider\:version-history {
    margin-inline-end: 0;
  }
}
.zln-article\:maximize {
  --article-leftnav-width: 0px;
  --global-header-height: 0px;
  --manual-header-height: 0px;
  --manual-topnav-height: -1px;
}
.zln-article\:maximize .zln-nav\:hamburger-btn {
  display: none;
}
.zln-article\:maximize .zln-manual-container.zln-manual-container.zln-manual-container {
  grid-template-columns: none;
  grid-template-rows: none;
}
/***** Manual Header bg start *****/
/***** Manual Header bg end *****/
/*---- Manual header style starts  ----*/
.zln-manual-header {
  background-color: var(--white);
  border-bottom: 1px solid var(--grey5);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: calc(var(--manual-header-height) - 1px);
  z-index: 2;
  position: sticky;
  padding: 0 20px;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
}
.zln-manual-banner .zln-manual-header {
  position: absolute;
  background-color: transparent;
  border-bottom: none;
  box-shadow: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
}
.zln-manual-share .zln-cp-manual-share,
.zln-manual-share .zln-external-share,
.zln-manual-share .zln-share-everyone {
  padding: 15px 25px;
  border-top: 1px solid var(--grey5);
}
.zln-manual-share .zln-external-share .zln-ico-wrapper {
  background-color: #ffefd4;
}
.zln-manual-share .zln-external-share .zln-ico-wrapper .z-ico {
  stroke: #df9511;
}
.zln-manual-share .zln-share-everyone .zln-ico-wrapper {
  background-color: #eef2ff;
}
.zln-manual-share .zln-share-everyone .zln-ico-wrapper .z-ico {
  stroke: #466ff5;
}
.zln-manual-share .zln-cp-manual-share .zln-ico-wrapper {
  background-color: hsl(227, 100%, 96%);
}
.zln-manual-share .zln-cp-manual-share .zln-ico-wrapper .z-ico {
  stroke: #466ff5;
}
.zln-style-guide .zln-font\:face > * {
  cursor: pointer;
  border-radius: 5px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zln-style-guide .zln-font\:face > *:hover {
  background-color: var(--grey7);
}
.zln-style-guide .zln-font\:face > *.zln-active {
  background-color: var(--grey7);
  color: var(--product-accent-color);
}
.zln-style-guide .zln-font\:size li label {
  padding: 5px;
  cursor: pointer;
  display: inline-flex;
}
.zln-style-guide .zln-font\:size li input {
  background-color: var(--grey4);
  margin: 0;
  border-radius: 10px;
  padding: 8px;
  transform: scale3d(0.4, 0.4, 0.4);
  cursor: pointer;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zln-style-guide .zln-font\:size li input:checked {
  background-color: var(--product-accent-color);
  transform: scale3d(1, 1, 1);
}
.zln-style-guide .zln-font\:size li:hover input {
  transform: scale3d(1, 1, 1);
}
.zln-style-guide .zln-font\:size .zln-line {
  border-bottom: 1px solid var(--grey4);
  position: absolute;
  left: 35px;
  right: 40px;
  z-index: -1;
}
.zln-style-guide .zln-manage\:layout > * {
  border: 1px solid var(--grey4);
  border-radius: 3px;
  padding: 8px 11px;
  cursor: pointer;
}
.zln-style-guide .zln-manage\:layout > *:hover {
  background-color: var(--grey8);
}
.zln-style-guide .zln-manage\:layout > *.zln-active {
  border-color: var(--product-accent-color);
}
.zln-style-guide .zln-manage\:layout > * .z-ico {
  fill: var(--grey4);
}
/*---- Manual header style end  ----*/
/*---- Manual container style starts  ----*/
.zln-manual-container .zln-top-header\:article {
  background-color: var(--white);
  border-bottom: 1px solid var(--grey5);
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  height: var(--article-header-height);
  z-index: 1;
  width: calc(100vw -(var(--article-leftnav-width) + 50px));
  /* Left and right padding 50px */
}
.zln-hide-nav .zln-manual-container .zln-top-header\:article .zln-nav\:hamburger-btn .z-ico {
  stroke: var(--product-accent-color);
}
.zln-manual-container .zln-toc\:article {
  width: 300px;
  flex-shrink: 0;
  box-sizing: border-box;
  top: calc(var(--article-header-height) + var(--approval-banner-height) + 32px);
  height: calc(100vh - (var(--global-header-height) + var(--article-header-height) + var(--manual-header-height) + var(--manual-footer-height) + var(--manual-footer-height-exp-plan) + 1px + var(--chatbar-height) + var(--approval-banner-height) + 62px));
  /* 62px top and bottom space */
  overflow: auto;
}
.zln-article-option {
  border: 1px solid var(--grey4);
  border-radius: 3px;
}
.zln-article-option > * + * {
  border-inline-start: 1px solid var(--grey4);
}
.zln-article-option li button {
  align-items: center;
  padding: 5px 7px;
}
.zln-article-option li button .zls-red-dot {
  top: 2px;
  right: 2px;
  border-color: var(--white);
}
.zln-article-option li button:hover {
  background-color: var(--grey7);
}
.zln-article-option li button:hover .zls-red-dot {
  border-color: var(--grey7);
}
.zln-article-option li .zln-moreoption-dropdown {
  right: -12px;
  top: 22px;
}
/*---- Manual container style end  ----*/
.zln-article-nav .o-ico-exclamation-box {
  stroke: #c96b1d;
}
.zln-article-nav .o-ico-document-tick {
  stroke: #15b448;
}
/*---- Manual left layout style starts  ----*/
@media (min-width: 1025px) {
  .zln-manual-left-layout .zln-manual-container {
    grid-template-columns: auto 1fr;
  }
}
.zln-manual-left-layout navigation-menu {
  transition: margin 0.2s, height 0.1s;
  top: 0;
}
.zlearn-os\:dark .zln-manual-left-layout .zln-article-nav,
.zlearn-theme\:dark .zln-manual-left-layout .zln-article-nav {
  background-color: var(--grey6);
  box-shadow: inset -1px -1px 0 0.1px var(--grey5);
}
.zln-manual-left-layout .zln-article-nav .zln-tree {
  padding: 20px;
}
.zln-manual-left-layout .zln-article-nav .zln-tree > li > a {
  padding-left: 15px;
}
.zln-manual-left-layout .zln-article-nav .zln-tree li:first-of-type strong {
  margin-top: 0;
}
.zln-manual-left-layout .zln-article-nav .zln-tree li a {
  border-radius: 5px;
}
.zln-manual-left-layout .zln-article-nav .zln-tree li a:hover {
  background-color: var(--grey5);
}
.zln-manual-left-layout .zln-article-nav .zln-tree li a.zln-active {
  background-color: var(--grey0);
  color: hsl(0, 0%, 100%);
}
.zlearn-os\:dark .zln-manual-left-layout .zln-article-nav .zln-tree li a.zln-active,
.zlearn-theme\:dark .zln-manual-left-layout .zln-article-nav .zln-tree li a.zln-active {
  background-color: transparent;
  color: var(--product-accent-color);
}
.zln-manual-left-layout .zln-article-nav .zln-tree li a.zln-active .o-ico-document-tick,
.zln-manual-left-layout .zln-article-nav .zln-tree li a.zln-active .o-ico-exclamation-box {
  stroke: hsl(0, 0%, 100%);
}
.zln-manual-left-layout .zln-article-nav .zln-tree ul {
  overflow: hidden;
  /* Menu expand collapse jerk issue fixed */
}
.zln-manual-left-layout .zln-article-nav .zln-tree ul li {
  padding-left: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.zln-manual-left-layout .zln-article-nav .zln-searchbox + .zln-tree {
  padding-top: 0;
}
.zln-manual-left-layout .zln-article-nav .zln-article-nav-foo {
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  background-color: var(--white);
  border-inline-end: 1px solid var(--grey5);
}
.zln-manual-left-layout .zln-slider\:mandatory-read-statistics,
.zln-manual-left-layout .zln-slider\:article-comment,
.zln-manual-left-layout .zln-slider\:version-history {
  position: sticky;
  height: calc(100vh - (var(--global-header-height) + var(--manual-header-height) + var(--article-header-height) + var(--approval-banner-height) + 2px + var(--chatbar-height)));
  /* 2px article header bottom border and approval banner bottom border */
  top: calc(var(--article-header-height) + var(--approval-banner-height) + 1px);
  /* 1px article header bottom border and approval banner bottom border */
  margin-inline-end: -25px;
}
.zln-manual-left-layout .zln-enable\:approval-banner .zln-slider\:mandatory-read-statistics,
.zln-manual-left-layout .zln-enable\:approval-banner .zln-slider\:article-comment,
.zln-manual-left-layout .zln-enable\:approval-banner .zln-slider\:version-history {
  height: calc(100vh - (var(--global-header-height) + var(--manual-header-height) + var(--article-header-height) + var(--approval-banner-height) + 3px + var(--chatbar-height)));
  /* 3px article header bottom border and approval banner bottom border */
  top: calc(var(--article-header-height) + var(--approval-banner-height) + 2px);
  /* 2px article header bottom border and approval banner bottom border */
}
/*---- Manual left layout style end  ----*/
/*---- Manual top layout style starts  ----*/
.zln-manual-top-layout .zln-manual-container {
  grid-template-rows: auto 1fr;
}
.zln-manual-top-layout .zln-manual-container .zln-top-header\:article {
  top: calc(var(--manual-topnav-height) + 1px);
  /* 1px top nav header bottom border */
}
.zln-manual-top-layout .zln-manual-container .zln-top-header\:article .zln-nav\:hamburger-btn {
  display: none;
}
.zln-manual-top-layout .zln-manual-container .zln-toc\:article {
  top: calc(var(--manual-topnav-height) + var(--article-header-height) + var(--approval-banner-height) + 32px);
  height: calc(100vh - (var(--global-header-height) + var(--article-header-height) + var(--manual-header-height) + var(--manual-footer-height) + var(--manual-footer-height-exp-plan) + 1px + var(--manual-topnav-height) + var(--chatbar-height) + var(--approval-banner-height) + 62px));
  /* 62px top and bottom space */
}
.zln-manual-top-layout .zln-article-nav {
  height: var(--manual-topnav-height);
  border-bottom: 1px solid var(--grey5);
  justify-content: center;
}
.zln-manual-top-layout .zln-article-nav .zln-article-list > li > strong,
.zln-manual-top-layout .zln-article-nav .zln-article-list > li > a {
  color: var(--grey0);
  text-decoration: none;
  display: flex;
  padding: 13px 0;
  font-size: 1.4rem;
  align-items: center;
  font-weight: 500;
  cursor: pointer;
  border-bottom: 1px solid transparent;
}
.zln-manual-top-layout .zln-article-nav .zln-article-list > li > strong:hover,
.zln-manual-top-layout .zln-article-nav .zln-article-list > li > a:hover {
  border-color: var(--grey2);
}
.zln-manual-top-layout .zln-article-nav .zln-article-list > li > strong.zln-active,
.zln-manual-top-layout .zln-article-nav .zln-article-list > li > a.zln-active {
  color: var(--product-accent-color);
  border-color: var(--product-accent-color);
}
.zln-manual-top-layout .zln-article-nav .zln-article-list > li > strong.zln-active .o-ico-chevron-down,
.zln-manual-top-layout .zln-article-nav .zln-article-list > li > a.zln-active .o-ico-chevron-down {
  stroke: var(--product-accent-color);
}
.zln-manual-top-layout .zln-banner\:approval.zln-banner\:approval {
  top: calc(var(--article-header-height) + var(--manual-topnav-height) + 2px);
  /* 2px top nav + article header bottom border */
  height: var(--approval-banner-height);
}
.zln-manual-top-layout .zln-slider\:mandatory-read-statistics,
.zln-manual-top-layout .zln-slider\:article-comment,
.zln-manual-top-layout .zln-slider\:version-history {
  position: sticky;
  height: calc(100vh - (var(--global-header-height) + var(--manual-header-height) + var(--article-header-height) + var(--chatbar-height) + var(--manual-topnav-height) + var(--approval-banner-height) + 3px));
  /* 3px top nav + approval banner + article header bottom border */
  top: calc(var(--manual-topnav-height) + var(--approval-banner-height) + var(--article-header-height) + 2px);
  /* 2px top nav + approval banner + article header bottom border */
  margin-inline-end: -25px;
}
.zln-manual-top-layout .zln-enable\:approval-banner .zln-slider\:mandatory-read-statistics,
.zln-manual-top-layout .zln-enable\:approval-banner .zln-slider\:article-comment,
.zln-manual-top-layout .zln-enable\:approval-banner .zln-slider\:version-history {
  height: calc(100vh - (var(--global-header-height) + var(--manual-header-height) + var(--article-header-height) + var(--chatbar-height) + var(--manual-topnav-height) + var(--approval-banner-height) + 4px));
  /* 4px top nav + approval banner + article header bottom border */
  top: calc(var(--manual-topnav-height) + var(--approval-banner-height) + var(--article-header-height) + 3px);
  /* 3px top nav + approval banner + article header bottom border */
}
/*---- Manual top layout style end  ----*/
.zln-article-container {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.zln-article-container .zln-article-header .zln-article-meta button {
  font-size: 1.4rem;
  gap: 5px;
}
.zln-article-container .zln-article-content.zln-article-font\:default * {
  font-family: "LatoLatin", sans-serif;
}
.zln-article-container .zln-article-content.zln-article-font\:serif * {
  font-family: "merriweather", LatoLatin, sans-serif !important;
  line-height: 1.8 !important;
}
.zlearn-os\:dark .zln-article-container .zln-article-content .zw-page ::selection,
.zlearn-theme\:dark .zln-article-container .zln-article-content .zw-page ::selection {
  color: #000;
}
.zls-product-theme0.zlearn-os\:dark .zln-article-container .zln-article-content .zw-page ::selection,
.zls-product-theme0.zlearn-theme\:dark .zln-article-container .zln-article-content .zw-page ::selection {
  background-color: #9eca3b;
}
.zls-product-theme1.zlearn-os\:dark .zln-article-container .zln-article-content .zw-page ::selection,
.zls-product-theme1.zlearn-theme\:dark .zln-article-container .zln-article-content .zw-page ::selection {
  background-color: #7ec6dd;
}
.zls-product-theme2.zlearn-os\:dark .zln-article-container .zln-article-content .zw-page ::selection,
.zls-product-theme2.zlearn-theme\:dark .zln-article-container .zln-article-content .zw-page ::selection {
  background-color: #7ca7eb;
}
.zls-product-theme3.zlearn-os\:dark .zln-article-container .zln-article-content .zw-page ::selection,
.zls-product-theme3.zlearn-theme\:dark .zln-article-container .zln-article-content .zw-page ::selection {
  background-color: #d495b5;
}
.zls-product-theme4.zlearn-os\:dark .zln-article-container .zln-article-content .zw-page ::selection,
.zls-product-theme4.zlearn-theme\:dark .zln-article-container .zln-article-content .zw-page ::selection {
  background-color: #dc9ea3;
}
.zls-product-theme5.zlearn-os\:dark .zln-article-container .zln-article-content .zw-page ::selection,
.zls-product-theme5.zlearn-theme\:dark .zln-article-container .zln-article-content .zw-page ::selection {
  background-color: #e5a483;
}
.zls-product-theme6.zlearn-os\:dark .zln-article-container .zln-article-content .zw-page ::selection,
.zls-product-theme6.zlearn-theme\:dark .zln-article-container .zln-article-content .zw-page ::selection {
  background-color: #d4be64;
}
.zls-product-theme7.zlearn-os\:dark .zln-article-container .zln-article-content .zw-page ::selection,
.zls-product-theme7.zlearn-theme\:dark .zln-article-container .zln-article-content .zw-page ::selection {
  background-color: #bcce60;
}
.zls-product-theme8.zlearn-os\:dark .zln-article-container .zln-article-content .zw-page ::selection,
.zls-product-theme8.zlearn-theme\:dark .zln-article-container .zln-article-content .zw-page ::selection {
  background-color: #8ac98f;
}
.zls-product-theme-custom.zlearn-os\:dark .zln-article-container .zln-article-content .zw-page ::selection,
.zls-product-theme-custom.zlearn-theme\:dark .zln-article-container .zln-article-content .zw-page ::selection {
  background-color: #9eca3b;
}
.zlearn-os\:dark .zln-article-container .zln-article-content .zw-page img,
.zlearn-theme\:dark .zln-article-container .zln-article-content .zw-page img {
  filter: invert(1);
}
.zlearn-os\:dark .zln-article-container .zln-article-content .zw-page img ::selection,
.zlearn-theme\:dark .zln-article-container .zln-article-content .zw-page img ::selection {
  background-color: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 20%), var(--accent-a)) !important;
  color: hsl(0, 0%, 100%);
}
.zln-article-container .zln-article-content .zw-page .zw-footer,
.zln-article-container .zln-article-content .zw-page .zw-header {
  display: none;
}
.zln-article-container .zln-article-content .zw-page .zln-wrapper\:copy-article-url,
.zln-article-container .zln-article-content .zw-page h1,
.zln-article-container .zln-article-content .zw-page h2,
.zln-article-container .zln-article-content .zw-page h3,
.zln-article-container .zln-article-content .zw-page h4,
.zln-article-container .zln-article-content .zw-page h5,
.zln-article-container .zln-article-content .zw-page h6 {
  position: relative;
}
.zln-article-container .zln-article-content .zw-page .zln-wrapper\:copy-article-url:hover .zln-copy\:article-url,
.zln-article-container .zln-article-content .zw-page h1:hover .zln-copy\:article-url,
.zln-article-container .zln-article-content .zw-page h2:hover .zln-copy\:article-url,
.zln-article-container .zln-article-content .zw-page h3:hover .zln-copy\:article-url,
.zln-article-container .zln-article-content .zw-page h4:hover .zln-copy\:article-url,
.zln-article-container .zln-article-content .zw-page h5:hover .zln-copy\:article-url,
.zln-article-container .zln-article-content .zw-page h6:hover .zln-copy\:article-url {
  opacity: 1;
  visibility: visible;
}
.zln-article-container .zln-article-content lms-pdfjs-viewer .zw-load-con {
  position: static;
  min-height: 200px;
}
.zln-article-container .zln-next-pre-wrapper a {
  color: inherit;
  display: flex;
  gap: 10px;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
  border-radius: 3px;
  text-decoration: none;
  border: 1px solid var(--grey5);
  background-color: var(--white);
  padding: 20px;
  transition: all 0.3s;
}
.zln-article-container .zln-next-pre-wrapper a:hover {
  border-color: var(--product-accent-color);
}
.zln-article-container .zln-next-pre-wrapper a.zln-disabled,
.zln-article-container .zln-next-pre-wrapper a.z-disabled {
  background-color: var(--grey8);
  color: var(--grey3);
  cursor: default;
  border-color: var(--grey6);
}
.zln-article-container .zln-next-pre-wrapper a.zln-disabled .z-txt\:grey2,
.zln-article-container .zln-next-pre-wrapper a.z-disabled .z-txt\:grey2 {
  color: var(--grey3);
}
.zln-article-container .zln-next-pre-wrapper a.zln-disabled .z-ico,
.zln-article-container .zln-next-pre-wrapper a.z-disabled .z-ico {
  stroke: var(--grey4);
}
/***** Article copy and change URL start *****/
.zln-copy\:article-url {
  position: absolute;
  left: -45px;
  opacity: 0;
  visibility: hidden;
  top: -6px;
  width: 45px;
}
.zln-copy\:article-url button {
  background: var(--white);
  border-radius: 10px;
  border: 1px solid var(--grey4);
  padding: 7px;
  transform: scale(0.7);
  transition: 0.3s transform;
}
.zln-copy\:article-url button:hover {
  transform: scale(0.8);
}
.zln-copy\:article-url button:active {
  border-color: hsl(161, 79%, 46%);
}
/***** Article copy and change URL end *****/
.zln-article-toc {
  border-left: 2px solid var(--grey5);
  max-width: 300px;
}
.zln-article-toc .zln-active {
  background-color: var(--grey8);
}
/*---- Comment slideover code starts ----*/
/***** Article comment start *****/
.zln-slider\:article-comment {
  border-inline-start: 1px solid var(--grey5);
}
.zln-slider\:article-comment .zln-wrapper\:article-comment {
  padding: 30px;
  border-bottom: 1px solid var(--grey5);
  position: relative;
}
.zln-slider\:article-comment .zln-wrapper\:article-comment:before {
  content: '';
  position: absolute;
  border: 1px solid var(--white);
  bottom: -1px;
  width: 70px;
  left: 0;
}
.zln-slider\:article-comment .zln-meta\:article-compose a,
.zln-slider\:article-comment .zln-meta\:article-comment a {
  color: var(--product-accent-color);
}
.zln-slider\:article-comment .zln-meta\:article-compose .zln-comment\:placeholder,
.zln-slider\:article-comment .zln-meta\:article-comment .zln-comment\:placeholder {
  color: var(--grey2);
  position: absolute;
  top: 15px;
  left: 15px;
}
.zln-slider\:article-comment .zw-comment-autocom {
  width: 300px;
}
/***** Article comment end *****/
/*---- Comment slideover code end ----*/
/*---- Version history slideover starts ----*/
.zln-slider\:version-history {
  width: 450px;
  border-inline-start: 1px solid var(--grey5);
  z-index: 1;
}
.zln-slider\:version-history .zln-container\:version-history > li {
  padding: 20px 15px;
  border-bottom: 1px solid var(--grey5);
}
.zln-slider\:version-history .zln-container\:version-history > li.zln-active {
  background-color: var(--grey9);
}
.zln-slider\:version-history .zln-container\:version-history > li.zln-active .z-ico {
  stroke: var(--grey1);
  fill: var(--grey1);
}
.zln-slider\:version-history .zln-container\:version-history > li:first-of-type .zln-option-btn {
  visibility: hidden;
}
.zln-slider\:version-history .zln-container\:version-history > li .zln-dropdown {
  right: -12px;
  top: 25px;
}
.zln-slider\:version-history .zln-container\:version-history > li .zln-version-bg {
  background-color: #f6f1ff;
  color: #7e51cf;
}
.zln-slider\:version-history .zln-container\:version-history > li .zln-version-bg.type\:draft {
  background-color: #FFF1B8;
  color: #6E5717;
}
/*---- Version history slideover end ----*/
/*---- About manual slideover end ----*/
.zln-about-manual-slideover .zln-slider-container li .zln-list-option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px 20px;
  cursor: pointer;
}
.zln-about-manual-slideover .zln-slider-container li .zln-list-option .o-ico-information-circle {
  stroke: hsl(161, 61%, 48%);
}
.zln-about-manual-slideover .zln-slider-container li .zln-list-option .o-ico-arrow-right-on-rectangle {
  stroke: hsl(1, 53%, 63%);
}
.zln-about-manual-slideover .zln-slider-container li .zln-list-option .o-ico-paper-clip {
  stroke: hsl(42, 100%, 45%);
}
/*---- About manual slideover end ----*/
/*---- Version delete popup delete btn style starts ----*/
.zln-version-delete .zln-delete-btn {
  background-color: hsl(1, 93%, 70%);
  border-color: hsl(1, 81%, 62%);
}
.zln-version-delete .zln-delete-btn:hover {
  background-color: hsl(1, 93%, 60%);
}
/*---- Version delete popup delete btn style end ----*/
/*---- Manual header preference icon dropdown style starts ----*/
.zln-preference-dropdown {
  width: 220px;
  margin-top: 12px;
}
.zln-preference-dropdown > li {
  padding: 15px;
}
.zln-preference-dropdown > li .zln-option-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  padding-top: 8px;
}
.zln-preference-dropdown > li .zln-option-wrapper .zln-option {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 55px;
  padding: 5px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.zln-preference-dropdown > li .zln-option-wrapper.zln-fontstyle-container .zln-option:hover {
  background-color: var(--grey6);
}
.zln-preference-dropdown > li .zln-option-wrapper.zln-fontstyle-container .zln-option.zln-active {
  background-color: var(--grey6);
  color: var(--product-accent-color);
}
.zln-preference-dropdown > li .zln-option-wrapper.zln-fontstyle-container .zln-option.zln-font-serif {
  font-family: serif;
}
.zln-preference-dropdown > li .zln-option-wrapper.zln-layout-container .zln-option {
  border: 1px solid var(--grey5);
}
.zln-preference-dropdown > li .zln-option-wrapper.zln-layout-container .zln-option .z-ico {
  stroke-width: 1;
  stroke: var(--grey3);
}
.zln-preference-dropdown > li .zln-option-wrapper.zln-layout-container .zln-option:hover {
  background-color: var(--grey7);
}
.zln-preference-dropdown > li .zln-option-wrapper.zln-layout-container .zln-option.zln-active {
  border-color: var(--product-accent-color);
}
/*---- Manual header preference icon dropdown style end ----*/
/*---- Temp color picker style starts ----*/
.zln-picker-container {
  position: relative;
  padding: 5px;
  cursor: pointer;
}
.zln-picker-container:hover .zln-colorpicker {
  transform: scale(1.6);
}
.zln-picker-container .zln-colorpicker {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0.6);
  transition: transform 0.2s linear;
  border: none;
  z-index: 1;
  padding: 6px;
  border-radius: 30px;
}
.zln-picker-container .zln-colorpicker.zln-picker\:theme-custom,
.zln-picker-container .zln-colorpicker.z-bg-manual-header\:0 {
  background-color: var(--white);
  box-shadow: inset 0px 0px 0px 1px var(--grey2);
}
.zln-picker-container .zln-picker-bg {
  position: absolute;
  border-radius: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transform: scale(0);
  opacity: 1;
}
.zln-picker-container input[type="radio"]:checked + .zln-colorpicker {
  transform: scale(1.6);
}
.zln-picker-container input[type="radio"]:checked + .zln-colorpicker .zln-picker-bg {
  animation: ani-colorpicker 0.6s;
}
.zln-picker-container input[type="radio"]:checked + .zln-colorpicker::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 4px;
  border-bottom: 1px solid hsl(0, 0%, 100%);
  border-right: 1px solid hsl(0, 0%, 100%);
  transform: rotate(45deg);
  margin-bottom: 1px;
}
.zln-picker-container input[type="radio"]:checked + .zln-colorpicker.zln-picker\:theme-custom:before,
.zln-picker-container input[type="radio"]:checked + .zln-colorpicker.z-bg-manual-header\:0:before {
  border-color: var(--grey1);
}
.zln-picker-container input[type="radio"]:checked + .zln-colorpicker.zln-picker\:theme-custom .zln-picker-bg,
.zln-picker-container input[type="radio"]:checked + .zln-colorpicker.z-bg-manual-header\:0 .zln-picker-bg {
  background-color: inherit;
  border: 1px solid var(--grey3);
}
.zln-picker-container.size\:medium .zln-colorpicker {
  padding: 8px;
}
.zln-picker-container.size\:medium input[type="radio"]:checked + .zln-colorpicker {
  transform: scale(1.5);
}
.zln-picker-container.size\:medium input[type="radio"]:checked + .zln-colorpicker .zln-picker-bg {
  animation: ani-colorpicker 0.6s;
}
.zln-picker-container.size\:medium input[type="radio"]:checked + .zln-colorpicker::before {
  width: 3px;
  height: 7px;
  transform: rotate(45deg) scale(0.8);
  border-width: 2px;
}
/* Product and course theme toggle button */
.zls-appearance-switch-con .zln-toggle .zln-toggle-state {
  background-color: var(--grey0);
  border-color: var(--grey0);
}
.zls-appearance-switch-con .zln-toggle .zln-toggle-state .zln-toggle-btn {
  background-color: var(--white);
  border-color: var(--white);
}
.zls-appearance-switch-con .zln-toggle .z-toggle-hide:checked ~ .zln-toggle-state {
  background-color: var(--white);
}
.zls-appearance-switch-con .zln-toggle .z-toggle-hide:checked ~ .zln-toggle-state .zln-toggle-btn {
  background-color: var(--grey0);
  border-color: var(--grey0);
}
/* Product and course theme toggle button */
/*---- Temp color picker style ends ----*/
/*--- Common style for view approval status style starts ---*/
.zln-banner\:approval.zln-banner\:approval {
  border-bottom: 1px solid var(--grey5);
  position: sticky;
  position: -webkit-sticky;
  top: calc(var(--article-header-height) + 1px);
  height: var(--approval-banner-height);
  z-index: 1;
  border-radius: 0;
}
.zln-banner\:approval.zln-banner\:approval .zln-selectbox .z-ico {
  stroke: var(--grey1);
}
.zln-slider {
  /*--- Approval log slider style starts ---*/
  /*--- Approval log slider style end ---*/
  /* manual approvalflow slider style starts */
  /*--- manual approvalflow slider style starts ---*/
}
.zln-slider\:article-approval-flow .zw-slider-header {
  border-width: 1px;
}
.zln-slider\:article-approval-flow .zln-banner\:approval {
  top: 0;
  flex-shrink: 0;
}
.zln-slider\:article-approval-flow article-view {
  overflow: auto;
}
.zln-direction\:rtl .zln-slider\:article-approval-log {
  left: 0;
  right: auto;
}
.zln-slider\:article-approval-log .zln-container\:approval-log {
  padding: 0;
}
.zln-slider\:article-approval-log .zln-container\:approval-log > li {
  padding-bottom: 15px;
  border-bottom: 1px dashed var(--grey4);
}
.zln-slider\:article-approval-log .zln-container\:approval-log > li .zln-wrapper\:approval-timeline {
  border-radius: 3px;
  border: 1px solid var(--grey5);
  border-top: none;
  background-color: var(--white);
  box-shadow: 0px 1px 2px var(--grey7);
  padding: 20px;
}
.zln-slider\:article-approval-log .zln-container\:approval-log > li .zln-container\:approval-status + .zln-container\:approval-timeline {
  margin-top: 40px;
}
.zln-slider\:article-approval-log .zln-container\:approval-log > li .zln-container\:approval-timeline > * + * {
  border-top: 1px dashed var(--grey4);
  padding-top: 20px;
  padding-bottom: 20px;
}
.zln-slider\:article-approval-log .zln-container\:approval-log > li .zln-container\:approval-timeline > *:first-of-type {
  padding-bottom: 20px;
}
.zln-slider\:article-approval-log .zln-container\:approval-log > li .zln-container\:approval-timeline > *:last-of-type {
  padding-bottom: 0;
}
.zln-slider\:article-approval-log .zln-container\:approval-log > li:last-of-type {
  border: none;
}
.zln-slider\:manual-approval-log .zln-slider-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.zln-slider\:manual-approval-log .zln-slider-container > li {
  display: flex;
  padding: 20px;
  gap: 10px;
  background-color: var(--white);
  border: 1px solid var(--grey6);
  box-shadow: 0px 2px 4px var(--grey7);
  border-radius: 3px;
}
.zln-approval-timeline {
  margin-left: 10px;
}
.zln-direction\:rtl .zln-approval-timeline {
  margin-right: 10px;
}
.zln-approval-timeline > li {
  position: relative;
  display: flex;
  gap: 5px;
  padding-bottom: 25px;
}
.zln-approval-timeline > li .zln-timeline-status-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  transform: translate(-15px, -3px);
}
.zln-direction\:rtl .zln-approval-timeline > li .zln-timeline-status-indicator {
  transform: translate(15px, -3px);
}
.zln-approval-timeline > li .zln-timeline-status-indicator.tone\:blue {
  background-color: hsl(224, 100%, 97%);
}
.zln-approval-timeline > li .zln-timeline-status-indicator.tone\:blue .z-ico {
  fill: hsl(224, 70%, 54%);
  stroke: hsl(224, 70%, 54%);
}
.zln-approval-timeline > li .zln-timeline-status-indicator.tone\:green {
  background-color: hsl(161, 100%, 93%);
}
.zln-approval-timeline > li .zln-timeline-status-indicator.tone\:green .z-ico {
  stroke: hsl(161, 85%, 30%);
}
.zln-approval-timeline > li .zln-timeline-status-indicator.tone\:yellow {
  background-color: hsl(42, 100%, 95%);
}
.zln-approval-timeline > li .zln-timeline-status-indicator.tone\:yellow .z-ico {
  stroke: hsl(42, 100%, 30%);
}
.zln-approval-timeline > li .zln-timeline-status-indicator.tone\:red {
  background-color: hsl(1, 87%, 95%);
}
.zln-approval-timeline > li .zln-timeline-status-indicator.tone\:red .z-ico {
  stroke: hsl(1, 66%, 57%);
}
.zln-approval-timeline > li .zln-timeline-status-indicator.tone\:orange {
  background-color: hsl(27, 85%, 95%);
}
.zln-approval-timeline > li .zln-timeline-status-indicator.tone\:orange .z-ico {
  stroke: hsl(27, 90%, 50%);
}
.zln-approval-timeline > li::before {
  content: "";
  position: absolute;
  height: 100%;
  border-left: 1px dashed var(--grey4);
}
.zln-approval-timeline > li:last-of-type {
  padding-bottom: 0;
}
.zln-approval-timeline > li:last-of-type::before {
  border: none;
}
/*--- Common style for view approval status style end ---*/
.zln-selected\:verifiers li button {
  display: none;
}
.zln-selected\:verifiers li:hover button {
  display: flex;
  transition: all 0.5s;
}
.zln-audit-info\:verification {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .zln-top-header\:article {
    padding-inline: 15px;
  }
  .zln-top-header\:article .zln-nav\:hamburger-btn {
    padding: 6px 12px 6px 8px;
    border-radius: 3px;
    background-color: var(--product-accent-color);
  }
  .zln-top-header\:article .zln-nav\:hamburger-btn:before {
    display: none;
  }
  .zln-top-header\:article .zln-nav\:hamburger-btn .z-ico.z-ico.z-ico {
    stroke: var(--white);
    height: 18px;
  }
  .zln-top-header\:article .zln-nav\:hamburger-btn .zln-text\:article-menu {
    display: block;
    color: var(--white);
  }
  .zln-manual-view .zln-article-container {
    margin: 0;
  }
  .zln-manual-view breadcrumb-navigation,
  .zln-manual-view .z-btn\:article-toc,
  .zln-manual-view .zln-toc\:article {
    display: none;
  }
  .zln-manual-view .zln-manual-left-layout.zln-manual-left-layout navigation-menu.zln-article-nav {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 4;
    height: auto;
  }
  .zln-manual-view .zln-manual-left-layout.zln-manual-left-layout navigation-menu.zln-article-nav .zln-article-nav-foo {
    display: none;
  }
  .zln-manual-view .zln-manual-left-layout.zln-manual-left-layout navigation-menu.zln-article-nav .zln-article-nav {
    height: 100%;
  }
  .zln-manual-view .zln-slider\:mandatory-read-statistics.zln-slider\:mandatory-read-statistics.zln-slider\:mandatory-read-statistics,
  .zln-manual-view .zln-slider\:version-history.zln-slider\:version-history.zln-slider\:version-history,
  .zln-manual-view .zln-slider\:article-comment.zln-slider\:article-comment.zln-slider\:article-comment {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    height: auto;
    margin: 0;
    width: 100%;
    max-width: 500px;
  }
  .zln-manual-view .zln-nav\:close-btn {
    display: inline-flex;
  }
}
@media screen and (max-width: 768px) {
  .zln-manual-top-layout .zln-top-header\:article {
    display: none;
  }
  .zln-manual-view .zln-manual-header .zln-header-right > li {
    display: none;
  }
  .zln-manual-view .zln-manual-header .zln-header-right > li:last-of-type {
    display: block;
  }
  .zln-manual-view .zln-manual-header .zln-search\:manual-external-share {
    width: auto;
    padding: 7px;
  }
  .zln-manual-view .zln-manual-header .zln-search\:manual-external-share input {
    display: none;
  }
  .zln-manual-view .zln-result\:rating,
  .zln-manual-view .zln-copy\:article-url,
  .zln-manual-view zlearn-article-options .zln-article-option {
    display: none;
  }
}
.zln-add-member-wrapper.zln-popup\:add-member-custom {
  padding: 12px 35px;
}
/*--- Article tree view style starts ---*/
.zln-nav\:tree ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-inline-start: 22px;
}
.zln-nav\:tree li {
  margin-block: 5px;
}
.zln-nav\:tree li > a {
  color: var(--grey1);
  text-decoration: none;
}
.zln-nav\:tree li strong,
.zln-nav\:tree li a {
  position: relative;
  display: flex;
  justify-content: space-between;
  border-radius: 5px;
  gap: 10px;
  font-size: 1.4rem;
  padding-block: 5px;
  padding-inline: 25px 10px;
  cursor: pointer;
}
.zln-nav\:tree li strong button.type\:box,
.zln-nav\:tree li a button.type\:box {
  display: none;
}
.zln-nav\:tree li strong button.type\:box:hover::before,
.zln-nav\:tree li a button.type\:box:hover::before {
  transform: scale(0.6);
}
.zln-nav\:tree li strong:hover,
.zln-nav\:tree li a:hover {
  color: var(--grey0);
  background-color: var(--grey7);
}
.zln-nav\:tree li strong:hover button,
.zln-nav\:tree li a:hover button {
  display: inline-flex;
  align-items: center;
}
.zln-nav\:tree li strong .o-ico-chevron-right,
.zln-nav\:tree li a .o-ico-chevron-right {
  stroke: var(--grey0);
  transition: transform 0.3s;
}
.zln-nav\:tree li strong.zln-expand .o-ico-chevron-right,
.zln-nav\:tree li a.zln-expand .o-ico-chevron-right {
  transform: rotateZ(90deg);
}
.zln-nav\:tree li strong .zln-arrow,
.zln-nav\:tree li a .zln-arrow {
  position: absolute;
  left: 8px;
}
.zln-nav\:tree li strong .zln-arrow:hover::before,
.zln-nav\:tree li a .zln-arrow:hover::before {
  transform: scale(0.6);
}
/*--- Article tree view style starts ---*/
/*--- Manual and space settings style starts ---*/
.zln-settings\:manual-space lyte-accordion-item,
.zln-tab\:manual-export lyte-accordion-item {
  margin-inline: 20px;
  border-radius: 0;
}
.zln-settings\:manual-space lyte-accordion-item lyte-accordion-header,
.zln-tab\:manual-export lyte-accordion-item lyte-accordion-header {
  padding-block: 20px;
}
.zln-settings\:manual-space lyte-accordion-item lyte-accordion-body,
.zln-tab\:manual-export lyte-accordion-item lyte-accordion-body {
  padding: 0;
}
.zln-settings\:manual-space lyte-accordion-item + lyte-accordion-item,
.zln-tab\:manual-export lyte-accordion-item + lyte-accordion-item {
  border-top: 1px solid var(--grey5);
}
/*--- Manual and space settings style end ---*/
/*--- Article code block copy button style starts ---*/
.zln-wrapper\:code-block {
  position: relative;
}
.zln-wrapper\:code-block .zln-btn\:copy-code-block {
  position: absolute;
  top: 6px;
  right: 17px;
  padding-block: 4px;
  padding-inline: 7px;
  border-radius: 3px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}
.zln-wrapper\:code-block:hover .zln-btn\:copy-code-block {
  opacity: 1;
  visibility: visible;
}
/*--- Article code block copy button style end ---*/
.zln-container\:lp-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.zln-container\:lp-card:before {
  content: '';
  position: absolute;
  border-left: 1px dashed var(--grey4);
  top: 30px;
  bottom: 0;
}
.zln-container\:lp-card:after {
  content: '';
  position: absolute;
  left: 1px;
  bottom: 0;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: var(--grey3);
  transform: translateX(-50%);
}
.zln-container\:lp-card > li {
  margin-left: 60px;
}
.zln-container\:lp-card > li .zln-icon\:lp-stage {
  position: absolute;
  left: 1px;
  transform: translateX(-50%);
  z-index: 1;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  padding: 5px;
  border-radius: 30px;
  background-color: var(--white);
}
.zln-container\:lp-card > li .zln-icon\:lp-stage.zln-stage-status\:inprogress .z-ico {
  stroke: hsl(161, 61%, 48%);
  animation: ani-lp-stage 2s linear infinite;
}
.zln-container\:lp-card > li .zln-icon\:lp-stage.zln-stage-status\:completed .z-ico {
  stroke: hsl(161, 61%, 48%);
}
.zln-container\:lp-card > li .zln-item\:lp-card {
  display: flex;
  flex-direction: column;
  background-color: var(--white);
  border: 1px solid var(--grey5);
  border-radius: 3px;
  cursor: pointer;
}
.zln-container\:lp-card > li .zln-item\:lp-card:hover {
  background-color: var(--grey9);
}
.zln-icon\:lp-card {
  position: absolute;
  left: -17px;
  width: 25px;
  height: 25px;
  background-color: var(--white);
  border: solid 1px var(--grey5);
  border-radius: 50%;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zln-lp-complete-status\:success .zln-icon\:lp-card {
  background-color: hsl(161, 73%, 96%);
  border-color: hsl(161, 73%, 96%);
}
.zln-lp-complete-status\:success .zln-icon\:lp-card .z-ico {
  stroke: hsl(161, 61%, 48%);
}
.zln-lp-complete-status\:failure .zln-icon\:lp-card {
  background-color: hsl(1, 87%, 97%);
  border-color: hsl(1, 87%, 97%);
}
.zln-lp-complete-status\:failure .zln-icon\:lp-card .z-ico {
  stroke: hsl(1, 53%, 52%);
}
.zln-slider\:lp-overview {
  max-width: 820px;
  z-index: 4;
  width: 100%;
  box-sizing: border-box;
}
.zln-slider\:lp-overview .zls-course-overview-page .zln-lp-slide-banner {
  min-height: 160px;
}
.zln-animation\:lp-inprogress::before {
  content: "";
  position: absolute;
  background-color: #fcd57b;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 30px;
  animation: ani-lp-inprogress 1.5s infinite;
  z-index: -1;
}
.zln-wrapper\:path-info ul {
  counter-reset: path-course-count 0;
}
.zln-wrapper\:path-info ul.zln-path\:completed-course::before {
  content: '';
  position: absolute;
  border-left: 1px solid hsl(161, 61%, 42%);
  bottom: 0;
  top: 0;
  left: 12px;
}
.zln-wrapper\:path-info ul .zln-path\:status-ico {
  background-color: white;
  border: solid 1px var(--grey3);
  border-radius: 100%;
  width: 18px;
  height: 18px;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  counter-increment: path-course-count;
  position: relative;
}
.zln-wrapper\:path-info ul .zln-path\:status-ico::before {
  content: counter(path-course-count);
}
.zln-wrapper\:path-info ul .zln-path\:status-ico.zln-path\:yet-to-start {
  color: hsl(161, 61%, 42%);
  border: 1px solid;
}
.zln-wrapper\:path-info ul .zln-path\:status-ico.zln-path\:completed {
  background-color: hsl(161, 61%, 42%);
  border-color: hsl(161, 61%, 42%);
}
.zln-wrapper\:path-info ul .zln-path\:status-ico.zln-path\:completed::before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 18 18' fill='white' %3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
  position: absolute;
  inset: 0;
}
.zln-wrapper\:path-info ul .zln-path\:status-ico.zln-path\:failed {
  background-color: hsl(1, 53%, 60%);
  border-color: hsl(1, 53%, 60%);
}
.zln-wrapper\:path-info ul .zln-path\:status-ico.zln-path\:failed::before {
  content: '';
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" stroke="white" stroke-width="3" viewBox="-4 -4 32 32"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/></svg>');
  position: absolute;
  inset: 0;
}
@media screen and (max-width: 768px) {
  .zln-item\:lp-card .zln-lp-quicklink {
    display: none;
  }
  .zln-container\:lp-card > li {
    margin-left: 30px;
  }
  .zln-container\:lp-card .zln-item\:lp-card .zln-meta\:lp-card {
    padding: 10px;
  }
  .zln-container\:lp-card .zln-item\:lp-card .zln-meta\:lp-card .zln-lp-card-thumbnail {
    width: 75px;
    min-height: 75px;
  }
  .zln-container\:lp-card .zln-item\:lp-card .zln-meta\:lp-info .z-fs\:14 {
    font-size: 13px;
  }
  .zln-container\:lp-card .zln-item\:lp-card .zln-meta\:lp-info .o-ico-document-text,
  .zln-container\:lp-card .zln-item\:lp-card .zln-meta\:lp-info .f-ico-star {
    width: 18px;
    height: 18px;
  }
  .zln-container\:lp-card .zln-item\:lp-card .zln-lp-rule {
    padding-inline: 10px;
  }
}
@media screen and (max-width: 420px) {
  .zln-rating\:lp-course {
    display: none;
  }
}
/*--- Hub page style starts ----*/
.zln-network-wrapper .zln-hub-list > li:hover {
  background-color: var(--grey9);
}
.zln-network-wrapper .zln-hub-list > li .zln-loop > li:hover {
  background-color: var(--grey7);
}
/*--- Hub page style starts ----*/
/*--- User menu slider style starts ----*/
.zw-show-user-menu .zln-usermenu-slider {
  animation-name: z-ani-show-right;
  display: block;
}
.zln-direction\:rtl .zw-show-user-menu .zln-usermenu-slider {
  animation-name: z-ani-show-left;
}
.zln-usermenu-slider {
  background: var(--grey8);
  max-width: 400px;
  width: 100%;
  box-sizing: border-box;
  overflow: auto;
  z-index: 4;
}
.zln-usermenu-slider .zln-slider-header {
  position: relative;
  padding: 30px;
  border: none;
  justify-content: center;
}
.zln-usermenu-slider .zln-slider-header .zln-side-image {
  background-image: url(../images/mail-pattern.6f1ed24458d53ac3317be2eeb5087bda.png);
  background-repeat: no-repeat;
  left: 0;
  padding: 52px;
  transform: rotate(90deg);
  top: 0;
  background-size: 90px;
}
.zln-usermenu-list .zln-sprite-image {
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 3px;
  background-image: url(../images/usermenu-sprite-img.0e58d7eda89320497c1ac23f8bc46430.svg);
  background-repeat: no-repeat;
  background-size: 311px;
}
.zln-usermenu-list > li {
  background-color: var(--white);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09);
  border-radius: 3px;
}
.zln-usermenu-list > li .zln-superuser-ico {
  background-position: -45px 4px;
}
.zln-usermenu-list > li .z-btn .zln-ios-ico,
.zln-usermenu-list > li .z-btn .zln-android-ico {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.zln-usermenu-list > li .z-btn .zln-ios-ico {
  background-position: -193px -2px;
}
.zlearn-os\:dark .zln-usermenu-list > li .z-btn .zln-ios-ico,
.zlearn-theme\:dark .zln-usermenu-list > li .z-btn .zln-ios-ico {
  background-position: -240px -2px;
}
.zln-usermenu-list > li .z-btn .zln-android-ico {
  background-position: -215px -1px;
}
.zlearn-os\:dark .zln-usermenu-list > li .z-btn .zln-android-ico,
.zlearn-theme\:dark .zln-usermenu-list > li .z-btn .zln-android-ico {
  background-position: -263px -1px;
}
.zln-usermenu-list > li .z-btn:hover .zln-ios-ico {
  background-position: -240px -2px;
}
.zlearn-os\:dark .zln-usermenu-list > li .z-btn:hover .zln-ios-ico,
.zlearn-theme\:dark .zln-usermenu-list > li .z-btn:hover .zln-ios-ico {
  background-position: -193px -2px;
}
.zln-usermenu-list > li .z-btn:hover .zln-android-ico {
  background-position: -263px -1px;
}
.zlearn-os\:dark .zln-usermenu-list > li .z-btn:hover .zln-android-ico,
.zlearn-theme\:dark .zln-usermenu-list > li .z-btn:hover .zln-android-ico {
  background-position: -215px -1px;
}
.zln-usermenu-list > li.zln-refer-to-earn {
  background-image: url(../images/gift-box.4e43d6de1ecc8b1f99beef7d1f4789e4.svg);
  background-repeat: no-repeat;
  background-size: 100px;
  background-position: 112% 104%;
  cursor: pointer;
}
.zln-usermenu-list .zln-list\:personal-settings > li a {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 10px 20px;
  transition: all 0.2s;
  user-select: none;
}
.zln-usermenu-list .zln-list\:personal-settings > li a:hover {
  background-color: var(--grey8);
}
.zln-usermenu-list .zln-list\:personal-settings > li a .zln-myaccount-ico {
  background-position: -93px 3px;
}
.zln-usermenu-list .zln-list\:personal-settings > li a .zln-notifi-setting-ico {
  background-position: -21px 3px;
}
.zln-usermenu-list .zln-list\:personal-settings > li a .zln-myhub-ico {
  background-position: 4px 3px;
}
.zln-usermenu-list .zln-list\:personal-settings > li a .zln-migrate-ico {
  background-position: -69px 3px;
}
.zln-usermenu-list .zln-list\:social-media {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 15px;
  margin-top: 10px;
}
.zln-usermenu-list .zln-list\:social-media > li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 0px;
  border-radius: 3px;
  transition: all 0.2s;
}
.zln-usermenu-list .zln-list\:social-media > li a .zln-sprite-image {
  width: 28px;
  height: 28px;
}
.zln-usermenu-list .zln-list\:social-media > li a:hover {
  background-color: var(--grey8);
  color: #1C9CF0;
}
.zln-usermenu-list .zln-list\:social-media > li a .zln-twitter-ico,
.zln-usermenu-list .zln-list\:social-media > li a .zln-linkedin-ico,
.zln-usermenu-list .zln-list\:social-media > li a .zln-facebook-ico {
  background-size: 354px;
}
.zln-usermenu-list .zln-list\:social-media > li a .zln-twitter-ico {
  background-position: -135px 3px;
}
.zlearn-os\:dark .zln-usermenu-list .zln-list\:social-media > li a .zln-twitter-ico,
.zlearn-theme\:dark .zln-usermenu-list .zln-list\:social-media > li a .zln-twitter-ico {
  background-position: -322px 3px;
}
.zln-usermenu-list .zln-list\:social-media > li a .zln-linkedin-ico {
  background-position: -191px 2px;
}
.zln-usermenu-list .zln-list\:social-media > li a .zln-facebook-ico {
  background-position: -163px 2px;
}
.zln-usermenu-list .zln-list\:appearance-theme {
  display: flex;
  margin-top: 20px;
  gap: 18px;
  justify-content: space-between;
}
.zln-usermenu-list .zln-list\:appearance-theme > li {
  height: 98px;
  border-radius: 5px;
  border: 1px solid transparent;
  box-sizing: border-box;
  padding: 3px;
  cursor: pointer;
}
.zln-usermenu-list .zln-list\:appearance-theme > li.zln-active {
  background-color: var(--grey9);
  border-color: var(--product-accent-color);
}
.zln-usermenu-list .zln-list\:appearance-theme > li .zln-theme-layout {
  display: grid;
  grid-template-columns: 28px 1fr;
  width: 84px;
  height: 58px;
  border: 1px solid var(--grey5);
  border-radius: 4px;
  overflow: hidden;
  background-color: hsl(0, 0%, 100%);
  box-sizing: border-box;
}
.zln-usermenu-list .zln-list\:appearance-theme > li .theme\:dark .zln-container\:left {
  background-color: hsl(226, 41%, 8%);
}
.zln-usermenu-list .zln-list\:appearance-theme > li .theme\:dark .zln-container\:left * {
  background-color: hsl(227, 15%, 40%);
}
.zln-usermenu-list .zln-list\:appearance-theme > li .theme\:dark .zln-container\:right {
  background-color: hsl(226, 15%, 15%);
}
.zln-usermenu-list .zln-list\:appearance-theme > li .theme\:light .zln-container\:left {
  background-color: hsl(227, 10%, 97%);
}
.zln-usermenu-list .zln-list\:appearance-theme > li .theme\:light .zln-container\:left :first-of-type {
  background-color: hsl(227, 10%, 70%);
}
.zln-usermenu-list .zln-list\:appearance-theme > li .theme\:light .zln-container\:left * + * {
  background-color: hsl(227, 10%, 84%);
}
.zln-usermenu-list .zln-list\:appearance-theme > li .theme\:system {
  grid-template-columns: 1fr 1fr;
}
.zln-usermenu-list .zln-list\:appearance-theme > li .theme\:system > * {
  display: grid;
  grid-template-columns: 28px 1fr;
}
.zln-referral-slider {
  width: 400px;
  z-index: 4;
}
.zln-referral-slider .zln-referral-img {
  background-image: url(../images/refer-a-friend-banner.fb563eeb1ea4176db3ad7d96fffecc0c.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  height: 160px;
}
.zln-referral-slider .zln-corner-img {
  position: absolute;
  background-image: url(../images/mail-pattern.6f1ed24458d53ac3317be2eeb5087bda.png);
  background-repeat: no-repeat;
  left: 0;
  bottom: 0;
  transform: rotate(0deg);
  padding: 92px;
  background-size: 120px;
}
.zln-referral-slider.zln-closebtn-pos\:sticky-l .reset\:btn {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.zln-referral-slider.zln-closebtn-pos\:sticky-l .reset\:btn,
.zln-referral-slider .zln-closebtn-pos\:sticky-r .reset\:btn {
  background-color: var(--white);
}
.zln-referral-slider.zln-closebtn-pos\:sticky-l .reset\:btn:before,
.zln-referral-slider .zln-closebtn-pos\:sticky-r .reset\:btn:before {
  box-shadow: 0px 8px 0px 0px var(--white);
}
.zln-referral-slider.zln-closebtn-pos\:sticky-l .reset\:btn:after,
.zln-referral-slider .zln-closebtn-pos\:sticky-r .reset\:btn:after {
  box-shadow: 0px -8px 0px 0px var(--white);
}
/*--- User menu slider style starts ----*/
.zln-card\:integration {
  grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
  gap: 20px;
}
.zln-card\:integration li {
  border: solid 1px var(--grey5);
  border-radius: 7px;
  background-color: var(--white);
}
.zln-card\:integration li:hover {
  box-shadow: 0px 0px 2px 1px var(--grey6);
}
.zln-card\:integration li .zln-card\:thumbnail {
  min-height: 70px;
  background-image: url(../images/zlearn-logo.9a656a870d892c3ecebf6e39d6b7512f.svg);
  background-size: 60%;
  background-position: center;
  background-repeat: no-repeat;
}
.zln-card\:integration.zln-skeleton-container li {
  padding: 30px 12px;
  border: none;
}
.zln-card\:integration.zln-skeleton-container .zln-skeleton {
  background-color: var(--grey4);
}
.zln-integration\:thumbnail {
  width: 120px;
  height: 120px;
  border: solid 1px var(--grey5);
  border-radius: 3px;
  background-image: url(../images/badges/badge-1.21a6f014a8f59b866a6899d681caa390.svg);
  background-size: 100px 100px;
  background-repeat: no-repeat;
  background-position: center;
}
.zln-integration\:course-list > li {
  display: flex;
  flex-grow: 1;
  gap: 16px;
  padding: 15px;
  cursor: pointer;
  border: solid 1px var(--grey5);
  border-radius: 3px;
}
.zln-thumbnail\:course-card {
  background-size: cover;
  background-image: url(../images/course-img/course-bg4.22f15f7a82c45c031a5c8271e2219cc1.jpg);
  width: 250px;
  min-height: 150px;
  border-radius: 5px;
}
.zln-wrapper\:configuration-data .zln-configuration-data {
  display: grid;
  grid-template-columns: max-content max-content;
  gap: 20px;
}
.zln-banner\:course {
  background-image: url(../images/course-img/course-bg4.22f15f7a82c45c031a5c8271e2219cc1.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 180px;
  box-sizing: border-box;
}
.zln-tab\:overview-slider {
  box-shadow: 0px -2px 0px 0px var(--grey4) inset;
}
.zln-feature-slider-wrapper {
  display: grid;
  place-items: center;
  z-index: 4;
  background: hsla(218, 53%, 10%, 0.6);
}
.zln-feature-slider-wrapper .zln-new-feature-container {
  position: relative;
  display: grid;
  grid-template-rows: 1fr 50px;
  width: 900px;
  min-height: 550px;
}
.zln-feature-slider-wrapper .zln-new-feature-container .zln-close-btn {
  position: absolute;
  background-color: hsla(0, 0%, 25%, 0.9);
  right: -40px;
  border-radius: 100%;
  padding: 6px;
}
.zln-feature-slider-wrapper .zln-new-feature-container .zln-close-btn:hover {
  background-color: hsl(0, 0%, 25%);
}
.zln-feature-slider-wrapper .zln-new-feature-container .zln-close-btn:hover .z-ico {
  stroke: var(--white);
}
.zln-feature-slider-wrapper .zln-new-feature-container .zln-popup\:whole-container {
  background-image: url(../images/learn-2_0-slider/learn-2_0-bg-pattern.b2645da73bbf82859b80fbb454b87217.png), linear-gradient(140deg, #ffe6ed, #ecd0ff);
  background-repeat: no-repeat;
  background-size: cover;
}
.zln-feature-slider-wrapper .zln-new-feature-container .zln-popup\:whole-container li {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 50px;
  box-sizing: border-box;
  transition: margin-left 0.5s;
  gap: 30px;
}
.zln-feature-slider-wrapper .zln-new-feature-container .zln-popup\:whole-container li .zln-feature-new-layout {
  margin-bottom: -85px;
}
.zln-feature-slider-wrapper .zln-new-feature-container .zln-popup-footer .zln-slideshow-container li.zln-active {
  background-color: hsl(260, 59%, 72%);
}
/*--- Global popup component rtl style starts ----*/
.zln-direction\:rtl .o-ico-arrow-right,
.zln-direction\:rtl .o-ico-arrow-small-right,
.zln-direction\:rtl .o-ico-arrow-left,
.zln-direction\:rtl .o-ico-arrow-small-left {
  transform: rotate(180deg);
}
.zln-dot-bg {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="none" fill-rule="evenodd" stroke="hsl(226deg 10% 90%)" stroke-linecap="square" d="M14.5 15.5h1m-1.01-.93h1"/></svg>');
}
.zln-drag-handle {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path fill="none" fill-rule="evenodd" stroke="hsl(227, 30%, 60%)" d="M5 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm-.6 1h1.14M11 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm-.6 1h1.13M5 13a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm-.6 1h1.13M11 13a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm-.6 1h1.13M5 7a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm-.6 1h1.13M11 7a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm-.6 1h1.13"/></svg>');
  padding: 8px;
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: move;
}
.zln-drag-handle.inline-start\:\-10 {
  margin-inline-start: -10px;
}
.zln-drag-handle.inline-end\:\-10 {
  margin-inline-end: -10px;
}
.zln-direction\:rtl {
  /*---- Table common rtl style end ----*/
  /*---- Table common rtl style end ----*/
  /*---- Badge common rtl style starts ----*/
  /*---- Badge common rtl style end ----*/
}
.zln-direction\:rtl users-list-popup .zw-popup {
  text-align: right;
}
.zln-direction\:rtl verify-article .zln-rounded\:group > * + * {
  margin-left: 0;
  margin-right: -10px;
}
.zln-direction\:rtl .zln-container\:table .zln-fix\:table-col.z-pos-right\:0 {
  left: 0;
  right: auto;
}
.zln-direction\:rtl .zln-container\:table .zln-fix\:table-col.z-pos-left\:0 {
  right: 0;
  left: auto;
}
.zln-direction\:rtl .zln-container\:table th.z-txt-al\:left,
.zln-direction\:rtl .zln-container\:table td.z-txt-al\:left {
  text-align: right;
}
.zln-direction\:rtl .zln-container\:table th.z-txt-al\:right,
.zln-direction\:rtl .zln-container\:table td.z-txt-al\:right {
  text-align: left;
}
.zln-direction\:rtl zlearn-badge-mappings .zln-popup\:badge-mapping {
  text-align: right;
}
.zln-direction\:rtl zlearn-badge-mappings .zln-popup\:badge-mapping .zln-container\:table td.zln-container\:btn {
  text-align: left;
}
.zln-direction\:rtl zlearn-badge-mappings .zln-popup\:badge-mapping .zln-container\:table td.zln-container\:btn button {
  margin-left: 0;
  margin-right: 8px;
}
.zln-direction\:rtl zlearn-manage-badges .zls-settings-top-banner .zln-badge-create-btn {
  margin-left: 30px;
  margin-right: 0;
}
.zln-direction\:rtl zlearn-manage-badges .zls-settings-top-banner .zln-badge-create-btn .z-ico {
  margin-left: 5px;
  margin-right: 0;
}
.zln-direction\:rtl .zln-popup\:badge .zln-container\:course-list {
  text-align: right;
}
/*--- Global popup component rtl style end ----*/
/*--- User list component style starts ----*/
.zln-list\:user.zln-list\:user > li {
  padding: 10px 35px;
}
.zln-list\:user.zln-list\:user > li .zls-delete-ic-btn {
  padding: 9px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="hsl(1, 53%, 52%)"><path stroke-linecap="round" stroke-linejoin="round" d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0" /></svg>');
}
.zln-list\:user.zln-list\:user > li:hover .zls-delete-ic-btn {
  opacity: 1;
  visibility: visible;
}
/*--- User list component style end ----*/
/*--- Course view page back button style starts ----*/
.zls-course-player-page .zls-left-col .zls-full-banner-cover .zln-btn\:back {
  background: rgba(0, 0, 0, 0.6);
  color: hsl(0, 0%, 100%);
}
.zls-course-player-page .zls-left-col .zls-full-banner-cover.zls-add-course-banner .zln-btn\:back {
  border: 1px solid hsla(0, 0%, 100%, 0.8);
}
/*--- Course view page back button style end ----*/
/*--- Shared manual label tooltip style starts ---*/
.zln-tooltip\:shared-manual {
  display: grid;
  grid-template-columns: max-content max-content;
  gap: 5px;
  font-size: 1.4rem;
}
/*--- Shared manual label tooltip style end ---*/
/*--- Sticky close button style starts ---*/
.btn\:sticky-close {
  position: absolute;
  top: 28px;
  left: -35px;
  background: var(--white);
  padding: 6px;
  border-radius: 13px 0 0 13px;
}
.zln-direction\:rtl .btn\:sticky-close {
  left: auto;
  right: -35px;
  transform: rotate(180deg);
}
.btn\:sticky-close:before,
.btn\:sticky-close:after {
  position: absolute;
  right: 4px;
  width: 10px;
  height: 10px;
  content: " ";
  border: 1px solid var(--white);
}
.btn\:sticky-close:before {
  top: -10px;
  border-bottom-right-radius: 10px;
  border-width: 0 1px 1px 0;
  box-shadow: 3px 3px 0 3px var(--white);
}
.btn\:sticky-close:after {
  bottom: -10px;
  border-top-right-radius: 10px;
  border-width: 1px 1px 0 0;
  box-shadow: 3px -3px 0 3px var(--white);
}
.btn\:sticky-close:hover .z-ico {
  stroke: var(--grey0);
}
/*--- Sticky close button style starts ---*/
/*--- Badges style starts ---*/
/* Celebration animation style starts */
.z-celebration-piece {
  position: absolute;
  width: 10px;
  height: 30px;
  background-color: #FF7579;
  top: 0;
  opacity: 0;
  animation: celebration 1000ms infinite ease-out;
  -webkit-animation: celebration 1000ms infinite ease-out;
  border-radius: 10px 0px 10px 0px;
}
.z-celebration-piece:nth-child(1) {
  left: 7%;
  -webkit-transform: rotate(-40deg);
  -webkit-animation-delay: 182ms;
  -webkit-animation-duration: 1116ms;
}
.z-celebration-piece:nth-child(2) {
  left: 14%;
  -webkit-transform: rotate(4deg);
  -webkit-animation-delay: 161ms;
  -webkit-animation-duration: 1076ms;
}
.z-celebration-piece:nth-child(3) {
  left: 21%;
  -webkit-transform: rotate(-51deg);
  -webkit-animation-delay: 481ms;
  -webkit-animation-duration: 1103ms;
}
.z-celebration-piece:nth-child(4) {
  left: 28%;
  -webkit-transform: rotate(61deg);
  -webkit-animation-delay: 334ms;
  -webkit-animation-duration: 708ms;
}
.z-celebration-piece:nth-child(5) {
  left: 35%;
  -webkit-transform: rotate(-52deg);
  -webkit-animation-delay: 302ms;
  -webkit-animation-duration: 776ms;
}
.z-celebration-piece:nth-child(6) {
  left: 42%;
  -webkit-transform: rotate(38deg);
  -webkit-animation-delay: 180ms;
  -webkit-animation-duration: 1168ms;
}
.z-celebration-piece:nth-child(7) {
  left: 49%;
  -webkit-transform: rotate(11deg);
  -webkit-animation-delay: 395ms;
  -webkit-animation-duration: 1200ms;
}
.z-celebration-piece:nth-child(8) {
  left: 56%;
  -webkit-transform: rotate(49deg);
  -webkit-animation-delay: 14ms;
  -webkit-animation-duration: 887ms;
}
.z-celebration-piece:nth-child(9) {
  left: 63%;
  -webkit-transform: rotate(-72deg);
  -webkit-animation-delay: 149ms;
  -webkit-animation-duration: 805ms;
}
.z-celebration-piece:nth-child(10) {
  left: 70%;
  -webkit-transform: rotate(10deg);
  -webkit-animation-delay: 351ms;
  -webkit-animation-duration: 1059ms;
}
.z-celebration-piece:nth-child(11) {
  left: 77%;
  -webkit-transform: rotate(4deg);
  -webkit-animation-delay: 307ms;
  -webkit-animation-duration: 1132ms;
}
.z-celebration-piece:nth-child(12) {
  left: 84%;
  -webkit-transform: rotate(42deg);
  -webkit-animation-delay: 464ms;
  -webkit-animation-duration: 776ms;
}
.z-celebration-piece:nth-child(13) {
  left: 91%;
  -webkit-transform: rotate(-72deg);
  -webkit-animation-delay: 429ms;
  -webkit-animation-duration: 818ms;
}
.z-celebration-piece:nth-child(odd) {
  background-color: #8662ED;
}
.z-celebration-piece:nth-child(even) {
  z-index: 1;
}
.z-celebration-piece:nth-child(4n) {
  width: 5px;
  height: 12px;
  -webkit-animation-duration: 2000ms;
}
.z-celebration-piece:nth-child(3n) {
  width: 3px;
  height: 10px;
  -webkit-animation-duration: 2500ms;
  -webkit-animation-delay: 1000ms;
}
.z-celebration-piece:nth-child(4n-7) {
  background-color: #FFBF34;
}
@keyframes celebration {
  from {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(350px);
  }
}
@-webkit-keyframes celebration {
  from {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(350px);
  }
}
/* Celebration animation style ends */
/* Course completeion popup style starts */
.zln-completion-rewards {
  background-image: linear-gradient(#fff, #e5dcFF);
  position: relative;
}
.zln-completion-rewards .zln-strips-line {
  background-image: linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, 0.25) 0);
  background-size: 7rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.zln-completion-rewards li {
  transform: scale(0.5);
  opacity: 0;
  animation: ani-badge-popout 0.6s linear;
  animation-fill-mode: both;
}
.zln-completion-rewards li .zln-badge-data {
  position: relative;
  /**	&:before{
				content:"";
				position:absolute;
				border-top:8px solid @z-white-bor;
				border-left:28px solid transparent;
				border-right:28px solid transparent;
				bottom:-6px;
			} **/
}
/* Course completeion popup style starts */
/* Profile page same badge multiple times */
.zln-popup\:badge.type\:reward-badge .zln-popup-top-area {
  padding-bottom: 105px;
}
/* Profile page same badge multiple times */
/*--- Badges style starts ---*/
/*--- User profile onboarding popup style starts ---*/
.type\:profile-popup {
  position: fixed;
  max-width: inherit;
  align-items: center;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 75px;
  background-color: transparent;
  box-sizing: border-box;
}
.type\:profile-popup.zw-slider-right {
  left: 0;
}
.type\:profile-popup .zln-wrapper\:user-profile {
  max-width: 900px;
  width: 100%;
  background-color: var(--white);
  border-radius: 8px;
  overflow: initial;
}
.type\:profile-popup .zln-container\:user-profile {
  overflow: hidden;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.type\:profile-popup .btn\:sticky-close {
  display: none;
}
/*--- User profile onboarding popup style end ---*/
/*--- Course category and subcategory style starts ---*/
.zln-list\:indent ul > li ul li > :before {
  content: '';
  position: absolute;
  width: 21px;
  height: 83%;
  bottom: 50%;
  left: -2px;
  border-left: 1px solid var(--grey4);
  border-bottom: 1px solid var(--grey4);
  padding-top: 6px;
}
/*--- Course category and subcategory style end ---*/
/*--- Quiz image option style starts ---*/
.zln-wrapper\:question-img {
  display: inline-block;
  position: relative;
}
.zln-wrapper\:question-img button {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 3px;
  opacity: 0;
  visibility: hidden;
}
.zln-wrapper\:question-img:hover button {
  opacity: 1;
  visibility: visible;
}
/*--- Quiz image option style end ---*/
/*--- Course certificate header style starts ---*/
.zls-certificate-editor-wrapper .zln-header\:left .zln-title {
  color: var(--white);
}
.zls-certificate-editor-wrapper .zln-header\:left .zln-meta {
  color: var(--grey3);
}
/*--- Course certificate header style end ---*/
/*--- Custom portal footer style starts ----*/
.zlearn-os\:dark .zln-footer\:customer-portal,
.zlearn-theme\:dark .zln-footer\:customer-portal {
  background-color: var(--grey10) !important;
}
.zlearn-os\:dark .zln-footer\:customer-portal *,
.zlearn-theme\:dark .zln-footer\:customer-portal * {
  color: var(--grey0) !important;
}
.zln-footer\:customer-portal img {
  height: 32px;
}
/*--- Custom portal footer style end ----*/
/*--- Pending actions popup style starts ----*/
.zln-wrapper\:pending-actions .zls-full-popup-wrapper {
  top: 0;
}
.zln-popup\:pending-actions {
  /*	.zln-btn\:show-nav,
	.zln-header\:left-nav{
		display:none;
	} */
}
.zln-popup\:pending-actions .zln-header\:pending-actions {
  padding: 20px 25px;
  background-color: var(--white);
}
.zln-popup\:pending-actions .zln-container-col\:left {
  border-right: 1px solid var(--grey5);
}
.zln-direction\:rtl .zln-popup\:pending-actions .zln-container-col\:left {
  border-left: 1px solid var(--grey5);
  border-right: none;
}
/* @media screen and (max-width:768px){
	.zln-popup\:pending-actions{
		.zln-container-col\:left{
			display:none;
			position:fixed;
			top:0;
			bottom:0;
			z-index:2;
		}
		
		.zln-btn\:show-nav,
		.zln-header\:left-nav{
			display:flex;
		}
		
		.zln-btn\:show-nav{
			margin-right:6px;
			
			.zln-direction\:rtl &{
				margin-left:6px;
				margin-right:auto;
			}
			
			&:before{
				border-radius:3px;
			}
		}
	}
} */
/*--- Pending actions popup style starts ----*/
/*--- Pending actions bubble animation style starts ----*/
.zln-pending-actions .zls-count-animation {
  position: absolute;
  top: 0px;
  right: 1px;
  border: 3px solid var(--global-header-customcolor, var(--product-appearance-color));
}
.zlearn-theme\:dark .zln-pending-actions .zls-count-animation,
.zlearn-os\:dark .zln-pending-actions .zls-count-animation {
  border-color: var(--grey10);
}
/*--- Pending actions bubble animation style end ----*/
/*--- Chat bar style starts ----*/
.wms-mainui .wms-msg {
  color: initial;
}
.zlearn-os\:dark .zmNightMode .mc3a39902b_smsgheading:after,
.zlearn-theme\:dark .zmNightMode .mc3a39902b_smsgheading:after,
.zlearn-os\:dark .zmNightMode .mc22a33edb_wms_menu_header,
.zlearn-theme\:dark .zmNightMode .mc22a33edb_wms_menu_header,
.zlearn-os\:dark .zmNightMode .mc22a33edb_minimize_menu,
.zlearn-theme\:dark .zmNightMode .mc22a33edb_minimize_menu,
.zlearn-os\:dark .zmNightMode .mc3a39902b_statusmessageholder input,
.zlearn-theme\:dark .zmNightMode .mc3a39902b_statusmessageholder input,
.zlearn-os\:dark .zmNightMode .mcfa03eede_editsymbol,
.zlearn-theme\:dark .zmNightMode .mcfa03eede_editsymbol,
.zlearn-os\:dark .zmNightMode .mc854d52f3_toggler,
.zlearn-theme\:dark .zmNightMode .mc854d52f3_toggler,
.zlearn-os\:dark .zmNightMode .mc854d52f3_tonepickercontainer,
.zlearn-theme\:dark .zmNightMode .mc854d52f3_tonepickercontainer,
.zlearn-os\:dark .zmNightMode .mc854d52f3_emojitonedisplay,
.zlearn-theme\:dark .zmNightMode .mc854d52f3_emojitonedisplay,
.zlearn-os\:dark .zmNightMode .mc3e349ef4_header,
.zlearn-theme\:dark .zmNightMode .mc3e349ef4_header {
  border-color: var(--grey5);
}
.zlearn-os\:dark .zmNightMode .mc3a39902b_statustypeholder,
.zlearn-theme\:dark .zmNightMode .mc3a39902b_statustypeholder,
.zlearn-os\:dark .zmNightMode .mc3a39902b_statusmessageholder,
.zlearn-theme\:dark .zmNightMode .mc3a39902b_statusmessageholder,
.zlearn-os\:dark .zmNightMode .mc899b863a_settingdropdown,
.zlearn-theme\:dark .zmNightMode .mc899b863a_settingdropdown {
  border-color: var(--grey4);
}
.zlearn-os\:dark .zmNightMode .mc22a33edb_wms_menu_bar,
.zlearn-theme\:dark .zmNightMode .mc22a33edb_wms_menu_bar,
.zlearn-os\:dark .zmNightMode .wms-chatwindowcontainer,
.zlearn-theme\:dark .zmNightMode .wms-chatwindowcontainer,
.zlearn-os\:dark .zmNightMode .mc22a33edb_wms_menu,
.zlearn-theme\:dark .zmNightMode .mc22a33edb_wms_menu,
.zlearn-os\:dark .zmNightMode .mcfac29eb8_menu,
.zlearn-theme\:dark .zmNightMode .mcfac29eb8_menu,
.zlearn-os\:dark .zmNightMode .mc3a39902b_statusicondropdown,
.zlearn-theme\:dark .zmNightMode .mc3a39902b_statusicondropdown,
.zlearn-os\:dark .zmNightMode .mc3a39902b_statusmessagedropdown,
.zlearn-theme\:dark .zmNightMode .mc3a39902b_statusmessagedropdown,
.zlearn-os\:dark .zmNightMode.mcfa03eede_symbolPicker,
.zlearn-theme\:dark .zmNightMode.mcfa03eede_symbolPicker,
.zlearn-os\:dark .zmNightMode .mc0a344e42_submenu,
.zlearn-theme\:dark .zmNightMode .mc0a344e42_submenu {
  box-shadow: 0 0 0 1px var(--grey5);
}
.zlearn-os\:dark .zmNightMode .mc22a33edb_wms_menu_bar:after,
.zlearn-theme\:dark .zmNightMode .mc22a33edb_wms_menu_bar:after,
.zlearn-os\:dark .zmNightMode .mc3e349ef4_header,
.zlearn-theme\:dark .zmNightMode .mc3e349ef4_header,
.zlearn-os\:dark .zmNightMode .mc3e349ef4_actionitem .mc3e349ef4_actionname,
.zlearn-theme\:dark .zmNightMode .mc3e349ef4_actionitem .mc3e349ef4_actionname,
.zlearn-os\:dark .zmNightMode .mc0a344e42_actionitem:hover .mc0a344e42_actionname,
.zlearn-theme\:dark .zmNightMode .mc0a344e42_actionitem:hover .mc0a344e42_actionname,
.zlearn-os\:dark .zmNightMode .mc0a344e42_actionitem:hover .mc0a344e42_submenu .mc0a344e42_actionname,
.zlearn-theme\:dark .zmNightMode .mc0a344e42_actionitem:hover .mc0a344e42_submenu .mc0a344e42_actionname,
.zlearn-os\:dark .zmNightMode .mc0a344e42_actionitem:hover .mc0a344e42_actionicon,
.zlearn-theme\:dark .zmNightMode .mc0a344e42_actionitem:hover .mc0a344e42_actionicon {
  background: none;
}
.zlearn-os\:dark .zmNightMode .mc22a33edb_wms_menu .mc22a33edb_quickaction_menu,
.zlearn-theme\:dark .zmNightMode .mc22a33edb_wms_menu .mc22a33edb_quickaction_menu {
  border: none;
}
.zlearn-os\:dark .zmNightMode .mc22a33edb_wms_menu .mc3a39902b_statusmessageitem:hover,
.zlearn-theme\:dark .zmNightMode .mc22a33edb_wms_menu .mc3a39902b_statusmessageitem:hover,
.zlearn-os\:dark .zmNightMode .mc22a33edb_wms_menu .mc3a39902b_statuselement:hover .mc3a39902b_quickstatusiconholder:not(.mc3a39902b_activestatusicon),
.zlearn-theme\:dark .zmNightMode .mc22a33edb_wms_menu .mc3a39902b_statuselement:hover .mc3a39902b_quickstatusiconholder:not(.mc3a39902b_activestatusicon),
.zlearn-os\:dark .zmNightMode .mc22a33edb_wms_menu .mc3a39902b_timeDropdownItem:hover,
.zlearn-theme\:dark .zmNightMode .mc22a33edb_wms_menu .mc3a39902b_timeDropdownItem:hover,
.zlearn-os\:dark .zmNightMode .mc22a33edb_wms_menu .mc3e349ef4_actionitem:hover,
.zlearn-theme\:dark .zmNightMode .mc22a33edb_wms_menu .mc3e349ef4_actionitem:hover,
.zlearn-os\:dark .zmNightMode .mc22a33edb_wms_menu .mc0a344e42_actionitem:hover,
.zlearn-theme\:dark .zmNightMode .mc22a33edb_wms_menu .mc0a344e42_actionitem:hover {
  background-color: var(--wms-listhoverbg-colorcode);
}
.zlearn-os\:dark .zmNightMode .mc3a39902b_smsgheading,
.zlearn-theme\:dark .zmNightMode .mc3a39902b_smsgheading,
.zlearn-os\:dark .zmNightMode .mc3a39902b_statusmessagedropdown,
.zlearn-theme\:dark .zmNightMode .mc3a39902b_statusmessagedropdown,
.zlearn-os\:dark .zmNightMode .mc854d52f3_header,
.zlearn-theme\:dark .zmNightMode .mc854d52f3_header,
.zlearn-os\:dark .zmNightMode .mc22a33edb_wms_menu_bar,
.zlearn-theme\:dark .zmNightMode .mc22a33edb_wms_menu_bar,
.zlearn-os\:dark .zmNightMode .mc0a344e42_actionname,
.zlearn-theme\:dark .zmNightMode .mc0a344e42_actionname,
.zlearn-os\:dark .zmNightMode .mc0a344e42_header,
.zlearn-theme\:dark .zmNightMode .mc0a344e42_header,
.zlearn-os\:dark .zmNightMode .mc3a39902b_statusmessageholder input,
.zlearn-theme\:dark .zmNightMode .mc3a39902b_statusmessageholder input {
  color: var(--wms-primary-text-colorcode);
}
.zlearn-os\:dark .zmNightMode .mc22a33edb_wms_menu_searchwrapper,
.zlearn-theme\:dark .zmNightMode .mc22a33edb_wms_menu_searchwrapper,
.zlearn-os\:dark .zmNightMode .mc22a33edb_wms_menu_searchinput,
.zlearn-theme\:dark .zmNightMode .mc22a33edb_wms_menu_searchinput,
.zlearn-os\:dark .zmNightMode .mcfac29eb8_menu,
.zlearn-theme\:dark .zmNightMode .mcfac29eb8_menu,
.zlearn-os\:dark .zmNightMode .mc3a39902b_statustypeholder,
.zlearn-theme\:dark .zmNightMode .mc3a39902b_statustypeholder,
.zlearn-os\:dark .zmNightMode .mc3a39902b_statustypeholder > *,
.zlearn-theme\:dark .zmNightMode .mc3a39902b_statustypeholder > *,
.zlearn-os\:dark .zmNightMode .mc3a39902b_statusmessageholder,
.zlearn-theme\:dark .zmNightMode .mc3a39902b_statusmessageholder,
.zlearn-os\:dark .zmNightMode .mc3a39902b_statusmessageholder > *,
.zlearn-theme\:dark .zmNightMode .mc3a39902b_statusmessageholder > *,
.zlearn-os\:dark .zmNightMode .mc899b863a_header,
.zlearn-theme\:dark .zmNightMode .mc899b863a_header,
.zlearn-os\:dark .zmNightMode.mcfa03eede_symbolPicker,
.zlearn-theme\:dark .zmNightMode.mcfa03eede_symbolPicker,
.zlearn-os\:dark .zmNightMode .mc0a344e42_submenu,
.zlearn-theme\:dark .zmNightMode .mc0a344e42_submenu,
.zlearn-os\:dark .zmNightMode .mc899b863a_settingdropdown,
.zlearn-theme\:dark .zmNightMode .mc899b863a_settingdropdown,
.zlearn-os\:dark .zmNightMode .mc22a33edb_wms_cliq_header:hover,
.zlearn-theme\:dark .zmNightMode .mc22a33edb_wms_cliq_header:hover,
.zlearn-os\:dark .zmNightMode .mc07a5d35a_header,
.zlearn-theme\:dark .zmNightMode .mc07a5d35a_header {
  background-color: var(--white) !important;
}
.zlearn-os\:dark .zmNightMode .mc22a33edb_wms_menu_userstatus,
.zlearn-theme\:dark .zmNightMode .mc22a33edb_wms_menu_userstatus,
.zlearn-os\:dark .zmNightMode .mc0a344e42_actionicon,
.zlearn-theme\:dark .zmNightMode .mc0a344e42_actionicon,
.zlearn-os\:dark .zmNightMode .mc0a344e42_submenuicon,
.zlearn-theme\:dark .zmNightMode .mc0a344e42_submenuicon,
.zlearn-os\:dark .zmNightMode .mc0a344e42_redirectLink:after,
.zlearn-theme\:dark .zmNightMode .mc0a344e42_redirectLink:after,
.zlearn-os\:dark .zmNightMode .mc3a39902b_statusmessagetoggle:after,
.zlearn-theme\:dark .zmNightMode .mc3a39902b_statusmessagetoggle:after,
.zlearn-os\:dark .zmNightMode .mc3a39902b_statustypetoggle:after,
.zlearn-theme\:dark .zmNightMode .mc3a39902b_statustypetoggle:after {
  color: var(--wms-icon-color);
}
.zlearn-os\:dark .zmNightMode .mc899b863a_heading,
.zlearn-theme\:dark .zmNightMode .mc899b863a_heading,
.zlearn-os\:dark .zmNightMode .mc0a344e42_header,
.zlearn-theme\:dark .zmNightMode .mc0a344e42_header,
.zlearn-os\:dark .zmNightMode .mc22a33edb_wms_chats_filter_tabs:not(.mc22a33edb_active),
.zlearn-theme\:dark .zmNightMode .mc22a33edb_wms_chats_filter_tabs:not(.mc22a33edb_active) {
  background-color: var(--grey9);
}
.zlearn-os\:dark .zmNightMode ::placeholder,
.zlearn-theme\:dark .zmNightMode ::placeholder {
  color: var(--grey3);
}
/*--- Chat bar style end ----*/
.zln-field\:error.zln-field\:error.zln-field\:error.zln-field\:error.zln-field\:error {
  box-shadow: 0 0 0 2px hsl(1, 81%, 62%);
  border-color: transparent;
}