.bottom-wrapper .left,
.bottom-wrapper .right {
  display: flex;
  justify-content: flex-start;
}
.bottom-wrapper .middle {
  flex: 1;
}
.i-lazada-icon {
  height: 46px;
  width: 46px;
}
.i-lazada-icon-small {
  height: 15px;
  width: 15px;
}
:root {
  -webkit-tap-highlight-color: transparent;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
.i-plain-anchor {
  color: unset;
  transition: none;
}
.i-plain-anchor:active {
  opacity: unset;
}
body.i-overflow-hidden {
  overflow: hidden !important;
}
:root {
  --iweb-font-family: "Euclid Circular A", "Avenir Next", Roboto, -apple-system,
    BlinkMacSystemFont, "Helvetica Neue", helvetica, segoe ui, arial,
    "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  --iweb-font_size_large: 32px;
  --iweb-font_size_large02: 24px;
  --iweb-font_size_medium: 20px;
  --iweb-font_size_medium01: 16px;
  --iweb-font_size_medium02: 15px;
  --iweb-font_size_regular: 14px;
  --iweb-font_size_regular02: 13px;
  --iweb-font_size_regular03: 12px;
  --iweb-font_size_regular04: 11px;
  --iweb-font_size_small: 10px;
  --iweb-font_size_small02: 9px;
  --iweb-brand_blue: #1e71ff;
  --iweb-brand_pink: #fe4960;
  --iweb-brand_pink_shades: #feecef;
  --iweb-brand_gradient_start: #fe8e00;
  --iweb-brand_gradient_mid: #fc5d4c;
  --iweb-brand_gradient_end: #fa2c99;
  --iweb-brand_gradient: linear-gradient(90deg, #fe8e00, #fa2c99);
  --iweb-presale_gradient_start: #9467ff;
  --iweb-presale_gradient_end: #6826ff;
  --iweb-presale_gradient: linear-gradient(90deg, #9467ff, #6826ff);
  --iweb-cb_presale: #6b2bff;
  --iweb-presale_shades: #efe9ff;
  --iweb-lazbonus_shades: #fcefff;
  --iweb-text_black: #2e3346;
  --iweb-text_gray_01: #595f6d;
  --iweb-text_gray_02: #858b9c;
  --iweb-text_gray_03: #c6cad2;
  --iweb-text_alert: #ba5300;
  --iweb-text_error: #d20b0b;
  --iweb-text_success: #018434;
  --iweb-text_white: #fff;
  --iweb-text_freeshipping: #00a89f;
  --iweb-line_gray_01: #cbced5;
  --iweb-line_gray_02: #e3e7f1;
  --iweb-line_white: #fff;
  --iweb-line_error: #d20b0b;
  --iweb-line_active: #1e71ff;
  --iweb-line_sm_error: #f38989;
  --iweb-line_sm_warning: #ffbf80;
  --iweb-line_sm_success: #96d9b0;
  --iweb-line_sm_notice: #8cb8ff;
  --iweb-bg_white: #fff;
  --iweb-bg_gray_01: #f8f8f8;
  --iweb-bg_gray_02: #f6f9ff;
  --iweb-bg_gray_03: #e6e8ea;
  --iweb-bg_mask: #000000b3;
  --iweb-bg_mask_60: #00000099;
  --iweb-bg_mask_light: #00000003;
  --iweb-sm_notice: #1e71ff;
  --iweb-sm_alert: #ff7f00;
  --iweb-sm_success: #2cb360;
  --iweb-sm_error: #e61414;
  --iweb-bg_sm_notice: #e8f0ff;
  --iweb-bg_sm_alert: #fff2e5;
  --iweb-bg_sm_success: #e9f7ef;
  --iweb-bg_sm_error: #fce7e7;
  --iweb-cb_lazmall_primary: #c9060c;
  --iweb-cb_lazmall_secondary: #0b0a16;
  --iweb-cb_lazglobal: #aa3cff;
  --iweb-cb_taobao: #f50;
  --iweb-cb_flashsale: linear-gradient(90deg, #ff0060, #ff8d43);
  --iweb-cb_flashsale_begin: #ff0060;
  --iweb-cb_flashsale_end: #ff8d43;
  --iweb-cb_redmart: #ee4054;
  --iweb-cb_lazmart: #1aba36;
  --iweb-cb_freeshipping: #00bfa7;
  --iweb-cb_dealsnearby: #e42387;
  --iweb-cb_lazchoice: #c06;
  --iweb-cb_coins: #ce891c;
  --iweb-cb_cashback: #ff008f;
  --iweb-cb_lazbonus: #dc55cf;
  --iweb-radius_large: 24px;
  --iweb-radius_medium: 18px;
  --iweb-radius_regular: 12px;
  --iweb-radius_small: 6px;
  --iweb-radius_extrasmall: 4px;
  --iweb-radius-token-radius_regular: var(--iweb-radius_regular);
  --iweb-radius-token-radius_small: var(--iweb-radius_small);
  --iweb-radius-token-radius_extrasmall: var(--iweb-radius_extrasmall);
  --iweb-slide_01: 0.5px;
  --iweb-space_00: 0px;
  --iweb-space_01: 4px;
  --iweb-space_02: 6px;
  --iweb-space_03: 12px;
  --iweb-space_04: 18px;
  --iweb-space_05: 24px;
  --iweb-space_06: 30px;
  --iweb-space_07: 42px;
  --iweb-space_08: 48px;
  --iweb-fontsize_title_page_large: var(--iweb-font_size_large);
  --iweb-fontsize_title_page_medium: var(--iweb-font_size_medium);
  --iweb-fontsize_title_module_maximum: var(--iweb-font_size_large);
  --iweb-fontsize_title_module_huge: var(--iweb-font_size_large02);
  --iweb-fontsize_title_module_large: var(--iweb-font_size_medium);
  --iweb-fontsize_title_module_standard: 18px;
  --iweb-fontsize_title_module_medium: var(--iweb-font_size_medium02);
  --iweb-fontsize_subtitle_module_medium: 16px;
  --iweb-fontsize_content_larger: var(--iweb-font_size_medium01);
  --iweb-fontsize_content_large: 15px;
  --iweb-fontsize_content_medium: var(--iweb-font_size_regular);
  --iweb-fontsize_content_regular: 13px;
  --iweb-fontsize_support_medium: 12px;
  --iweb-fontsize_support_standard: 11px;
  --iweb-fontsize_support_regular: var(--iweb-font_size_regular03);
  --iweb-fontsize_support_special: var(--iweb-font_size_small);
  --iweb-fontsize_support_small: var(--iweb-font_size_small02);
  --iweb-colour_primary_info: var(--iweb-text_black);
  --iweb-colour_secondary_info: var(--iweb-text_gray_01);
  --iweb-colour_tertiary_info: var(--iweb-text_gray_02);
  --iweb-colour_quaternary_info: var(--iweb-text_gray_03);
  --iweb-colour_promotion_info: var(--iweb-brand_pink);
  --iweb-colour_link_info: var(--iweb-brand_blue);
  --iweb-colour_darkbackground_info: var(--iweb-text_white);
  --iweb-colour_badge_info: #204733;
  --iweb-colour_alert_info: var(--iweb-text_alert);
  --iweb-colour_error_info: var(--iweb-text_error);
  --iweb-colour_success_info: var(--iweb-text_success);
  --iweb-colour_primary_background_page: var(--iweb-bg_white);
  --iweb-colour_secondary_background_page: var(--iweb-bg_gray_01);
  --iweb-colour_mask: var(--iweb-bg_mask);
  --iweb-colour_mask_light: var(--iweb-bg_mask_light);
  --iweb-colour_fill_gradient: var(--iweb-brand_gradient);
  --iweb-colour_fill_dimmed: #f8f8f8;
  --iweb-colour_fill_promotion: var(--iweb-brand_pink);
  --iweb-colour_fill_brand: var(--iweb-brand_pink);
  --iweb-colour_fill_white: var(--iweb-bg_white);
  --iweb-colour_fill_module01: #272833;
  --iweb-colour_fill_module02: var(--iweb-bg_gray_02);
  --iweb-colour_fill_module03: var(--iweb-bg_gray_03);
  --iweb-colour_secondary_tertiary_page: #f5f5f5;
  --iweb-colour_fill_voucher01: #edebfd;
  --iweb-colour_fill_voucher02: #e1ddfb;
  --iweb-colour_fill_promotion_shades: var(--iweb-brand_pink_shades);
  --iweb-colour_fill_notice_shades: var(--iweb-bg_sm_notice);
  --iweb-colour_fill_alert_shades: var(--iweb-bg_sm_alert);
  --iweb-colour_fill_success_shades: var(--iweb-bg_sm_success);
  --iweb-colour_fill_error_shades: var(--iweb-bg_sm_error);
  --iweb-colour_fill_brand_blue: var(--iweb-brand_blue);
  --iweb-colour_primary_outline: var(--iweb-brand_pink);
  --iweb-colour_secondary_outline: var(--iweb-text_gray_02);
  --iweb-colour_tertiary_outline: var(--iweb-line_gray_01);
  --iweb-colour_slideline: var(--iweb-line_gray_02);
  --iweb-colour_white_outline: var(--iweb-line_white);
  --iweb-colour_disable_outline: var(--iweb-text_gray_03);
  --iweb-colour_voucher_outline: #6b5ff2;
  --iweb-colour_brand_outline: var(--iweb-brand_pink);
  --iweb-colour_quaternary_outline: var(--iweb-text_gray_03);
  --iweb-colour_error_outline: var(--iweb-line_error);
  --iweb-colour_active_outline: var(--iweb-line_active);
  --iweb-colour_sm_notice: var(--iweb-brand_blue);
  --iweb-colour_sm_alert: var(--iweb-sm_alert);
  --iweb-colour_sm_success: var(--iweb-sm_success);
  --iweb-colour_sm_error: var(--iweb-sm_error);
  --iweb-colour_cb_lazmall_primary: var(--iweb-cb_lazmall_primary);
  --iweb-colour_cb_lazmall_secondary: var(--iweb-cb_lazmall_secondary);
  --iweb-colour_cb_lazglobal: var(--iweb-cb_lazglobal);
  --iweb-colour_cb_taobao: var(--iweb-cb_taobao);
  --iweb-colour_cb_redmart: var(--iweb-cb_redmart);
  --iweb-colour_cb_lazmart: var(--iweb-cb_lazmart);
  --iweb-colour_cb_freeshipping: var(--iweb-cb_freeshipping);
  --iweb-colour_cb_liveup_01: var(--iweb-cb_liveup_01);
  --iweb-colour_cb_liveup_02: var(--iweb-cb_liveup_02);
  --iweb-colour_cb_lazchoice: var(--iweb-cb_lazchoice);
  --iweb-colour_cb_presale: var(--iweb-cb_presale);
  --iweb-colour_fill_gradient_presale_start: var(--iweb-presale_gradient_start);
  --iweb-colour_fill_gradient_presale_end: var(--iweb-presale_gradient_end);
  --iweb-colour_fill_presale_shades: var(--iweb-presale_shades);
  --iweb-margin_page_left: var(--iweb-space_05);
  --iweb-margin_page_right: var(--iweb-space_05);
  --iweb-gutter_module_top_medium: var(--iweb-space_06);
  --iweb-gutter_module_top_regular: var(--iweb-space_05);
  --iweb-gutter_module_top_light: var(--iweb-space_04);
  --iweb-gutter_module_top_thin: var(--iweb-space_03);
  --iweb-gutter_module_bottom_medium: var(--iweb-space_06);
  --iweb-gutter_module_bottom_regular: var(--iweb-space_05);
  --iweb-gutter_module_bottom_light: var(--iweb-space_04);
  --iweb-gutter_module_bottom_thin: var(--iweb-space_03);
  --iweb-gutter_module_left_medium: var(--iweb-space_06);
  --iweb-gutter_module_left_regular: var(--iweb-space_05);
  --iweb-gutter_module_left_light: var(--iweb-space_04);
  --iweb-gutter_module_left_thin: var(--iweb-space_03);
  --iweb-gutter_module_right_medium: var(--iweb-space_06);
  --iweb-gutter_module_right_regular: var(--iweb-space_05);
  --iweb-gutter_module_right_light: var(--iweb-space_04);
  --iweb-gutter_module_right_thin: var(--iweb-space_03);
  --iweb-margin_inside_module_top_medium: var(--iweb-space_06);
  --iweb-margin_inside_module_top_regular: var(--iweb-space_05);
  --iweb-margin_inside_module_top_light: var(--iweb-space_04);
  --iweb-margin_inside_module_top_thin: var(--iweb-space_03);
  --iweb-margin_inside_module_top_none: var(--iweb-space_00);
  --iweb-margin_inside_module_bottom_medium: var(--iweb-space_06);
  --iweb-margin_inside_module_bottom_regular: var(--iweb-space_05);
  --iweb-margin_inside_module_bottom_light: var(--iweb-space_04);
  --iweb-margin_inside_module_bottom_thin: var(--iweb-space_03);
  --iweb-padding_inside_module_horizontally_medium: var(--iweb-space_06);
  --iweb-padding_inside_module_horizontally_regular: var(--iweb-space_05);
  --iweb-padding_inside_module_horizontally_light: var(--iweb-space_04);
  --iweb-padding_inside_module_horizontally_thin: var(--iweb-space_03);
  --iweb-padding_inside_module_horizontally_extrathin: var(--iweb-space_02);
  --iweb-padding_inside_module_vertically_medium: var(--iweb-space_06);
  --iweb-padding_inside_module_vertically_regular: var(--iweb-space_05);
  --iweb-padding_inside_module_vertically_light: var(--iweb-space_04);
  --iweb-padding_inside_module_vertically_thin: var(--iweb-space_03);
  --iweb-padding_inside_element_horizontally_medium: var(--iweb-space_05);
  --iweb-padding_inside_element_horizontally_regular: var(--iweb-space_04);
  --iweb-padding_inside_element_horizontally_light: var(--iweb-space_03);
  --iweb-padding_inside_element_horizontally_thin: var(--iweb-space_02);
  --iweb-padding_inside_element_horizontally_extrathin: var(--iweb-space_01);
  --iweb-padding_inside_element_vertically_medium: var(--iweb-space_05);
  --iweb-padding_inside_element_vertically_regular: var(--iweb-space_04);
  --iweb-padding_inside_element_vertically_light: var(--iweb-space_03);
  --iweb-padding_inside_element_vertically_thin: var(--iweb-space_02);
  --iweb-padding_inside_element_vertically_extrathin: var(--iweb-space_01);
  --iweb-color-primary-from: #ff933f;
  --iweb-color-primary-center: #f93782;
  --iweb-color-primary-end: #f93782;
  --iweb-color-weak: var(--iweb-text_gray_02);
  --iweb-color-light: #ccc;
  --iweb-border-color: var(--iweb-line_gray_02);
  --iweb-font-size-main: var(--iweb-font_size_regular);
  --iweb-color-text: #333;
  --iweb-bg-black: #000;
  --iweb-light-black: #3e3e3e;
  --iweb-text-black: #000;
  --iweb-text-grey: #b7b7b7;
  --iweb-slider-radius: 0;
  --iweb-info-radius: 0;
  --iweb-margin_page_top: var(--iweb-space_06);
  --iweb-page_title_margin_top: 18px;
  --iweb-page_title_margin_bottom: 12px;
  --iweb-z-index-mask: 1000;
  --iweb-z-index-popup: 1000;
  --iweb-z-index-popover: 1030;
  --iweb-z-index-floating-panel: 900;
  --iweb-colour_fill_brand_main: var(--iweb-brand_pink);
  --iweb-star_fill_color: var(--iweb-colour_primary_info);
  --iweb-star-size: 24px;
  --iweb-star-padding: 2px;
  --iweb-btn-height-large: 48px;
  --iweb-btn-height-default: 40px;
  --iweb-btn-height-small: 32px;
  --iweb-btn-height-xs: 24px;
  --iweb-tab-active-title-color: var(--iweb-colour_primary_info);
  --iweb-old_brand_yellow_bg: #f57224;
  --iwbeb-old_brand_yellow_text: #f57224;
  --iweb-old_brand_yellow_line: #f57224;
  --iweb-btn-secondary-disbled: var(--iweb-colour_tertiary_outline);
  --iweb-btn-border-width: 2px;
  --iweb-btn-secondary-hover-bg: var(--iweb-colour_fill_promotion_shades);
  --iweb-checbox-icon-size: 18px;
  --iweb-checkbox-border-color: var(--iweb-colour_secondary_outline);
  --iweb-checkbox-disabled-bg: var(--iweb-colour_secondary_background_page);
  --iweb-checkbox-disabled-checked-bg: var(--iweb-colour_fill_notice_shades);
  --iweb-checkbox-indeterminate-padding: 3px;
  --iweb-checkbox-indeterminate-border-width: 0px;
  --iweb-input-border-color: var(--iweb-colour_tertiary_outline);
  --iweb-input-focus-border-color-style: var(--iweb-colour_active_outline);
  --iweb-input-border-radius-style: var(--iweb-radius_small);
  --iweb-input-disabled-bg: var(--iweb-colour_fill_dimmed);
  --iweb-input-disabled-font-color: var(--iweb-colour_quaternary_info);
  --iweb-default-font-weight: 400;
  --iweb-bold-font-weight: 500;
  --iweb-default-color: var(--iweb-colour_primary_info);
  --iweb-quantity-height: 48px;
  --iweb-quantity-outer-border-width: 1px;
  --iweb-quantity-inner-border-width: 1px;
  --iweb-quantity-btn-width: 46px;
  --iweb-quantity-btn-small-width: 40px;
  --iweb-quantity-btn-color: var(--iweb-colour_primary_info);
  --iweb-quantity-font-size: var(--iweb-fontsize_title_module_huge);
  --iweb-mask-bg-dark: var(--iweb-bg_mask);
  --iweb-mask-bg-default: var(--iweb-bg_mask_60);
  --iweb-message-inner-padding: var(
    --iweb-padding_inside_module_vertically_thin
  );
  --iweb-message-inner-content-margin: var(
    --iweb-padding_inside_module_vertically_thin
  );
  --iweb-message-inner-content-padding: var(
    --iweb-padding_inside_module_vertically_thin
  );
  --iweb-message-content-color: var(--iweb-colour_primary_info);
  --iweb-toast-mask-bg: var(--iweb-bg_mask);
  --iweb-select-border: var(--iweb-colour_tertiary_outline);
  --iweb-select-item-bg: var(--iweb-colour_fill_dimmed);
  --iweb-tooltip-padding: var(--iweb-gutter_module_top_thin)
    var(--iweb-gutter_module_right_thin) var(--iweb-gutter_module_bottom_thin)
    var(--iweb-gutter_module_left_thin);
  --iweb-tooltip-dark-bg: var(--iweb-bg_mask);
}
.iweb-button {
  --color: var(--iweb-colour_primary_info);
  align-items: center;
  border: none;
  border-radius: var(--iweb-radius-token-radius_small);
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  height: var(--iweb-btn-height-default);
  justify-content: center;
  line-height: var(--iweb-btn-height-default);
  margin: 0;
  min-width: 75px;
  padding: 0 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: opacity 0.15s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.iweb-button:after {
  border-color: transparent;
  border-radius: 0;
}
.iweb-button:focus {
  outline: 0;
}
.iweb-button:before {
  background-color: var(--iweb-bg_white);
  border: inherit;
  border-color: var(--iweb-line_white);
  box-sizing: content-box;
  content: " ";
  height: 100%;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.iweb-button:active:before {
  opacity: 0.3;
}
.iweb-button-default {
  color: var(--iweb-colour_primary_info);
}
.iweb-button-default:after {
  border-color: var(--iweb-border-color);
}
.iweb-button-default.iweb-button-fill-outline {
  background-color: transparent;
}
.iweb-button-default.iweb-button-fill-outline:after {
  border-color: var(--iweb-colour_secondary_outline);
}
.iweb-button-default.iweb-button-fill-none {
  background-color: transparent;
}
.iweb-button-default.iweb-button-fill-none:after {
  border-color: transparent;
}
.iweb-button:not(.iweb-button-default).iweb-button-fill-outline {
  background-color: transparent;
  background: 0 0;
  color: var(--color);
}
.iweb-button:not(.iweb-button-default).iweb-button-fill-outline:after {
  border-color: var(--iweb-colour_primary_info);
}
.iweb-button:not(.iweb-button-default).iweb-button-fill-none {
  background-color: transparent;
  background: 0 0;
  color: var(--color);
}
.iweb-button:not(.iweb-button-default).iweb-button-fill-none:after {
  border-color: transparent;
}
.iweb-button-primary {
  --color: var(--iweb-text_white);
  background: var(--iweb-old_brand_yellow_bg);
  color: var(--iweb-text_white);
  padding: 0 var(--iweb-gutter_module_right_light) 0
    var(--iweb-gutter_module_left_light);
}
.iweb-button-primary .iweb-button-mask {
  background: var(--iweb-bg_white);
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.iweb-button-primary .iweb-button-mask:hover {
  opacity: 0.1;
}
.iweb-button-secondary {
  --color: var(--iweb-colour_primary_info);
  background: 0 0;
  border: var(--iweb-btn-border-width) solid var(--iweb-old_brand_yellow_line);
  color: var(--iwbeb-old_brand_yellow_text);
}
.iweb-button-secondary .iweb-button-mask {
  background: var(--iweb-bg-black);
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.iweb-button-secondary .iweb-button-mask:hover {
  opacity: 0.05;
}
.iweb-button-secondary:after {
  border-color: var(--iweb-colour_primary_outline);
}
.iweb-button-secondary-disabled {
  border-color: var(--iweb-btn-secondary-disbled);
}
.iweb-button-secondary:hover {
  background: var(--iweb-btn-secondary-hover-bg);
  opacity: 0.8;
}
.iweb-button-link-primary {
  background: 0 0;
  color: var(--iweb-colour_link_info);
  padding: 6px 0;
}
.iweb-button-link-primary .iweb-button-mask {
  display: none;
}
.iweb-button-link-primary:after {
  border: none;
}
.iweb-button-link-secondary {
  border: none;
  color: var(--iweb-colour_primary_info);
  padding: 6px 0;
}
.iweb-button-link-secondary .iweb-button-mask {
  display: none;
}
.iweb-button-link-secondary:after {
  border: none;
}
.iweb-button-disabled {
  background-color: var(--iweb-colour_fill_dimmed);
  color: var(--iweb-colour_quaternary_info);
  cursor: not-allowed;
}
.iweb-button-disabled:after {
  border: none;
}
.iweb-button-disabled:active:before {
  display: none;
}
.iweb-button-large {
  font-size: var(--iweb-fontsize_content_larger);
  height: var(--iweb-btn-height-large);
  line-height: var(--iweb-btn-height-large);
  min-width: 90px;
  padding: 0 var(--iweb-gutter_module_right_light);
}
.iweb-button-small {
  height: var(--iweb-btn-height-small);
  line-height: var(--iweb-btn-height-small);
  min-width: 66px;
}
.iweb-button-small,
.iweb-button-xs {
  font-size: var(--iweb-fontsize_content_medium);
  padding: 0 var(--iweb-gutter_module_right_light);
}
.iweb-button-xs {
  height: var(--iweb-btn-height-xs);
  line-height: var(--iweb-btn-height-xs);
  min-width: 54px;
}
.iweb-button-block {
  display: block;
  font-size: 16px;
  height: var(--iweb-btn-height-large);
  line-height: var(--iweb-btn-height-large);
  margin: 0 auto;
  max-width: 351px;
  padding: 0 12px;
  width: 100%;
}
.iweb-button-content {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.iweb-button-icon {
  height: 18px;
  line-height: 18px;
  margin-right: 7px;
  width: 18px;
}
.iweb-button--icon-xs,
.iweb-button-icon-large,
.iweb-button-icon-medium,
.iweb-button-icon-small {
  display: flex;
}
.iweb-button-icon-large .iweb-button-icon {
  height: 21px;
  line-height: 21px;
  width: 21px;
}
.iweb-button-icon-large .i-icon-large {
  font-size: 21px;
}
.iweb-button-icon-medium .iweb-button-icon {
  height: 18px;
  line-height: 18px;
  width: 18px;
}
.iweb-button-icon-medium .i-icon-large {
  font-size: 18px;
}
.iweb-button-icon-small .iweb-button-icon {
  height: 12px;
  line-height: 12px;
  width: 12px;
}
.iweb-button-icon-small .i-icon-large {
  font-size: 12px;
}
.iweb-button-icon-xs .iweb-button-icon {
  height: 10px;
  line-height: 10px;
  width: 10px;
}
.iweb-button-icon-xs .i-icon-large {
  font-size: 10px;
}
.iweb-button-arrow {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: 6px;
  width: 12px;
}
.iweb-dialog-mask-enter {
  animation: mask-opacity 0.2s ease-in-out;
}
.iweb-dialog-mask-leave {
  animation: mask-opacity-hide 0.2s ease-in-out;
}
.iweb-dialog-mask .iweb-dialog-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  left: 50%;
  max-width: 648px;
  min-height: 320px;
  overflow: hidden;
  position: relative;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 84%;
}
.iweb-dialog-mask .iweb-dialog-container .iweb-dialog-close {
  align-items: center;
  display: flex;
  height: 64px;
}
.iweb-dialog-mask .iweb-dialog-container .iweb-dialog-close-icon {
  cursor: pointer;
  margin-left: auto;
  margin-right: 24px;
}
.iweb-dialog-mask .iweb-dialog-container-enter {
  animation: dialog-show 0.2s ease-in-out 0s 1 normal forwards;
}
.iweb-dialog-mask .iweb-dialog-container-leave {
  animation: dialog-hide 0.2s ease-in-out 0s 1 normal forwards;
}
.iweb-dialog-mask .iweb-dialog-wrap {
  background-color: var(--iweb-bg_white);
  display: flex;
  flex-direction: column;
  font-size: 14px;
  max-height: calc(100vh - 120px);
  max-width: 648px;
  min-height: 320px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.iweb-dialog-mask .iweb-dialog-wrap .iweb-dialog-body {
  flex: 1;
  padding: 0 24px 24px;
}
.iweb-dialog-mask .iweb-dialog-wrap .iweb-dialog-body-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 33px;
  margin-bottom: var(--iweb-page_title_margin_bottom);
  max-width: 648px;
  text-align: center;
}
.iweb-dialog-mask .iweb-dialog-wrap .iweb-dialog-body-desc {
  color: var(--iweb-text_gray_01);
  font-size: 13px;
  margin-bottom: 15px;
}
.iweb-dialog-mask .iweb-dialog-wrap .iweb-dialog-body-content-wrapper {
  display: flex;
  justify-content: center;
}
.iweb-dialog-mask .iweb-dialog-wrap .iweb-dialog-body-content {
  color: var(--iweb-color-text);
  font-size: var(--iweb-font-size-main);
  line-height: 1.2;
  max-height: calc(100vh - 313px);
  min-height: 125px;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: center;
}
.iweb-dialog-mask .iweb-dialog-wrap .iweb-dialog-footer {
  justify-content: center;
  margin: 0 24px 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.iweb-dialog-mask
  .iweb-dialog-wrap
  .iweb-dialog-footer
  .iweb-dialog-action-row {
  align-items: stretch;
  display: flex;
  justify-content: center;
}
.iweb-dialog-mask
  .iweb-dialog-wrap
  .iweb-dialog-footer
  .iweb-dialog-action-row
  .iweb-button-secondary {
  margin-right: 16px;
}
.iweb-dialog-mask
  .iweb-dialog-wrap
  .iweb-dialog-footer
  .iweb-dialog-action-row
  > .iweb-dialog-button {
  border-radius: 0;
  border-right: 0.5px solid var(--iweb-border-color);
  font-size: 18px;
  line-height: 25px;
  padding: 10px;
}
.iweb-dialog-mask
  .iweb-dialog-wrap
  .iweb-dialog-footer
  .iweb-dialog-action-row
  > .iweb-dialog-button-bold {
  font-weight: 700;
}
.iweb-dialog-mask
  .iweb-dialog-wrap
  .iweb-dialog-footer
  .iweb-dialog-action-row
  > .iweb-dialog-button
  :last-child {
  border-right: none;
}
.iweb-dialog-mask
  .iweb-dialog-wrap
  .iweb-dialog-footer
  .iweb-dialog-action-row:nth-child(2)
  .iweb-button-secondary {
  margin-right: 0;
}
.iweb-dialog-mask .iweb-dialog-wrap .iweb-dialog-footer-campaign {
  margin-top: auto;
}
.iweb-dialog-mask .iweb-dialog-wrap .iweb-dialog-footer-lzd {
  margin: 0;
  padding: var(--iweb-gutter_module_top_thin)
    var(--iweb-gutter_module_right_regular)
    var(--iweb-gutter_module_bottom_regular)
    var(--iweb-gutter_module_left_regular);
}
.iweb-dialog-mask .iweb-dialog-lzd .iweb-dialog-wrap {
  border-radius: var(--iweb-radius-token-radius_small);
}
.iweb-dialog-mask .iweb-dialog-lzd .iweb-dialog-header-lzd {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: var(--iweb-gutter_module_top_regular)
    var(--iweb-gutter_module_right_regular)
    var(--iweb-gutter_module_bottom_thin)
    var(--gutter_module_left_regular, 24px);
}
.iweb-dialog-mask
  .iweb-dialog-lzd
  .iweb-dialog-header-lzd
  .iweb-dialog-header-title {
  color: var(--iweb-colour_primary_info);
  font-size: var(--iweb-fontsize_content_larger);
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.iweb-dialog-mask
  .iweb-dialog-lzd
  .iweb-dialog-header-lzd
  .iweb-dialog-header-icon {
  stroke: var(--iweb-colour_tertiary_info);
  margin: var(--iweb-margin_page_right);
}
.iweb-dialog-mask
  .iweb-dialog-lzd
  .iweb-dialog-header-lzd
  .iweb-dialog-header-icon-lzd {
  stroke: var(--iweb-colour_tertiary_info);
}
.iweb-dialog-mask .iweb-dialog-lzd .iweb-dialog-body {
  padding: var(--iweb-gutter_module_top_regular)
    var(--iweb-gutter_module_left_regular)
    var(--iweb-gutter_module_bottom_regular)
    var(--iweb-gutter_module_left_regular);
}
.iweb-dialog-mask .iweb-dialog-lzd .iweb-dialog-footer .btn-right-float {
  float: right;
}
.iweb-dialog-mask
  .iweb-dialog-lzd
  .iweb-dialog-footer
  .iweb-button:not(:last-child) {
  margin-right: var(--iweb-padding_inside_module_horizontally_extrathin);
}
@keyframes dialog-show {
  0% {
    transform: translate(-50%, calc(48px - 50%));
  }
  to {
    transform: translate(-50%, -50%);
  }
}
@keyframes dialog-hide {
  0% {
    transform: translate(-50%, -50%);
  }
  to {
    transform: translate(-50%, calc(48px - 50%));
  }
}
.iweb-mask {
  display: block;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: var(--iweb-z-index-mask);
}
.iweb-mask-hidden {
  display: none;
}
.iweb-mask-enter {
  opacity: 0;
}
.iweb-mask-enter-active {
  opacity: 1;
  transition: opacity 0.2s ease-out;
}
.iweb-mask-exit {
  display: block;
  opacity: 1;
}
.iweb-mask-exit-active {
  opacity: 0;
  transition: opacity 0.2s ease-in;
}
.iweb-mask-dark {
  background-color: var(--iweb-mask-bg-dark);
}
.iweb-mask-default {
  background-color: var(--iweb-mask-bg-default);
}
.iweb-page-indicator {
  --dot-color: rgba(0, 0, 0, 0.2);
  --active-dot-color: var(--iweb-brand_gradient);
  --dot-size: 12px;
  --active-dot-size: 12px;
  --dot-border-radius: 6px;
  --active-dot-border-radius: var(--dot-border-radius);
  --dot-spacing: 12px;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}
.iweb-page-indicator-dot {
  background: var(--dot-color);
  border-radius: var(--dot-border-radius);
  display: block;
  height: var(--dot-size);
  width: var(--dot-size);
}
.iweb-page-indicator-dot:last-child {
  margin-right: 0;
}
.iweb-page-indicator-dot-active {
  background: var(--active-dot-color);
  border-radius: var(--active-dot-border-radius);
}
.iweb-page-indicator-color-white {
  --active-dot-color: var(--iweb-text_white);
}
.iweb-page-indicator-horizontal {
  flex-direction: row;
}
.iweb-page-indicator-horizontal .iweb-page-indicator-dot {
  margin-right: var(--dot-spacing);
}
.iweb-page-indicator-horizontal .iweb-page-indicator-dot-active {
  width: var(--active-dot-size);
}
.iweb-page-indicator-vertical {
  flex-direction: column;
}
.iweb-page-indicator-vertical .iweb-page-indicator-dot {
  margin-bottom: var(--dot-spacing);
}
.iweb-page-indicator-vertical .iweb-page-indicator-dot-active {
  height: var(--active-dot-size);
}
.iweb-skyline-banner {
  --height: auto;
  --width: 100%;
  --slider-width: 100%;
  --slider-height: auto;
  --border-radius: 0;
  --track-padding: 0;
  --track-offset: 0;
  border-radius: var(--border-radius);
  display: block;
  height: var(--height);
  overflow: hidden;
  position: relative;
  width: var(--width);
  z-index: 0;
}
.iweb-skyline-banner-block {
  white-space: nowrap;
  width: 100%;
}
.iweb-skyline-banner-block-allow-touch-move {
  cursor: grab;
}
.iweb-skyline-banner-block-inner {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  height: var(--slider-height);
  overflow: visible;
  padding: var(--track-padding);
  position: relative;
  width: var(--slider-width);
}
.iweb-skyline-banner--controls {
  align-items: center;
  background: hsla(0, 0%, 100%, 0.6);
  border-radius: 18px;
  cursor: pointer;
  display: flex;
  height: 36px;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
}
.iweb-skyline-banner--controls-left {
  left: 0;
}
.iweb-skyline-banner--controls-right {
  right: 0;
}
.iweb-skyline-banner--controls-right svg {
  transform: rotate(180deg);
}
.iweb-skyline-banner-slide {
  display: block;
  flex: none;
  height: 100%;
  position: relative;
  white-space: unset;
  width: 100%;
}
.iweb-skyline-banner-slide > * {
  aspect-ratio: 3.303;
}
@media screen and (min-width: 768px) and (max-width: 1439px) {
  .iweb-skyline-banner {
    --iweb-banner-width: 648px;
    max-width: var(--iweb-banner-width);
  }
}
@media screen and (min-width: 1440px) and (max-width: 1919px) {
  .iweb-skyline-banner {
    --iweb-banner-width: 1320px;
    max-width: var(--iweb-banner-width);
  }
}
@media screen and (min-width: 1920px) {
  .iweb-skyline-banner {
    --iweb-banner-width: 1800px;
    max-width: var(--iweb-banner-width);
  }
}
.iweb-skyline-banner-item {
  display: block;
  height: auto;
  white-space: normal;
  width: 100%;
}
.iweb-skyline-banner-horizontal .iweb-skyline-banner-block-allow-touch-move {
  touch-action: pan-y;
}
.iweb-skyline-banner-horizontal .iweb-skyline-banner-indicator > * {
  margin: 10px auto 0;
}
.iweb-skyline-banner-horizontal .iweb-skyline-banner-block {
  transform: translateX(var(--track-offset));
}
.iweb-skyline-banner-vertical .i-skyline-banner-block-allow-touch-move {
  touch-action: pan-x;
}
.iweb-skyline-banner-vertical .iweb-skyline-banner-indicator {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}
.iweb-skyline-banner-vertical .iweb-skyline-banner-block {
  transform: translateY(var(--track-offset));
}
@keyframes amSlideDownIn {
  0% {
    opacity: 0;
    transform: scaleY(0.8);
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 0 0;
  }
}
@keyframes amSlideDownOut {
  0% {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 0 0;
  }
  to {
    opacity: 0;
    transform: scaleY(0.8);
    transform-origin: 0 0;
  }
}
@keyframes amSlideUpIn {
  0% {
    opacity: 0;
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
  }
  to {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 100% 100%;
  }
}
@keyframes amSlideUpOut {
  0% {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 100% 100%;
  }
  to {
    opacity: 0;
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
  }
}
@keyframes amSlideRightIn {
  0% {
    opacity: 0;
    transform: scaleX(0.8);
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: 0 0;
  }
}
@keyframes amSlideRightOut {
  0% {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: 0 0;
  }
  to {
    opacity: 0;
    transform: scaleX(0.8);
    transform-origin: 0 0;
  }
}
@keyframes amSlideLeftIn {
  0% {
    opacity: 0;
    transform: scaleX(0.8);
    transform-origin: 100% 0;
  }
  to {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: 100% 0;
  }
}
@keyframes amSlideLeftOut {
  0% {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: 100% 0;
  }
  to {
    opacity: 0;
    transform: scaleX(0.8);
    transform-origin: 100% 0;
  }
}
.iweb-popover {
  --z-index: 1030;
  animation: none;
  cursor: auto;
  font-weight: 400;
  left: 0;
  position: absolute;
  text-align: left;
  top: 0;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  white-space: normal;
  z-index: var(--z-index);
}
.iweb-popover-light {
  --popover-bg: var(--iweb-colour_darkbackground_info);
  color: var(--iweb-tooltip-dark-bg);
}
.iweb-popover-dark {
  --popover-bg: var(--iweb-tooltip-dark-bg);
  color: var(--iweb-colour_darkbackground_info);
}
.iweb-popover-dark .iweb-popover-inner {
  border: none;
}
.iweb-popover-dark .iweb-popover-arrow-content {
  border: none !important;
}
.iweb-popover:after {
  background: hsla(0, 0%, 100%, 0.01);
  content: "";
  position: absolute;
}
.iweb-popover-hidden {
  display: none;
}
.iweb-popover-placement-top,
.iweb-popover-placement-topLeft,
.iweb-popover-placement-topRight {
  padding-bottom: 12px;
}
.iweb-popover-placement-top.leaving,
.iweb-popover-placement-topLeft.leaving,
.iweb-popover-placement-topRight.leaving {
  animation-duration: 0.2s;
  animation-name: amSlideUpOut;
}
.iweb-popover-placement-top.entering,
.iweb-popover-placement-topLeft.entering,
.iweb-popover-placement-topRight.entering {
  animation-duration: 0.2s;
  animation-name: amSlideUpIn;
}
.iweb-popover-placement-right,
.iweb-popover-placement-rightBottom,
.iweb-popover-placement-rightTop {
  padding-left: 12px;
}
.iweb-popover-placement-right.leaving,
.iweb-popover-placement-rightBottom.leaving,
.iweb-popover-placement-rightTop.leaving {
  animation-duration: 0.2s;
  animation-name: amSlideRightOut;
}
.iweb-popover-placement-right.entering,
.iweb-popover-placement-rightBottom.entering,
.iweb-popover-placement-rightTop.entering {
  animation-duration: 0.2s;
  animation-name: amSlideRightIn;
}
.iweb-popover-placement-bottom,
.iweb-popover-placement-bottomLeft,
.iweb-popover-placement-bottomRight {
  padding-top: 12px;
}
.iweb-popover-placement-bottom.leaving,
.iweb-popover-placement-bottomLeft.leaving,
.iweb-popover-placement-bottomRight.leaving {
  animation-duration: 0.2s;
  animation-name: amSlideDownOut;
}
.iweb-popover-placement-bottom.entering,
.iweb-popover-placement-bottomLeft.entering,
.iweb-popover-placement-bottomRight.entering {
  animation-duration: 0.2s;
  animation-name: amSlideDownIn;
}
.iweb-popover-placement-left,
.iweb-popover-placement-leftBottom,
.iweb-popover-placement-leftTop {
  padding-right: 12px;
}
.iweb-popover-placement-left.leaving,
.iweb-popover-placement-leftBottom.leaving,
.iweb-popover-placement-leftTop.leaving {
  animation-duration: 0.2s;
  animation-name: amSlideLeftOut;
}
.iweb-popover-placement-left.entering,
.iweb-popover-placement-leftBottom.entering,
.iweb-popover-placement-leftTop.entering {
  animation-duration: 0.2s;
  animation-name: amSlideLeftIn;
}
.iweb-popover-inner {
  background-clip: padding-box;
  background-color: var(--popover-bg);
  border: 1px solid #e0e0e0;
  border-radius: var(--iweb-radius-token-radius_small);
  box-sizing: border-box;
  max-width: 300px;
  min-height: 32px;
  min-width: 32px;
  overflow-y: hidden;
  padding: var(--iweb-tooltip-padding);
}
.iweb-popover-inner-content {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  display: -webkit-box;
  font-size: 14px;
  font-weight: var(--iweb-default-font-weight);
  line-height: 18px;
  overflow: hidden;
}
.iweb-popover-inner-content-wrapper {
  display: flex;
}
.iweb-popover-inner-menu {
  align-items: center;
  border-bottom: 1px solid var(--iweb-border-color);
  cursor: pointer;
  display: flex;
  justify-content: center;
  min-width: 120px;
}
.iweb-popover-inner-menu-with-icon {
  min-width: 140px;
}
.iweb-popover-inner-menu-icon {
  font-size: 20px;
  line-height: 1;
  margin-right: 12px;
  vertical-align: -0.075em;
}
.iweb-popover-inner-menu:last-child {
  border-bottom: none;
}
.iweb-popover-inner-menu button {
  border-radius: 0;
  padding: 10px 12px;
  text-align: left;
}
.iweb-popover-close {
  cursor: pointer;
  margin-right: -5px;
  margin-top: 1px;
  padding-left: 9px;
}
.iweb-popover-menu .iweb-popover-inner-content {
  padding: 0;
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .iweb-popover-inner {
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12),
      0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  }
}
.iweb-popover-arrow {
  background: 0 0;
  display: block;
  height: 16.97056275px;
  position: absolute;
  width: 16.97056275px;
}
.iweb-popover-arrow-content {
  background-color: var(--popover-bg);
  border: 1px solid #e0e0e0;
  border-right: none;
  border-top: none;
  content: "";
  display: block;
  height: 12px;
  inset: 0;
  margin: auto;
  pointer-events: auto;
  position: absolute;
  width: 12px;
}
.iweb-popover-placement-top .iweb-popover-arrow-content,
.iweb-popover-placement-topLeft .iweb-popover-arrow-content,
.iweb-popover-placement-topRight .iweb-popover-arrow-content {
  border: 1px solid #e0e0e0;
  border-left: none;
  border-top: none;
}
.iweb-popover-placement-bottom .iweb-popover-arrow-content,
.iweb-popover-placement-bottomLeft .iweb-popover-arrow-content,
.iweb-popover-placement-bottomRight .iweb-popover-arrow-content {
  border: 1px solid #e0e0e0;
  border-bottom: none;
  border-right: none;
}
.iweb-popover-placement-left .iweb-popover-arrow-content,
.iweb-popover-placement-leftBottom .iweb-popover-arrow-content,
.iweb-popover-placement-leftTop .iweb-popover-arrow-content {
  border: 1px solid #e0e0e0;
  border-bottom: none;
  border-left: none;
}
.iweb-popover-placement-top > .iweb-popover-content > .iweb-popover-arrow,
.iweb-popover-placement-topLeft > .iweb-popover-content > .iweb-popover-arrow,
.iweb-popover-placement-topRight > .iweb-popover-content > .iweb-popover-arrow {
  bottom: 1px;
}
.iweb-popover-placement-top
  > .iweb-popover-content
  > .iweb-popover-arrow
  > .iweb-popover-arrow-content,
.iweb-popover-placement-topLeft
  > .iweb-popover-content
  > .iweb-popover-arrow
  > .iweb-popover-arrow-content,
.iweb-popover-placement-topRight
  > .iweb-popover-content
  > .iweb-popover-arrow
  > .iweb-popover-arrow-content {
  transform: translateY(-4.24264069px) rotate(45deg);
}
.iweb-popover-placement-top > .iweb-popover-content > .iweb-popover-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.iweb-popover-placement-topLeft > .iweb-popover-content > .iweb-popover-arrow {
  left: 16px;
}
.iweb-popover-placement-topRight > .iweb-popover-content > .iweb-popover-arrow {
  right: 16px;
}
.iweb-popover-placement-right > .iweb-popover-content > .iweb-popover-arrow,
.iweb-popover-placement-rightBottom
  > .iweb-popover-content
  > .iweb-popover-arrow,
.iweb-popover-placement-rightTop > .iweb-popover-content > .iweb-popover-arrow {
  left: 1px;
}
.iweb-popover-placement-right
  > .iweb-popover-content
  > .iweb-popover-arrow
  > .iweb-popover-arrow-content,
.iweb-popover-placement-rightBottom
  > .iweb-popover-content
  > .iweb-popover-arrow
  > .iweb-popover-arrow-content,
.iweb-popover-placement-rightTop
  > .iweb-popover-content
  > .iweb-popover-arrow
  > .iweb-popover-arrow-content {
  transform: translate(4.24264069px) rotate(45deg);
}
.iweb-popover-placement-right > .iweb-popover-content > .iweb-popover-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.iweb-popover-placement-rightTop > .iweb-popover-content > .iweb-popover-arrow {
  top: 12px;
}
.iweb-popover-placement-rightBottom
  > .iweb-popover-content
  > .iweb-popover-arrow {
  bottom: 12px;
}
.iweb-popover-placement-bottom > .iweb-popover-content > .iweb-popover-arrow,
.iweb-popover-placement-bottomLeft
  > .iweb-popover-content
  > .iweb-popover-arrow,
.iweb-popover-placement-bottomRight
  > .iweb-popover-content
  > .iweb-popover-arrow {
  top: 1px;
}
.iweb-popover-placement-bottom
  > .iweb-popover-content
  > .iweb-popover-arrow
  > .iweb-popover-arrow-content,
.iweb-popover-placement-bottomLeft
  > .iweb-popover-content
  > .iweb-popover-arrow
  > .iweb-popover-arrow-content,
.iweb-popover-placement-bottomRight
  > .iweb-popover-content
  > .iweb-popover-arrow
  > .iweb-popover-arrow-content {
  transform: translateY(4.24264069px) rotate(45deg);
}
.iweb-popover-placement-bottom > .iweb-popover-content > .iweb-popover-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.iweb-popover-placement-bottomLeft
  > .iweb-popover-content
  > .iweb-popover-arrow {
  left: 16px;
}
.iweb-popover-placement-bottomRight
  > .iweb-popover-content
  > .iweb-popover-arrow {
  right: 16px;
}
.iweb-popover-placement-left > .iweb-popover-content > .iweb-popover-arrow,
.iweb-popover-placement-leftBottom
  > .iweb-popover-content
  > .iweb-popover-arrow,
.iweb-popover-placement-leftTop > .iweb-popover-content > .iweb-popover-arrow {
  right: 1px;
}
.iweb-popover-placement-left
  > .iweb-popover-content
  > .iweb-popover-arrow
  > .iweb-popover-arrow-content,
.iweb-popover-placement-leftBottom
  > .iweb-popover-content
  > .iweb-popover-arrow
  > .iweb-popover-arrow-content,
.iweb-popover-placement-leftTop
  > .iweb-popover-content
  > .iweb-popover-arrow
  > .iweb-popover-arrow-content {
  transform: translate(-4.24264069px) rotate(45deg);
}
.iweb-popover-placement-left > .iweb-popover-content > .iweb-popover-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.iweb-popover-placement-leftTop > .iweb-popover-content > .iweb-popover-arrow {
  top: 12px;
}
.iweb-popover-placement-leftBottom
  > .iweb-popover-content
  > .iweb-popover-arrow {
  bottom: 12px;
}
.iweb-popover-lzd .iweb-popover-arrow {
  height: 11.3137085px;
  overflow: hidden;
  width: 11.3137085px;
}
.iweb-popover-lzd .iweb-popover-content {
  border-color: var(--iweb-colour_tertiary_outline);
  position: relative;
}
.iweb-popover-lzd .iweb-popover-inner {
  border-color: var(--iweb-colour_tertiary_outline);
  padding: 11px var(--iweb-gutter_module_right_thin) 11px
    var(--iweb-gutter_module_left_thin);
}
.iweb-popover-lzd .iweb-popover-inner-content-wrapper {
  align-items: center;
}
.iweb-popover-lzd .iweb-popover-close {
  margin-top: 0;
}
.iweb-popover-lzd .iweb-popover-close-icon {
  stroke: var(--iweb-colour_primary_info);
}
.iweb-popover-lzd.iweb-popover-dark .iweb-popover-close-icon {
  stroke: var(--iweb-colour_darkbackground_info);
}
.iweb-popover-lzd.iweb-popover-dark .iweb-popover-inner {
  padding: var(--iweb-tooltip-padding);
}
.iweb-popover-lzd .iweb-popover-arrow-content {
  box-sizing: border-box;
  height: 8px;
  inset: auto;
  margin: 0;
  width: 8px;
}
.iweb-popover-placement-right.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow
  > .iweb-popover-arrow-content,
.iweb-popover-placement-rightBottom.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow
  > .iweb-popover-arrow-content,
.iweb-popover-placement-rightTop.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow
  > .iweb-popover-arrow-content {
  border-bottom-left-radius: 2px;
  border-color: var(--iweb-colour_tertiary_outline);
  right: 0;
  top: 50%;
  transform: translate(50%, -50%) rotate(45deg);
}
.iweb-popover-placement-right.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow,
.iweb-popover-placement-rightBottom.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow,
.iweb-popover-placement-rightTop.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow {
  left: -11.31371px;
}
.iweb-popover-placement-right.iweb-popover-light.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow,
.iweb-popover-placement-rightBottom.iweb-popover-light.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow,
.iweb-popover-placement-rightTop.iweb-popover-light.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow {
  left: -10.3137085px;
}
.iweb-popover-placement-left.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow
  > .iweb-popover-arrow-content,
.iweb-popover-placement-leftBottom.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow
  > .iweb-popover-arrow-content,
.iweb-popover-placement-leftTop.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow
  > .iweb-popover-arrow-content {
  border-color: var(--iweb-colour_tertiary_outline);
  border-top-right-radius: 2px;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.iweb-popover-placement-left.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow,
.iweb-popover-placement-leftBottom.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow,
.iweb-popover-placement-leftTop.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow {
  right: -11.31371px;
}
.iweb-popover-placement-left.iweb-popover-light.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow,
.iweb-popover-placement-leftBottom.iweb-popover-light.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow,
.iweb-popover-placement-leftTop.iweb-popover-light.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow {
  right: -10.3137085px;
}
.iweb-popover-placement-top.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow
  > .iweb-popover-arrow-content,
.iweb-popover-placement-topLeft.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow
  > .iweb-popover-arrow-content,
.iweb-popover-placement-topRight.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow
  > .iweb-popover-arrow-content {
  border-bottom-right-radius: 2px;
  border-color: var(--iweb-colour_tertiary_outline);
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%) rotate(45deg);
}
.iweb-popover-placement-top.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow,
.iweb-popover-placement-topLeft.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow,
.iweb-popover-placement-topRight.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow {
  bottom: -11.31371px;
}
.iweb-popover-placement-top.iweb-popover-light.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow,
.iweb-popover-placement-topLeft.iweb-popover-light.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow,
.iweb-popover-placement-topRight.iweb-popover-light.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow {
  bottom: -10.3137085px;
}
.iweb-popover-placement-bottom.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow
  > .iweb-popover-arrow-content,
.iweb-popover-placement-bottomLeft.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow
  > .iweb-popover-arrow-content,
.iweb-popover-placement-bottomRight.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow
  > .iweb-popover-arrow-content {
  border-color: var(--iweb-colour_tertiary_outline);
  border-top-left-radius: 2px;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%) rotate(45deg);
}
.iweb-popover-placement-bottom.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow,
.iweb-popover-placement-bottomLeft.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow,
.iweb-popover-placement-bottomRight.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow {
  top: -11.31371px;
}
.iweb-popover-placement-bottom.iweb-popover-light.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow,
.iweb-popover-placement-bottomLeft.iweb-popover-light.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow,
.iweb-popover-placement-bottomRight.iweb-popover-light.iweb-popover-lzd
  > .iweb-popover-content
  > .iweb-popover-arrow {
  top: -10.3137085px;
}
.iweb-popover-placement-top.iweb-popover-lzd,
.iweb-popover-placement-topLeft.iweb-popover-lzd,
.iweb-popover-placement-topRight.iweb-popover-lzd {
  padding-bottom: 14.31px;
}
.iweb-popover-placement-right.iweb-popover-lzd,
.iweb-popover-placement-rightBottom.iweb-popover-lzd,
.iweb-popover-placement-rightTop.iweb-popover-lzd {
  padding-left: 14.31px;
}
.iweb-popover-placement-bottom.iweb-popover-lzd,
.iweb-popover-placement-bottomLeft.iweb-popover-lzd,
.iweb-popover-placement-bottomRight.iweb-popover-lzd {
  padding-top: 14.31px;
}
.iweb-popover-placement-left.iweb-popover-lzd,
.iweb-popover-placement-leftBottom.iweb-popover-lzd,
.iweb-popover-placement-leftTop.iweb-popover-lzd {
  padding-right: 14.31px;
}
.iweb-slider-sheet {
  height: 100%;
  position: fixed;
  transition: width 0s ease 0.3s, height 0s ease 0.3s;
  width: 0;
  z-index: 1000;
}
.iweb-slider-sheet-content-wrapper {
  height: 100%;
  position: absolute;
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1),
    box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
}
.iweb-slider-sheet .iweb-slider-sheet-content {
  height: 100%;
  width: 100%;
}
.iweb-slider-sheet-left,
.iweb-slider-sheet-right {
  height: 100%;
  top: 0;
  width: 0;
}
.iweb-slider-sheet-left .iweb-slider-sheet-content-wrapper,
.iweb-slider-sheet-right .iweb-slider-sheet-content-wrapper {
  height: 100%;
}
.iweb-slider-sheet-left.iweb-slider-sheet-open,
.iweb-slider-sheet-right.iweb-slider-sheet-open {
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
}
.iweb-slider-sheet-left,
.iweb-slider-sheet-left .iweb-slider-sheet-content-wrapper {
  left: 0;
}
.iweb-slider-sheet-left.iweb-slider-sheet-open
  .iweb-slider-sheet-content-wrapper {
  box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08),
    9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
.iweb-slider-sheet-right,
.iweb-slider-sheet-right .iweb-slider-sheet-content-wrapper {
  right: 0;
}
.iweb-slider-sheet-right.iweb-slider-sheet-open
  .iweb-slider-sheet-content-wrapper {
  box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08),
    -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
.iweb-slider-sheet-right.iweb-slider-sheet-open.no-mask {
  right: 1px;
  transform: translateX(1px);
}
.iweb-slider-sheet-bottom,
.iweb-slider-sheet-top {
  height: 0;
  left: 0;
  width: 100%;
}
.iweb-slider-sheet-bottom .iweb-slider-sheet-content-wrapper,
.iweb-slider-sheet-top .iweb-slider-sheet-content-wrapper {
  width: 100%;
}
.iweb-slider-sheet-bottom.iweb-slider-sheet-open,
.iweb-slider-sheet-top.iweb-slider-sheet-open {
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.iweb-slider-sheet-top {
  top: 0;
}
.iweb-slider-sheet-top.iweb-slider-sheet-open
  .iweb-slider-sheet-content-wrapper {
  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08),
    0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
}
.iweb-slider-sheet-bottom,
.iweb-slider-sheet-bottom .iweb-slider-sheet-content-wrapper {
  bottom: 0;
}
.iweb-slider-sheet-bottom.iweb-slider-sheet-open
  .iweb-slider-sheet-content-wrapper {
  box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08),
    0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
}
.iweb-slider-sheet-bottom.iweb-slider-sheet-open.no-mask {
  bottom: 1px;
  transform: translateY(1px);
}
.iweb-slider-sheet.iweb-slider-sheet-open .iweb-slider-sheet-mask {
  animation: iwebSliderSheetFadeIn 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  height: 100%;
  opacity: 1;
  pointer-events: auto;
  transition: none;
}
.iweb-slider-sheet-title {
  color: var(--iweb-colour_fill_module01);
  flex: 1;
  font-size: 24px;
  font-weight: 500;
  line-height: 33px;
  margin: 0 0 16px;
}
.iweb-slider-sheet-content {
  background-clip: padding-box;
  background-color: var(--iweb-bg_white);
  border: 0;
  overflow: auto;
  position: relative;
  z-index: 1;
}
.iweb-slider-sheet-close {
  background: 0 0;
  border: 0;
  color: var(--iweb-light-black);
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  margin-left: auto;
  outline: 0;
  text-align: center;
  text-decoration: none;
  text-rendering: auto;
  text-transform: none;
  transition: color 0.3s;
}
.iweb-slider-sheet-close:focus,
.iweb-slider-sheet-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.iweb-slider-sheet-header {
  background: var(--iweb-bg_white);
  border-radius: 2px 2px 0 0;
  color: var(--iweb-text-black);
  padding: 24px 24px 0;
  position: relative;
}
.iweb-slider-sheet-header,
.iweb-slider-sheet-header-title {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.iweb-slider-sheet-header-title {
  flex: 1;
}
.iweb-slider-sheet-header-close-only {
  border: none;
  padding-bottom: 0;
}
.iweb-slider-sheet-wrapper-body {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  width: 100%;
}
.iweb-slider-sheet-body {
  word-wrap: break-word;
  flex-grow: 1;
  font-size: 14px;
  line-height: 1.5715;
  overflow: auto;
  padding: 24px;
}
.iweb-slider-sheet-footer {
  border-top: 1px solid var(--iweb-bg_mask_60);
  flex-shrink: 0;
  padding: 10px 16px;
}
.iweb-slider-sheet-mask {
  background-color: rgba(0, 0, 0, 0.5);
  height: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: opacity 0.3s linear, height 0s ease 0.3s;
  width: 100%;
}
@keyframes iwebSliderSheetFadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.iweb-slider-sheet-lazadaStyle .iweb-slider-sheet-content-wrapper {
  max-width: 480px;
  min-width: 156px;
}
.iweb-slider-sheet-lazadaStyle .iweb-slider-sheet-header {
  padding: var(--iweb-gutter_module_top_regular)
    var(--iweb-gutter_module_right_regular)
    var(--iweb-gutter_module_bottom_thin) var(--iweb-gutter_module_left_regular);
}
.iweb-slider-sheet-lazadaStyle .iweb-slider-sheet-body {
  padding: var(--iweb-gutter_module_top_regular, 24px)
    var(--iweb-gutter_module_left_regular, 24px)
    var(--iweb-gutter_module_bottom_regular, 24px)
    var(--iweb-gutter_module_left_regular, 24px);
}
.iweb-slider-sheet-lazadaStyle .iweb-slider-sheet-title {
  font-size: var(--iweb-fontsize_title_module_large);
  margin-bottom: var(--iweb-padding_inside_module_vertically_light);
}
.iweb-slider-sheet-lazadaStyle .iweb-slider-sheet-content-wrapper {
  transition: transform 0.5s ease-in-out,
    box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.iweb-slider-sheet-action {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: var(--iweb-gutter_module_top_thin, 12px)
    var(--iweb-gutter_module_right_regular, 24px)
    var(--iweb-gutter_module_bottom_regular, 24px)
    var(--iweb-gutter_module_left_regular, 24px);
}
.iweb-slider-sheet-action .btn-right-float {
  float: right;
}
.iweb-slider-sheet-action .btn-right-float:not(:last-child) {
  margin-right: var(--iweb-padding_inside_module_horizontally_extrathin);
}
.iweb-checkbox {
  --icon-size: var(--iweb-checbox-icon-size);
  --font-size: 14px;
  --base-color: var(--iweb-colour_link_info);
  --gap: 8px;
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  justify-content: flex-start;
  vertical-align: text-bottom;
}
.iweb-checkbox input {
  display: none;
}
.iweb-checkbox .iweb-checkbox-icon {
  border: 1px solid var(--iweb-checkbox-border-color);
  border-radius: var(--icon-size);
  box-sizing: border-box;
  color: var(--iweb-text_white);
  flex: none;
  height: var(--icon-size);
  width: var(--icon-size);
}
.iweb-checkbox .iweb-checkbox-icon > svg {
  display: block;
  height: 100%;
  width: 100%;
}
.iweb-checkbox .iweb-checkbox-icon--box {
  border-radius: 0;
}
.iweb-checkbox.iweb-checkbox-block {
  display: flex;
}
.iweb-checkbox.iweb-checkbox-checked .iweb-checkbox-icon {
  background-color: var(--base-color);
  border-color: var(--base-color);
}
.iweb-checkbox.iweb-checkbox-checked.iweb-checkbox-indeterminate
  .iweb-checkbox-icon {
  background-color: var(--iweb-bg_white);
  border-color: var(--base-color);
  color: var(--base-color);
}
.iweb-checkbox.iweb-checkbox-disabled {
  cursor: not-allowed;
}
.iweb-checkbox.iweb-checkbox-disabled .iweb-checkbox-content {
  opacity: 0.4;
}
.iweb-checkbox.iweb-checkbox-disabled .iweb-checkbox-content:hover:after {
  content: " ";
  height: 0;
}
.iweb-checkbox.iweb-checkbox-disabled .iweb-checkbox-icon.iweb-checkbox-icon {
  background-color: var(--iweb-checkbox-disabled-bg);
  border-color: var(--iweb-colour_quaternary_info);
  color: var(--iweb-text-grey);
}
.iweb-checkbox .iweb-checkbox-custom-icon {
  font-size: var(--icon-size);
}
.iweb-checkbox-content {
  color: var(--iweb-colour_primary_info);
  flex: 0 1 auto;
  font-size: var(--font-size);
  line-height: calc(var(--font-size) + 1px);
  padding-left: var(--gap);
}
.iweb-checkbox-content:after {
  background: 0 0;
  content: " ";
  display: block;
  height: 1px;
  width: auto;
}
.iweb-checkbox-content:hover:after {
  background: currentColor;
  content: " ";
  display: block;
  height: 1px;
  width: auto;
}
.iweb-checkbox-lazada .iweb-checkbox-content:hover:after {
  background: 0 0;
  height: 1px;
}
.iweb-checkbox-lazada.iweb-checkbox-disabled
  .iweb-checkbox-content:hover:after {
  height: 1px;
}
.iweb-checkbox-lazada:hover {
  opacity: 0.7;
}
.iweb-checkbox-lazada.iweb-checkbox-disabled:hover {
  opacity: 1;
}
.iweb-checkbox-lazada.iweb-checkbox-checked .iweb-checkbox-icon {
  color: var(--iweb-colour_link_info);
}
.iweb-checkbox-lazada.iweb-checkbox-checked.iweb-checkbox-disabled
  .iweb-checkbox-icon {
  border-color: var(--iweb-checkbox-disabled-checked-bg);
  color: var(--iweb-checkbox-disabled-checked-bg);
}
.iweb-checkbox-lazada.iweb-checkbox-indeterminate.iweb-checkbox-checked
  .iweb-checkbox-icon {
  background-color: var(--base-color);
  border-color: var(--iweb-checkbox-border-color);
  border-width: var(--iweb-checkbox-indeterminate-border-width);
  padding: var(--iweb-checkbox-indeterminate-padding);
}
.iweb-checkbox-lazada.iweb-checkbox-indeterminate.iweb-checkbox-disabled
  .iweb-checkbox-icon {
  background-color: var(--iweb-checkbox-disabled-bg);
  border-width: 1px;
}
.iweb-checkbox-lazada.iweb-checkbox-indeterminate.iweb-checkbox-disabled.iweb-checkbox-checked
  .iweb-checkbox-icon {
  background-color: var(--iweb-checkbox-disabled-checked-bg);
  border-width: 0;
}
.iweb-checkbox-lazada .iweb-checkbox-icon--box {
  border-radius: var(--iweb-radius-token-radius_extrasmall);
}
.iweb-space-item {
  flex: none;
}
.iweb-space {
  --vertical-size: 12px;
  --horizontal-size: 12px;
  display: inline-flex;
}
.iweb-space-vertical {
  flex-direction: column;
}
.iweb-space-vertical > .iweb-space-item {
  margin-bottom: var(--vertical-size);
}
.iweb-space-vertical > .iweb-space-item:last-child {
  margin-bottom: 0;
}
.iweb-space-horizontal {
  flex-direction: row;
}
.iweb-space-horizontal > .iweb-space-item {
  margin-right: var(--horizontal-size);
}
.iweb-space-horizontal > .iweb-space-item:last-child {
  margin-right: 0;
}
.iweb-space-horizontal.iweb-space-wrap {
  flex-wrap: wrap;
  margin-bottom: calc(var(--vertical-size) * -1);
}
.iweb-space-horizontal.iweb-space-wrap > .iweb-space-item {
  padding-bottom: var(--vertical-size);
}
.iweb-space.iweb-space-block {
  display: flex;
}
.iweb-space-align-center {
  align-items: center;
}
.iweb-space-align-start {
  align-items: flex-start;
}
.iweb-space-align-end {
  align-items: flex-end;
}
.iweb-space-align-baseline {
  align-items: baseline;
}
.iweb-breadcrumb {
  box-sizing: border-box;
  color: #858b9c;
  font-size: 14px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.iweb-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.iweb-breadcrumb a {
  color: #858b9c;
  text-decoration: none;
  transition: color 0.3s;
}
.iweb-breadcrumb a:hover {
  text-decoration: underline;
}
.iweb-breadcrumb a:active {
  opacity: 0.8;
}
.iweb-breadcrumb li {
  display: flex;
}
.iweb-breadcrumb li:last-child,
.iweb-breadcrumb li:last-child a {
  color: #272833;
}
li:last-child > .iweb-breadcrumb-separator {
  display: none;
}
.iweb-breadcrumb-separator {
  color: #858b9c;
  margin: 0 4px;
}
.iweb-breadcrumb .iweb {
  font-size: 14px;
}
.iweb-breadcrumb-link > .iweb + a,
.iweb-breadcrumb-link > .iweb + span {
  margin-left: 4px;
}
@keyframes loading-rotate {
  to {
    transform: rotate(1turn);
  }
}
.iweb-switch {
  --checked-color: var(--iweb-colour_fill_brand);
  --height: 24px;
  --width: 48px;
  --border-width: 2px;
  align-self: center;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.iweb-switch input {
  display: none;
}
.iweb-switch-checkbox {
  background: #858b9c;
  border-radius: 22px;
  box-sizing: border-box;
  height: var(--height);
  line-height: var(--height);
  min-width: var(--width);
  opacity: 0.2;
  overflow: hidden;
  z-index: 0;
}
.iweb-switch-handle {
  background: var(--iweb-bg_white);
  border-radius: calc(var(--height) - var(--border-width) * 2);
  height: calc(var(--height) - var(--border-width) * 3);
  left: calc(var(--border-width) + 1px);
  position: absolute;
  top: calc(var(--border-width) + 1px);
  transition: all 0.2s;
  width: calc(var(--height) - var(--border-width) * 3);
  z-index: 2;
}
.iweb-switch-handle,
.iweb-switch-inner {
  align-items: center;
  display: flex;
  justify-content: center;
}
.iweb-switch-inner {
  color: var(--iweb-colour_fill_white);
  font-size: var(--iweb-fontsize_content_large);
  height: 100%;
  margin: 0 8px 0 calc(var(--height) - var(--border-width) + 4px);
  position: relative;
  transition: margin 0.2s;
  z-index: 1;
}
.iweb-switch.iweb-switch-checked .iweb-switch-checkbox {
  background: var(--checked-color);
  opacity: 1;
}
.iweb-switch.iweb-switch-checked .iweb-switch-checkbox:before {
  transform: scale(0);
}
.iweb-switch.iweb-switch-checked .iweb-switch-handle {
  left: calc(100% - var(--height) + var(--border-width) + 1px);
}
.iweb-switch.iweb-switch-checked .iweb-switch-inner {
  color: var(--iweb-colour_fill_white);
  margin: 0 calc(var(--height) - var(--border-width) + 5px) 0 10px;
}
.iweb-switch.iweb-switch-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.iweb-switch-spin-icon {
  animation: loading-rotate 1s linear infinite;
  height: 14px;
  width: 14px;
}
.iweb-pagination {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
}
.iweb-pagination a {
  cursor: pointer;
  text-decoration: none;
}
.iweb-pagination ol,
.iweb-pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.iweb-pagination:after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.iweb-pagination-total-text {
  margin-right: 30px;
}
.iweb-pagination-item,
.iweb-pagination-total-text {
  display: inline-block;
  height: 32px;
  line-height: 30px;
  vertical-align: middle;
}
.iweb-pagination-item {
  background-color: #fff;
  cursor: pointer;
  list-style: none;
  margin-right: 8px;
  min-width: 32px;
  outline: 0;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.iweb-pagination-item a {
  color: var(--iweb-text_gray_02);
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  padding: 0 8px;
  transition: none;
}
.iweb-pagination-item a:hover {
  text-decoration: underline;
}
.iweb-pagination-item:focus-visible a {
  text-decoration: underline;
}
.iweb-pagination-item-active {
  background: #fff;
  font-weight: 600;
}
.iweb-pagination-item-active a,
.iweb-pagination-item-active:hover a {
  color: var(--iweb-brand_gradient);
}
.iweb-pagination-item-active:focus-visible a {
  color: var(--iweb-brand_gradient);
}
.iweb-pagination-jump-next,
.iweb-pagination-jump-prev {
  outline: 0;
}
.iweb-pagination-jump-next .iweb-pagination-item-container,
.iweb-pagination-jump-prev .iweb-pagination-item-container {
  position: relative;
}
.iweb-pagination-jump-next
  .iweb-pagination-item-container
  .iweb-pagination-item-link-icon,
.iweb-pagination-jump-prev
  .iweb-pagination-item-container
  .iweb-pagination-item-link-icon {
  color: var(--iweb-brand_gradient);
  font-size: 12px;
  letter-spacing: -1px;
  opacity: 0;
  transition: all 0.2s;
}
.iweb-pagination-jump-next
  .iweb-pagination-item-container
  .iweb-pagination-item-link-icon-svg,
.iweb-pagination-jump-prev
  .iweb-pagination-item-container
  .iweb-pagination-item-link-icon-svg {
  bottom: 0;
  left: 0;
  margin: auto;
  right: 0;
  top: 0;
}
.iweb-pagination-jump-next
  .iweb-pagination-item-container
  .iweb-pagination-item-ellipsis,
.iweb-pagination-jump-prev
  .iweb-pagination-item-container
  .iweb-pagination-item-ellipsis {
  bottom: 0;
  color: var(--iweb-colour_quaternary_info);
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  left: 0;
  letter-spacing: 2px;
  margin: auto;
  opacity: 1;
  position: absolute;
  right: 0;
  text-align: center;
  text-indent: 0.13em;
  top: 0;
  transition: all 0.2s;
}
.iweb-pagination-jump-next:focus-visible .iweb-pagination-item-link-icon,
.iweb-pagination-jump-prev:focus-visible .iweb-pagination-item-link-icon {
  opacity: 1;
}
.iweb-pagination-jump-next:focus-visible .iweb-pagination-item-ellipsis,
.iweb-pagination-jump-prev:focus-visible .iweb-pagination-item-ellipsis {
  opacity: 0;
}
.iweb-pagination-jump-next,
.iweb-pagination-jump-prev,
.iweb-pagination-prev {
  margin-right: 8px;
}
.iweb-pagination-jump-next,
.iweb-pagination-jump-prev,
.iweb-pagination-next,
.iweb-pagination-prev {
  border-radius: 1px;
  color: var(--iweb-text_gray_01);
  cursor: pointer;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  list-style: none;
  min-width: 32px;
  text-align: center;
  transition: all 0.3s;
  vertical-align: middle;
}
.iweb-pagination-next,
.iweb-pagination-prev {
  font-family: Arial, Helvetica, sans-serif;
  outline: 0;
}
.iweb-pagination-next button,
.iweb-pagination-prev button {
  color: var(--iweb-text_gray_01);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.iweb-pagination-next:hover button,
.iweb-pagination-prev:hover button {
  border-color: currentColor;
}
.iweb-pagination-next .iweb-pagination-item-link,
.iweb-pagination-prev .iweb-pagination-item-link {
  background-color: #fff;
  display: block;
  font-size: 12px;
  height: 100%;
  outline: 0;
  padding: 0;
  text-align: center;
  transition: all 0.3s;
  width: 100%;
}
.iweb-pagination-next:focus-visible .iweb-pagination-item-link,
.iweb-pagination-prev:focus-visible .iweb-pagination-item-link {
  color: var(--iweb-brand_gradient);
}
.iweb-pagination-next:hover .iweb-pagination-item-link,
.iweb-pagination-prev:hover .iweb-pagination-item-link {
  color: var(--iweb-brand_gradient);
}
.iweb-pagination-disabled,
.iweb-pagination-disabled:hover {
  cursor: not-allowed;
}
.iweb-pagination-disabled .iweb-pagination-item-link,
.iweb-pagination-disabled .iweb-pagination-jump-next,
.iweb-pagination-disabled .iweb-pagination-jump-prev,
.iweb-pagination-disabled:hover .iweb-pagination-item-link,
.iweb-pagination-disabled:hover .iweb-pagination-jump-next,
.iweb-pagination-disabled:hover .iweb-pagination-jump-prev {
  border-color: var(--iweb-border-color);
  color: var(--iweb-colour_quaternary_info);
  cursor: not-allowed;
}
.iweb-pagination-disabled:focus-visible {
  cursor: not-allowed;
}
.iweb-pagination-disabled:focus-visible .iweb-pagination-item-link {
  border-color: var(--iweb-border-color);
  color: var(--iweb-colour_quaternary_info);
  cursor: not-allowed;
}
.iweb-pagination-slash {
  margin: 0 10px 0 5px;
}
.iweb-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
@media (-ms-high-contrast: none) {
  .iweb-pagination-options,
  .iweb-pagination-options ::-ms-backdrop {
    vertical-align: top;
  }
}
.iweb-pagination-options-size-changer.iweb-select {
  display: inline-block;
  width: auto;
}
.iweb-pagination-options-quick-jumper {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  margin-left: 8px;
  vertical-align: top;
}
.iweb-pagination-options-quick-jumper input {
  height: 32px;
  margin: 0 8px;
  width: 50px;
}
.iweb-pagination-simple .iweb-pagination-next,
.iweb-pagination-simple .iweb-pagination-prev {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.iweb-pagination-simple .iweb-pagination-next .iweb-pagination-item-link,
.iweb-pagination-simple .iweb-pagination-prev .iweb-pagination-item-link {
  background-color: transparent;
  border: 0;
  height: 24px;
}
.iweb-pagination-simple .iweb-pagination-next .iweb-pagination-item-link:after,
.iweb-pagination-simple .iweb-pagination-prev .iweb-pagination-item-link:after {
  height: 24px;
  line-height: 24px;
}
.iweb-pagination-simple .iweb-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}
.iweb-pagination-simple .iweb-pagination-simple-pager input {
  background-color: #fff;
  border: 1px solid var(--iweb-border-color);
  border-radius: 1px;
  box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  outline: 0;
  padding: 0 6px;
  text-align: center;
  transition: border-color 0.3s;
}
.iweb-pagination-simple .iweb-pagination-simple-pager input:focus {
  box-shadow: 0 0 0 2px var(--iweb-colour_primary_outline);
}
.iweb-pagination-simple .iweb-pagination-simple-pager input[disabled] {
  background: var(--iweb-colour_fill_dimmed);
  border-color: var(--iweb-border-color);
  color: var(--iweb-colour_quaternary_info);
  cursor: not-allowed;
}
.iweb-pagination.iweb-pagination-mini .iweb-pagination-simple-pager,
.iweb-pagination.iweb-pagination-mini .iweb-pagination-total-text {
  height: 24px;
  line-height: 24px;
}
.iweb-pagination.iweb-pagination-mini .iweb-pagination-item {
  height: 24px;
  line-height: 22px;
  margin: 0;
  min-width: 24px;
}
.iweb-pagination.iweb-pagination-mini
  .iweb-pagination-item:not(.iweb-pagination-item-active) {
  background: 0 0;
  border-color: transparent;
}
.iweb-pagination.iweb-pagination-mini .iweb-pagination-next,
.iweb-pagination.iweb-pagination-mini .iweb-pagination-prev {
  height: 24px;
  line-height: 24px;
  margin: 0;
  min-width: 24px;
}
.iweb-pagination.iweb-pagination-mini
  .iweb-pagination-next
  .iweb-pagination-item-link,
.iweb-pagination.iweb-pagination-mini
  .iweb-pagination-prev
  .iweb-pagination-item-link {
  align-items: center;
  background: 0 0;
  border-color: transparent;
  display: flex;
  justify-content: center;
}
.iweb-pagination.iweb-pagination-mini
  .iweb-pagination-next
  .iweb-pagination-item-link:after,
.iweb-pagination.iweb-pagination-mini
  .iweb-pagination-prev
  .iweb-pagination-item-link:after {
  height: 24px;
  line-height: 24px;
}
.iweb-pagination.iweb-pagination-mini
  .iweb-pagination-next
  .iweb-pagination-item-link
  svg,
.iweb-pagination.iweb-pagination-mini
  .iweb-pagination-prev
  .iweb-pagination-item-link
  svg {
  fill: var(--iweb-brand_gradient);
}
.iweb-pagination.iweb-pagination-mini
  .iweb-pagination-disabled
  .iweb-pagination-item-link
  svg {
  fill: var(--iweb-colour_quaternary_info);
}
.iweb-pagination.iweb-pagination-mini .iweb-pagination-jump-next,
.iweb-pagination.iweb-pagination-mini .iweb-pagination-jump-prev {
  height: 24px;
  line-height: 24px;
  margin-right: 0;
}
.iweb-pagination.iweb-pagination-mini .iweb-pagination-options {
  margin-left: 2px;
}
.iweb-pagination.iweb-pagination-mini .iweb-pagination-options-size-changer {
  top: 0;
}
.iweb-pagination.iweb-pagination-mini .iweb-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.iweb-pagination.iweb-pagination-mini
  .iweb-pagination-options-quick-jumper
  input {
  height: 24px;
  width: 44px;
}
.iweb-pagination.iweb-pagination-disabled {
  cursor: not-allowed;
}
.iweb-pagination.iweb-pagination-disabled .iweb-pagination-item {
  background: var(--iweb-colour_fill_dimmed);
  border-color: var(--iweb-border-color);
  cursor: not-allowed;
}
.iweb-pagination.iweb-pagination-disabled .iweb-pagination-item a {
  background: 0 0;
  border: none;
  color: var(--iweb-colour_quaternary_info);
  cursor: not-allowed;
}
.iweb-pagination.iweb-pagination-disabled .iweb-pagination-item-active {
  background: var(--iweb-colour_fill_dimmed);
}
.iweb-pagination.iweb-pagination-disabled .iweb-pagination-item-active a {
  color: var(--iweb-colour_quaternary_info);
}
.iweb-pagination.iweb-pagination-disabled .iweb-pagination-item-link {
  color: var(--iweb-colour_quaternary_info);
  cursor: not-allowed;
}
.iweb-pagination-simple.iweb-pagination.iweb-pagination-disabled
  .iweb-pagination-item-link {
  background: 0 0;
}
.iweb-pagination.iweb-pagination-disabled
  .iweb-pagination-next
  .iweb-pagination-item-link
  svg,
.iweb-pagination.iweb-pagination-disabled
  .iweb-pagination-prev
  .iweb-pagination-item-link
  svg {
  fill: var(--iweb-colour_quaternary_info);
}
.iweb-pagination.iweb-pagination-disabled .iweb-pagination-item-link-icon {
  opacity: 0;
}
.iweb-pagination.iweb-pagination-disabled .iweb-pagination-simple-pager {
  color: var(--iweb-colour_quaternary_info);
}
@media only screen and (max-width: 992px) {
  .iweb-pagination-item-after-jump-prev,
  .iweb-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .iweb-pagination-options {
    display: none;
  }
}
.iweb-message {
  align-items: flex-start;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  padding: 16px;
  position: relative;
}
.iweb-message-default {
  background-color: var(--iweb-colour_fill_notice_shades);
}
.iweb-message-warning {
  background-color: var(--iweb-colour_fill_alert_shades);
}
.iweb-message-error {
  background-color: var(--iweb-colour_fill_error_shades);
}
.iweb-message-success {
  background-color: var(--iweb-colour_fill_success_shades);
}
.iweb-message-icon {
  margin-right: var(--iweb-message-inner-padding);
}
.iweb-message-close {
  cursor: pointer;
  margin-right: 4px;
  margin-top: 4px;
}
.iweb-message-wrap {
  flex: 1;
  margin-right: var(--iweb-message-inner-content-margin);
  max-width: 100%;
}
.iweb-message-title {
  font-size: 20px;
  font-weight: var(--iweb-bold-font-weight);
  line-height: 28px;
  padding-bottom: var(--iweb-message-inner-content-padding);
}
.iweb-message-content,
.iweb-message-title {
  color: var(--iweb-message-content-color);
  margin: 0;
}
.iweb-message-content {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  font-size: 16px;
  font-weight: var(--iweb-default-font-weight);
  line-height: 22px;
  overflow: hidden;
}
.iweb-message-extra {
  color: var(--iweb-colour_link_info);
  font-size: 16px;
  margin-top: var(--iweb-padding_inside_module_vertically_thin);
}
.iweb-message-closeable {
  padding: 15px 18px 15px 12px;
}
.iweb-message-closeable .iweb-message-content {
  margin-right: 14px;
}
.iweb-message-assert-wrap {
  left: 0;
  position: fixed;
  top: 100px;
  width: 100%;
  z-index: 100;
}
.iweb-message-lazadaStyle {
  border-radius: var(--iweb-radius-token-radius_small);
  display: flex;
  flex-direction: row;
  padding: var(--iweb-gutter_module_top_light)
    var(--iweb-gutter_module_right_light) var(--iweb-gutter_module_bottom_light)
    var(--iweb-gutter_module_left_light);
  width: -moz-fit-content;
  width: fit-content;
}
.iweb-message-lazadaStyle .iweb-message-close {
  margin: 0;
}
.iweb-message-lazadaStyle .iweb-message-wrap {
  align-self: center;
}
.iweb-message-lazadaStyle .iweb-message-title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  font-size: var(--iweb-fontsize_title_module_large);
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.iweb-message-lazadaStyle .iweb-message-content {
  -webkit-line-clamp: 6;
  font-size: var(--iweb-fontsize_content_larger);
  line-height: normal;
  text-overflow: ellipsis;
}
.iweb-message-lazadaStyle .iweb-message-extra {
  display: flex;
  flex-direction: row;
  font-size: var(--iweb-fontsize_content_medium);
  font-weight: 500;
  line-height: normal;
}
.iweb-message-lazadaStyle .iweb-message-extra-icon {
  stroke: var(--iweb-colour_link_info);
  margin-left: var(--iweb-padding_inside_element_horizontally_extrathin);
}
.iweb-message-block {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-direction: row;
  height: 48px;
  justify-content: center;
  padding: 0 var(--iweb-gutter_module_right_light) 0
    var(--iweb-gutter_module_left_light);
  width: 100%;
}
.iweb-message-block .iweb-message-icon {
  margin-right: var(--iweb-padding_inside_element_vertically_thin);
}
.iweb-message-block .iweb-message-wrap {
  align-items: center;
  display: flex;
  flex: unset;
  flex-direction: row;
}
.iweb-message-block .iweb-message-wrap .iweb-message-extra {
  margin: 0 0 0 var(--iweb-padding_inside_module_vertically_regular);
}
.iweb-message-block .iweb-message-close {
  margin: 0;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.iweb-toast-mask-enter {
  animation: mask-opacity 0.2s ease-in-out;
}
.iweb-toast-mask-leave {
  animation: mask-opacity-hide 0.2s ease-in-out;
}
.iweb-toast-mask .iweb-toast-container {
  align-items: flex-start;
  background: var(--iweb-toast-mask-bg);
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: var(--iweb-default-font-weight);
  justify-content: center;
  left: 50%;
  line-height: 18px;
  line-height: 20px;
  max-height: 150px;
  max-width: 450px;
  min-width: 240px;
  padding: 16px;
  position: relative;
  top: 60px;
  transform: translate(-50%);
  width: -moz-fit-content;
  width: fit-content;
}
.iweb-toast-mask .iweb-toast-container-enter {
  animation: toast-show 0.2s ease-in-out 0s 1 normal forwards;
}
.iweb-toast-mask .iweb-toast-container-leave {
  animation: toast-hide 0.2s ease-in-out 0s 1 normal forwards;
}
.iweb-toast-mask .iweb-toast-title {
  color: var(--iweb-colour_darkbackground_info);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  margin: 0;
  margin-bottom: var(--iweb-padding_inside_module_horizontally_thin);
  margin-right: auto;
}
.iweb-toast-mask .iweb-toast-wrap {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  color: var(--iweb-colour_darkbackground_info);
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  pointer-events: all;
  word-break: break-word;
}
.iweb-toast-mask .iweb-toast-icon {
  height: 24px;
  width: 24px;
}
.iweb-toast-mask .iweb-toast-icon-info {
  color: #2e71ff;
  font-size: 30px;
}
.iweb-toast-mask .iweb-toast-icon-warning {
  color: #f67f04;
  font-size: 30px;
}
.iweb-toast-mask .iweb-toast-icon-error {
  color: #e61413;
  font-size: 30px;
}
.iweb-toast-mask .iweb-toast-icon-success {
  color: #36b360;
  font-size: 30px;
}
.iweb-toast-mask .iweb-toast-container-lzd {
  align-items: center;
  border-radius: var(--iweb-radius-token-radius_small);
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  max-height: 126px;
  max-width: 390px;
  min-height: 48px;
  min-width: 84px;
  padding: var(--iweb-gutter_module_top_thin)
    var(--iweb-gutter_module_right_thin) var(--iweb-gutter_module_bottom_thin)
    var(--iweb-gutter_module_left_thin);
}
.iweb-toast-mask .iweb-toast-container-lzd .iweb-toast-icon {
  margin-right: var(--iweb-padding_inside_module_horizontally_thin);
}
.iweb-toast-mask .iweb-toast-container-lzd .iweb-toast-text-wrap {
  display: flex;
  flex-direction: column;
}
.iweb-toast-mask .iweb-toast-container-lzd .iweb-toast-title {
  margin-right: 0;
}
.iweb-toast-mask .iweb-toast-container-lzd .iweb-toast-wrap {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: var(--iweb-fontsize_content_medium);
  overflow: hidden;
  text-overflow: ellipsis;
}
@keyframes toast-show {
  0% {
    transform: translate(-50%, -50%);
  }
  to {
    transform: translate(-50%, calc(24px - 50%));
  }
}
@keyframes toast-hide {
  0% {
    transform: translate(-50%, calc(24px - 50%));
  }
  to {
    transform: translate(-50%, -50%);
  }
}
@keyframes mask-opacity {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mask-opacity-hide {
  0% {
    display: unset;
    opacity: 1;
  }
  to {
    display: none;
    opacity: 0;
  }
}
.iweb-tabs {
  --title-font-size: var(--iweb-fontsize_content_larger);
  --title-line-height: 22px;
  --badge-font-size: var(--iweb-fontsize_support_medium);
  --content-padding: 12px;
  --fixed-active-line-width: 28px;
  --nav-size: 60px;
  position: relative;
}
.iweb-tabs-header {
  padding-bottom: 15px;
  padding-top: 11px;
  position: relative;
}
.iweb-tabs-tab-list {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  overflow-x: scroll;
  position: relative;
  scrollbar-width: none;
}
.iweb-tabs-tab-list::-webkit-scrollbar {
  display: none;
}
.iweb-tabs-tab-wrapper {
  padding: 0 22px;
}
.iweb-tabs-tab-wrapper-stretch {
  flex: auto;
}
.iweb-tabs-tab {
  color: var(--iweb-colour_tertiary_info);
  cursor: pointer;
  margin: 0 auto;
  padding: 8px 0 16px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: -moz-min-content;
  width: min-content;
}
.iweb-tabs-tab:hover {
  color: var(--iweb-tab-active-title-color);
}
.iweb-tabs-tab-title {
  font-size: var(--title-font-size);
  font-weight: 500;
  line-height: var(--title-line-height);
}
.iweb-tabs-tab-active .iweb-tabs-tab-title {
  color: var(--iweb-tab-active-title-color);
  font-weight: 600;
}
.iweb-tabs-tab-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.iweb-tabs-tab-line {
  background: var(--iweb-colour_fill_brand_main);
  bottom: 0;
  color: var(--iweb-colour_fill_brand_main);
  height: 3px;
  position: absolute;
}
.iweb-tabs-content {
  padding: var(--content-padding);
}
.iweb-tabs-tabs-container {
  display: flex;
  overflow: hidden;
  touch-action: none;
}
.iweb-tabs-header-mask {
  bottom: 0;
  height: 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 30px;
  z-index: 1;
}
.iweb-tabs-header-mask-left {
  background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
  left: 0;
}
.iweb-tabs-header-mask-right {
  background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0));
  right: 0;
}
.iweb-tabs-tab-badge {
  align-items: center;
  border-radius: 15px;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: var(--badge-font-size);
  font-weight: 600;
  height: 20px;
  justify-content: center;
  line-height: 16px;
  min-width: 20px;
  padding: 2px 6px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transform: translate(110%);
}
.iweb-tabs--larger {
  --title-font-size: 20px;
  --title-line-height: 34px;
}
.iweb-tabs--larger .iweb-tabs-header {
  padding-bottom: 15px;
  padding-top: 7px;
}
.iweb-tabs-tabs-nav {
  align-items: center;
  background-color: #fff;
  display: flex;
  height: 100%;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  top: 2px;
  width: var(--nav-size);
}
.iweb-tabs-tabs-nav-btn {
  fill: #272833;
  cursor: pointer;
}
.iweb-tabs-tabs-nav-btn--disabled {
  fill: #d1d1d1;
  cursor: not-allowed;
}
.iweb-tabs-tabs-nav nav {
  display: flex;
  justify-content: space-between;
  width: 25px;
}
.iweb-tabs--has-nav .iweb-tabs-header-mask-right {
  background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0));
  right: var(--nav-size);
}
.iweb-tabs--has-nav .iweb-tabs-tab-wrapper--last {
  padding-right: var(--nav-size);
}
.float {
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}
.float:active,
.float:focus,
.float:hover {
  transform: translateY(-4px);
}
.iweb-toggle {
  --icon-size: 16px;
  --font-size: 14px;
  --width: auto;
  align-items: center;
  border-color: var(--iweb-colour_secondary_outline);
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  justify-content: flex-start;
  min-width: 64px;
  padding: 10px 8px;
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
  vertical-align: text-bottom;
  width: var(--width);
}
.iweb-toggle:active,
.iweb-toggle:focus,
.iweb-toggle:hover {
  transform: translateY(-4px);
}
.iweb-toggle input {
  display: none;
}
.iweb-toggle .iweb-toggle-content {
  display: flex;
}
.iweb-toggle .iweb-toggle-text {
  color: var(--iweb-brand_gradient);
  font-size: var(--font-size);
  font-weight: 500;
  line-height: 19px;
}
.iweb-toggle .iweb-toggle-icon {
  color: var(--iweb-brand_gradient);
  flex: none;
  font-size: 16px;
  height: var(--icon-size);
  width: var(--icon-size);
}
.iweb-toggle .iweb-toggle-icon > svg {
  display: block;
  height: 100%;
  width: 100%;
}
.iweb-toggle.iweb-toggle-checked {
  background-color: #ecf3f3;
  border-color: var(--iweb-colour_brand_outline);
}
.iweb-toggle.iweb-toggle-checked .iweb-toggle-icon,
.iweb-toggle.iweb-toggle-checked .iweb-toggle-text {
  color: var(--iweb-colour_brand_outline);
}
.iweb-toggle.iweb-toggle-disabled {
  border-color: var(--iweb-colour_disable_outline);
  cursor: not-allowed;
}
.iweb-toggle.iweb-toggle-disabled:hover {
  transform: none;
}
.iweb-toggle.iweb-toggle-disabled .iweb-toggle-icon,
.iweb-toggle.iweb-toggle-disabled .iweb-toggle-text {
  color: var(--iweb-colour_disable_outline);
}
.time-wrapper {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
}
.controls-wrapper {
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.3));
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  left: 0;
  opacity: 0;
  padding: 16px;
  position: absolute;
  transition: all 0.3s linear;
  width: 100%;
  z-index: 102;
}
.controls-wrapper--shown {
  opacity: 1;
}
.bottom-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.middle {
  flex: 1;
}
.controls-btn-wrapper {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  margin-right: 16px;
  width: 40px;
}
.controls-btn-wrapper svg:hover {
  cursor: pointer;
}
.volume-btn-wrapper svg:hover {
  cursor: pointer;
  width: 40px;
}
.left,
.right {
  display: flex;
  justify-content: flex-start;
}
.volume-btn-wrapper {
  margin-right: 16px;
}
.run-time-wrapper {
  align-self: center;
}
.fullscreen-wrapper {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin-left: 10px;
  position: relative;
}
.volume-btn-wrapper {
  position: relative;
  width: 40px;
}
.video-volume {
  position: absolute;
  top: 0;
  transform: translateY(-160px);
}
.video-volume input[type="range"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: 0 0;
  bottom: 40px;
  cursor: pointer;
  height: 4px;
  left: 20px;
  margin: 0;
  position: absolute;
  transform: rotate(-90deg);
  transform-origin: left;
  width: 144px;
}
.video-volume input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #d8d8d8;
  border-radius: 8px;
  cursor: pointer;
  height: 16px;
  width: 16px;
}
.video-wrapper {
  background-image: linear-gradient(180deg, #28282800, #000);
  overflow: hidden;
  position: relative;
}
.video-wrapper,
.video-wrapper video {
  height: 100%;
  width: 100%;
}
.video-wrapper .video-loading {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}
.video-wrapper .loading-container {
  align-items: center;
  background-color: #fff;
  border-radius: 100%;
  display: flex;
  height: 48px;
  justify-content: center;
  transition: opacity 0.2s;
  width: 48px;
}
.video-wrapper .video-error {
  align-items: center;
  background: #262626;
  display: flex;
  height: 100%;
  justify-content: center;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}
.video-wrapper .video-error p {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  text-align: center;
}
.video-poster {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 9;
}
.play-btn-mask,
.video-poster {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.play-btn-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 50%;
  max-width: 96px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease-in;
  width: 12.5%;
  z-index: 99;
}
.play-btn-wrapper--shown {
  opacity: 1;
}
.play-btn-wrapper:hover {
  cursor: pointer;
}
.video-progress {
  margin: -2px 8px 0;
  position: relative;
}
.video-progress input[type="range"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: 0 0;
  cursor: pointer;
  height: 4px;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.video-progress input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  border-radius: 8px;
  cursor: pointer;
  height: 16px;
  width: 16px;
}
.iweb-video {
  height: 100%;
  width: 100%;
}
.iweb-lazada-icon {
  height: 46px;
  width: 46px;
}
.iweb-lazada-icon-small {
  height: 15px;
  width: 15px;
}
.loading-circle {
  animation: spinner-rotate 1.2s linear infinite;
  transform-origin: center center;
}
@keyframes spinner-rotate {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.loading-circle-small {
  animation: spinner-rotate 0.6s linear infinite;
  transform-origin: center center;
}
.iweb-loading-container .iweb-loading-mask {
  background-color: hsla(0, 0%, 100%, 0.55);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  touch-action: none;
  z-index: 998;
}
.iweb-loading-container .iweb-loading-wrapper {
  align-items: center;
  border-radius: 100%;
  display: flex;
  height: 48px;
  justify-content: center;
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.2s;
  width: 48px;
  z-index: 999;
}
.iweb-loading-container .iweb-loading-wrapper-text {
  margin-top: 12px;
}
.iweb-loading-container .iweb-loading-wrapper-icon {
  height: 48px;
  width: 48px;
}
.iweb-loading-container .iweb-loading-wrapper-enter {
  opacity: 0;
}
.iweb-loading-container .iweb-loading-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.iweb-loading-container .iweb-loading-content .iweb-loading-svg-wrap {
  align-items: center;
  background-color: var(--iweb-colour_primary_background_page);
  border-radius: 100%;
  display: flex;
  height: 51px;
  justify-content: center;
  width: 51px;
}
.iweb-loading-container
  .iweb-loading-content
  .iweb-loading-wrapper-transparent {
  background-color: transparent;
}
.i-daraz-icon {
  height: 46px;
  width: 46px;
}
.i-daraz-icon-small {
  height: 15px;
  width: 15px;
}
.st0 {
  fill: #f57224;
}
.st1 {
  fill: url(index-1f493ad5.js#lzd-loader-spinner_1_);
}
.st2 {
  clip-path: url(index-1f493ad5.js#SVGID_2_);
}
.st3 {
  fill: #fff;
  clip-path: url(index-1f493ad5.js#SVGID_4_);
}
.st4 {
  clip-path: url(index-1f493ad5.js#SVGID_6_);
}
.st5 {
  clip-path: url(index-1f493ad5.js#SVGID_8_);
}
.st5,
.st6 {
  fill: #fff;
}
.loading-circle-daraz_normal {
  animation: spinner-rotate-daraz 1s ease-in-out infinite;
  transform-origin: center;
}
.loading-circle-daraz {
  animation: spinner-rotate-daraz 0.6s linear infinite;
  transform-box: fill-box;
  transform-origin: center center;
}
@keyframes spinner-rotate-daraz {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.iweb-steps {
  --title-font-size: 14px;
  --icon-finished-color: #272833;
  --icon-process-color: #272833;
  --icon-waiting-color: #e0e0e0;
  --text-waiting-color: #858b9c;
  --line-next-color: #e0e0e0;
  box-sizing: border-box;
  width: 100%;
}
.iweb-steps .iweb-step:last-child .iweb-step-item:after {
  display: none;
}
.iweb-steps .iweb-step-content {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 29px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.iweb-steps .iweb-step-content-finished {
  color: var(--icon-finished-color);
}
.iweb-steps .iweb-step-content-process {
  color: var(--icon-process-color);
}
.iweb-steps .iweb-step-content-waiting {
  color: var(--text-waiting-color);
}
.iweb-steps .iweb-step-item {
  position: relative;
}
.iweb-steps .iweb-step-item .iweb-step-icon-container {
  position: absolute;
  z-index: 1;
}
.iweb-steps .iweb-step-item-finished {
  --line-next-color: var(--icon-finished-color);
}
.iweb-steps .iweb-step-item-finished .iweb-step-icon-container {
  color: var(--icon-finished-color);
}
.iweb-steps .iweb-step-item-process {
  --line-next-color: var(--icon-waiting-color);
}
.iweb-steps .iweb-step-item-process .iweb-step-icon-container {
  color: var(--icon-process-color);
}
.iweb-steps .iweb-step-item-process .iweb-step-icon-container:before {
  background: #272833;
  border-radius: 50%;
  content: " ";
  height: 24px;
  left: 50%;
  opacity: 0.2;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
}
.iweb-steps .iweb-step-item-waiting {
  --line-next-color: var(--icon-waiting-color);
}
.iweb-steps .iweb-step-item-waiting .iweb-step-icon-container {
  color: var(--icon-waiting-color);
}
.iweb-steps .iweb-step-item:after {
  background-color: var(--line-next-color);
  content: "";
  position: absolute;
  z-index: 0;
}
.iweb-steps-horizontal {
  display: flex;
  justify-content: space-around;
  padding: 8px 0;
}
.iweb-steps-horizontal .iweb-step {
  align-self: end;
  flex: 1;
}
.iweb-steps-horizontal .iweb-step .iweb-step-item {
  height: 12px;
  width: 100%;
}
.iweb-steps-horizontal .iweb-step .iweb-step-item:after {
  height: 1px;
  left: 50%;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.iweb-steps-horizontal .iweb-step .iweb-step-item .iweb-step-icon-container {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.iweb-steps-vertical {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.iweb-steps-vertical .iweb-step {
  align-items: stretch;
  display: flex;
  flex: 1;
  flex-direction: row-reverse;
}
.iweb-steps-vertical .iweb-step .iweb-step-item {
  flex: none;
  width: 24px;
}
.iweb-steps-vertical .iweb-step .iweb-step-item:after {
  height: 100%;
  left: 50%;
  top: calc(var(--title-font-size) * 1.5 / 2);
  transform: translateX(-50%);
  width: 1px;
}
.iweb-steps-vertical .iweb-step .iweb-step-item .iweb-step-icon-container {
  left: 50%;
  top: calc(var(--title-font-size) * 1.5 / 2);
  transform: translate(-50%, -50%);
}
.iweb-steps-vertical .iweb-step:last-child .iweb-step-content {
  padding-bottom: 0;
}
.iweb-steps-vertical .iweb-step-content {
  margin-left: 30px;
}
.iweb-step-icon-dot {
  background: currentColor;
  border-radius: 6px;
  display: block;
  height: 12px;
  width: 12px;
}
@media screen and (max-width: 768px) {
  .iweb-step-content {
    max-width: 100px;
  }
}
.iweb-stepper {
  --iweb-stepper-height: var(--iweb-quantity-height);
  --iweb-stepper-input-width: var(--iweb-quantity-btn-width);
  --iweb-stepper-input-font-size: var(--iweb-quantity-font-size);
  --iweb-stepper-input-text-color: var(--iweb-default-color);
  --iweb-stepper-button-width: var(--iweb-quantity-btn-width);
  --iweb-stepper-button-radius: 0px;
  --iweb-stepper-plus-button-color: var(--iweb-quantity-btn-color);
  --iweb-stepper-minus-button-color: var(--iweb-quantity-btn-color);
  --iweb-stepper-button-hover-color: var(--iweb-bg_gray_01);
  --iweb-stepper-button-background-color: transparent;
  --iweb-stepper-button-disabled-icon-color: var(--iweb-colour_quaternary_info);
  --iweb-stepper-outer-border-width: var(--iweb-quantity-outer-border-width);
  --iweb-stepper-inner-border-width: var(--iweb-quantity-outer-border-width);
  align-items: center;
  display: flex;
  height: var(--iweb-stepper-height);
  overflow: hidden;
}
.iweb-stepper-wrap-border {
  border: var(--iweb-stepper-outer-border-width) solid
    var(--iweb-colour_tertiary_outline);
}
.iweb-stepper-small {
  --iweb-stepper-height: 24px;
  --iweb-stepper-inner-border-width: 0.5px;
  --iweb-stepper-button-width: var(--iweb-quantity-btn-small-width);
  --iweb-stepper-input-width: var(--iweb-quantity-btn-small-width);
}
.iweb-stepper-disabled {
  cursor: not-allowed;
}
.iweb-stepper-minus,
.iweb-stepper-plus {
  align-items: center;
  background: var(--iweb-stepper-button-background-color);
  border: none;
  border-radius: var(--iweb-stepper-button-radius);
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  height: var(--iweb-stepper-height);
  place-content: flex-start center;
  position: relative;
  transition: color 0.2s ease 0s;
  width: var(--iweb-stepper-button-width);
}
.iweb-stepper-minus.iweb-stepper-btn-disabled,
.iweb-stepper-plus.iweb-stepper-btn-disabled {
  cursor: not-allowed;
}
.iweb-stepper-minus.iweb-stepper-btn-disabled svg,
.iweb-stepper-plus.iweb-stepper-btn-disabled svg {
  fill: var(--iweb-stepper-button-disabled-icon-color);
  stroke: var(--iweb-stepper-button-disabled-icon-color);
}
.iweb-stepper-minus:hover,
.iweb-stepper-plus:hover {
  background-color: var(--iweb-stepper-button-hover-color);
}
.iweb-stepper-minus.iweb-stepper-btn-border,
.iweb-stepper-plus.iweb-stepper-btn-border {
  border: var(--iweb-stepper-inner-border-width) solid var(--iweb-color-light);
}
.iweb-stepper-minus.iweb-stepper-btn-border-left,
.iweb-stepper-plus.iweb-stepper-btn-border-left {
  border: none;
  border-left: var(--iweb-stepper-inner-border-width) solid
    var(--iweb-color-light);
}
.iweb-stepper-minus.iweb-stepper-btn-border-right,
.iweb-stepper-plus.iweb-stepper-btn-border-right {
  border: none;
  border-right: var(--iweb-stepper-inner-border-width) solid
    var(--iweb-color-light);
}
.iweb-stepper-plus svg {
  fill: var(--iweb-stepper-plus-button-color);
}
.iweb-stepper-minus svg {
  stroke: var(--iweb-stepper-minus-button-color);
}
.iweb-stepper-btn-disabled.iweb-icon-minus,
.iweb-stepper-btn-disabled.iweb-icon-plus {
  fill: var(--iweb-stepper-button-disabled-icon-color);
  stroke: var(--iweb-stepper-button-disabled-icon-color);
  cursor: not-allowed;
}
.iweb-stepper-wrap {
  border: 0 solid #000;
  border-radius: 0;
  box-shadow: none;
  display: flex;
  font-weight: 600;
  height: var(--iweb-stepper-height);
  line-height: calc(var(--iweb-stepper-input-font-size) - 1px);
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  text-align: right;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: var(--iweb-stepper-input-width);
}
.iweb-stepper-input,
.iweb-stepper-wrap {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  color: var(--iweb-stepper-input-text-color);
  font-size: var(--iweb-stepper-input-font-size);
  outline: 0;
}
.iweb-stepper-input {
  background-color: transparent;
  border-width: 0;
  line-height: 24px;
  padding: 0;
  text-align: center;
  width: 100%;
}
.iweb-stepper-input-small {
  font-size: var(--iweb-fontsize_content_larger);
}
.iweb-stepper-lzd {
  border-radius: var(--iweb-radius-token-radius_small);
  box-sizing: border-box;
  max-width: 140px;
}
.iweb-stepper-lzd.iweb-stepper-small {
  max-width: 120px;
}
.iweb-stepper-lzd.iweb-stepper-disabled .iweb-stepper-input {
  color: var(--iweb-colour_quaternary_info);
}
.iweb-stepper-lzd:hover {
  background-color: var(--iweb-colour_secondary_background_page);
}
.iweb-input-wrapper {
  --iweb-input-text-font-size: var(--iweb-font_size_regular);
  --iweb-input-text-color: var(--iweb-default-color);
  --iweb-input-placeholder-color: var(--iweb-text_gray_02);
  --iweb-input-disabled-text-color: var(--iweb-input-disabled-font-color);
  --iweb-input-disabled-color: var(--iweb-input-disabled-bg);
  --iweb-input-border-radius: var(--iweb-input-border-radius-style);
  --iweb-input-focus-border-color: var(--iweb-input-focus-border-color-style);
  border-radius: var(--iweb-input-border-radius);
  position: relative;
}
.iweb-input,
.iweb-input-wrapper {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
}
.iweb-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: 0 0;
  border: 0;
  border: 1px solid var(--iweb-input-border-color);
  border-radius: var(--iweb-input-border-radius);
  box-sizing: border-box;
  caret-color: var(--iweb-colour_fill_brand);
  color: var(--iweb-input-text-color);
  display: block;
  flex: auto;
  font-family: var(--iweb-font-family);
  font-size: var(--iweb-input-text-font-size);
  font-weight: var(--iweb-default-font-weight);
  height: 48px;
  line-height: 18px;
  margin: 0;
  outline: 0;
  padding: 0;
  padding: 0 var(--iweb-gutter_module_right_light) 0
    var(--iweb-gutter_module_left_light);
  resize: none;
}
.iweb-input::-moz-placeholder {
  color: var(--iweb-input-placeholder-color);
  font-family: inherit;
}
.iweb-input::placeholder {
  color: var(--iweb-input-placeholder-color);
  font-family: inherit;
}
.iweb-input:focus {
  border: 1px solid var(--iweb-input-focus-border-color);
}
.iweb-input:-webkit-autofill {
  background-color: transparent;
}
.iweb-input:-moz-read-only {
  cursor: default;
}
.iweb-input:read-only {
  cursor: default;
}
.iweb-input-disabled,
.iweb-input:disabled {
  -webkit-text-fill-color: var(--iweb-input-disabled-text-color);
  background-color: var(--iweb-input-disabled-color);
  color: var(--iweb-input-disabled-text-color);
  cursor: not-allowed;
  opacity: 1;
}
.iweb-input-disabled .iweb-input-hide-show-icon,
.iweb-input-disabled .iweb-input-input-clear,
.iweb-input:disabled .iweb-input-hide-show-icon,
.iweb-input:disabled .iweb-input-input-clear {
  align-items: center;
  color: var(--iweb-colour_tertiary_info);
  cursor: not-allowed;
  display: flex;
}
.iweb-input-disabled .iweb-input-hide-show-icon > svg,
.iweb-input-disabled .iweb-input-input-clear > svg,
.iweb-input:disabled .iweb-input-hide-show-icon > svg,
.iweb-input:disabled .iweb-input-input-clear > svg {
  fill: var(--iweb-input-disabled-text-color);
}
.iweb-input:invalid {
  box-shadow: none;
}
.iweb-input::-ms-clear {
  display: none;
}
.iweb-input[readonly] {
  pointer-events: none;
}
.iweb-input-no-border .iweb-input {
  border: none;
}
.iweb-input-clear {
  align-items: center;
  color: var(--iweb-colour_tertiary_info);
  cursor: pointer;
  display: flex;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
}
.iweb-input-count {
  color: var(--iweb-input-text-color);
  font-size: var(--iweb-input-text-font-size);
  padding-top: 6px;
  text-align: right;
}
.iweb-input-label {
  color: var(--iweb-input-text-color);
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 8px;
}
.iweb-input-container {
  overflow: hidden;
  position: relative;
}
.iweb-input-hide-show-icon {
  align-items: center;
  color: var(--iweb-colour_tertiary_info);
  cursor: pointer;
  display: flex;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
}
.iweb-input-hide-show-icon > svg {
  fill: var(--iweb-colour_fill_module01);
}
.iweb-input-padding {
  padding-right: 40px;
}
.iweb-list {
  --header-font-size: var(--iweb-font-size-7);
  --prefix-width: "auto";
  --prefix-padding-right: 12px;
  --align-items: center;
  --active-background-color: var(--iweb-color-border);
  --border-inner: solid 1px var(--iweb-color-border);
  --border-top: solid 1px var(--iweb-color-border);
  --border-bottom: solid 1px var(--iweb-color-border);
  --padding-left: 12px;
  --padding-right: 12px;
  --font-size: var(--iweb-font-size-9);
  --extra-max-width: 70%;
}
.iweb-list-header {
  color: var(--iweb-color-weak);
  font-size: var(--header-font-size);
  padding: 8px var(--padding-right) 8px var(--padding-left);
}
.iweb-list-body {
  background-color: var(--iweb-color-background);
  font-size: var(--font-size);
  overflow: hidden;
}
.iweb-list-body-inner {
  margin-top: -1px;
}
.iweb-list-default .iweb-list-body {
  border-bottom: var(--border-bottom);
  border-top: var(--border-top);
}
.iweb-list-card {
  margin: 12px;
}
.iweb-list-card .iweb-list-body {
  border-radius: 8px;
}
.iweb-list-card .iweb-list-header {
  padding-left: 0;
}
.iweb-list-item {
  background-color: var(--iweb-color-background);
  display: block;
  line-height: 1.5;
  padding-left: var(--padding-left);
  position: relative;
}
.iweb-list-item-description,
.iweb-list-item-title {
  color: var(--iweb-color-weak);
  font-size: var(--iweb-font-size-main);
}
.iweb-list-item-content {
  align-items: var(--align-items);
  border-top: var(--border-inner);
  display: flex;
  justify-content: flex-start;
  padding-right: var(--padding-right);
}
.iweb-list-item-content-prefix {
  box-sizing: border-box;
  flex: none;
  font-size: var(--iweb-font-size-main);
  padding-right: var(--prefix-padding-right);
  width: var(--prefix-width);
}
.iweb-list-item-content-main {
  flex: auto;
  padding: 12px 0;
}
.iweb-list-item-content-extra {
  color: var(--iweb-color-weak);
  flex: none;
  font-size: var(--iweb-font-size-7);
  max-width: var(--extra-max-width);
  padding-left: 12px;
}
.iweb-list-item-content-arrow {
  align-items: center;
  color: var(--iweb-color-light);
  display: flex;
  flex: none;
  font-size: 19px;
  margin-left: 4px;
}
.iweb-list-item-disabled {
  cursor: not-allowed;
}
.iweb-list-item-disabled.iweb-list-item-disabled > .iweb-list-item-content > * {
  pointer-events: none;
}
a.iweb-list-item:active:not(.iweb-list-item-disabled) {
  background-color: var(--active-background-color);
}
a.iweb-list-item:active:not(.iweb-list-item-disabled):after {
  border-bottom: var(--border-inner);
  bottom: -1px;
  content: " ";
  display: block;
  left: 0;
  position: absolute;
  width: 100%;
}
.iweb-form .iweb-list.iweb-list {
  --padding-left: 16px;
  --padding-right: 12px;
}
.iweb-form .iweb-form-footer {
  padding: 20px 12px;
}
.iweb-form .iweb-list-header {
  color: #272833;
  font-size: 16px;
  font-weight: 500;
}
.iweb-form-list-operation {
  color: var(--iweb-colour_fill_brand);
  text-align: center;
}
.iweb-form-item {
  --color-danger: #d81e36;
  --label-color: #272833;
}
.iweb-form-item + .iweb-form-item {
  border-top: none;
}
.iweb-form-item-label {
  box-sizing: border-box;
  color: var(--label-color);
  display: block;
  font-size: 14px;
  font-weight: 500;
  height: 100%;
  line-height: 1.5;
  position: relative;
  word-break: break-all;
}
.iweb-form-item-label .iweb-form-item-required-asterisk {
  color: var(--color-danger);
  font-family: SimSun, sans-serif;
  margin: 0 0.2em;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.iweb-form-item-label-help {
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  color: #858b9c;
  cursor: pointer;
  display: inline-flex;
  font-size: 10px;
  justify-content: center;
  line-height: 1;
  margin-left: 4px;
  padding: 2px;
  position: relative;
  top: -1px;
  width: 16px;
}
.iweb-form-item-child {
  display: flex;
}
.iweb-form-item-child-position-normal {
  justify-content: normal;
}
.iweb-form-item-child-position-normal > * {
  flex: auto;
}
.iweb-form-item-child-position-right {
  justify-content: flex-end;
}
.iweb-form-item-child-position-right > * {
  flex: none;
}
.iweb-form-item-feedback-error {
  color: var(--color-danger);
  margin-top: 8px;
}
.iweb-form-item-feedback-warning {
  color: var(--color-danger);
  margin-top: 4px;
}
.iweb-form-item.iweb-form-item-hidden {
  display: none;
}
.iweb-form-item.iweb-form-item-horizontal.iweb-list-item {
  --align-items: stretch;
  --prefix-width: 7.5em;
}
.iweb-form-item.iweb-form-item-horizontal .iweb-list-item-content-prefix {
  padding-bottom: 12px;
  padding-top: 12px;
}
.iweb-form-item.iweb-form-item-horizontal .iweb-list-item-content-extra {
  align-self: center;
}
.iweb-form-item.iweb-form-item-vertical .iweb-form-item-label {
  line-height: 20px;
  margin-bottom: 8px;
}
iweb-form-item-error input[type="password"],
iweb-form-item-error input[type="text"] {
  border: 1px solid var(--color-danger);
}
.iweb-text-area-wrapper {
  --font-size: 14px;
  --color: #272833;
  --placeholder-color: #858b9c;
  --disabled-color: #c6cad2;
  --border-color: #ccc;
  --focus-border-color: var(--iweb-colour_fill_brand);
}
.iweb-text-area,
.iweb-text-area-wrapper {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
}
.iweb-text-area {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: 0 0;
  border: 1px solid var(--border-color);
  box-sizing: border-box;
  caret-color: var(--iweb-colour_fill_brand);
  color: var(--color);
  display: block;
  flex: auto;
  font-family: var(--iweb-font-family);
  font-size: var(--font-size);
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
  min-height: 1.5em;
  outline: 0;
  padding: 16px 24px;
  resize: none;
}
.iweb-text-area::-moz-placeholder {
  color: var(--placeholder-color);
  font-family: inherit;
}
.iweb-text-area::placeholder {
  color: var(--placeholder-color);
  font-family: inherit;
}
.iweb-text-area:focus {
  border: 1px solid var(--focus-border-color);
}
.iweb-text-area:-webkit-autofill {
  background-color: transparent;
}
.iweb-text-area:-moz-read-only {
  cursor: default;
}
.iweb-text-area:read-only {
  cursor: default;
}
.iweb-text-area:disabled {
  -webkit-text-fill-color: var(--disabled-color);
  background: #f5f5f5;
  color: var(--disabled-color);
  cursor: not-allowed;
  opacity: 1;
}
.iweb-text-area:invalid {
  box-shadow: none;
}
.iweb-text-area::-ms-clear {
  display: none;
}
.iweb-text-area[readonly] {
  pointer-events: none;
}
.iweb-text-area-count {
  color: var(--iweb-color-weak);
  font-size: 17px;
  padding-top: 8px;
  text-align: right;
}
.iweb-text-area-label {
  color: #272833;
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 8px;
}
.iweb-select {
  border: 1px solid var(--iweb-select-border);
  display: inline-block;
  font-size: 14px;
  font-weight: var(--iweb-default-font-weight);
  line-height: 18px;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  width: 100%;
}
.iweb-select-focused,
.iweb-select:hover {
  border-color: var(--iweb-input-focus-border-color-style);
}
.iweb-select-disabled {
  background-color: var(--iweb-input-disabled-bg);
}
.iweb-select-disabled,
.iweb-select-disabled input {
  background-color: var(--iweb-input-disabled-bg);
  cursor: not-allowed;
}
.iweb-select-disabled .iweb-select-selector {
  -webkit-text-fill-color: var(--iweb-colour_quaternary_info);
  color: var(--iweb-colour_quaternary_info);
  cursor: not-allowed;
  opacity: 1;
}
.iweb-select-disabled:hover {
  border-color: var(--iweb-select-border);
}
.iweb-select-show-arrow.iweb-select-loading .iweb-select-arrow-icon:after {
  animation: rcSelectLoadingIcon 0.5s infinite;
  border-color: transparent #999;
  border-radius: 100%;
  border-style: solid;
  border-width: 2px;
  box-sizing: border-box;
  height: 12px;
  margin-top: 4px;
  transform: none;
  width: 12px;
}
.iweb-select .iweb-select-selection-placeholder {
  color: var(--iweb-colour_tertiary_info);
  pointer-events: none;
}
.iweb-select .iweb-select-selection-search-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.iweb-select .iweb-select-selection-search-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}
.iweb-select-single .iweb-select-selector {
  display: flex;
  position: relative;
}
.iweb-select-single .iweb-select-selector .iweb-select-selection-search,
.iweb-select-single .iweb-select-selector .iweb-select-selection-search-input {
  width: 100%;
}
.iweb-select-single .iweb-select-selector .iweb-select-selection-item,
.iweb-select-single .iweb-select-selector .iweb-select-selection-placeholder {
  pointer-events: none;
  position: absolute;
}
.iweb-select-single:not(.iweb-select-customize-input) .iweb-select-selector {
  padding: 14px 16px;
}
.iweb-select-single:not(.iweb-select-customize-input)
  .iweb-select-selector
  .iweb-select-selection-search-input {
  border: none;
  outline: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.iweb-select-multiple .iweb-select-selector {
  display: flex;
  flex-wrap: wrap;
}
.iweb-select-multiple .iweb-select-selector .iweb-select-selection-item {
  background: #bbb;
  flex: none;
  margin-right: 2px;
  padding: 0 8px;
}
.iweb-select-multiple
  .iweb-select-selector
  .iweb-select-selection-item-disabled {
  cursor: not-allowed;
}
.iweb-select-multiple .iweb-select-selector .iweb-select-selection-overflow {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.iweb-select-multiple
  .iweb-select-selector
  .iweb-select-selection-overflow-item {
  flex: none;
  max-width: 100%;
}
.iweb-select-multiple .iweb-select-selector .iweb-select-selection-search {
  max-width: 100%;
  position: relative;
}
.iweb-select-multiple .iweb-select-selector .iweb-select-selection-search-input,
.iweb-select-multiple
  .iweb-select-selector
  .iweb-select-selection-search-mirror {
  font-family: system-ui;
  padding: 1px;
}
.iweb-select-multiple
  .iweb-select-selector
  .iweb-select-selection-search-mirror {
  left: 0;
  position: absolute;
  position: none;
  top: 0;
  visibility: hidden;
  white-space: nowrap;
  z-index: 999;
}
.iweb-select-multiple
  .iweb-select-selector
  .iweb-select-selection-search-input {
  border: none;
  outline: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.iweb-select-allow-clear {
  padding-right: 28px;
  position: relative;
}
.iweb-select-allow-clear.iweb-select-multiple .iweb-select-selector {
  padding-right: 20px;
}
.iweb-select-allow-clear .iweb-select-clear {
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-40%);
}
.iweb-select-show-arrow {
  position: relative;
}
.iweb-select-show-arrow.iweb-select-multiple .iweb-select-selector {
  padding-right: 20px;
}
.iweb-select-show-arrow .iweb-select-arrow {
  cursor: pointer;
  pointer-events: none;
  position: absolute;
  right: 18px;
  top: 45%;
  transform: rotate(180deg) translateY(25%);
}
.iweb-select-show-arrow .iweb-select-arrow svg {
  fill: #272833;
}
.iweb-select-show-arrow .iweb-select-arrow-lzd svg {
  fill: none;
}
.iweb-select-show-arrow .iweb-select-clear {
  right: 36px;
}
.iweb-select-show-arrow.iweb-select-disabled svg {
  fill: var(--iweb-colour_quaternary_info);
}
.iweb-select-show-arrow.iweb-select-disabled .iweb-select-arrow-lzd svg {
  fill: none;
  stroke: var(--iweb-colour_quaternary_info);
}
.iweb-select-open.iweb-select-show-arrow .iweb-select-arrow {
  transform: rotate(0) translateY(-50%);
  transform-origin: center;
}
.iweb-select-lzd.iweb-select-open.iweb-select-show-arrow .iweb-select-arrow {
  transform: rotate(0) translateY(-50%);
}
.iweb-select-lzd {
  border-radius: var(--iweb-input-border-radius-style);
}
.iweb-select-lzd.iweb-select-show-arrow .iweb-select-arrow {
  cursor: pointer;
  pointer-events: none;
  position: absolute;
  right: var(--iweb-gutter_module_right_light);
  top: 50%;
  transform: rotate(180deg) translateY(50%);
}
.iweb-select-dropdown {
  background: #fff;
  border: 1px solid var(--iweb-select-border);
  border-radius: var(--iweb-input-border-radius-style);
  overflow: hidden;
  position: absolute;
}
.iweb-select-dropdown-hidden {
  display: none;
}
.iweb-select-item {
  font-size: 14px;
  font-weight: var(--iweb-default-font-weight);
  line-height: 1.5;
  padding: 14px 16px;
}
.iweb-select-item-group {
  color: #999;
  font-size: 80%;
  font-weight: 700;
}
.iweb-select-item-option {
  position: relative;
}
.iweb-select-item-option-grouped {
  padding-left: 24px;
}
.iweb-select-item-option .iweb-select-item-option-state {
  display: none;
}
.iweb-select-item-option-active {
  background: var(--iweb-select-item-bg);
}
.iweb-select-item-option-disabled {
  color: var(--iweb-colour_quaternary_info);
}
.iweb-select-item-option-selected {
  color: var(--iweb-input-focus-border-color-style);
}
.iweb-select-item-option-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.iweb-select-item-empty {
  color: #999;
  text-align: center;
}
.iweb-select-item-empty .iweb-select-empty-wrap {
  color: var(--iweb-colour_tertiary_info);
  font-size: var(--iweb-fontsize_content_medium);
  padding: 54px 18px;
}
.iweb-select-selection__choice-zoom {
  transition: all 0.3s;
}
.iweb-select-selection__choice-zoom-appear {
  opacity: 0;
  transform: scale(0.5);
}
.iweb-select-selection__choice-zoom-appear.iweb-select-selection__choice-zoom-appear-active,
.iweb-select-selection__choice-zoom-leave {
  opacity: 1;
  transform: scale(1);
}
.iweb-select-selection__choice-zoom-leave.iweb-select-selection__choice-zoom-leave-active {
  opacity: 0;
  transform: scale(0.5);
}
.iweb-select-dropdown.iweb-slide-up-appear,
.iweb-select-dropdown.iweb-slide-up-enter {
  animation-duration: 0.25s;
  animation-fill-mode: both;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  opacity: 0;
  transform-origin: 0 0;
}
.iweb-select-dropdown.iweb-slide-up-leave {
  animation-duration: 0.25s;
  animation-fill-mode: both;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  opacity: 1;
  transform-origin: 0 0;
}
.iweb-select-dropdown.iweb-slide-up-appear.iweb-slide-up-appear-active.iweb-select-dropdown-placement-bottomLeft,
.iweb-select-dropdown.iweb-slide-up-appear.iweb-slide-up-appear-active.iweb-select-dropdown-placement-bottomRight,
.iweb-select-dropdown.iweb-slide-up-enter.iweb-slide-up-enter-active.iweb-select-dropdown-placement-bottomLeft,
.iweb-select-dropdown.iweb-slide-up-enter.iweb-slide-up-enter-active.iweb-select-dropdown-placement-bottomRight {
  animation-name: rcSelectDropdownSlideUpIn;
  animation-play-state: running;
}
.iweb-select-dropdown.iweb-slide-up-leave.iweb-slide-up-leave-active.iweb-select-dropdown-placement-bottomLeft,
.iweb-select-dropdown.iweb-slide-up-leave.iweb-slide-up-leave-active.iweb-select-dropdown-placement-bottomRight {
  animation-name: rcSelectDropdownSlideUpOut;
  animation-play-state: running;
}
.iweb-select-dropdown.iweb-slide-up-appear.iweb-slide-up-appear-active.iweb-select-dropdown-placement-topLeft,
.iweb-select-dropdown.iweb-slide-up-enter.iweb-slide-up-enter-active.iweb-select-dropdown-placement-topLeft {
  animation-name: rcSelectDropdownSlideDownIn;
  animation-play-state: running;
}
.iweb-select-dropdown.iweb-slide-up-leave.iweb-slide-up-leave-active.iweb-select-dropdown-placement-topLeft {
  animation-name: rcSelectDropdownSlideDownOut;
  animation-play-state: running;
}
.iweb-select-md:not(.iweb-select-customize-input) .iweb-select-selector {
  padding: 10px 8px;
}
.iweb-select-md-dropdown .iweb-select-item {
  padding: 7px 12px;
}
.iweb-select-borderless {
  border-color: transparent !important;
}
.iweb-select-borderless.iweb-select-focused .iweb-select-selection-item,
.iweb-select-borderless.iweb-select-focused .iweb-select-selection-placeholder,
.iweb-select-borderless.iweb-select-open .iweb-select-selection-item,
.iweb-select-borderless.iweb-select-open .iweb-select-selection-placeholder,
.iweb-select-borderless:hover .iweb-select-selection-item,
.iweb-select-borderless:hover .iweb-select-selection-placeholder {
  color: var(--iweb-input-focus-border-color-style);
}
.iweb-select-borderless.iweb-select-focused .iweb-select-arrow svg,
.iweb-select-borderless.iweb-select-open .iweb-select-arrow svg,
.iweb-select-borderless:hover .iweb-select-arrow svg {
  fill: var(--iweb-input-focus-border-color-style);
}
.iweb-select-borderless.iweb-select-focused
  .iweb-select-arrow
  .iweb-select-arrow-lzd
  svg,
.iweb-select-borderless.iweb-select-open
  .iweb-select-arrow
  .iweb-select-arrow-lzd
  svg,
.iweb-select-borderless:hover .iweb-select-arrow .iweb-select-arrow-lzd svg {
  fill: none;
}
.iweb-select-borderless.iweb-select-disabled {
  background-color: #fff;
}
.iweb-select-borderless.iweb-select-disabled .iweb-select-arrow svg {
  fill: var(--iweb-colour_quaternary_info);
}
.iweb-select-borderless.iweb-select-disabled
  .iweb-select-arrow
  .iweb-select-arrow-lzd
  svg {
  fill: none;
  stroke: var(--iweb-colour_quaternary_info);
}
.iweb-select-with-background {
  background-color: #fafafa;
  border-color: transparent;
}
.iweb-select-with-background.iweb-select-focused,
.iweb-select-with-background.iweb-select-open,
.iweb-select-with-background:hover {
  background-color: #e9e9e9;
}
.iweb-select-with-background.iweb-select-disabled {
  background-color: #fafafa;
}
.iweb-select-with-background.iweb-select-disabled .iweb-select-arrow svg,
.iweb-select-with-background.iweb-select-disabled .iweb-select-selection-item,
.iweb-select-with-background.iweb-select-disabled
  .iweb-select-selection-placeholder {
  fill: var(--iweb-colour_quaternary_info);
}
.iweb-select-with-background.iweb-select-disabled
  .iweb-select-arrow
  .iweb-select-arrow-lzd
  svg {
  fill: none;
  stroke: var(--iweb-colour_quaternary_info);
}
.iweb-select-lzd.iweb-select-with-background {
  border-color: var(--iweb-select-border);
}
.iweb-imgviewer-mask .iweb-imgviewer-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 50%;
  overflow: hidden;
  position: relative;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.iweb-imgviewer-mask .iweb-imgviewer-container button {
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
}
.iweb-imgviewer-mask .iweb-imgviewer-container .iweb-imgviewer-close {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 32px;
  display: flex;
  height: 32px;
  justify-content: center;
  position: absolute;
  right: 24px;
  top: 24px;
  width: 32px;
  z-index: 3;
}
.iweb-imgviewer-mask .iweb-imgviewer-container .iweb-imgviewer-image {
  max-height: 100%;
  max-width: 100%;
}
.iweb-imgviewer-mask .iweb-imgviewer-container .iweb-imgviewer-footer {
  background: linear-gradient(1turn, rgba(0, 0, 0, 0.4), transparent);
  bottom: 0;
  position: absolute;
  width: 100%;
}
.iweb-imgviewer-mask .iweb-imgviewer-container .iweb-imgviewer-arrow-btn {
  align-items: center;
  background: hsla(0, 0%, 100%, 0.6);
  border-radius: 36px;
  display: flex;
  height: 36px;
  justify-content: center;
  margin-top: -16px;
  position: absolute;
  top: 50%;
  width: 36px;
  z-index: 3;
}
.iweb-imgviewer-mask .iweb-imgviewer-container .iweb-imgviewer-arrow-btn-left {
  left: 60px;
}
.iweb-imgviewer-mask .iweb-imgviewer-container .iweb-imgviewer-arrow-btn-right {
  right: 60px;
}
.iweb-imgviewer-mask .iweb-imgviewer-container .iweb-imgviewer-number {
  color: #fff;
  font-family: Avenir Next;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  height: 27px;
  line-height: 27px;
  margin-top: 48px;
  position: absolute;
  right: 60px;
  text-align: center;
  top: 50%;
}
.iweb-media-viewer-content {
  height: 100vh;
  position: relative;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100vw;
}
.iweb-media-viewer-footer {
  z-index: 1;
}
.iweb-media-viewer-slides {
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  overflow: visible;
  position: relative;
  touch-action: none;
  z-index: 1;
}
.iweb-media-viewer-slides-inner {
  height: 100%;
  white-space: nowrap;
}
.iweb-media-viewer-slide {
  display: block;
  flex: none;
  height: 100%;
  position: relative;
  white-space: unset;
  width: 100%;
}
.iweb-media-viewer-control {
  height: 100%;
  left: 50%;
  max-width: 80vw;
  position: absolute;
  top: 50%;
  touch-action: none;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1;
}
.iweb-media-viewer-control--zoomed {
  cursor: grab;
}
.iweb-media-viewer-image-wrapper {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  perspective: 1000px;
  position: relative;
  touch-action: none;
  width: 100%;
}
.iweb-media-viewer-image-wrapper img {
  max-height: 100%;
  max-width: 100%;
}
.iweb-media-viewer-image-wrapper--zoomed img {
  max-width: none;
}
.iweb-media-viewer-indicator {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 27px;
  position: absolute;
  right: 38px;
  top: calc(50% + 50px);
  transform: translateX(-50%);
  z-index: 2;
}
.iweb-media-viewer-low-res-img {
  display: block;
  opacity: 1;
  position: absolute;
}
.iweb-media-viewer-low-res-img-error {
  display: none;
}
.iweb-media-viewer-low-res-img-zoomable {
  cursor: zoom-in;
}
.iweb-media-viewer-hi-res-img {
  display: block;
  opacity: 0;
  position: absolute;
  transform: translateZ(200px);
}
.iweb-media-viewer-hi-res-img-error {
  display: none;
}
.iweb-media-viewer-window {
  height: 100%;
  margin: 0 auto;
  max-width: 80vw;
  overflow: hidden;
}
.iweb-media-viewer-window--zoomed {
  width: 100vh;
}
.iweb-media-viewer-controls {
  align-items: center;
  background: hsla(0, 0%, 100%, 0.6);
  border: none;
  border-radius: 18px;
  cursor: pointer;
  display: flex;
  height: 36px;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  z-index: 2;
}
.iweb-media-viewer-controls-left {
  left: 60px;
}
.iweb-media-viewer-controls-right {
  right: 60px;
}
.iweb-media-viewer-close {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  border-radius: 32px;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  position: absolute;
  right: 24px;
  top: 24px;
  width: 32px;
  z-index: 3;
}
.iweb-media-viewer-footer {
  background: linear-gradient(1turn, rgba(0, 0, 0, 0.4), transparent);
  bottom: 0;
  position: absolute;
  width: 100%;
}
.iweb-media-viewer-number {
  color: #fff;
  font-family: Avenir Next;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  height: 27px;
  line-height: 27px;
  margin-top: 48px;
  position: absolute;
  right: 60px;
  text-align: center;
  top: 50%;
}
.iweb-media-viewer-video-holder {
  height: auto;
  left: 50%;
  max-width: 80vw;
  min-width: 800px;
  position: absolute;
  top: 50%;
  touch-action: none;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.iweb-media-viewer-video-footer {
  bottom: 72px;
  position: absolute;
  width: 100%;
  z-index: 10;
}
.error-img {
  align-items: center;
  background-color: #fff;
  display: flex;
  height: 100vh;
  justify-content: center;
  width: 900px;
}
.iweb-safe-area {
  --multiple: var(--iweb-safe-area-multiple, 1);
  display: block;
  width: 100%;
}
.iweb-safe-area-position-top {
  padding-top: calc(env(safe-area-inset-top) * var(--multiple));
}
.iweb-safe-area-position-bottom {
  padding-bottom: calc(env(safe-area-inset-bottom) * var(--multiple));
}
.iweb-cascader-select {
  border: 1px solid #e0e0e0;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  width: 100%;
}
.iweb-cascader-select-focused,
.iweb-cascader-select:hover {
  border-color: var(--iweb-colour_fill_brand);
}
.iweb-cascader-select-disabled {
  background-color: #f5f5f5;
}
.iweb-cascader-select-disabled,
.iweb-cascader-select-disabled input {
  cursor: not-allowed;
}
.iweb-cascader-select-disabled .iweb-cascader-select-selector {
  -webkit-text-fill-color: #c6cad2;
  color: #c6cad2;
  cursor: not-allowed;
  opacity: 1;
}
.iweb-cascader-select-disabled:hover {
  border-color: #e0e0e0;
}
.iweb-cascader-select-show-arrow.iweb-cascader-select-loading
  .iweb-cascader-select-arrow-icon:after {
  animation: rcSelectLoadingIcon 0.5s infinite;
  border-color: transparent #999;
  border-radius: 100%;
  border-style: solid;
  border-width: 2px;
  box-sizing: border-box;
  height: 12px;
  margin-top: 4px;
  transform: none;
  width: 12px;
}
.iweb-cascader-select .iweb-cascader-select-selection-placeholder {
  color: #858b9c;
  pointer-events: none;
}
.iweb-cascader-select .iweb-cascader-select-selection-search-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.iweb-cascader-select
  .iweb-cascader-select-selection-search-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}
.iweb-cascader-select-single .iweb-cascader-select-selector {
  display: flex;
  position: relative;
}
.iweb-cascader-select-single
  .iweb-cascader-select-selector
  .iweb-cascader-select-selection-search,
.iweb-cascader-select-single
  .iweb-cascader-select-selector
  .iweb-cascader-select-selection-search-input {
  width: 100%;
}
.iweb-cascader-select-single
  .iweb-cascader-select-selector
  .iweb-cascader-select-selection-item,
.iweb-cascader-select-single
  .iweb-cascader-select-selector
  .iweb-cascader-select-selection-placeholder {
  pointer-events: none;
  position: absolute;
}
.iweb-cascader-select-single:not(.iweb-cascader-select-customize-input)
  .iweb-cascader-select-selector {
  padding: 14px 16px;
}
.iweb-cascader-select-single:not(.iweb-cascader-select-customize-input)
  .iweb-cascader-select-selector
  .iweb-cascader-select-selection-search-input {
  border: none;
  outline: 0;
  width: 100%;
}
.iweb-cascader-select-multiple .iweb-cascader-select-selector {
  display: flex;
  flex-wrap: wrap;
}
.iweb-cascader-select-multiple
  .iweb-cascader-select-selector
  .iweb-cascader-select-selection-item {
  background: #bbb;
  flex: none;
  margin-right: 2px;
  padding: 0 8px;
}
.iweb-cascader-select-multiple
  .iweb-cascader-select-selector
  .iweb-cascader-select-selection-item-disabled {
  cursor: not-allowed;
}
.iweb-cascader-select-multiple
  .iweb-cascader-select-selector
  .iweb-cascader-select-selection-overflow {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.iweb-cascader-select-multiple
  .iweb-cascader-select-selector
  .iweb-cascader-select-selection-overflow-item {
  flex: none;
  max-width: 100%;
}
.iweb-cascader-select-multiple
  .iweb-cascader-select-selector
  .iweb-cascader-select-selection-search {
  max-width: 100%;
  position: relative;
}
.iweb-cascader-select-multiple
  .iweb-cascader-select-selector
  .iweb-cascader-select-selection-search-input,
.iweb-cascader-select-multiple
  .iweb-cascader-select-selector
  .iweb-cascader-select-selection-search-mirror {
  font-family: system-ui;
  padding: 1px;
}
.iweb-cascader-select-multiple
  .iweb-cascader-select-selector
  .iweb-cascader-select-selection-search-mirror {
  left: 0;
  position: absolute;
  position: none;
  top: 0;
  visibility: hidden;
  white-space: nowrap;
  z-index: 999;
}
.iweb-cascader-select-multiple
  .iweb-cascader-select-selector
  .iweb-cascader-select-selection-search-input {
  border: none;
  outline: 0;
  width: 100%;
}
.iweb-cascader-select-allow-clear {
  position: relative;
}
.iweb-cascader-select-allow-clear.iweb-cascader-select-multiple
  .iweb-cascader-select-selector {
  padding-right: 20px;
}
.iweb-cascader-select-allow-clear .iweb-cascader-select-clear {
  cursor: pointer;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
}
.iweb-cascader-select-show-arrow {
  position: relative;
}
.iweb-cascader-select-show-arrow.iweb-cascader-select-multiple
  .iweb-cascader-select-selector {
  padding-right: 20px;
}
.iweb-cascader-select-show-arrow .iweb-cascader-select-arrow {
  cursor: pointer;
  pointer-events: none;
  position: absolute;
  right: 18px;
  top: 30%;
  transform: rotate(90deg);
  transform-origin: left;
}
.iweb-cascader-select-show-arrow .iweb-cascader-select-arrow svg {
  fill: #272833;
}
.iweb-cascader-select-show-arrow .iweb-cascader-select-clear {
  right: 36px;
}
.iweb-cascader-select-show-arrow.iweb-cascader-select-disabled svg {
  fill: #c6cad2;
}
.iweb-cascader-select-open.iweb-cascader-select-show-arrow
  .iweb-cascader-select-arrow {
  transform: rotate(-90deg);
  transform-origin: center;
}
.iweb-cascader-select-dropdown {
  background: #fff;
  border: 1px solid #e0e0e0;
  position: absolute;
}
.iweb-cascader-select-dropdown-hidden {
  display: none;
}
.iweb-cascader-select-item {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  padding: 14px 16px;
}
.iweb-cascader-select-item-group {
  color: #999;
  font-size: 80%;
  font-weight: 700;
}
.iweb-cascader-select-item-option {
  position: relative;
}
.iweb-cascader-select-item-option-grouped {
  padding-left: 24px;
}
.iweb-cascader-select-item-option .iweb-cascader-select-item-option-state {
  display: none;
}
.iweb-cascader-select-item-option-active {
  background: #f5f5f5;
}
.iweb-cascader-select-item-option-disabled {
  color: #c6cad2;
}
.iweb-cascader-select-item-option-selected {
  color: var(--iweb-colour_fill_brand);
}
.iweb-cascader-select-item-empty {
  color: #999;
  text-align: center;
}
.iweb-cascader-select-selection__choice-zoom {
  transition: all 0.3s;
}
.iweb-cascader-select-selection__choice-zoom-appear {
  opacity: 0;
  transform: scale(0.5);
}
.iweb-cascader-select-selection__choice-zoom-appear.iweb-cascader-select-selection__choice-zoom-appear-active,
.iweb-cascader-select-selection__choice-zoom-leave {
  opacity: 1;
  transform: scale(1);
}
.iweb-cascader-select-selection__choice-zoom-leave.iweb-cascader-select-selection__choice-zoom-leave-active {
  opacity: 0;
  transform: scale(0.5);
}
.iweb-cascader-select-dropdown.iweb-slide-up-appear,
.iweb-cascader-select-dropdown.iweb-slide-up-enter {
  animation-duration: 0.25s;
  animation-fill-mode: both;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  opacity: 0;
  transform-origin: 0 0;
}
.iweb-cascader-select-dropdown.iweb-slide-up-leave {
  animation-duration: 0.25s;
  animation-fill-mode: both;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  opacity: 1;
  transform-origin: 0 0;
}
.iweb-cascader-select-dropdown.iweb-slide-up-appear.iweb-slide-up-appear-active.iweb-cascader-select-dropdown-placement-bottomLeft,
.iweb-cascader-select-dropdown.iweb-slide-up-appear.iweb-slide-up-appear-active.iweb-cascader-select-dropdown-placement-bottomRight,
.iweb-cascader-select-dropdown.iweb-slide-up-enter.iweb-slide-up-enter-active.iweb-cascader-select-dropdown-placement-bottomLeft,
.iweb-cascader-select-dropdown.iweb-slide-up-enter.iweb-slide-up-enter-active.iweb-cascader-select-dropdown-placement-bottomRight {
  animation-name: rcSelectDropdownSlideUpIn;
  animation-play-state: running;
}
.iweb-cascader-select-dropdown.iweb-slide-up-leave.iweb-slide-up-leave-active.iweb-cascader-select-dropdown-placement-bottomLeft,
.iweb-cascader-select-dropdown.iweb-slide-up-leave.iweb-slide-up-leave-active.iweb-cascader-select-dropdown-placement-bottomRight {
  animation-name: rcSelectDropdownSlideUpOut;
  animation-play-state: running;
}
.iweb-cascader-select-dropdown.iweb-slide-up-appear.iweb-slide-up-appear-active.iweb-cascader-select-dropdown-placement-topLeft,
.iweb-cascader-select-dropdown.iweb-slide-up-enter.iweb-slide-up-enter-active.iweb-cascader-select-dropdown-placement-topLeft {
  animation-name: rcSelectDropdownSlideDownIn;
  animation-play-state: running;
}
.iweb-cascader-select-dropdown.iweb-slide-up-leave.iweb-slide-up-leave-active.iweb-cascader-select-dropdown-placement-topLeft {
  animation-name: rcSelectDropdownSlideDownOut;
  animation-play-state: running;
}
@keyframes rcSelectDropdownSlideUpIn {
  0% {
    opacity: 0;
    transform: scaleY(0.8);
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 0 0;
  }
}
@keyframes rcSelectDropdownSlideUpOut {
  0% {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 0 0;
  }
  to {
    opacity: 0;
    transform: scaleY(0.8);
    transform-origin: 0 0;
  }
}
@keyframes rcSelectDropdownSlideDownIn {
  0% {
    opacity: 0;
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
  }
  to {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 100% 100%;
  }
}
@keyframes rcSelectDropdownSlideDownOut {
  0% {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 100% 100%;
  }
  to {
    opacity: 0;
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
  }
}
@keyframes rcSelectLoadingIcon {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.iweb-cascader-select-md:not(.iweb-cascader-select-customize-input)
  .iweb-cascader-select-selector {
  padding: 10px 8px;
}
.iweb-cascader-select-md-dropdown .iweb-cascader-select-item {
  padding: 7px 12px;
}
.iweb-cascader-select-borderless {
  border-color: transparent !important;
}
.iweb-cascader-select-borderless.iweb-cascader-select-focused
  .iweb-cascader-select-selection-item,
.iweb-cascader-select-borderless.iweb-cascader-select-focused
  .iweb-cascader-select-selection-placeholder,
.iweb-cascader-select-borderless.iweb-cascader-select-open
  .iweb-cascader-select-selection-item,
.iweb-cascader-select-borderless.iweb-cascader-select-open
  .iweb-cascader-select-selection-placeholder,
.iweb-cascader-select-borderless:hover .iweb-cascader-select-selection-item,
.iweb-cascader-select-borderless:hover
  .iweb-cascader-select-selection-placeholder {
  color: var(--iweb-colour_fill_brand);
}
.iweb-cascader-select-borderless.iweb-cascader-select-focused
  .iweb-cascader-select-arrow
  svg,
.iweb-cascader-select-borderless.iweb-cascader-select-open
  .iweb-cascader-select-arrow
  svg,
.iweb-cascader-select-borderless:hover .iweb-cascader-select-arrow svg {
  fill: var(--iweb-colour_fill_brand);
}
.iweb-cascader-select-borderless.iweb-cascader-select-disabled {
  background-color: #fff;
}
.iweb-cascader-select-borderless.iweb-cascader-select-disabled
  .iweb-cascader-select-arrow
  svg {
  fill: #c6cad2;
}
.iweb-cascader-select-with-background {
  background-color: #fafafa;
  border-color: transparent !important;
}
.iweb-cascader-select-with-background.iweb-cascader-select-focused,
.iweb-cascader-select-with-background.iweb-cascader-select-open,
.iweb-cascader-select-with-background:hover {
  background-color: #e9e9e9;
}
.iweb-cascader-select-with-background.iweb-cascader-select-disabled {
  background-color: #fafafa;
}
.iweb-cascader-select-with-background.iweb-cascader-select-disabled
  .iweb-cascader-select-arrow
  svg,
.iweb-cascader-select-with-background.iweb-cascader-select-disabled
  .iweb-cascader-select-selection-item,
.iweb-cascader-select-with-background.iweb-cascader-select-disabled
  .iweb-cascader-select-selection-placeholder {
  fill: #c6cad2;
}
.iweb-cascader-menu {
  border-right: 1px solid rgba(0, 0, 0, 0.06);
  list-style: none;
  margin: 0;
  padding: 0;
}
.iweb-cascader-menu-item {
  color: #4d5360;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  min-width: 150px;
  overflow: hidden;
  padding: 14px 16px;
  text-overflow: ellipsis;
  transition: all 0.3s;
  white-space: nowrap;
}
.iweb-cascader-menu-item-active {
  color: var(--iweb-colour_fill_brand);
}
.iweb-cascader-menu-item:hover {
  background: #f5f5f5;
}
.iweb-cascader-menu-item-expand-icon {
  margin-left: auto;
  position: relative;
  top: 2px;
}
.iweb-cascader-menu-item-content {
  margin-right: 10px;
}
.iweb-cascader-menus {
  align-items: flex-start;
  display: flex;
  flex-wrap: nowrap;
}
.iweb-cascader-menu {
  flex-grow: 1;
  height: 280px;
  margin: -4px 0;
  overflow: auto;
  padding: 4px 0;
  vertical-align: top;
}
@font-face {
  font-family: iconfont;
  src: url(iconfont-f92a6b08.woff2) format("woff2"),
    url(iconfont-b8b20f43.woff) format("woff"),
    url(iconfont-a65a619b.ttf) format("truetype"),
    url(iconfont-c8f118da.svg) format("svg");
}
.iweb-icon {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
}
.iweb-bottombar_CategorySearchhighlight:before {
  content: "\e697";
}
.iweb-bottombar_Baghighlight:before {
  content: "\e693";
}
.iweb-bottombar_Account_highlight:before {
  content: "\e694";
}
.iweb-bottombar_Homehighlight:before {
  content: "\e695";
}
.iweb-bottombar_Wishlisthighlight:before {
  content: "\e696";
}
.iweb-utility_rightarrow:before {
  content: "\e691";
}
.iweb-utility_Feedback:before {
  content: "\e692";
}
.iweb-utility_uparrow:before {
  content: "\e68f";
}
.iweb-utility_IMclose:before {
  content: "\e690";
}
.iweb-bottombar_CategorySearch:before {
  content: "\e63d";
}
.iweb-bottombar_Bag:before {
  content: "\e63e";
}
.iweb-bottombar_Home:before {
  content: "\e63f";
}
.iweb-info_Errorfill1:before {
  content: "\e640";
}
.iweb-info_Add:before {
  content: "\e641";
}
.iweb-info_noticetoast:before {
  content: "\e642";
}
.iweb-info_Correct:before {
  content: "\e643";
}
.iweb-info_errortoast:before {
  content: "\e644";
}
.iweb-info_warningtoast:before {
  content: "\e645";
}
.iweb-info_failtosend:before {
  content: "\e646";
}
.iweb-NEWutility_addtoboard:before {
  content: "\e647";
}
.iweb-info_Error:before {
  content: "\e648";
}
.iweb-bottombar_Account:before {
  content: "\e649";
}
.iweb-info_Specialinfo:before {
  content: "\e64a";
}
.iweb-utility_menu:before {
  content: "\e64b";
}
.iweb-NEWutility_download:before {
  content: "\e64c";
}
.iweb-NEWutility_oneinaraw3:before {
  content: "\e64d";
}
.iweb-utility_report1:before {
  content: "\e64e";
}
.iweb-info_Promotionorwarning:before {
  content: "\e64f";
}
.iweb-NEWutility_zoomout:before {
  content: "\e650";
}
.iwe-butility_back_fill:before {
  content: "\e651";
}
.iwe-butility_correct:before {
  content: "\e652";
}
.iweb-utility_copy:before {
  content: "\e653";
}
.iweb-utility_camera:before {
  content: "\e654";
}
.iweb-utility_add:before {
  content: "\e655";
}
.iweb-utility_chatwithsellers:before {
  content: "\e656";
}
.iweb-utility_checkprocess:before {
  content: "\e657";
}
.iweb-NEWutility_Enlarge:before {
  content: "\e658";
}
.iweb-utility_chathistory:before {
  content: "\e659";
}
.iweb-utility_downarrow:before {
  content: "\e65a";
}
.iweb-utility_delivery:before {
  content: "\e65b";
}
.iweb-utility_contact:before {
  content: "\e65c";
}
.iweb-utility_Chats:before {
  content: "\e65d";
}
.iweb-NEWutility_SMS:before {
  content: "\e65e";
}
.iweb-utility_delete:before {
  content: "\e65f";
}
.iweb-utility_camera_fill:before {
  content: "\e660";
}
.iweb-bottombar_Wishlist:before {
  content: "\e661";
}
.iwe-butility_more:before {
  content: "\e662";
}
.iwe-butility_Alerts:before {
  content: "\e663";
}
.iwe-butility_postcode:before {
  content: "\e664";
}
.iwe-butility_package_fill:before {
  content: "\e665";
  content: "\e666";
}
.iweb-utility_headerclose:before {
  content: "\e667";
}
.iweb-utility_play_fill:before {
  content: "\e668";
}
.iweb-utility_share:before {
  content: "\e669";
}
.iweb-utility_mute_fill:before {
  content: "\e66a";
}
.iweb-utility_QRcode:before {
  content: "\e66b";
}
.iweb-Infonotification:before {
  content: "\e66c";
}
.iweb-utility_filter:before {
  content: "\e66d";
}
.iweb-utility_store:before {
  content: "\e66e";
}
.iweb-utility_addtobag:before {
  content: "\e66f";
}
.iweb-utility_search:before {
  content: "\e670";
}
.iweb-NEWutility_link:before {
  content: "\e671";
}
.iweb-utility_helpcenter:before {
  content: "\e672";
}
.iweb-utility_oneinaraw:before {
  content: "\e673";
}
.iweb-utility_orderfill:before {
  content: "\e674";
}
.iweb-utility_Promos1:before {
  content: "\e675";
}
.iwe-butility_reduce:before {
  content: "\e676";
}
.iwe-butility_send_fill:before {
  content: "\e677";
}
.iweb-utility_twoinraw:before {
  content: "\e678";
}
.iwe-butility_photo:before {
  content: "\e679";
}
.iwe-butility_unsee:before {
  content: "\e67a";
}
.iweb-NEWutility_payment:before {
  content: "\e67b";
}
.iwe-butility_category:before {
  content: "\e67c";
}
.iwe-butility_see:before {
  content: "\e67d";
}
.iweb-info_successtoast:before {
  content: "\e67e";
}
.iwe-butility_video:before {
  content: "\e67f";
}
.iwe-butility_order:before {
  content: "\e680";
}
.iwe-butility_package:before {
  content: "\e681";
}
.iwe-butility_return:before {
  content: "\e682";
}
.iwe-butility_message:before {
  content: "\e683";
}
.iwe-butility_volume_fill:before {
  content: "\e684";
}
.iwe-butility_read:before {
  content: "\e685";
}
.iwe-butility_refound:before {
  content: "\e686";
}
.iwe-butility_voucher:before {
  content: "\e687";
}
.iwe-butility_send:before {
  content: "\e688";
}
.iwe-butility_pause_fill:before {
  content: "\e689";
}
.iwe-butility_address:before {
  content: "\e68a";
}
.iwe-butility_setting:before {
  content: "\e68b";
}
.iwe-butility_like:before {
  content: "\e68c";
}
.iwe-butility_edit:before {
  content: "\e68d";
}
.iweb-utility_leftarrow:before {
  content: "\e68e";
}
.iweb-icon-smaller {
  font-size: 12px;
}
.iweb-icon-small {
  font-size: 14px;
}
.iweb-icon-middle {
  font-size: 16px;
}
.iweb-icon-large {
  font-size: 18px;
}
.iweb-icon-larger {
  font-size: 20px;
}
.iweb-auto-complete-search-default {
  color: #6e7687;
}
.iweb-auto-complete-search-highlight {
  color: #1e1f26;
}
.iweb-passcode-input {
  --cell-size: 48px;
  --cell-gap: var(--iweb-padding_inside_element_vertically_light);
  --dot-size: 6px;
  --border-color: var(--iweb-colour_tertiary_outline);
  --border-radius: var(--iweb-radius-token-radius_small);
  display: inline-block;
  position: relative;
}
.iweb-passcode-input-cell-container {
  display: inline-flex;
  vertical-align: top;
}
.iweb-passcode-input-cell {
  align-items: center;
  background-color: var(--iweb-colour_primary_background_page);
  box-sizing: border-box;
  display: flex;
  flex: none;
  font-size: var(--iweb-fontsize_title_module_huge);
  height: var(--cell-size);
  justify-content: center;
  width: var(--cell-size);
}
.iweb-passcode-input:not(.iweb-passcode-input-seperated) {
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  overflow: hidden;
}
.iweb-passcode-input:not(.iweb-passcode-input-seperated)
  .iweb-passcode-input-cell:not(:last-child) {
  border-right: 1px solid var(--border-color);
}
.iweb-passcode-input:not(
    .iweb-passcode-input-seperated
  ).iweb-passcode-input-focused {
  border-color: var(--iweb-colour_active_outline);
  outline: 0;
}
.iweb-passcode-input:not(
    .iweb-passcode-input-seperated
  ).iweb-passcode-input-error {
  animation: iweb-shake-horizontal 0.1s ease-in-out 0s 3 normal none running;
  border-color: var(--iweb-colour_error_outline);
}
.iweb-passcode-input.iweb-passcode-input-seperated .iweb-passcode-input-cell {
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
}
.iweb-passcode-input.iweb-passcode-input-seperated
  .iweb-passcode-input-cell:not(:last-child) {
  margin-right: var(--cell-gap);
}
.iweb-passcode-input.iweb-passcode-input-seperated
  .iweb-passcode-input-cell-focused {
  background-color: var(--iweb-colour_fill_notice_shades);
  border-color: var(--iweb-colour_active_outline);
}
.iweb-passcode-input-seperated.iweb-passcode-input-focused {
  outline: 0;
}
.iweb-passcode-input.iweb-passcode-input-seperated.iweb-passcode-input-error {
  animation: iweb-shake-horizontal 0.1s ease-in-out 0s 3 normal none running;
}
.iweb-passcode-input.iweb-passcode-input-seperated.iweb-passcode-input-error
  .iweb-passcode-input-cell {
  border-color: var(--iweb-colour_error_outline);
}
.iweb-passcode-input.iweb-passcode-input-seperated.iweb-passcode-input-error
  .iweb-passcode-input-cell-focused {
  background-color: var(--iweb-colour_primary_background_page);
}
.iweb-passcode-input-cell-dot:before {
  background: var(--iweb-color-text);
  border-radius: 100%;
  content: "";
  height: var(--dot-size);
  width: var(--dot-size);
}
.iweb-passcode-input-disabled:hover {
  cursor: not-allowed;
}
.iweb-passcode-input-disabled .iweb-passcode-input-cell {
  background-color: var(--iweb-colour_fill_dimmed);
}
.iweb-passcode-input-cell-caret:after {
  animation: iweb-caret-blink 1s linear infinite;
  background: var(--iweb-color-primary);
  content: "";
  height: 1.1em;
  margin-left: 1px;
  width: 2px;
}
.iweb-passcode-input > .iweb-passcode-input-native-input {
  display: block;
  height: 20px;
  left: -200vw;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 50px;
}
@keyframes iweb-shake-horizontal {
  0% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-4px);
  }
  20% {
    transform: translateX(5px);
  }
  30% {
    transform: translateX(-1px);
  }
  40% {
    transform: translateX(8px);
  }
  50% {
    transform: translateX(0);
  }
  60% {
    transform: translateX(-8px);
  }
  70% {
    transform: translateX(1px);
  }
  80% {
    transform: translateX(-5px);
  }
  90% {
    transform: translateX(4px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes iweb-caret-blink {
  0% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
.iweb-picker {
  --item-height: 20.5px;
  --i-item-font-size: 16px;
}
.iweb-picker-header {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  padding: 15px 70px 5.5px;
  position: relative;
}
.iweb-picker-header-button {
  color: #000;
  font-size: 15px;
  padding: 15px;
  position: absolute;
}
.iweb-picker-header-button-cancel {
  left: 0;
}
.iweb-picker-header-button-done {
  right: 0;
}
.iweb-picker-header-title {
  color: var(--i-colour_primary_info);
  flex: 1;
  font-size: var(--i-font_size_medium);
  font-weight: 600;
  line-height: 23px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.iweb-picker-header-close {
  box-sizing: border-box;
  color: var(--i-color-text);
  height: 45px;
  padding: 15px 12px;
  position: absolute;
  right: 0;
  top: 0;
  width: 42px;
}
.iweb-picker-header-close .i-supericon-close {
  height: 18px;
  width: 18px;
}
.iweb-picker-content {
  display: flex;
  flex-direction: row;
  height: var(--i-picker-height);
  overflow: hidden;
  position: relative;
}
.iweb-picker-content-margin {
  flex: 1;
  margin-right: 12px;
}
.iweb-picker-content-margin:last-child {
  margin-right: 0;
}
.iweb-picker-bottom {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 57px;
  padding: 0 12px;
  width: 100%;
}
.iweb-picker-bottom > button:first-child {
  margin-right: 9px;
}
.iweb-picker-mask {
  display: flex;
  flex-direction: column;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10000;
}
.iweb-picker-mask-bottom,
.iweb-picker-mask-top {
  flex: auto;
}
.iweb-picker-mask-middle {
  flex: none;
  height: 41.5px;
}
.iweb-picker-mask-middle-border {
  border-bottom: 1px solid #f5f6f7;
  border-radius: 8px;
  border-top: 1px solid #f5f6f7;
  box-sizing: border-box;
}
.iweb-picker-mask-top {
  background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0.1) 99.95%);
}
.iweb-picker-mask-bottom {
  background: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0.1) 99.95%);
}
.i-wheel-column {
  flex: 1;
  height: 100%;
  position: relative;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 0;
}
.i-wheel-column-wheel {
  cursor: grab;
  left: 0;
  position: absolute;
  top: calc(50% - var(--item-height) / 2);
  width: 100%;
}
.i-wheel-column-wheel:before {
  top: -100vh;
}
.i-wheel-column-wheel:after,
.i-wheel-column-wheel:before {
  content: " ";
  display: block;
  height: 100vh;
  position: absolute;
  width: 100%;
}
.i-wheel-column-wheel:after {
  bottom: -100vh;
}
.i-wheel-column-wheel-left {
  padding-left: 34.5px;
}
.i-wheel-column-wheel-right {
  padding-right: 34.5px;
}
.i-wheel-column-mid {
  flex: 0 1 111px;
}
.i-wheel-column-item {
  align-items: center;
  display: flex;
  font-size: var(--i-item-font-size);
  height: var(--item-height);
  justify-content: center;
  margin: 0 auto 21px;
  transition: transform 0.3s;
}
.i-wheel-column-item-selected {
  color: var(--i-brand_pink);
  font-size: 21px;
  font-weight: 700;
}
.i-wheel-column-item-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.floating-cart-root {
  display: flex;
  flex-direction: column;
}
.floating-cart-root-top {
  left: 0;
  position: sticky;
  top: 0;
  z-index: 100;
}
.floating-cart-root-top:after {
  align-self: stretch;
  background: #eee;
  bottom: 0;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 1px;
  left: 12px;
  position: absolute;
  right: 12px;
}
.floating-cart-root-bottom {
  flex: 1;
  overflow-y: auto;
}
p {
  line-height: unset;
  margin: 0;
}
.floating-cart-order-total {
  background: #fff;
  padding: 16px 12px 12px;
}
.floating-cart-order-total .shipping-promotion-wrapper {
  align-items: center;
  align-self: stretch;
  background: #f8f8f8;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 4px;
}
.floating-cart-order-total
  .shipping-promotion-wrapper
  .shipping-promotion-item {
  color: #2e3346;
  font-size: 12px;
  font-weight: 400;
  max-width: 100%;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.floating-cart-order-total
  .shipping-promotion-wrapper
  .shipping-promotion-item-title.highlight {
  color: #00a89f;
}
.floating-cart-order-total
  .shipping-promotion-wrapper
  .shipping-promotion-item-price {
  color: #f47326;
  font-weight: 700;
}
.floating-cart-order-total .order-total-total {
  align-items: center;
  align-self: stretch;
  color: #111;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 8px;
  margin-top: 4px;
  text-align: center;
}
.floating-cart-order-total .order-total-total-label {
  font-size: 12px;
  font-weight: 400;
}
.floating-cart-order-total .order-total-total-price {
  font-size: 16px;
  font-weight: 700;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.floating-cart-order-total .order-total-btns {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.floating-cart-order-total .order-total-btns .order-total-btn {
  font-size: 14px;
  height: 32px;
  line-height: 32px;
}
.floating-cart-shop {
  padding: 12px;
  position: relative;
}
.floating-cart-shop:before {
  align-self: stretch;
  background: #eee;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 1px;
  left: 12px;
  position: absolute;
  right: 12px;
  top: 0;
}
.floating-cart-shop .shop-title-wrapper {
  align-items: center;
  cursor: pointer;
  display: flex;
  margin-bottom: 8px;
}
.floating-cart-shop .shop-title-wrapper:hover .shop-name {
  color: #1e71ff;
}
.floating-cart-shop .shop-title-wrapper .shop-logo {
  height: 18px;
  margin-right: 6px;
}
.floating-cart-shop .shop-title-wrapper .shop-name {
  color: #2e3346;
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.floating-cart-shop .shop-extra-wrapper .shop-delivery-wrapper {
  display: flex;
}
.floating-cart-shop
  .shop-extra-wrapper
  .shop-delivery-wrapper
  .shop-delivery-fee {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  background: #f8f8f8;
  border-radius: 4px;
  display: -webkit-box;
  flex: 1;
  overflow: hidden;
  padding: 4px;
  text-overflow: ellipsis;
}
.floating-cart-shop
  .shop-extra-wrapper
  .shop-delivery-wrapper
  .shop-delivery-fee
  > span {
  color: #2e3346;
  font-size: 12px;
  font-weight: 400;
}
.floating-cart-shop
  .shop-extra-wrapper
  .shop-delivery-wrapper
  .shop-delivery-fee
  > img {
  height: 14px;
  margin-right: 3px;
}
.floating-cart-item {
  display: flex;
  padding-top: 12px;
}
.floating-cart-item .floating-cart-item-checkbox-wrapper {
  padding-top: 42px;
  width: 30px;
}
.floating-cart-item
  .floating-cart-item-checkbox-wrapper
  .floating-cart-item-checkbox {
  height: 18px;
  width: 18px;
}
.floating-cart-item
  .floating-cart-item-content
  .floating-cart-item-content-img-wrapper {
  border-radius: 4px;
  cursor: pointer;
  height: 84px;
  overflow: hidden;
  position: relative;
  width: 84px;
}
.floating-cart-item
  .floating-cart-item-content
  .floating-cart-item-content-img-wrapper
  .floating-cart-item-content-img {
  height: 100%;
  width: 100%;
}
.floating-cart-item
  .floating-cart-item-content
  .floating-cart-item-content-img-wrapper
  .floating-cart-item-content-img-mask {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.floating-cart-item
  .floating-cart-item-content
  .floating-cart-item-content-img-wrapper
  .floating-cart-item-content-img-mask-text {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.floating-cart-item
  .floating-cart-item-content
  .floating-cart-item-content-price {
  color: #111;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.floating-cart-item
  .floating-cart-item-content
  .floating-cart-item-content-price.floating-cart-item-content-price-unavailable {
  color: #c6cad2;
}
.floating-cart-item
  .floating-cart-item-content
  .floating-cart-item-content-quantity
  .quantity-wrapper
  .quantity-preview {
  color: #2e3346;
  font-size: 14px;
}
.floating-cart-item
  .floating-cart-item-content
  .floating-cart-item-content-quantity
  .quantity-wrapper
  .quantity-preview
  .quantity-preview-prefix {
  margin-right: 6px;
}
.floating-cart-item
  .floating-cart-item-content
  .floating-cart-item-content-quantity
  .quantity-wrapper
  .quantity-stepper-custom {
  --iweb-stepper-height: 24px;
  --iweb-stepper-input-width: 28px;
  --iweb-stepper-input-font-size: 14px;
  --iweb-stepper-input-text-color: #2e3346;
  --iweb-stepper-button-width: 28px;
  --iweb-stepper-plus-button-color: #2e3346;
  --iweb-stepper-minus-button-color: #2e3346;
  border-radius: 4px !important;
}
.floating-cart-item
  .floating-cart-item-content
  .floating-cart-item-content-quantity
  .quantity-wrapper
  .quantity-stepper-custom
  .iweb-stepper-minus
  div,
.floating-cart-item
  .floating-cart-item-content
  .floating-cart-item-content-quantity
  .quantity-wrapper
  .quantity-stepper-custom
  .iweb-stepper-plus
  div {
  height: 12px !important;
  width: 12px !important;
}
.floating-cart-item .floating-cart-pic-over-text-wrapper {
  align-items: center;
  bottom: 0;
  display: flex;
  height: 22px;
  justify-content: center;
  position: absolute;
  width: 100%;
}
.floating-cart-item .floating-cart-pic-over-text-wrapper .desc {
  color: inherit;
  font-size: 24px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  transform: scale(0.75);
  transform-origin: center;
  white-space: nowrap;
  width: 210px;
}
.floating-cart-empty {
  padding: 12px;
}
.floating-cart-empty-title {
  color: #2e3346;
  font-size: 14px;
  font-weight: 400;
  margin-top: 24px;
}
.floating-cart-invalid-group {
  padding: 12px;
  position: relative;
}
.floating-cart-invalid-group:before {
  align-self: stretch;
  background: #eee;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 1px;
  left: 12px;
  position: absolute;
  right: 12px;
  top: 0;
}
.floating-cart-invalid-group .floating-cart-invalid-group-title {
  font-size: 14px;
  font-weight: 600;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fold-wrapper {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #e3e7f1;
  border-left: 1px solid #e3e7f1;
  border-radius: 4px 0 0 4px;
  border-top: 1px solid #e3e7f1;
  display: flex;
  height: 52px;
  justify-content: center;
  position: fixed;
  top: 36px;
  width: 26px;
  z-index: 1001;
}
.fold-wrapper.right-border {
  border-right: 1px solid #e3e7f1;
}
.fold-wrapper .fold-wrapper-icon {
  height: 14px;
  width: 14px;
}
.iweb-slider-sheet
  .iweb-slider-sheet-content
  .iweb-slider-sheet-wrapper-body
  .iweb-slider-sheet-action {
  display: none;
}
.iweb-slider-sheet.iweb-slider-sheet-right.iweb-slider-sheet-open.no-mask {
  right: 0;
  transform: translateX(0);
}
.cart-drawer.hidden {
  display: none;
}
.cart-drawer .iweb-slider-sheet-content-wrapper {
  width: 156px;
}