@font-face {
  font-family: 'Poppins';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: local('Poppins');
}

@font-face {
  font-family: 'Poppins';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('Poppins');
}

/* ========== block ========== */

@font-face {
  font-family: 'Poppins';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('Poppins');
}

@font-face {
  font-family: 'Poppins';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: local('Poppins');
}

@font-face {
  font-family: 'Poppins';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: local('Poppins');
}

@font-face {
  font-family: 'Poppins';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local('Poppins');
}

@font-face {
  font-family: 'Poppins';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: local('Poppins');
}

@font-face {
  font-family: 'Poppins';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('Poppins');
}

@font-face {
  font-family: 'Poppins';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: local('Poppins');
}

@font-face {
  font-family: 'Poppins';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: local('Poppins');
}

@font-face {
  font-family: 'Poppins';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local('Poppins');
}


:root {
  --color-lp-color-page-background: #ffffff;
  --color-lp-color-page-background-060: #ffffff99;
  --color-lp-color-text: #000000;
  --color-lp-color-text-003: #00000008;
  --color-lp-color-text-005: #0000000d;
  --color-lp-color-text-008: #00000014;
  --color-lp-color-text-015: #00000026;
  --color-lp-color-text-030: #0000004d;
  --color-lp-color-text-050: #00000080;
  --color-lp-color-text-060: #00000099;
  --color-lp-color-text-080: #000000cc;
  --color-lp-color-entry-line: #e8e8e1;
  --color-lp-color-header-text: ;
  --color-lp-color-header-text-005: 0d;
  --color-lp-color-header-background: ;
  --color-lp-color-footer-text: ;
  --color-lp-color-footer-text-015: 26;
  --color-lp-color-footer-text-008: 14;
  --color-lp-color-btn-text: #ffffff;
  --color-lp-color-btn-background: #111111;
  --color-lp-color-header-announcement-bar: ;
  --color-lp-color-header-announcement-bar-text: ;
  --color-lp-color-cart-dot: #ba4444;
  --color-lp-color-footer-background: ;
  --color-lp-color-tag-background: #ba4444;
  --color-lp-color-tag-text: #ffffff;
  --color-lp-color-sale: #1c1d1d;
  --color-lp-color-discount: #ba4444;
  --color-lp-color-discount-010: #ba44441a;
  --color-lp-color-mask: #171717;
  --color-lp-color-mask-060: #17171799;
  --color-lp-color-light-text: ;
  --color-lp-color-image-background: #ffffff;
  --color-lp-color-section-background: #e8e6e0;


  --title-lp-font-size: 36px;
  --title-lp-text-align: center;
  --title-lp-line-height: 1.2;
  --title-lp-uppercase: false;
  --title-lp-letter-spacing: 0em;

  --body-lp-font-size: 16px;
  --body-lp-text-align: center;
  --body-lp-line-height: 1.6;
  --body-lp-letter-spacing: 0.025em;

  --navigation-lp-font-size: px;
  --navigation-lp-line-height: 1.6;
  --navigation-lp-letter-spacing: 0.025em;
  --navigation-lp-letter-spacing-uppercase: null;

  --body-lp-font-family: "Poppins";
  --title-lp-font-style: normal;
  --title-lp-font-family: "Poppins";
  --title-lp-font-weight: 600;
  --navigation-lp-font-family: "Poppins";
  --navigation-lp-font-weight: 400;
  --navigation-lp-font-style: normal;
}

/* ========== block ========== */

:root {
  --plugin-ruler-color_body: #FFFFFF;
  --plugin-ruler-color_text: #29252C;
  --plugin-ruler-color_text_title: #242833;
  --plugin-ruler-color_entry_line: #DDDDDD;
  --plugin-ruler-color_btn_background: #000000;
  --plugin-ruler-color_btn_text: #ffffff;
  --plugin-ruler-color_mask: rgba(23, 23, 23, 0.6);
  --plugin-ruler-color_page_background: #FFFFFF;
  --plugin-ruler-color_product_title: #2C2C2C;
  --plugin-ruler-color_discount: #E32619;
  --plugin-ruler-color_tag_background: #E32619;
  --plugin-ruler-color_tag_text: #FFFFFF;
  --plugin-ruler-color_sale: #e02020;
  --plugin-ruler-color_image_background: #F4F7FB;
}

/* ========== block ========== */

:root {
  --plugin-recommend-color_body: #FFFFFF;
  --plugin-recommend-color_text: #29252C;
  --plugin-recommend-color_text_title: #242833;
  --plugin-recommend-color_entry_line: #DDDDDD;
  --plugin-recommend-color_btn_background: #000000;
  --plugin-recommend-color_btn_text: #ffffff;
  --plugin-recommend-color_mask: rgba(23, 23, 23, 0.6);
  --plugin-recommend-color_page_background: #FFFFFF;
  --plugin-recommend-color_product_title: #2C2C2C;
  --plugin-recommend-color_discount: #E32619;
  --plugin-recommend-color_tag_background: #E32619;
  --plugin-recommend-color_tag_text: #FFFFFF;
  --plugin-recommend-color_sale: #e02020;
  --plugin-recommend-color_image_background: #F4F7FB;
}

/* ========== block ========== */

:root {
  --plugin-gift-color_text: #29252C;
  --plugin-gift-color_text_3: rgba(41, 37, 44, 0.03);
  --plugin-gift-color_text_5: rgba(41, 37, 44, 0.05);
  --plugin-gift-color_text_8: rgba(41, 37, 44, 0.08);
  --plugin-gift-color_text_10: rgba(41, 37, 44, 0.1);
  --plugin-gift-color_text_15: rgba(41, 37, 44, 0.15);
  --plugin-gift-color_text_20: rgba(41, 37, 44, 0.2);
  --plugin-gift-color_text_45: rgba(41, 37, 44, 0.45);
  --plugin-gift-color_text_80: rgba(41, 37, 44, 0.8);
  --plugin-gift-color_text_85: rgba(41, 37, 44, 0.85);
  --plugin-gift-color_light_text: #949494;
  --plugin-gift-color_discount: #E32619;
  --plugin-gift-color_discount_5: rgba(227, 38, 25, 0.05);
  --plugin-gift-color_discount_10: rgba(227, 38, 25, 0.1);
  --plugin-gift-color_discount_60: rgba(227, 38, 25, 0.6);
  --plugin-gift-color_cart_dot: #E60012;
  --plugin-gift-type_body_font: Poppins;
  --plugin-gift-type_title_font: Poppins;
  --plugin-gift-type_title_weight: 600;
  --plugin-gift-color_background: #FFFFFF;
  --plugin-gift-color_btn_background: #000000;
  --plugin-gift-color_btn_background_40: rgba(0, 0, 0, 0.4);
  --plugin-gift-color_btn_text: #ffffff;
  --plugin-gift-color_btn_text_15: rgba(255, 255, 255, 0.15);
  --plugin-gift-product_image_ratio: 0;
  --plugin-gift-product_fill_type: contain;
  --plugin-gift-color_image_background: #F4F7FB;
  --plugin-gift-color_entry_line: #DDDDDD;
  --plugin-gift-btn_border_radius: 6px;
  --plugin-gift-button_style: square;
  --plugin-gift-product_button_size: 100%;
}

/* ========== block ========== */

[class*='plugin-product-comment'],
[class*='plugin-product-comment'] * {
  box-sizing: border-box;
  word-break: break-word
}

.plugin-product-comment-designModeHeader {
  margin-bottom: 20px;
  color: #000;
  background: rgba(var(--color-text, 0, 0, 0), .1);
  padding: 12px 0px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  text-align: center
}

.plugin-product-comment-list-wrap {
  margin: 60px 0
}

.plugin-product-comment-title>div {
  white-space: pre-wrap;
  word-break: break-all
}

.plugin-product-comment-tab .plugin-product-comment-WriteBtn {
  font-size: 18px
}

.plugin-product-comment-tab .plugin-product-comment-common-btn {
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  display: inline-block;
  font-weight: 500 !important;
  letter-spacing: 0px !important;
  line-height: 140%;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid;
  text-transform: uppercase
}

.plugin-product-comment-seeAllReviews {
  font-size: 16px;
  line-height: 24px;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-seeAllReviews .plugin-product-comment-rectangle {
  margin-left: 4px
}

.plugin-product-comment-seeAllReviews .plugin-product-comment-rectangle path {
  stroke: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-comment-list_gallery .plugin-product-comment-gallery-carousel {
  margin-bottom: 32px
}

.plugin-product-comment-comment-list_gallery .plugin-product-comment-tab {
  margin-top: 0
}

@media (max-width: 749.98px) {
  .plugin-product-comment-seeAllReviews {
    font-size: 14px
  }

  .plugin-product-comment-comment-list_gallery .plugin-product-comment-gallery-carousel {
    margin-bottom: 20px
  }
}

html[dir='rtl'] .plugin-product-comment-seeAllReviews .plugin-product-comment-rectangle {
  margin-left: unset;
  margin-right: 8px;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

/* ========== block ========== */

.plugin-product-comment-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  color: var(--plugin-product-comment-color_text);
  font-size: 22px;
  margin-bottom: 12px;
  text-transform: uppercase
}

@media (max-width: 749.98px) {
  .plugin-product-comment-title {
    margin-bottom: 2px;
    font-weight: 600;
    font-size: 18px;
    line-height: 120%
  }
}

/* ========== block ========== */

.plugin-product-comment-detail-list {
  margin-bottom: 40px
}

/* ========== block ========== */

html {
  --isv-web-color_page_background: 255, 255, 255;
  --isv-web-color_entry_line: 221, 221, 221;
  --isv-web-color_text: 0, 0, 0;
  --isv-web-color_light_text: 104, 104, 104;
  --isv-web-color_cart_dot: 238, 71, 9;
  --isv-web-color_cart_dot_text: 0, 0, 0;
  --isv-web-color_tooltip_background: 0, 0, 0;
  --isv-web-color_tooltip_text: 255, 255, 255;
  --isv-web-color_mask: 0, 0, 0;
  --isv-web-duration_long: 500ms;
  --isv-web-type_title_font: "Montserrat";
  --isv-web-type_title_letter_spacing: 0;
  --isv-web-type_title_size: 30px;
  --isv-web-type_title_weight: 700;
  --isv-web-type_title_line_height: 1.2;
  --isv-web-color_title: inherit;
  --isv-web-type_title_uppercase: unset;
  --isv-web-type_body_font: "Poppins";
  --isv-web-type_body_letter_spacing: 0;
  --isv-web-type_body_size: 14px;
  --isv-web-type_body_weight: 400;
  --isv-web-type_body_line_height: 1.6;
  --isv-web-color_body: inherit;
  --isv-web-type_body_uppercase: unset;
  --isv-web-color_btn_background: 0, 0, 0;
  --isv-web-color_btn_text: 255, 255, 255;
  --isv-web-color_btn_border: transparent;
  --isv-web-btn_border_thickness: 1px;
  --isv-web-btn_border_opacity: 1;
  --isv-web-btn_border_radius: 4px;
  --isv-web-btn_shadow_opacity: 1;
  --isv-web-btn_shadow_offset_x: 0;
  --isv-web-btn_shadow_offset_y: 0;
  --isv-web-btn_shadow_blur: 0;
  --isv-web-color_secondary_btn_background: 255, 255, 255;
  --isv-web-color_secondary_btn_text: 0, 0, 0;
  --isv-web-color_secondary_btn_border: 0, 0, 0;
  --isv-web-input_border_thickness: 1px;
  --isv-web-input_border_opacity: 1;
  --isv-web-input_border_radius: 4px;
  --isv-web-input_shadow_opacity: 1;
  --isv-web-input_shadow_offset_x: 0;
  --isv-web-input_shadow_offset_y: 0;
  --isv-web-input_shadow_blur: 0;
  --isv-web-color_input_border: var(--isv-web-color_text);
  --isv-web-color_input_background: var(--isv-web-color_page_background);
  --isv-web-color_input_text: var(--isv-web-color_text);
  --isv-web-sku_selector_border_thickness: 1px;
  --isv-web-sku_selector_border_opacity: 1;
  --isv-web-sku_selector_border_radius: 4px;
  --isv-web-sku_selector_shadow_opacity: 1;
  --isv-web-sku_selector_shadow_offset_x: 0;
  --isv-web-sku_selector_shadow_offset_y: 0;
  --isv-web-sku_selector_shadow_blur: 0;
  --isv-web-color_sku_selector_border: var(--isv-web-color_entry_line);
  --isv-web-color_sku_selector_background: var(--isv-web-color_page_background);
  --isv-web-color_sku_selector_text: var(--isv-web-color_text);
  --isv-web-menu_modal_border_thickness: 0;
  --isv-web-menu_modal_border_opacity: 1;
  --isv-web-menu_modal_border_radius: 0;
  --isv-web-menu_modal_shadow_opacity: 1;
  --isv-web-menu_modal_shadow_offset_x: 0;
  --isv-web-menu_modal_shadow_offset_y: 0;
  --isv-web-menu_modal_shadow_blur: 0;
  --isv-web-menu_modal_z_index: 999;
  --isv-web-color_menu_modal_border: transparent;
  --isv-web-color_menu_modal_background: var(--isv-web-color_page_background);
  --isv-web-color_menu_modal_text: var(--isv-web-color_text);
  --isv-web-color_menu_modal_mask: rgba(var(--isv-web-color_text), .2);
  --isv-web-drawer_border_thickness: 1px;
  --isv-web-drawer_border_opacity: 1;
  --isv-web-color_drawer_border: var(--isv-web-color_entry_line);
  --isv-web-drawer_shadow_opacity: 0;
  --isv-web-drawer_shadow_offset_x: 0;
  --isv-web-drawer_shadow_offset_y: 0;
  --isv-web-drawer_shadow_blur: 0;
  --isv-web-color_drawer_background: var(--isv-web-color_page_background);
  --isv-web-color_drawer_text: var(--isv-web-color_text);
  --isv-web-color_drawer_mask: rgba(var(--isv-web-color_text), .2);
  --isv-web-content_border_thickness: 1px;
  --isv-web-content_border_opacity: 1;
  --isv-web-content_border_radius: 4px;
  --isv-web-color_content_border: var(--isv-web-color_entry_line);
  --isv-web-content_shadow_opacity: 0;
  --isv-web-content_shadow_offset_x: 0;
  --isv-web-content_shadow_offset_y: 0;
  --isv-web-content_shadow_blur: 0;
  --isv-web-color_loading: var(--isv-web-color_text)
}

.isv-web-btn {
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: var(--isv-web-type_body_font);
  font-weight: 400;
  line-height: var(--isv-web-type_body_line_height);
  letter-spacing: var(--isv-web-type_body_letter_spacing);
  text-align: center;
  white-space: normal;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: opacity .15s ease-in-out;
  padding: 9px 18px;
  position: relative;
  border-radius: var(--isv-web-btn_border_radius);
  border: var(--isv-web-btn_border_thickness) solid transparent;
  text-decoration: none;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.isv-web-btn .loading__spinner {
  display: none
}

.isv-web-btn-icon {
  margin-right: 8px
}

.isv-web-btn-icon[data-position=after] {
  margin-right: 0;
  margin-left: 8px
}

.isv-web-btn-primary {
  overflow: hidden;
  font-weight: 500;
  background-color: rgba(var(--isv-web-color_btn_background), var(--isv-web-color_btn_background_alpha, 1));
  color: rgb(var(--isv-web-color_btn_text))
}

.isv-web-btn-secondary {
  font-weight: 500;
  color: rgb(var(--isv-web-color_secondary_btn_text));
  background-color: rgba(var(--isv-web-color_secondary_btn_background), var(--isv-web-color_secondary_btn_background_alpha, 1));
  border: var(--isv-web-btn_border_thickness) solid rgba(var(--isv-web-color_secondary_btn_border), var(--isv-web-color_secondary_btn_border_alpha, 1))
}

.isv-web-btn-secondary.isv-web-btn--loading>.loading__spinner {
  color: rgba(var(--isv-web-color_secondary_btn_text), var(--isv-web-color_secondary_btn_text_alpha, 1))
}

.isv-web-btn:not(.isv-web-btn-text):not(.isv-web-btn--disabled):not(.isv-web-btn-secondary) {
  box-shadow: var(--isv-web-btn_shadow_offset_x) var(--isv-web-btn_shadow_offset_y) var(--isv-web-btn_shadow_offset_x) rgba(var(--isv-web-color_text), var(--isv-web-btn_shadow_opacity))
}

.isv-web-btn:not(.isv-web-btn-text):not(.isv-web-btn--disabled):not(.isv-web-btn-secondary)::after {
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.isv-web-btn:not(.isv-web-btn-text):not(.isv-web-btn--disabled):not(.isv-web-btn-secondary):hover::after {
  -webkit-transform: skew(-20deg);
  -ms-transform: skew(-20deg);
  transform: skew(-20deg);
  background-image: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, 0.25), transparent);
  -webkit-animation: btn-sweep .75s cubic-bezier(.01, .56, 1, 1);
  animation: btn-sweep .75s cubic-bezier(.01, .56, 1, 1);
  left: 150%
}

.isv-web-btn-text {
  color: rgb(color_text);
  background-color: transparent;
  padding: 0 1px;
  position: relative;
  text-underline-offset: 6px;
  transition: width var(--isv-web-duration_long) ease-in-out;
  padding-bottom: 7px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

.isv-web-btn-text:not(.isv-web-btn--disabled):hover {
  opacity: .7
}

.isv-web-btn--lg:not(.isv-web-btn-text) {
  padding: 12px 20px
}

.isv-web-btn--sm:not(.isv-web-btn-text) {
  padding: 9px 18px
}

.isv-web-btn-icon-only {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: none;
  background-color: transparent;
  cursor: pointer;
  color: inherit;
  text-decoration: none;
  padding: 0;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s
}

@media screen and (--pc) {

  .isv-web-btn-icon-only:hover,
  .isv-web-btn-icon-only:focus {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
  }
}

.isv-web-btn--disabled {
  cursor: not-allowed;
  opacity: .3
}

.isv-web-btn--loading {
  color: transparent
}

.isv-web-btn--loading>.loading__spinner {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  color: rgba(var(--isv-web-color_btn_text), var(--isv-web-color_btn_text_alpha, 1));
  -webkit-animation: button-loading linear 1.5s infinite;
  animation: button-loading linear 1.5s infinite
}

@-webkit-keyframes button-loading {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes button-loading {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@-webkit-keyframes btn-sweep {
  to {
    left: -200%
  }
}

@keyframes btn-sweep {
  to {
    left: -200%
  }
}

/* ========== block ========== */

.plugin-product-comment-list-empty {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 200px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: column;
  flex-direction: column
}

.plugin-product-comment-list-empty-title {
  font-size: 22px;
  line-height: 120%;
  margin-bottom: 20px;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-list-empty.plugin-product-comment-no-follow-theme .plugin-product-comment-list-empty-title {
  color: #2c2c2c
}

/* ========== block ========== */

.plugin-product-comment- {
  display: inline-block;
  margin: 0;
  padding: 0;
  color: var(--plugin-product-comment-color_text);
  font-size: 0;
  line-height: unset;
  list-style: none;
  outline: none
}

.plugin-product-comment- svg {
  font-size: 20px
}

.plugin-product-comment--disabled .plugin-product-comment--star {
  cursor: inherit
}

.plugin-product-comment--star {
  position: relative;
  display: inline-block;
  color: inherit;
  cursor: pointer;
  transition: all 0.3s
}

.plugin-product-comment--star:not(:last-child) {
  margin-right: 2px
}

.plugin-product-comment--star>div:focus {
  outline: 0
}

.plugin-product-comment--star-first,
.plugin-product-comment--star-second {
  color: #eaeaea;
  transition: all 0.3s;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.plugin-product-comment--star-first .plugin-product-comment-,
.plugin-product-comment--star-second .plugin-product-comment- {
  vertical-align: middle
}

.plugin-product-comment--star-first {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  width: var(--rateWidth, 50%);
  height: 100%;
  overflow: hidden;
  opacity: 0
}

.plugin-product-comment--star-half .plugin-product-comment--star-first,
.plugin-product-comment--star-half .plugin-product-comment--star-second {
  opacity: 1
}

.plugin-product-comment--star-half .plugin-product-comment--star-first,
.plugin-product-comment--star-full .plugin-product-comment--star-second,
.plugin-product-comment--star-zero .plugin-product-comment--star-first {
  color: inherit
}

.plugin-product-comment--text {
  display: inline-block;
  margin: 0 8px
}

html[dir='rtl'] .plugin-product-comment--star {
  direction: ltr;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}

html[dir='rtl'] .plugin-product-comment--star:not(:last-child) {
  margin-right: unset;
  margin-left: 2px
}

/* ========== block ========== */

.plugin-product-comment-commentListRate {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.plugin-product-comment-commentListRate-start {
  display: block
}

.plugin-product-comment-commentListRate-start .plugin-product-comment--star:not(:last-child) {
  margin-right: 2px
}

.plugin-product-comment-commentListRate-start svg {
  font-size: 16px
}

.plugin-product-comment-commentListRate .plugin-product-comment-commentListRate-start svg {
  font-size: 16px
}

@media (max-width: 749.98px) {
  .plugin-product-comment-commentListRate-qualified-name {
    margin-left: 2px
  }
}

/* ========== block ========== */

.plugin-product-comment-userInfo {
  width: 100%
}

.plugin-product-comment-userInfo.plugin-product-comment-follow-theme .plugin-product-comment-nickname {
  color: var(--plugin-product-comment-color_text_60)
}

.plugin-product-comment-userInfo.plugin-product-comment-follow-theme .plugin-product-comment-date {
  color: var(--plugin-product-comment-color_text_60)
}

.plugin-product-comment-userInfo.single {
  width: 300px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.plugin-product-comment-userInfo.single .plugin-product-comment-nickname_skuAttributes {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 8px
}

.plugin-product-comment-userInfo.single .plugin-product-comment-skuWrap {
  margin-left: 11px
}

.plugin-product-comment-userInfo.single .plugin-product-comment-skuTitle {
  font-size: 14px
}

.plugin-product-comment-userInfo.single .plugin-product-comment-skuContent {
  font-size: 14px
}

.plugin-product-comment-userInfo.single .plugin-product-comment-nickname {
  font-size: 14px
}

.plugin-product-comment-userInfo.single .plugin-product-comment-date {
  margin-top: 8px;
  font-size: 14px
}

.plugin-product-comment-userInfo.userInfotwo .plugin-product-comment-skuTitle {
  font-size: 12px
}

.plugin-product-comment-userInfo.userInfotwo .plugin-product-comment-skuContent {
  font-size: 12px
}

.plugin-product-comment-userInfo.userInfotwo .plugin-product-comment-nickname {
  font-size: 12px
}

.plugin-product-comment-userInfo.userInfotwo .plugin-product-comment-date {
  font-size: 12px
}

.plugin-product-comment-userInfo.col .plugin-product-comment-date {
  margin-top: 4px
}

.plugin-product-comment-userInfo.col.five .plugin-product-comment-date {
  margin-top: 2px
}

.plugin-product-comment-userInfo.col .plugin-product-comment-commentListRate {
  margin-top: 4px
}

.plugin-product-comment-userInfo .plugin-product-comment-spaceBetween {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 4px;
  gap: 20px
}

.plugin-product-comment-userInfo .plugin-product-comment-nickname {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
  color: var(--plugin-product-comment-color_text_60)
}

.plugin-product-comment-userInfo .plugin-product-comment-date {
  min-width: 70px;
  color: var(--plugin-product-comment-color_text_60)
}

.plugin-product-comment-userInfo .plugin-product-comment-skuWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.plugin-product-comment-userInfo .plugin-product-comment-skuWrap .plugin-product-comment-skuTitle {
  color: var(--plugin-product-comment-color_text_60)
}

.plugin-product-comment-userInfo .plugin-product-comment-skuWrap .plugin-product-comment-skuContent {
  color: var(--plugin-product-comment-color_text_60)
}

.plugin-product-comment-userInfo .plugin-product-comment-nicknameskuAttributes {
  font-size: 12px;
  color: var(--plugin-product-comment-color_text_60)
}

.plugin-product-comment-userInfo.userInfothree .plugin-product-comment-date {
  font-size: 10px
}

.plugin-product-comment-userInfo.userInfofour .plugin-product-comment-skuTitle {
  font-size: 12px
}

.plugin-product-comment-userInfo.userInfofour .plugin-product-comment-skuContent {
  font-size: 12px
}

.plugin-product-comment-userInfo.userInfofour .plugin-product-comment-nickname {
  font-size: 12px
}

.plugin-product-comment-userInfo.userInfofour .plugin-product-comment-date {
  margin-top: 4px;
  font-size: 12px
}

.plugin-product-comment-userInfo.six .plugin-product-comment-userInfoNameSkuTime {
  margin-top: 4px;
  padding-right: 40px
}

.plugin-product-comment-userInfo .plugin-product-comment-userInfoNameSkuTime {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  color: var(--plugin-product-comment-color_text_60)
}

.plugin-product-comment-userInfo.userInfofive .plugin-product-comment-userInfoNameSku {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.plugin-product-comment-userInfo.userInfofive .plugin-product-comment-skuTitle {
  font-size: 10px
}

.plugin-product-comment-userInfo.userInfofive .plugin-product-comment-skuContent {
  padding-left: 12px;
  font-size: 10px
}

.plugin-product-comment-userInfo.userInfofive .plugin-product-comment-nickname {
  font-size: 10px
}

.plugin-product-comment-userInfo.userInfofive .plugin-product-comment-date {
  font-size: 10px
}

.plugin-product-comment-smallUserInfo .plugin-product-comment-nicknameskuAttributes {
  font-size: 10px
}

.plugin-product-comment-smallUserInfo.userInfofour .plugin-product-comment-date {
  font-size: 10px
}

@media (max-width: 749.98px) {
  .plugin-product-comment-userInfo .plugin-product-comment-nickname {
    font-size: 12px
  }

  .plugin-product-comment-userInfo .plugin-product-comment-userInfoNameSkuTime {
    font-size: 10px
  }

  .plugin-product-comment-userInfo .plugin-product-comment-nicknameskuAttributes {
    font-size: 10px
  }
}

/* ========== block ========== */

.plugin-product-comment-ellipsis {
  overflow: hidden;
  line-height: 1.5
}

/* ========== block ========== */

.qualified {
  border-radius: 24px;
  padding: 3px 4px;
  background: rgba(var(--color-btn-background, 0, 0, 0), 1);
  color: rgba(var(--color-btn-text, 255, 255, 255), 1)
}

.qualified svg {
  margin-right: 2px;
  width: 12px;
  height: 12px
}

.qualified svg path {
  fill: currentColor
}

.qualified-name {
  font-weight: 600;
  font-size: 10px;
  line-height: 10px
}

html[dir='rtl'] .qualified-svg {
  margin-left: unset;
  margin-right: 4px
}

html[dir='rtl'] .qualified svg {
  margin-left: 2px;
  margin-right: 0 !important
}

html[dir='rtl'] .qualified img {
  margin-left: 2px;
  margin-right: 0 !important
}

/* ========== block ========== */

.plugin-product-comment-content-info {
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-content-info .plugin-product-comment-content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  word-break: break-word;
  white-space: normal;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: normal
}

.plugin-product-comment-content-info .plugin-product-comment-content .qualified {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
  margin-right: 4px
}

.plugin-product-comment-content-info .plugin-product-comment-content-title {
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-word;
  white-space: pre-wrap
}

.plugin-product-comment-content-info .plugin-product-comment-content-title.plugin-product-comment-follow-theme {
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-content-info .plugin-product-comment-customQuestionListWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin-top: 12px
}

.plugin-product-comment-content-info .plugin-product-comment-customQuestionListWrap .plugin-product-comment-queContent {
  color: var(--plugin-product-comment-color_text_60);
  font-size: 12px;
  font-weight: 400;
  line-height: normal
}

.plugin-product-comment-content-info .plugin-product-comment-customQuestionListWrap .plugin-product-comment-queVal {
  margin-left: 4px;
  color: var(--plugin-product-comment-color_text_60);
  font-size: 12px;
  font-weight: 500;
  line-height: normal
}

.plugin-product-comment-small_content-info .plugin-product-comment-content-title {
  font-size: 12px
}

.plugin-product-comment-small_content-info .plugin-product-comment-content {
  font-size: 12px
}

.plugin-product-comment-small_content-info .plugin-product-comment-customQuestionListWrap {
  margin-top: 12px
}

.plugin-product-comment-small_content-info .plugin-product-comment-customQuestionListWrap .plugin-product-comment-queContent {
  font-size: 10px
}

.plugin-product-comment-small_content-info .plugin-product-comment-customQuestionListWrap .plugin-product-comment-queVal {
  font-size: 10px
}

@media (max-width: 749.98px) {
  .plugin-product-comment-content-info .plugin-product-comment-content-title {
    font-size: 12px
  }

  .plugin-product-comment-content-info .plugin-product-comment-content {
    font-size: 12px
  }

  .plugin-product-comment-content-info .plugin-product-comment-customQuestionListWrap {
    margin-top: 12px
  }

  .plugin-product-comment-content-info .plugin-product-comment-customQuestionListWrap .plugin-product-comment-queContent {
    font-size: 10px
  }

  .plugin-product-comment-content-info .plugin-product-comment-customQuestionListWrap .plugin-product-comment-queVal {
    font-size: 10px
  }

  .plugin-product-comment-content-info .plugin-product-comment-customQuestionListWrap .plugin-product-comment-queContent {
    font-size: 10px
  }

  .plugin-product-comment-content-info .plugin-product-comment-customQuestionListWrap .plugin-product-comment-queVal {
    font-size: 10px
  }
}

html[dir='rtl'] .plugin-product-comment-content-info .plugin-product-comment-content .qualified {
  margin-left: 4px;
  margin-right: 0
}

/* ========== block ========== */

.plugin-product-comment-bgContainer {
  position: relative
}

.plugin-product-comment-bgContainer .plugin-product-comment-bgContainer-bg {
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 4px
}

.plugin-product-comment-bgContainer .plugin-product-comment-bgContainer-bg.plugin-product-comment-bgContainer-bg-text {
  background-color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-bgContainer .plugin-product-comment-bgContainer-body {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.plugin-product-comment-bgContainer .plugin-product-comment-bgContainer-placeholder {
  visibility: hidden;
  pointer-events: none
}

/* ========== block ========== */

.plugin-product-comment-product-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  padding: 2px 4px
}

.plugin-product-comment-product-card:hover {
  background-color: rgba(var(--color-text, 0, 0, 0), .08);
  border-radius: 4px
}

.plugin-product-comment-product-card .plugin-product-comment-product-card-pic {
  -ms-flex: none;
  flex: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 36px;
  height: 36px
}

.plugin-product-comment-product-card .plugin-product-comment-product-card-pic img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 2px
}

.plugin-product-comment-product-card .plugin-product-comment-product-card-pic.plugin-product-comment-product-card-pic-empty {
  background-color: transparent
}

.plugin-product-comment-product-card .plugin-product-comment-product-card-pic.plugin-product-comment-product-card-pic-empty svg {
  fill: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-product-card .plugin-product-comment-product-card-name {
  margin-left: 8px;
  -ms-flex: auto;
  flex: auto;
  color: var(--plugin-product-comment-color_text);
  font-size: 14px;
  opacity: 0.6;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
  white-space: pre-wrap
}

@media (max-width: 749.98px) {
  .plugin-product-comment-product-card .plugin-product-comment-product-card-name {
    font-size: 10px
  }
}

html[dir='rtl'] .plugin-product-comment-product-card .plugin-product-comment-product-card-pic {
  margin-left: unset;
  margin-right: 2px
}

html[dir='rtl'] .plugin-product-comment-product-card .plugin-product-comment-product-card-name {
  margin-left: unset;
  margin-right: 8px
}

/* ========== block ========== */

.plugin-product-comment-comment-reply {
  position: relative;
  border-left: 1.6px solid #BABCBF;
  padding: 0 0 0 12px
}

.plugin-product-comment-comment-reply .plugin-product-comment-commentHead {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px
}

.plugin-product-comment-comment-reply .plugin-product-comment-commentHead-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.plugin-product-comment-comment-reply .plugin-product-comment-commentHead .plugin-product-comment-shopkeeper_icon {
  display: inline-block;
  vertical-align: middle;
  line-height: 14px;
  margin-right: 4px;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-comment-reply .plugin-product-comment-commentHead .plugin-product-comment-shopkeeper_icon img {
  width: 20px;
  height: 20px;
  border-radius: 10px
}

.plugin-product-comment-comment-reply .plugin-product-comment-commentHead .plugin-product-comment-shopkeeper_icon>svg circle {
  fill: currentColor
}

.plugin-product-comment-comment-reply .plugin-product-comment-commentHead .plugin-product-comment-name {
  font-size: 12px;
  opacity: 0.6;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-comment-reply .plugin-product-comment-commentHead .plugin-product-comment-time {
  font-size: 12px;
  opacity: 0.6;
  margin-left: 8px;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-comment-reply .plugin-product-comment-commentHead .plugin-product-comment-author {
  margin-left: 4px;
  padding: 1px 6px;
  font-size: 10px;
  color: var(--plugin-product-comment-color_text);
  position: relative
}

.plugin-product-comment-comment-reply .plugin-product-comment-commentHead .plugin-product-comment-author::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--plugin-product-comment-color_text);
  border-radius: 13px;
  opacity: 0.1
}

.plugin-product-comment-comment-reply .plugin-product-comment-commentCtx {
  padding-top: 4px;
  font-size: 14px;
  word-break: break-word
}

.plugin-product-comment-comment-reply .plugin-product-comment-commentCtx .plugin-product-comment-commentCtxName {
  color: var(--plugin-product-comment-color_text);
  display: inline-block;
  margin-right: 4px;
  font-weight: 600
}

.plugin-product-comment-comment-reply .plugin-product-comment-commentCtx .plugin-product-comment-commentCtxContent {
  white-space: pre-wrap;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-comment-reply .plugin-product-comment-commentCtxEllipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4
}

.plugin-product-comment-small_comment-reply .plugin-product-comment-name {
  font-size: 10px
}

.plugin-product-comment-small_comment-reply .plugin-product-comment-commentCtx {
  font-size: 12px
}

.plugin-product-comment-small_comment-reply .plugin-product-comment-commentHead {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.plugin-product-comment-small_comment-reply .plugin-product-comment-commentHead .plugin-product-comment-time {
  font-size: 10px;
  margin-left: 2px
}

.plugin-product-comment-small_comment-reply .plugin-product-comment-commentCtx {
  font-size: 12px
}

@media (max-width: 749.98px) {
  .plugin-product-comment-comment-reply .plugin-product-comment-name {
    font-size: 10px
  }

  .plugin-product-comment-comment-reply .plugin-product-comment-commentCtx {
    font-size: 12px
  }

  .plugin-product-comment-comment-reply .plugin-product-comment-commentHead {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .plugin-product-comment-comment-reply .plugin-product-comment-commentHead .plugin-product-comment-time {
    margin-left: 2px
  }

  .plugin-product-comment-comment-reply .plugin-product-comment-commentCtx {
    font-size: 12px
  }
}

/* ========== block ========== */

.react-hint {
  padding: 5px;
  position: absolute;
  z-index: 9999;
  cursor: default;
  -webkit-animation: .5s fadeIn;
  animation: .5s fadeIn;
}

.react-hint__content {
  padding: 10px;
  border-radius: 5px;
  background: #000;
  color: #fff;
}

.react-hint:after {
  content: '';
  width: 0;
  height: 0;
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 5px solid transparent;
}

.react-hint--top:after {
  top: auto;
  border-bottom: none;
  border-top-color: #000;
}

.react-hint--left:after {
  left: auto;
  border-right: none;
  border-left-color: #000;
}

.react-hint--right:after {
  right: auto;
  border-left: none;
  border-right-color: #000;
}

.react-hint--bottom:after {
  bottom: auto;
  border-top: none;
  border-bottom-color: #000;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* ========== block ========== */

.react-hint--top {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px)
}

.react-hint--bottom {
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px)
}

.react-hint--left {
  -webkit-transform: translateX(-6px);
  -ms-transform: translateX(-6px);
  transform: translateX(-6px)
}

.react-hint--right {
  -webkit-transform: translateX(6px);
  -ms-transform: translateX(6px);
  transform: translateX(6px)
}

/* ========== block ========== */

.plugin-product-comment-toast {
  position: absolute;
  top: 130px;
  left: 50%;
  box-sizing: content-box;
  z-index: 2010;
  max-width: 320px;
  margin: 0;
  padding: 0;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0)
}

.plugin-product-comment-toast__inner {
  display: inline-block;
  padding: 16px 32px;
  background: #000;
  color: #fff;
  opacity: 0.85;
  font-size: 14px;
  border-radius: 4px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  pointer-events: none;
  text-align: center;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, .15);
  pointer-events: all
}

.plugin-product-comment-toast__hidden {
  display: none !important
}

.plugin-product-comment-toast--loading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 88px;
  max-width: 70%;
  min-height: 88px;
  padding: 16px;
  color: #fff;
  font-size: 14px;
  white-space: pre-wrap;
  text-align: center;
  word-break: break-all;
  background-color: rgba(0, 0, 0, .7);
  border-radius: 8px;
  color: #c8c9cc;
  font-size: 0;
  vertical-align: middle
}

.plugin-product-comment-toast--loading-style2 {
  background-color: transparent
}

.plugin-product-comment-toast--loading-style2 .plugin-product-comment-toast__content {
  display: none
}

.plugin-product-comment-toast__loading {
  padding: 4px;
  color: #fff
}

.plugin-product-comment-toast__text {
  min-width: 96px;
  min-height: 0;
  margin-top: 8px;
  color: #fff;
  font-size: 14px
}

.plugin-product-comment-toast__fullscreen {
  position: fixed !important
}

.plugin-product-comment-loading {
  position: relative;
  color: #c8c9cc;
  font-size: 0;
  vertical-align: middle
}

.plugin-product-comment-loading__circular {
  display: block;
  width: 100%;
  height: 100%
}

.plugin-product-comment-loading__circular circle {
  -webkit-animation: plugin-product-comment-circular 1.5s ease-in-out infinite;
  animation: plugin-product-comment-circular 1.5s ease-in-out infinite;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round
}

.plugin-product-comment-loading__text {
  display: inline-block;
  margin-left: 8px;
  color: #969799;
  font-size: 14px;
  vertical-align: middle;
  font-size: 14px
}

.plugin-product-comment-loading__spinner {
  position: relative;
  display: inline-block;
  max-width: 100%;
  width: 100%;
  height: 30px;
  max-height: 100%;
  vertical-align: middle;
  -webkit-animation: plugin-product-comment-rotate 0.8s linear infinite;
  animation: plugin-product-comment-rotate 0.8s linear infinite
}

.plugin-product-comment-loading__spinner--circular {
  -webkit-animation-duration: 2s;
  animation-duration: 2s
}

@media (max-width: 749.98px) {
  top:50%;
  -webkit-transform:translate3d(-50%, -50%, 0);
  transform:translate3d(-50%, -50%, 0);

  .plugin-product-comment-toast__fullscreen {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 80%
  }
}

@-webkit-keyframes plugin-product-comment-circular {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40
  }

  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120
  }
}

@keyframes plugin-product-comment-circular {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40
  }

  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120
  }
}

@-webkit-keyframes plugin-product-comment-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes plugin-product-comment-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

/* ========== block ========== */

.plugin-product-comment-spin-wrap {
  position: relative
}

.plugin-product-comment-spin-wrap.plugin-product-comment-follow-theme .plugin-product-comment-loadingIcon {
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-spin-wrap.plugin-product-comment-spinning .plugin-product-comment-child-wrap {
  opacity: 0.4
}

.plugin-product-comment-spin-wrap .plugin-product-comment--spin-icon-hide {
  opacity: 0
}

.plugin-product-comment-spin-wrap .plugin-product-comment-spin-icon {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  opacity: 1;
  transition: opacity 0.3s
}

.plugin-product-comment-spin-wrap .plugin-product-comment-child-wrap {
  position: relative;
  transition: opacity 0.3
}

.plugin-product-comment-loadingIcon {
  color: currentColor;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  color: var(--plugin-product-comment-color_text);
  -webkit-animation: product-comment-spinLoading 1s infinite linear;
  animation: product-comment-spinLoading 1s infinite linear
}

.plugin-product-comment-loadingIcon.plugin-product-comment-follow-theme {
  color: var(--plugin-product-comment-color_text)
}

@-webkit-keyframes product-comment-spinLoading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes product-comment-spinLoading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

/* ========== block ========== */

.plugin-product-comment-CommentAndHelpfulBtns-box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.6;
  line-height: 0
}

.plugin-product-comment-CommentAndHelpfulBtns-box.plugin-product-comment-follow-theme .plugin-product-comment-commentIcon>svg path {
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-CommentAndHelpfulBtns-box.plugin-product-comment-follow-theme .plugin-product-comment-commentIcon .plugin-product-comment-commentIconNum {
  color: var(--plugin-product-comment-color_text);
  font-weight: 500
}

.plugin-product-comment-CommentAndHelpfulBtns-box .plugin-product-comment-loadingIcon {
  width: 14px;
  height: 14px
}

.plugin-product-comment-CommentAndHelpfulBtns-comment {
  margin-left: 16px
}

.plugin-product-comment-commentIcon {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.plugin-product-comment-commentIcon>svg path {
  fill: currentColor;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-commentIcon .plugin-product-comment-commentIconNum {
  font-size: 12px;
  margin-left: 4px;
  color: var(--plugin-product-comment-color_text);
  line-height: 16px;
  white-space: nowrap
}

html[dir='rtl'] .plugin-product-comment-CommentAndHelpfulBtns-comment {
  margin-left: unset;
  margin-right: 16px
}

html[dir='rtl'] .plugin-product-comment-commentIcon .plugin-product-comment-commentIconNum {
  margin-left: unset;
  margin-right: 4px
}

/* ========== block ========== */

@-webkit-keyframes growOut {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.7) translateY(-20px);
    transform: scale(0.7) translateY(-20px)
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes growOut {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.7) translateY(-20px);
    transform: scale(0.7) translateY(-20px)
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.water-animation {
  -webkit-animation: growOut 0.2s ease-in-out forwards;
  animation: growOut 0.2s ease-in-out forwards
}

.plugin-product-comment-water-col {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 16px
}

.plugin-product-comment-water-col .plugin-product-comment-water-col-item {
  -ms-flex: 1;
  flex: 1
}

.plugin-product-comment-water-col .plugin-product-comment-water-col-item .plugin-product-comment-waterCommentWrap:first-child:not(:has(.plugin-product-comment-imageBox)) .plugin-product-comment-infoWrap {
  margin-top: 12px
}

.plugin-product-comment-waterCommentWrap {
  position: relative;
  cursor: pointer
}

.plugin-product-comment-waterCommentWrap:not(:last-child) {
  margin-bottom: 16px
}

.plugin-product-comment-waterCommentWrap .plugin-product-comment-imageBox {
  width: 100%;
  height: 100%;
  position: relative
}

.plugin-product-comment-waterCommentWrap .plugin-product-comment-imageBox .plugin-product-comment-image,
.plugin-product-comment-waterCommentWrap .plugin-product-comment-imageBox .plugin-product-comment-defaultImage {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 605px;
  border-radius: 7px 7px 0 0
}

.plugin-product-comment-waterCommentWrap .plugin-product-comment-imageBox .plugin-product-comment-defaultImage {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #f8f8f8
}

.plugin-product-comment-waterCommentWrap .plugin-product-comment-imageBox .plugin-product-comment-residueImage {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 3px 6px;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  background-color: rgba(0, 0, 0, .6)
}

.plugin-product-comment-waterCommentWrap .plugin-product-comment-imageBox .plugin-product-comment-residueImage svg {
  margin-right: 2px
}

.plugin-product-comment-waterCommentWrap .plugin-product-comment-infoWrap {
  position: relative;
  padding: 12px 10px 10px
}

.plugin-product-comment-waterCommentWrap .plugin-product-comment-rate {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  white-space: nowrap;
  background: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
  border-radius: 41px;
  padding: 4px 6px;
  z-index: 20
}

.plugin-product-comment-waterCommentWrap .plugin-product-comment-imageBox+.plugin-product-comment-rate {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.plugin-product-comment-waterCommentWrap:has(.plugin-product-comment-imageBox) {
  border: 1px solid #ddddd880;
  border-radius: 8px
}

.plugin-product-comment-waterCommentWrap:not(:has(.plugin-product-comment-imageBox)) .plugin-product-comment-rate {
  top: -12px
}

.plugin-product-comment-waterCommentWrap:not(:has(.plugin-product-comment-imageBox)) .plugin-product-comment-infoWrap {
  margin-top: 24px;
  border: 1px solid #ddddd880;
  border-radius: 8px
}

.plugin-product-comment-waterCommentWrap .plugin-product-comment-content-info {
  margin-top: 12px
}

.plugin-product-comment-waterCommentWrap .plugin-product-comment-WaterCommentWrapTitle {
  margin-top: 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-word;
  white-space: pre-wrap
}

.plugin-product-comment-waterCommentWrap .plugin-product-comment-productBtn {
  width: 100%;
  padding: 8px 24px;
  font-size: 16px;
  min-height: 42px
}

.plugin-product-comment-waterCommentWrap .plugin-product-comment-CommentAndHelpfulBtns-box {
  margin-top: 12px
}

.plugin-product-comment-waterCommentWrap .plugin-product-comment-CommentItemReplyWrap {
  margin-top: 12px
}

.plugin-product-comment-waterCommentWrap .plugin-product-comment-bgContainer {
  margin-top: 12px
}

@media (max-width: 749.98px) {
  .plugin-product-comment-water-col {
    gap: 10px
  }

  .plugin-product-comment-WaterCommentWrapTitle {
    font-size: 12px
  }

  .plugin-product-comment-waterCommentWrap:not(:last-child) {
    margin-bottom: 10px
  }

  .plugin-product-comment-waterCommentWrap .plugin-product-comment-imageBox .plugin-product-comment-residueImage {
    bottom: 16px
  }

  .plugin-product-comment-waterCommentWrap .plugin-product-comment-infoWrap {
    padding: 12px 10px 12px
  }

  .plugin-product-comment-waterCommentWrap .plugin-product-comment-CommentAndHelpfulBtns-box {
    margin-top: 8px
  }

  .plugin-product-comment-waterCommentWrap .plugin-product-comment-comment {
    margin-top: 8px
  }

  .plugin-product-comment-waterCommentWrap .plugin-product-comment-bgContainer {
    margin-top: 8px
  }
}

/* ========== block ========== */

.plugin-product-comment-singleCommentWrap {
  position: relative;
  border-bottom: 1px solid rgba(221, 221, 216, .5);
  padding: 20px;
  border-radius: 4px;
  padding: 20px 0;
  cursor: pointer
}

.plugin-product-comment-singleCommentWrap:not(:last-child) {
  margin-bottom: 20px
}

.plugin-product-comment-singleCommentWrap .plugin-product-comment-commentItem {
  display: -ms-flexbox;
  display: flex
}

.plugin-product-comment-singleCommentWrap .plugin-product-comment-commentItem .plugin-product-comment-infoWrap {
  -ms-flex: 1;
  flex: 1;
  margin-left: 40px
}

.plugin-product-comment-singleCommentWrap .plugin-product-comment-CommentAndHelpfulBtns-box {
  margin-top: 12px
}

.plugin-product-comment-singleCommentWrap .plugin-product-comment-bgContainer {
  margin-top: 16px
}

.plugin-product-comment-singleCommentWrap .plugin-product-comment-comment {
  margin-top: 12x
}

.plugin-product-comment-singleCommentWrap .plugin-product-comment-comment-reply {
  margin-top: 12px
}

.plugin-product-comment-singleCommentWrap .plugin-product-comment-content-title {
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-word;
  white-space: pre-wrap
}

.plugin-product-comment-singleCommentWrap .plugin-product-comment-imageBoxWrap {
  margin-top: 8px
}

.plugin-product-comment-singleCommentWrap .plugin-product-comment-singleCommentWrapMgt8 {
  margin-top: 8px
}

.plugin-product-comment-singleCommentWrap .plugin-product-comment-customQuestionListWrap {
  margin-top: 16px
}

.plugin-product-comment-singleCommentWrap .plugin-product-comment-customQuestionListWrapMg0 {
  margin-top: 0
}

.plugin-product-comment-singleCommentWrap .plugin-product-comment-CommentAndHelpfulBtns-box {
  margin-top: 16px
}

.plugin-product-comment-singleCommentWrap .plugin-product-comment-comment-reply {
  margin-top: 16px
}

.plugin-product-comment-singleCommentWrap .plugin-product-comment-content {
  margin-top: 0
}

.plugin-product-comment-singleCommentWrap960 .plugin-product-comment-commentItem .plugin-product-comment-infoWrap {
  margin-left: 0;
  padding-left: 12px
}

.plugin-product-comment-singleCommentWrap960 .plugin-product-comment-commentItem .single {
  -ms-flex: 1;
  flex: 1;
  width: auto;
  min-width: 120px;
  max-width: 280px
}

.plugin-product-comment-singleCommentWrap960 .plugin-product-comment-commentItem .plugin-product-comment-infoWrap {
  -ms-flex: 3;
  flex: 3
}

@media (min-width: 750px) and (max-width: 959.98px) {
  .plugin-product-comment-singleCommentWrap .plugin-product-comment-commentItem .plugin-product-comment-imageBoxWrap {
    display: -ms-flexbox;
    display: flex;
    margin: 16px 0;
    position: relative
  }

  .plugin-product-comment-singleCommentWrap .plugin-product-comment-commentItem .plugin-product-comment-infoWrap {
    margin-left: 0;
    padding-left: 12px
  }

  .plugin-product-comment-singleCommentWrap .plugin-product-comment-commentItem .single {
    -ms-flex: 1;
    flex: 1;
    width: auto;
    min-width: 120px;
    max-width: 280px
  }

  .plugin-product-comment-singleCommentWrap .plugin-product-comment-commentItem .plugin-product-comment-infoWrap {
    -ms-flex: 3;
    flex: 3
  }
}

/* ========== block ========== */

.grid-container {
  display: grid;
  grid-gap: 4px;
  margin-top: 12px
}

.grid-container .item:first-child {
  grid-area: xxx
}

.grid-container-1-2 {
  grid: 'xxx .'
}

.grid-container-3 {
  grid: 'xxx xxx  .' 'xxx xxx  .'
}

.grid-container-4 {
  grid: 'xxx  . .'
}

.img-wrapper {
  position: relative;
  padding-top: 100%
}

.img-wrapper img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.plugin-product-comment-residueImage {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 18px;
  position: absolute;
  right: 4px;
  bottom: 4px;
  padding: 0 6px;
  font-size: 12px;
  color: #fff;
  background-color: rgba(0, 0, 0, .6)
}

.plugin-product-comment-residueImage svg {
  margin-right: 2px
}

.plugin-product-comment-imageBoxWrap {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 12px
}

.plugin-product-comment-imageBoxWrap .plugin-product-comment-imageBoxWrapItem.imgShowNum5 {
  -ms-flex-preferred-size: calc((100% - 40px) / 5);
  flex-basis: calc((100% - 40px) / 5)
}

.plugin-product-comment-imageBoxWrap .plugin-product-comment-imageBoxWrapItem.imgShowNum4 {
  -ms-flex-preferred-size: calc((100% - 30px) / 4);
  flex-basis: calc((100% - 30px) / 4)
}

.plugin-product-comment-imageBoxWrap .plugin-product-comment-imageBox {
  position: relative;
  width: 100%;
  height: 0px;
  padding-top: 100%
}

.plugin-product-comment-imageBoxWrap .plugin-product-comment-imageBox .plugin-product-comment-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.plugin-product-comment-imageBoxWrap .plugin-product-comment-residueImage {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 18px;
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 0 6px;
  font-size: 12px;
  color: #fff;
  background-color: rgba(0, 0, 0, .6)
}

.plugin-product-comment-imageBoxWrap .plugin-product-comment-residueImage svg {
  margin-right: 2px
}

.plugin-product-comment-videoIcon {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media (max-width: 749.98px) {
  .plugin-product-comment-videoIcon {
    width: 40px;
    height: 40px
  }
}

/* ========== block ========== */

.plugin-product-comment-swiperWarp {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .05)
}

.plugin-product-comment-swiperWarp.plugin-product-comment-swiper-pagination-header .plugin-product-comment-swiperContainer {
  height: 100vh
}

.plugin-product-comment-swiperWarp.plugin-product-comment-swiper-pagination-header .plugin-product-comment-swiper-pagination {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  bottom: unset;
  background-color: unset;
  font-size: 18px;
  font-weight: 500;
  line-height: 12px
}

.plugin-product-comment-swiperWarp .plugin-product-comment-swiperContainer {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .05);
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -ms-touch-action: none;
  touch-action: none
}

.plugin-product-comment-swiperWarp .plugin-product-comment-swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -ms-touch-action: pan-y pinch-zoom;
  touch-action: pan-y pinch-zoom
}

.plugin-product-comment-swiperWarp .plugin-product-comment-swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10
}

.plugin-product-comment-swiperWarp .plugin-product-comment-swiper-pagination-fraction {
  background-color: rgba(0, 0, 0, .6);
  bottom: 12px;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  padding: 3px 13px;
  right: 12px;
  left: unset;
  width: auto
}

.plugin-product-comment-swiperWarp .swiper-pagination-lock {
  display: block
}

.plugin-product-comment-swiperWarp:hover .plugin-product-comment-swiperWarp-mobile-navigation-btn {
  display: none
}

.plugin-product-comment-swiperWarp:hover .plugin-product-comment-swiperWarp-navigation-next {
  right: 12px
}

.plugin-product-comment-swiperWarp:hover .plugin-product-comment-swiperWarp-navigation-prev {
  left: 12px
}

.plugin-product-comment-swiperWarp-navigation-next,
.plugin-product-comment-swiperWarp-navigation-prev {
  position: absolute;
  width: 36px;
  height: 36px;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 50%;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  transition: left 0.2s, right 0.2s;
  margin: auto;
  opacity: 0.9;
  top: 0;
  bottom: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.plugin-product-comment-swiperWarp-navigation-next.plugin-product-comment-pagination-lock,
.plugin-product-comment-swiperWarp-navigation-prev.plugin-product-comment-pagination-lock {
  display: none
}

.plugin-product-comment-swiperWarp-navigation-next.plugin-product-comment-pagination-not-allowed,
.plugin-product-comment-swiperWarp-navigation-prev.plugin-product-comment-pagination-not-allowed {
  cursor: not-allowed;
  opacity: 0.3
}

.plugin-product-comment-swiperWarp-navigation-prev {
  left: -36px
}

.plugin-product-comment-swiperWarp-navigation-next {
  right: -36px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.plugin-product-comment-swiperWarp-navigation-not-allowed {
  cursor: not-allowed;
  opacity: 0.3
}

.plugin-product-comment-swiperWarp .plugin-product-comment-swiperImage {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

/* ========== block ========== */

.plugin-product-comment-videoWrap {
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 100%;
  font-size: 0
}

.plugin-product-comment-videoWrap:hover .plugin-product-comment-videoIcon {
  display: block
}

.plugin-product-comment-videoWrap .plugin-product-comment-videoIcon {
  display: none;
  width: 64px;
  height: 64px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.plugin-product-comment-videoWrap video {
  width: 100%;
  height: 100%
}

/* ========== block ========== */

.plugin-product-comment-columnList {
  display: -ms-flexbox;
  display: flex;
  gap: 20px
}

.plugin-product-comment-columnList .plugin-product-comment-column {
  -ms-flex: 1;
  flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px
}

.plugin-product-comment-multiWaterCommentWrap {
  position: relative;
  border: 1px solid rgba(221, 221, 216, .5);
  border-radius: 4px;
  padding: 20px
}

.plugin-product-comment-multiWaterCommentWrap .plugin-product-comment-content-info {
  margin-top: 4px
}

.plugin-product-comment-multiWaterCommentWrap .plugin-product-comment-content-info .plugin-product-comment-content {
  margin-top: 8px
}

.plugin-product-comment-multiWaterCommentWrap .plugin-product-comment-content-info .plugin-product-comment-customQuestionListWrap {
  margin-top: 16px
}

.plugin-product-comment-multiWaterCommentWrap .plugin-product-comment-multiWaterCommentWrapTitle {
  margin-top: 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-word;
  white-space: pre-wrap
}

.plugin-product-comment-multiWaterCommentWrap .plugin-product-comment-imageBoxWrap {
  margin-top: 16px
}

.plugin-product-comment-multiWaterCommentWrap .plugin-product-comment-bgContainer {
  margin-top: 16px
}

.plugin-product-comment-multiWaterCommentWrap .plugin-product-comment-bgContainer .plugin-product-comment-product-card-arrow {
  margin-right: 17px
}

.plugin-product-comment-multiWaterCommentWrap .plugin-product-comment-CommentAndHelpfulBtns-box {
  margin-top: 16px
}

.plugin-product-comment-multiWaterCommentWrap .plugin-product-comment-comment-reply {
  margin-top: 16px
}

.plugin-product-comment-multiWaterCommentWrap .plugin-product-comment-mgt12 {
  margin-top: 12px
}

@media (min-width: 750px) and (max-width: 959.98px) {
  .plugin-product-comment-multiWaterCommentWrap .plugin-product-comment-commentItem .plugin-product-comment-imageBox {
    width: 120px;
    height: 120px
  }
}

@media (max-width: 749.98px) {
  .plugin-product-comment-multiWaterCommentWrap {
    padding: 16px
  }

  .plugin-product-comment-multiWaterCommentWrap .plugin-product-comment-content {
    margin-top: 4px
  }

  .plugin-product-comment-multiWaterCommentWrap .plugin-product-comment-bgContainer {
    margin-top: 12px
  }

  .plugin-product-comment-multiWaterCommentWrap .plugin-product-comment-commentItem {
    height: 164px
  }

  .plugin-product-comment-multiWaterCommentWrap .plugin-product-comment-commentItem .plugin-product-comment-imageBox {
    width: 80px;
    height: 80px
  }
}

@media (max-width: 959.98px) {
  .plugin-product-comment-multiWaterCommentWrap .plugin-product-comment-multiWaterCommentWrapTitle .plugin-product-comment-content-title {
    font-size: 12px
  }
}

/* ========== block ========== */

.plugin-product-comment-mobile-CommentWrap {
  position: relative;
  border-bottom: 1px solid rgba(221, 221, 216, .5);
  padding: 0 0 20px;
  cursor: pointer
}

.plugin-product-comment-mobile-CommentWrap:not(:last-child) {
  margin-bottom: 20px
}

.plugin-product-comment-mobile-CommentWrap .plugin-product-comment-content-info {
  margin-top: 12px
}

.plugin-product-comment-mobile-CommentWrap .plugin-product-comment-CommentAndHelpfulBtns-box {
  margin-top: 12px
}

.plugin-product-comment-mobile-CommentWrap .plugin-product-comment-bgContainer {
  margin-top: 12px
}

.plugin-product-comment-mobile-CommentWrap .plugin-product-comment-comment-reply {
  margin-top: 12px
}

.plugin-product-comment-mobile-CommentWrap .plugin-product-comment-content-title {
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-word;
  white-space: pre-wrap
}

/* ========== block ========== */

.plugin-product-comment-comment__title {
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  word-break: break-word;
  white-space: pre-wrap;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-comment__title-mobile {
  font-size: 14px
}

/* ========== block ========== */

.plugin-product-comment-pageCollections-mobile-list-single {
  margin-bottom: 40px
}

.plugin-product-comment-pageCollections-mobile-list-single .plugin-product-comment-pageCollections-mobile-list-single-item:not(:last-child) {
  margin-bottom: 20px
}

.plugin-product-comment-pageCollections-mobile-list-multi .plugin-product-comment-pageCollections-mobile-list-multi-item {
  margin-bottom: 20px
}

.plugin-product-comment--loading {
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.plugin-product-comment--last {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--plugin-product-comment-color_text);
  opacity: 0.6;
  font-size: 12px
}

.plugin-product-comment-pageCollections-mobile-list-water {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px
}

.plugin-product-comment-pageCollections-mobile-list-water-col-item {
  width: calc((100% - 10px) / 2)
}

.plugin-product-comment-pageCollections-mobile-list-water-col-item:not(:last-child) {
  margin-right: 10px
}

@media (max-width: 959.98px) {
  .plugin-product-comment-pageCollections-mobile-list-single {
    margin-bottom: 20px
  }
}

html[dir='rtl'] .plugin-product-comment-pageCollections-mobile-list-water-col-item:not(:last-child) {
  margin-right: unset;
  margin-left: 10px
}

/* ========== block ========== */

.plugin-product-comment-pageCollections-list {
  margin-bottom: 40px
}

.plugin-product-comment-pageCollections-list-loading {
  margin: 20px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

/* ========== block ========== */

.plugin-product-comment-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -ms-scroll-chaining: none;
  overscroll-behavior: contain
}

.plugin-product-comment-modal.plugin-product-comment-modal-notTheme .plugin-product-comment-modal-close svg {
  color: #2c2c2c
}

.plugin-product-comment-modal.plugin-product-comment-modal-notTheme .plugin-product-comment-modal-content {
  background-color: #ffffff
}

.plugin-product-comment-modal.plugin-product-comment-modal-notTheme .plugin-product-comment-modal-mask {
  background-color: rgba(115, 115, 115, .6)
}

.plugin-product-comment-modal.plugin-product-comment-modal-notTheme .plugin-product-comment-modal-loading-icon {
  color: #ffffff
}

.plugin-product-comment-modal-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--plugin-product-comment-color_mask);
  z-index: 9;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.plugin-product-comment-modal-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 99
}

.plugin-product-comment-modal-loading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-animation: none !important;
  animation: none !important
}

.plugin-product-comment-modal-loading-icon {
  display: block;
  width: 20px;
  height: 20px;
  color: var(--plugin-product-comment-color_btn_text);
  -webkit-animation: product-comment-modal-loading 1s infinite linear;
  animation: product-comment-modal-loading 1s infinite linear
}

.plugin-product-comment-modal-content {
  position: relative;
  min-height: 44px;
  margin: 0 auto;
  background-color: var(--plugin-product-comment-color_page_background);
  overflow: hidden
}

.plugin-product-comment-modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  display: block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  cursor: pointer
}

.plugin-product-comment-modal-close svg {
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-modal-confirm {
  position: absolute;
  right: 0;
  bottom: 0
}

.plugin-product-comment-modal--visible-animation .plugin-product-comment-modal-mask {
  -webkit-animation: .3s product-comment-modal-fadeIn forwards ease;
  animation: .3s product-comment-modal-fadeIn forwards ease
}

.plugin-product-comment-modal--not-visible-animation .plugin-product-comment-modal-mask {
  -webkit-animation: .3s product-comment-modal-fadeOut forwards ease;
  animation: .3s product-comment-modal-fadeOut forwards ease
}

.plugin-product-comment-modal--pc .plugin-product-comment-modal-wrap {
  overflow-y: auto
}

.plugin-product-comment-modal--pc .plugin-product-comment-modal-content {
  margin: 100px auto 24px
}

.plugin-product-comment-modal--pc.plugin-product-comment-modal--visible-animation .plugin-product-comment-modal-wrap {
  -webkit-animation: .3s product-comment-modal-fadeIn forwards ease;
  animation: .3s product-comment-modal-fadeIn forwards ease
}

.plugin-product-comment-modal--pc.plugin-product-comment-modal--visible-animation .plugin-product-comment-modal-content {
  -webkit-animation: .3s product-comment-modal-zoomIn forwards ease;
  animation: .3s product-comment-modal-zoomIn forwards ease
}

.plugin-product-comment-modal--pc.plugin-product-comment-modal--not-visible-animation .plugin-product-comment-modal-wrap {
  -webkit-animation: .3s product-comment-modal-fadeOut forwards ease;
  animation: .3s product-comment-modal-fadeOut forwards ease
}

.plugin-product-comment-modal--pc.plugin-product-comment-modal--not-visible-animation .plugin-product-comment-modal-content {
  -webkit-animation: .3s product-comment-modal-zoomOut forwards ease;
  animation: .3s product-comment-modal-zoomOut forwards ease
}

.plugin-product-comment-modal--mb {
  z-index: calc(var(--z-index-fixed, 887) + 1)
}

.plugin-product-comment-modal--mb .plugin-product-comment-modal-content {
  height: 100%
}

.plugin-product-comment-modal--mb .plugin-product-comment-modal-body {
  height: 100%;
  overflow-y: auto
}

.plugin-product-comment-modal--mb.plugin-product-comment-modal--visible-animation .plugin-product-comment-modal-wrap {
  -webkit-animation: .3s product-comment-modal-slideInBottom forwards ease;
  animation: .3s product-comment-modal-slideInBottom forwards ease
}

.plugin-product-comment-modal--mb.plugin-product-comment-modal--not-visible-animation .plugin-product-comment-modal-wrap {
  -webkit-animation: .3s product-comment-modal-slideOutBottom forwards ease;
  animation: .3s product-comment-modal-slideOutBottom forwards ease
}

@-webkit-keyframes product-comment-modal-slideInBottom {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes product-comment-modal-slideInBottom {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes product-comment-modal-slideOutBottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

@keyframes product-comment-modal-slideOutBottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

@-webkit-keyframes product-comment-modal-fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes product-comment-modal-fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes product-comment-modal-fadeOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@keyframes product-comment-modal-fadeOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@-webkit-keyframes product-comment-modal-zoomIn {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes product-comment-modal-zoomIn {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes product-comment-modal-zoomOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5)
  }
}

@keyframes product-comment-modal-zoomOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5)
  }
}

@-webkit-keyframes product-comment-modal-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes product-comment-modal-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

html[dir='rtl'] .plugin-product-comment-modal-close {
  right: unset;
  left: 12px
}

/* ========== block ========== */

.plugin-product-comment-commentListItem {
  margin-bottom: 20px
}

.plugin-product-comment-commentListItem.plugin-product-comment-follow-theme {
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-commentListItem.plugin-product-comment-follow-theme .plugin-product-comment-commentHead .plugin-product-comment-author::after {
  background: var(--plugin-product-comment-color_text);
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-commentListItem.plugin-product-comment-follow-theme .plugin-product-comment-commentHead .plugin-product-comment-shopkeeper_icon {
  margin-right: 4px
}

.plugin-product-comment-commentListItem.plugin-product-comment-follow-theme .plugin-product-comment-commentHead .plugin-product-comment-shopkeeper_icon>svg circle {
  fill: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-commentListItem .plugin-product-comment-comment-reply {
  padding: 0;
  border-left: none
}

.plugin-product-comment-commentListItem .plugin-product-comment-comment-reply::after {
  display: none
}

.plugin-product-comment-commentListItem .plugin-product-comment-commentCtx {
  margin-top: 6px;
  font-size: 14px;
  opacity: 0.9;
  overflow: hidden
}

.plugin-product-comment-commentListItem .plugin-product-comment-commentCtx .plugin-product-comment-commentCtxName {
  display: inline-block;
  margin-right: 4px
}

.plugin-product-comment-commentListItem .plugin-product-comment-commentCtx .plugin-product-comment-commentCtxContent {
  white-space: pre-wrap
}

.plugin-product-comment-commentListItem .plugin-product-comment-vectorIconBox {
  margin-top: 8px
}

@media (max-width: 749.98px) {
  .plugin-product-comment-commentListItem {
    margin-bottom: 16px
  }

  .plugin-product-comment-commentListItem .plugin-product-comment-commentCtx {
    margin-top: 0
  }

  .plugin-product-comment-commentListItem .plugin-product-comment-vectorIcon {
    margin-top: 3px
  }
}

/* ========== block ========== */

.plugin-product-comment-form-item {
  margin-bottom: 20px
}

.plugin-product-comment-form-item:has(.plugin-product-comment-form-item-error) {
  margin-bottom: 6px
}

.plugin-product-comment-form-item-error {
  font-size: 12px;
  line-height: 1.4;
  color: #f04949
}

.plugin-product-comment-form-item-error.plugin-product-comment-form-item-error-hasError {
  margin-top: 6px
}

@media screen and (max-width: 750px) {
  .plugin-product-comment-form-item {
    margin-bottom: 20px
  }
}

/* ========== block ========== */

.plugin-product-comment-input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  line-height: 1.4;
  font-size: 14px;
  transition: all 0.3s;
  -ms-flex-align: center;
  align-items: center;
  color: var(--plugin-product-comment-color_text);
  background-color: transparent
}

.plugin-product-comment-input.plugin-product-comment-no-follow-theme {
  color: #2c2c2c
}

.plugin-product-comment-input.plugin-product-comment-no-follow-theme .plugin-product-comment-input__area {
  color: #2c2c2c
}

.plugin-product-comment-input.plugin-product-comment-no-follow-theme .plugin-product-comment-input__area textarea,
.plugin-product-comment-input.plugin-product-comment-no-follow-theme .plugin-product-comment-input__area input,
.plugin-product-comment-input.plugin-product-comment-no-follow-theme .plugin-product-comment-input__area select {
  color: #2c2c2c
}

.plugin-product-comment-input.plugin-product-comment-no-follow-theme .plugin-product-comment-input__area .placeholder {
  color: #2c2c2c
}

.plugin-product-comment-input.plugin-product-comment-no-follow-theme::after {
  border-color: #ddddd8
}

.plugin-product-comment-input.plugin-product-comment-no-follow-theme:focus::after,
.plugin-product-comment-input.plugin-product-comment-no-follow-theme:focus-within::after {
  border-color: #2c2c2c
}

.plugin-product-comment-input::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--color-text, 44, 44, 44), var(--input-border-opacity, 0.15));
  pointer-events: none;
  transition: border-color 0.3s;
  border-radius: var(--input-border-radius, 4px)
}

.plugin-product-comment-input__area {
  padding: 0 6px 0 16px
}

.plugin-product-comment-input__area textarea,
.plugin-product-comment-input__area input,
.plugin-product-comment-input__area select {
  width: 100%;
  border: none;
  padding: 24px 0px 8px;
  background: none;
  line-height: 1.15;
  box-shadow: none !important;
  color: var(--plugin-product-comment-color_text);
  height: 48px
}

.plugin-product-comment-input__area textarea::-ms-clear,
.plugin-product-comment-input__area textarea::-ms-reveal,
.plugin-product-comment-input__area input::-ms-clear,
.plugin-product-comment-input__area input::-ms-reveal,
.plugin-product-comment-input__area select::-ms-clear,
.plugin-product-comment-input__area select::-ms-reveal {
  display: none
}

.plugin-product-comment-input__area input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  -webkit-text-fill-color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-input input[type='password'] {
  font-family: 'Helvetica' !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px
}

.plugin-product-comment-input__inpEle:not(:-ms-input-placeholder)+.placeholder,
.plugin-product-comment-input__area.is-textarea .plugin-product-comment-input__inpEle:not(:-ms-input-placeholder)+.placeholder,
.plugin-product-comment-input__selectEle:not(:-ms-input-placeholder)+.placeholder {
  -ms-transform: scale(0.8) translate(0, -100%);
  transform: scale(0.8) translate(0, -100%);
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%
}

.plugin-product-comment-input:focus-within .placeholder,
.plugin-product-comment-input__inpEle:not(:placeholder-shown)+.placeholder,
.plugin-product-comment-input__area.is-textarea .plugin-product-comment-input__inpEle:not(:placeholder-shown)+.placeholder,
.plugin-product-comment-input__selectEle:not(:placeholder-shown)+.placeholder,
.plugin-product-comment-input__area .placeholder.active {
  -webkit-transform: scale(0.8) translate(0, -100%);
  -ms-transform: scale(0.8) translate(0, -100%);
  transform: scale(0.8) translate(0, -100%);
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%
}

.plugin-product-comment-input textarea:focus,
.plugin-product-comment-input input:focus {
  outline: 0
}

.plugin-product-comment-input:focus::after,
.plugin-product-comment-input:focus-within::after {
  border-color: rgba(var(--color-text, 44, 44, 44), var(--input-border-opacity, 0.15));
  border-width: 2px
}

.plugin-product-comment-input.is-focus::after,
.plugin-product-comment-input:focus::after,
.plugin-product-comment-input:focus-within::after {
  border-width: 2px
}

.plugin-product-comment-input__area {
  -ms-flex: 1;
  flex: 1;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  border-radius: var(--input-border-radius, 4px)
}

.plugin-product-comment-input .plugin-product-comment-input__area select {
  padding-right: 30px;
  appearance: none;
  -webkit-appearance: none;
  position: relative
}

.plugin-product-comment-input__area textarea::-webkit-input-placeholder,
.plugin-product-comment-input__area input::-webkit-input-placeholder {
  font-size: 0
}

.plugin-product-comment-input__area textarea:-ms-input-placeholder,
.plugin-product-comment-input__area input:-ms-input-placeholder {
  font-size: 0
}

.plugin-product-comment-input__area textarea::placeholder,
.plugin-product-comment-input__area input::placeholder {
  font-size: 0
}

.plugin-product-comment-input__area .placeholder {
  position: absolute;
  z-index: 4;
  pointer-events: none;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  word-break: break-word;
  color: var(--plugin-product-comment-color_text);
  opacity: 0.6;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%;
  padding: 0 6px 0 16px;
  box-sizing: border-box
}

.plugin-product-comment-input__area.is-textarea {
  padding-top: 24px
}

.plugin-product-comment-input__area.is-textarea textarea {
  padding-top: 0;
  resize: vertical
}

.plugin-product-comment-input__area.is-textarea .placeholder {
  top: 22px
}

.plugin-product-comment-input__addonAfter {
  position: absolute;
  z-index: 1;
  right: 6px;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.plugin-product-comment-input__suffix {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 6px;
  margin-right: 10px
}

/* ========== block ========== */

.plugin-product-comment-reply-textarea {
  border: var(--input-border-thickness, 1px) solid rgba(var(--color-text, 44, 44, 44), var(--input-border-opacity, 0.15));
  border-radius: var(--input-border-radius, 4px)
}

.plugin-product-comment-reply-textarea:focus-within {
  border-color: rgba(44, 44, 44, .15);
  border-color: rgba(var(--color-text, 44, 44, 44), var(--input-border-opacity, 0.15));
  border-width: calc(var(--input-border-thickness, 1px) + 1px)
}

.plugin-product-comment-reply-textarea-warp {
  position: relative;
  margin: 11px 0 11px 16px;
  max-height: 130px;
  padding-right: 16px;
  overflow-y: auto;
  font-size: 0
}

.plugin-product-comment-reply-textarea-warp .plugin-product-comment-textareaPlaceholder {
  position: absolute;
  pointer-events: none;
  left: 0px;
  right: 12px;
  top: 0px;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  word-break: break-word;
  color: var(--plugin-product-comment-color_text);
  opacity: 0.6;
  font-size: 14px;
  line-height: 20px
}

.plugin-product-comment-reply-textarea-dear {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  padding-right: 6px;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-reply-textarea-input {
  resize: none;
  width: 100%;
  border: none;
  outline: none;
  font-size: 14px;
  line-height: 20px;
  background-color: transparent;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-reply-textarea-input:focus-within+.plugin-product-comment-textareaPlaceholder {
  display: none
}

/* ========== block ========== */

.plugin-product-comment-commonReplyForm-mobile .plugin-product-comment-commonReplyForm-nameAndEmailWrap {
  display: block
}

.plugin-product-comment-commonReplyForm-mobile .plugin-product-comment-commonReplyForm-nameAndEmailWrap-formItem {
  margin: 0 !important
}

.plugin-product-comment-commonReplyForm-mobile .plugin-product-comment-commonReplyForm-btns-cancel {
  display: none
}

.plugin-product-comment-commonReplyForm-mobile .plugin-product-comment-button {
  font-size: 12px
}

.plugin-product-comment-commonReplyForm-mobile .isv-web-btn {
  width: 100%
}

.plugin-product-comment-commonReplyForm-nameAndEmailWrap {
  display: -ms-flexbox;
  display: flex
}

.plugin-product-comment-commonReplyForm-nameAndEmailWrap-formItem {
  -ms-flex: 1;
  flex: 1
}

.plugin-product-comment-commonReplyForm-btns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.plugin-product-comment-commonReplyForm-btns-cancel {
  color: var(--plugin-product-comment-color_text);
  margin-right: 20px;
  cursor: pointer
}

.plugin-product-comment-commonReplyForm-inputPlaceholder {
  width: 100%;
  height: 48px;
  padding: 16px;
  line-height: 1.15;
  border-radius: var(--input-border-radius, 4px);
  border: var(--input-border-thickness, 1px) solid rgba(var(--color-text, 44, 44, 44), var(--input-border-opacity, 0.15));
  color: var(--plugin-product-comment-color_text);
  font-size: 14px;
  cursor: pointer
}

.plugin-product-comment-commonReplyForm .plugin-product-comment-form-item-error .plugin-product-comment-reply-textarea {
  border: var(--input-border-thickness, 1px) solid #f04949
}

.plugin-product-comment-commonReplyForm .plugin-product-comment-form-item-error .plugin-product-comment-input::after {
  border: var(--input-border-thickness, 1px) solid #f04949
}

html[dir='rtl'] .plugin-product-comment-commonReplyForm-btns-cancel {
  margin-right: unset;
  margin-left: 20px
}

/* ========== block ========== */

.plugin-product-comment-pcModal {
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-pcModal .plugin-product-comment-modal-mask {
  background: rgba(115, 115, 115, .6)
}

.plugin-product-comment-pcModal .plugin-product-comment-modal-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  overflow: hidden
}

.plugin-product-comment-pcModal .plugin-product-comment-modal-content {
  height: 620px;
  margin: 0 60px;
  background: var(--plugin-product-comment-color_page_background)
}

.plugin-product-comment-pcModal .plugin-product-comment-pcModalBox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 620px
}

.plugin-product-comment-pcModal.plugin-product-comment-auto .plugin-product-comment-modal-content {
  height: unset;
  max-height: 620px
}

.plugin-product-comment-pcModal.plugin-product-comment-auto .plugin-product-comment-pcModalBox {
  height: unset;
  max-height: 620px
}

.plugin-product-comment-pcModal.plugin-product-comment-auto .plugin-product-comment-commentInfo .plugin-product-comment-bgContainer {
  margin-bottom: 16px
}

.plugin-product-comment-pcModal .plugin-product-comment-pcImageSwiper {
  width: 473px
}

.plugin-product-comment-pcModal .plugin-product-comment-commentInfo {
  margin: 24px;
  min-width: 240px;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto
}

.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-text_inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 16px 0
}

.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-content-info .plugin-product-comment-content-title {
  -webkit-line-clamp: unset
}

.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-content {
  margin-bottom: 8px;
  font-size: 14px;
  overflow: visible;
  text-overflow: clip;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: initial
}

.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-commentListRate {
  margin: 0
}

.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-content {
  margin-top: 16px
}

.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-userInfoNameSkuTime {
  margin-top: 4px
}

.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-commentIconBox .plugin-product-comment-commentIcon-reply {
  cursor: default
}

.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-commentTitle {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  text-transform: capitalize;
  padding-top: 20px;
  margin-top: 20px
}

.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-commentTitle::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #ddddd8;
  opacity: 0.5
}

.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-bgContainer {
  margin-bottom: 20px
}

.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-bgContainer .plugin-product-comment-product-card-pic {
  width: 40px;
  height: 40px
}

.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-bgContainer .plugin-product-comment-product-card {
  padding: 8px
}

.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-commonReply .plugin-product-comment-commonReplyForm {
  margin-top: 8px
}

.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-commentList .plugin-product-comment-commonReplyForm {
  margin-top: 20px
}

.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-CommentReplyTextarea-box {
  margin-top: 18px
}

.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-pcModalSpin {
  margin: 20px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-commentList {
  margin-top: 20px;
  overflow-y: auto
}

.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-commonReplyForm-nameAndEmailWrap-formItem {
  width: 0;
  -ms-flex: 1;
  flex: 1
}

.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-commonReplyForm-nameAndEmailWrap-formItem:nth-child(2) {
  margin-left: 12px
}

.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-commonReplyForm-nameAndEmailWrap-formItem-login {
  margin-left: 20px
}

html[dir='rtl'] .plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-commonReplyForm-nameAndEmailWrap-formItem-login {
  margin-left: unset;
  margin-right: 20px
}

/* ========== block ========== */

.plugin-product-comment-mobileModal .plugin-product-comment-modal-mask {
  background: rgba(115, 115, 115, .6)
}

.plugin-product-comment-mobileModal .plugin-product-comment-mobileImageSwiper {
  background-color: rgba(25, 25, 25, 1)
}

.plugin-product-comment-mobileModal .plugin-product-comment-swiperContainer {
  background: #191919;
  height: auto !important;
  padding-top: 56px
}

.plugin-product-comment-mobileModal .plugin-product-comment-mobileImageSwiper .plugin-product-comment-swiper-slide {
  height: auto;
  max-height: calc(67vh - 68px)
}

.plugin-product-comment-mobileModal .plugin-product-comment-modal-content {
  margin: 0
}

.plugin-product-comment-mobileModal .plugin-product-comment-modal-close {
  top: 8px;
  right: 12px;
  width: 40px;
  height: 40px;
  z-index: 2;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(255, 255, 255, .8);
  border-radius: 24px;
  margin-left: 8px;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, .06)
}

.plugin-product-comment-mobileModal .plugin-product-comment-mobileModalWrap .plugin-product-comment-content-info {
  margin-top: 12px !important
}

.plugin-product-comment-mobileModal .plugin-product-comment-bgContainer .plugin-product-comment-product-card-pic {
  width: 40px;
  height: 40px
}

.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo {
  padding: 12px 20px 68px
}

.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-singleRate {
  margin-top: 8px
}

.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-multiRate {
  margin-top: 20px
}

.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-rate {
  line-height: 0
}

.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-rate .plugin-product-comment--star:not(:last-child) {
  margin-right: 4px
}

.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-rate svg {
  font-size: 14px
}

.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-content-info {
  margin-top: 8px
}

.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-content-info .plugin-product-comment-content-title {
  -webkit-line-clamp: unset
}

.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-content {
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: initial
}

.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-imageMap {
  margin-top: 20px
}

.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-imageMap-item {
  width: 335px
}

.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-imageMap-item:not(:last-child) {
  margin-bottom: 20px
}

.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-imageMap-item img {
  width: 335px;
  height: 335px;
  -o-object-fit: cover;
  object-fit: cover
}

.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-commentIconBox {
  margin: 20px 0;
  cursor: pointer
}

.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-commentTitle {
  font-size: 16px;
  text-transform: capitalize;
  position: relative;
  padding-top: 20px;
  margin-top: 20px;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-commentTitle::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #ddddd8
}

.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-commentList {
  margin-top: 12px
}

.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-commentReviewBtn {
  padding: 8px 16px;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff
}

.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-noCommentReviewTip {
  color: var(--plugin-product-comment-color_text_40);
  font-family: Poppins;
  font-size: 12px;
  padding: 20px;
  text-align: center
}

.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-mobileModalImageBox {
  margin-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px
}

.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-mobileModalImageBox .plugin-product-comment-imageBox {
  width: 105px;
  height: 105px
}

.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-mobileModalImageBox .plugin-product-comment-imageBox .plugin-product-comment-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-mobileModalSpin {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.plugin-product-comment-mobileModal .plugin-product-comment-mobileModalScrollSpin {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 40;
  background-color: var(--plugin-product-comment-color_page_background)
}

.plugin-product-comment-mobileModal .plugin-product-comment-product-card {
  padding: 12px 60px 12px 20px
}

.plugin-product-comment-mobileModal .plugin-product-comment-imageMap {
  margin-top: 12px !important
}

/* ========== block ========== */

.plugin-product-comment-mobileCommentReplyForm-closeBtn {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.06);
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-mobileCommentReplyForm .plugin-product-comment-modal-body {
  padding: 64px 20px 20px
}

html[dir='rtl'] .plugin-product-comment-mobileCommentReplyForm-closeBtn {
  right: unset;
  left: 12px
}

/* ========== block ========== */

.plugin-product-comment-modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 12px 20px;
  background: rgba(var(--color-page-background, 255, 255, 255), 1);
  z-index: 30;
  border-top: 1px solid #eef1f6
}

.plugin-product-comment-modal-footer .plugin-product-comment-footer-input {
  width: 100%
}

.plugin-product-comment-modal-footer .plugin-product-comment-helpful-icon {
  opacity: 0.6
}

/* ========== block ========== */

.plugin-product-comment-input-no-animation input {
  width: 100%;
  height: 43px;
  line-height: 43px;
  padding: 0 6px 0 16px;
  outline: none;
  font-size: 12px;
  font-weight: 400;
  border: 1px solid var(--plugin-product-comment-color_entry_line);
  border-radius: var(--input-border-radius, 4px);
  color: var(--plugin-product-comment-color_text);
  background: var(--plugin-product-comment-color_page_background)
}

.plugin-product-comment-input-no-animation input::-webkit-input-placeholder {
  color: var(--plugin-product-comment-color_text);
  opacity: 0.3
}

.plugin-product-comment-input-no-animation input:-ms-input-placeholder {
  color: var(--plugin-product-comment-color_text);
  opacity: 0.3
}

.plugin-product-comment-input-no-animation input::placeholder {
  color: var(--plugin-product-comment-color_text);
  opacity: 0.3
}

/* ========== block ========== */

.plugin-product-comment-previewModal .plugin-product-comment-modal-mask {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 100%)
}

.plugin-product-comment-previewModal .plugin-product-comment-modal-content {
  height: 100%;
  overflow-y: auto;
  margin: 0;
  background: #191919;
  color: #ffffff;
  overflow: hidden
}

.plugin-product-comment-previewModal .plugin-product-comment-modal-close {
  top: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
  z-index: 2;
  background-color: transparent;
  cursor: pointer
}

.plugin-product-comment-previewModal .plugin-product-comment-modal-close svg {
  color: #fff
}

.plugin-product-comment-previewModal .plugin-product-comment-mobileModalWrap .common-pagination {
  text-align: center;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0
}

.plugin-product-comment-previewModal .plugin-product-comment-mobileModalWrap .common-pagination.swiper-pagination-lock {
  display: block
}

.plugin-product-comment-previewModal .plugin-product-comment-mobileModalWrap .plugin-product-comment-mobileImageSwiper {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.plugin-product-comment-previewModal .plugin-product-comment-mobileModalWrap .plugin-product-comment-mobileImageSwiper .swiper-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.plugin-product-comment-previewModal .plugin-product-comment-mobileModalWrap .plugin-product-comment-mobileImageSwiper img {
  width: 100%
}

.plugin-product-comment-previewModal .plugin-product-comment-commentInfo {
  padding: 0 20px;
  position: absolute;
  bottom: 20px;
  z-index: 10
}

.plugin-product-comment-previewModal .plugin-product-comment-commentInfo .plugin-product-comment-nickname {
  font-size: 12px;
  margin-bottom: 4px
}

.plugin-product-comment-previewModal .plugin-product-comment-commentInfo .plugin-product-comment-skuWrap {
  color: #fff;
  opacity: 0.6;
  font-size: 12px
}

.plugin-product-comment-previewModal .plugin-product-comment-commentInfo .plugin-product-comment-skuWrap .plugin-product-comment-skuTitle {
  font-weight: 400
}

.plugin-product-comment-previewModal .plugin-product-comment-commentInfo .plugin-product-comment-skuWrap .plugin-product-comment-skuContent {
  font-weight: 500
}

.plugin-product-comment-previewModal .plugin-product-comment-commentInfo .plugin-product-comment-content {
  margin-top: 8px;
  font-size: 16px;
  opacity: 0.9;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-word
}

.plugin-product-comment-previewModal .plugin-product-comment-commentInfo .plugin-product-comment-customQuestionListWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin-top: 8px
}

.plugin-product-comment-previewModal .plugin-product-comment-commentInfo .plugin-product-comment-customQuestionListWrap .plugin-product-comment-queContent {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: normal
}

.plugin-product-comment-previewModal .plugin-product-comment-commentInfo .plugin-product-comment-customQuestionListWrap .plugin-product-comment-queVal {
  margin-left: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: normal
}

.plugin-product-comment-previewModal .plugin-product-comment-commentInfo .plugin-product-comment-commentIconBox {
  cursor: pointer;
  margin-top: 8px
}

.plugin-product-comment-previewModal .plugin-product-comment-commentInfo .plugin-product-comment-commentIconBox .plugin-product-comment-commentIcon {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px
}

.plugin-product-comment-previewModal .plugin-product-comment-commentInfo .plugin-product-comment-commentIconBox .plugin-product-comment-commentIcon>svg path {
  fill: currentColor;
  color: #fff
}

.plugin-product-comment-previewModal .plugin-product-comment-commentInfo .plugin-product-comment-commentIconBox .plugin-product-comment-commentIconNum {
  color: #fff
}

/* ========== block ========== */

.plugin-product-comment-commentHeader {
  -ms-flex: none;
  flex: none;
  margin-right: 20px
}

.plugin-product-comment-commentHeader-top {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.plugin-product-comment-commentHeader-bottom {
  font-size: 16px;
  line-height: 160%;
  color: var(--plugin-product-comment-color_text);
  opacity: 0.6
}

.plugin-product-comment-commentHeader .plugin-product-comment-commentSynthesize {
  margin-right: 12px;
  color: var(--plugin-product-comment-color_text);
  line-height: 1
}

.plugin-product-comment-commentHeader .plugin-product-comment-commentRate {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center
}

.plugin-product-comment-commentHeader .plugin-product-comment-commentRate svg {
  font-size: 20px
}

.plugin-product-comment-commentHeader .plugin-product-comment-arrow {
  margin-left: 4px;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-commentHeader .plugin-product-comment-arrow>path {
  fill: currentColor
}

.plugin-product-comment-ratePercentWrapper {
  display: none;
  width: 100%;
  -ms-flex: none;
  flex: none;
  position: relative
}

.plugin-product-comment-ratePercentWrapper .plugin-product-comment-ratePercentBox {
  position: absolute;
  top: 10px;
  left: 0;
  background: #fff;
  z-index: 100;
  padding: 20px;
  border: 1px solid rgba(221, 221, 216, .5);
  box-shadow: 0px 2px 20px rgba(0, 0, 0, .05)
}

.plugin-product-comment-ratePercentWrapper .plugin-product-comment-ratePercentBox.rateHover .plugin-product-comment-ratePercentItem:hover {
  background: #f8fafb;
  cursor: pointer
}

.plugin-product-comment-ratePercentWrapper .plugin-product-comment-ratePercentBox.rateHover .plugin-product-comment-ratePercentItem:hover .plugin-product-comment-percent {
  text-decoration: underline
}

.plugin-product-comment-ratePercentWrapper .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 4px;
  padding: 4px 0
}

.plugin-product-comment-ratePercentWrapper .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem:last-child {
  margin-bottom: 0
}

.plugin-product-comment-ratePercentWrapper .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem .plugin-product-comment-rateWrap {
  display: -ms-flexbox;
  display: flex;
  width: 80px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: right
}

.plugin-product-comment-ratePercentWrapper .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem .plugin-product-comment-rateWrap ul {
  display: -ms-inline-flexbox;
  display: inline-flex
}

.plugin-product-comment-ratePercentWrapper .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem .plugin-product-comment-rateWrap svg {
  font-size: 12px
}

.plugin-product-comment-ratePercentWrapper .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem .plugin-product-comment-progressPlace {
  width: 140px;
  margin-left: 8px;
  height: 8px;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.plugin-product-comment-ratePercentWrapper .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem .plugin-product-comment-progressPlace::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.1;
  width: 100%;
  height: 100%;
  background-color: var(--startColor)
}

.plugin-product-comment-ratePercentWrapper .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem .plugin-product-comment-progressPlace .plugin-product-comment-progress {
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 0.8px
}

.plugin-product-comment-ratePercentWrapper .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem .plugin-product-comment-percent {
  width: 32px;
  font-size: 12px;
  line-height: 16px;
  margin-left: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  word-break: normal;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-ratePercentWrapper .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem .plugin-product-comment-progressIcon {
  margin-left: 14px;
  font-size: 0
}

.plugin-product-comment-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px
}

.plugin-product-comment-viewAll {
  display: inline-block;
  font-size: 16px;
  cursor: pointer
}

.plugin-product-comment-viewAll-arrow,
.plugin-product-comment-reviews-arrow {
  margin-left: 4px
}

.plugin-product-comment-viewAll-arrow>path,
.plugin-product-comment-reviews-arrow>path {
  stroke: currentColor
}

.plugin-product-comment-viewAll-arrow {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.plugin-product-comment-SmallContainerCommentHeader {
  margin-right: 0px;
  padding-bottom: 0
}

.plugin-product-comment-SmallContainerCommentHeader-top {
  padding-bottom: 0
}

.plugin-product-comment-SmallContainerCommentHeader .plugin-product-comment-commentRate svg {
  font-size: 16px !important
}

@media (max-width: 749.98px) {
  .plugin-product-comment-commentHeader {
    margin-right: 0px;
    padding-bottom: 0
  }

  .plugin-product-comment-commentHeader-top {
    padding-bottom: 0
  }

  .plugin-product-comment-commentHeader .plugin-product-comment-commentRate svg {
    font-size: 16px
  }

  .plugin-product-comment-unFoldContainer .plugin-product-comment-ratePercentWrapper {
    margin-bottom: 0;
    margin-top: 20px
  }
}

html[dir='rtl'] .plugin-product-comment-commentHeader .plugin-product-comment-commentSynthesize {
  margin-right: unset;
  margin-left: 12px
}

html[dir='rtl'] .plugin-product-comment-commentHeader .plugin-product-comment-arrow {
  margin: 0 7px 7px 0
}

html[dir='rtl'] .plugin-product-comment-ratePercentWrapper .plugin-product-comment-ratePercentBox {
  left: unset;
  right: 0
}

html[dir='rtl'] .plugin-product-comment-ratePercentWrapper .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem .plugin-product-comment-progressPlace .plugin-product-comment-progress {
  left: unset;
  right: 0
}

html[dir='rtl'] .plugin-product-comment-ratePercentWrapper .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem .plugin-product-comment-progressIcon {
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

/* ========== block ========== */

.plugin-product-comment-select-box {
  position: relative
}

.plugin-product-comment-select-box .plugin-product-comment-select-entry {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 42px;
  padding: 8px 24px;
  line-height: 160%;
  border: var(--input-border-thickness, 1px) solid rgba(var(--color-text, 44, 44, 44), var(--input-border-opacity, 0.15));
  border-radius: var(--btn-border-radius-outset, 4px);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer
}

.plugin-product-comment-select-box .plugin-product-comment-select-entry:hover {
  background-color: rgba(0, 0, 0, .08)
}

.plugin-product-comment-select-box .plugin-product-comment-select-entry .select-item {
  -ms-flex: 1;
  flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 10px
}

.plugin-product-comment-select-box .plugin-product-comment-select-entry .select-item .option-default-img {
  width: 30px;
  height: 30px;
  margin-right: 8px;
  background: #f0f3f9;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.plugin-product-comment-select-box .plugin-product-comment-select-entry .select-item .option-default-img svg {
  width: 11px;
  height: 11px
}

.plugin-product-comment-select-box .plugin-product-comment-select-entry .select-img {
  margin-right: 8px;
  width: 30px;
  height: 30px;
  -o-object-fit: contain;
  object-fit: contain
}

.plugin-product-comment-select-box .plugin-product-comment-select-entry .default-title {
  font-size: 14px;
  color: var(--plugin-product-comment-color_text);
  margin-right: 16px
}

.plugin-product-comment-select-box .plugin-product-comment-select-entry .select-text {
  -ms-flex: none;
  flex: none;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: pre-wrap;
  color: var(--plugin-product-comment-color_text);
  width: 100%
}

.plugin-product-comment-select-box .plugin-product-comment-select-entry .entry-arrow {
  -ms-flex: none;
  flex: none;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  width: 10px;
  height: 11px
}

.plugin-product-comment-select-box .plugin-product-comment-select-entry .entry-arrow>path {
  fill: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-select-box .plugin-product-comment-select-entry.open .entry-arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.plugin-product-comment-select-box .plugin-product-comment-select-entry.open+.select-dropdown {
  display: block
}

.plugin-product-comment-select-box .select-dropdown {
  display: none;
  position: absolute;
  z-index: 110;
  min-width: 100%;
  max-width: 300px;
  width: -webkit-max-content;
  width: max-content;
  -webkit-animation: 0.2s product-comment-fadeIn forwards;
  animation: 0.2s product-comment-fadeIn forwards;
  background: #ffffff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, .15);
  border-radius: 4px;
  max-height: 480px;
  overflow: auto
}

.plugin-product-comment-select-box .select-dropdown .select-item:hover {
  background-color: rgba(0, 0, 0, .05)
}

.plugin-product-comment-select-box .select-options .select-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 12px;
  cursor: pointer
}

.plugin-product-comment-select-box .select-options .select-item .option-default-img {
  width: 30px;
  height: 30px;
  margin-right: 8px;
  background: #f0f3f9;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.plugin-product-comment-select-box .select-options .select-item .option-default-img svg {
  width: 11px;
  height: 11px
}

.plugin-product-comment-select-box .select-options .select-item.disabled {
  opacity: 0.3;
  cursor: no-drop
}

.plugin-product-comment-select-box .select-options .select-item .select-img {
  margin-right: 8px;
  width: 30px;
  height: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -o-object-fit: contain;
  object-fit: contain
}

.plugin-product-comment-select-box .select-options .select-item .select-text {
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-wrap;
  color: #000
}

.plugin-product-comment-select-box .select-options .select-item .select-checked {
  visibility: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  cursor: pointer;
  margin-left: 8px
}

.plugin-product-comment-select-box .select-options .select-item.active .select-checked {
  visibility: visible
}

.plugin-product-comment-select-modal .plugin-product-comment-modal-content {
  background-color: #fff
}

.plugin-product-comment-select-modal .plugin-product-comment-modal-body {
  background-color: #fff;
  color: var(--plugin-product-comment-color_text);
  padding: 8px 0
}

.plugin-product-comment-select-modal .select-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 20px;
  cursor: pointer
}

.plugin-product-comment-select-modal .select-item .option-default-img {
  width: 30px;
  height: 30px;
  margin-right: 8px;
  background: #f0f3f9;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.plugin-product-comment-select-modal .select-item .option-default-img svg {
  width: 11px;
  height: 11px
}

.plugin-product-comment-select-modal .select-item.disabled {
  opacity: 0.3;
  cursor: no-drop
}

.plugin-product-comment-select-modal .select-item .select-img {
  margin-right: 8px;
  width: 30px;
  height: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -o-object-fit: contain;
  object-fit: contain
}

.plugin-product-comment-select-modal .select-item .select-text {
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-wrap;
  color: #000
}

.plugin-product-comment-select-modal .select-item .select-checked {
  visibility: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin-left: 8px;
  cursor: pointer;
  margin-left: 8px
}

.plugin-product-comment-select-modal .select-item.active .select-checked {
  visibility: visible
}

.plugin-product-comment-select-modal .plugin-product-comment-modal-wrap {
  top: unset
}

.plugin-product-comment-select-modal .plugin-product-comment-modal-content {
  min-height: 30vh;
  max-height: 80vh
}

@media (max-width: 749.98px) {
  .plugin-product-comment-select-box .plugin-product-comment-select-entry {
    padding: 0 12px
  }

  .plugin-product-comment-select-box.plugin-product-comment-select-box-notTheme .plugin-product-comment-select-entry {
    border: 1px solid #e8e8e1
  }

  .plugin-product-comment-select-box.plugin-product-comment-select-box-notTheme .plugin-product-comment-select-entry .select-text {
    color: var(--plugin-product-comment-color_text)
  }

  .plugin-product-comment-select-box.plugin-product-comment-select-box-notTheme .plugin-product-comment-select-entry .default-title {
    color: var(--plugin-product-comment-color_text)
  }

  .plugin-product-comment-select-box.plugin-product-comment-select-box-notTheme .plugin-product-comment-select-entry .entry-arrow {
    color: var(--plugin-product-comment-color_text)
  }
}

@-webkit-keyframes product-comment-fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes product-comment-fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

html[dir='rtl'] .plugin-product-comment-select-box {
  position: relative
}

html[dir='rtl'] .plugin-product-comment-select-box .plugin-product-comment-select-entry .select-item {
  margin-right: unset;
  margin-left: 10px
}

html[dir='rtl'] .plugin-product-comment-select-box .plugin-product-comment-select-entry .default-title {
  margin-right: unset;
  margin-left: 16px
}

/* ========== block ========== */

.plugin-product-comment-collections-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px
}

.plugin-product-comment-collections-header .plugin-product-comment-collections-header-total {
  color: var(--plugin-product-comment-color_text);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%
}

.plugin-product-comment-collections-header .plugin-product-comment-collections-header-sort {
  font-size: 16px;
  font-weight: 400
}

.plugin-product-comment-collections-header .plugin-product-comment-collections-header-sort .plugin-product-comment-select-entry {
  padding: 0 24px
}

.plugin-product-comment-collections-header .plugin-product-comment-collections-header-sort .select-dropdown {
  top: calc(100% + 4px);
  padding: 8px 0
}

.plugin-product-comment-collections-header.plugin-product-comment-collections-header-mobile .plugin-product-comment-collections-header-total {
  font-weight: 500;
  font-size: 12px;
  line-height: 120%
}

.plugin-product-comment-collections-header.plugin-product-comment-collections-header-mobile .plugin-product-comment-collections-header-sort {
  font-size: 12px;
  font-weight: 400
}

.plugin-product-comment-collections-header.plugin-product-comment-collections-header-mobile .plugin-product-comment-collections-header-sort .plugin-product-comment-select-entry {
  height: 33px;
  padding: 0 6px 0 16px
}

.plugin-product-comment-select-modal .plugin-product-comment-modal-content {
  min-height: auto;
  padding: 8px 0
}

/* ========== block ========== */

.plugin-product-comment-pageCollections-summary .plugin-product-comment-foldContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-bottom: 20px
}

.plugin-product-comment-pageCollections-summary .plugin-product-comment-foldContainer .plugin-product-comment-commentHeader-top:hover>.plugin-product-comment-ratePercentWrapper {
  display: block
}

.plugin-product-comment-pageCollections-summary .plugin-product-comment-unFoldContainer .plugin-product-comment-ratePercentWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px
}

.plugin-product-comment-pageCollections-summary .plugin-product-comment-unFoldContainer .plugin-product-comment-ratePercentWrapper .plugin-product-comment-ratePercentBox {
  position: static;
  z-index: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  background: transparent
}

.plugin-product-comment-pageCollections-summary .plugin-product-comment-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px
}

.plugin-product-comment-pageCollections-summary .plugin-product-comment-right .plugin-product-comment-select-box .select-text {
  font-size: 14px
}

.plugin-product-comment-pageCollections-summary .plugin-product-comment-viewAll {
  display: inline-block;
  font-size: 16px;
  cursor: pointer
}

.plugin-product-comment-pageCollections-summary .plugin-product-comment-viewAll-arrow,
.plugin-product-comment-pageCollections-summary .plugin-product-comment-reviews-arrow {
  margin-left: 4px
}

.plugin-product-comment-pageCollections-summary .plugin-product-comment-viewAll-arrow>path,
.plugin-product-comment-pageCollections-summary .plugin-product-comment-reviews-arrow>path {
  stroke: currentColor
}

.plugin-product-comment-pageCollections-summary .plugin-product-comment-viewAll-arrow {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

@media (max-width: 749.98px) {
  .plugin-product-comment-pageCollections-summary .plugin-product-comment-foldContainer {
    margin-bottom: 8px
  }

  .plugin-product-comment-pageCollections-summary .plugin-product-comment-viewAll {
    font-size: 14px
  }

  .plugin-product-comment-unFoldContainer .plugin-product-comment-ratePercentWrapper {
    margin-bottom: 0;
    margin-top: 20px
  }
}

/* ========== block ========== */

.plugin-product-comment-loadMoreContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

/* ========== block ========== */

.plugin-product-comment-spin {
  padding: 84px 0;
  text-align: center
}

/* ========== block ========== */

.plugin-product-comment-skeleton-screen .skeleton-block {
  border-radius: 2px;
  background: linear-gradient(90deg, rgba(0, 0, 0, .06) 25%, rgba(0, 0, 0, .15) 35%, rgba(0, 0, 0, .06) 65%);
  background-size: 400% 100%;
  -webkit-animation-name: product-comment-skeleton-loading;
  animation-name: product-comment-skeleton-loading;
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.plugin-product-comment-skeleton-screen.list .skeleton-block {
  width: 288px;
  height: 32px
}

.plugin-product-comment-skeleton-screen.list .title1 {
  display: -ms-flexbox;
  display: flex;
  gap: 20px
}

.plugin-product-comment-skeleton-screen.list .title1 .skeleton-block {
  width: 288px;
  height: 32px
}

.plugin-product-comment-skeleton-screen.list .title2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  margin-top: 12px
}

.plugin-product-comment-skeleton-screen.list .title2 .left {
  width: 233px;
  height: 32px
}

.plugin-product-comment-skeleton-screen.list .title2 .right {
  display: -ms-flexbox;
  display: flex;
  gap: 12px
}

.plugin-product-comment-skeleton-screen.list .title2 .right .skeleton-block {
  width: 156px;
  height: 32px
}

.plugin-product-comment-skeleton-screen.list .info {
  width: 184px;
  height: 46px;
  margin-top: 12px
}

.plugin-product-comment-skeleton-screen.list .content {
  margin-top: 20px;
  width: 100%;
  height: 188px
}

.plugin-product-comment-skeleton-screen.collection .skeleton-block {
  width: 128px;
  height: 20px
}

.plugin-product-comment-skeleton-screen.collection .title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px
}

.plugin-product-comment-skeleton-screen.collection .title .left {
  width: 233px;
  height: 20px
}

.plugin-product-comment-skeleton-screen.collection .title .right {
  display: -ms-flexbox;
  display: flex;
  gap: 12px
}

.plugin-product-comment-skeleton-screen.collection .info {
  width: 184px;
  height: 46px;
  margin-top: 12px
}

.plugin-product-comment-skeleton-screen.collection .content {
  margin-top: 20px;
  width: 100%;
  height: 188px
}

@-webkit-keyframes product-comment-skeleton-loading {
  0% {
    background-position: 100% 50%
  }

  100% {
    background-position: 00% 50%
  }
}

@keyframes product-comment-skeleton-loading {
  0% {
    background-position: 100% 50%
  }

  100% {
    background-position: 00% 50%
  }
}

@media (max-width: 749.98px) {
  .plugin-product-comment-skeleton-screen.list .title1 .skeleton-block:first-child {
    width: 110px;
    height: 20px
  }

  .plugin-product-comment-skeleton-screen.list .title1 .skeleton-block:nth-child(2) {
    width: 62px;
    height: 20px
  }

  .plugin-product-comment-skeleton-screen.list .title2 .left {
    width: 150px;
    height: 20px
  }

  .plugin-product-comment-skeleton-screen.list .title2 .right .skeleton-block:nth-child(1) {
    width: 47px;
    height: 20px
  }

  .plugin-product-comment-skeleton-screen.list .title2 .right .skeleton-block:nth-child(2) {
    display: none
  }

  .plugin-product-comment-skeleton-screen.list .title2 .right .skeleton-block:nth-child(3) {
    display: none
  }

  .plugin-product-comment-skeleton-screen.list .info {
    width: 120px;
    height: 34px
  }

  .plugin-product-comment-skeleton-screen.list .content {
    width: 100%;
    height: 143px
  }

  .plugin-product-comment-skeleton-screen.collection .title .left {
    width: 150px;
    height: 20px
  }

  .plugin-product-comment-skeleton-screen.collection .title .right {
    width: 80px;
    height: 20px
  }

  .plugin-product-comment-skeleton-screen.collection .title .right .skeleton-block:nth-child(2) {
    display: none
  }

  .plugin-product-comment-skeleton-screen.collection .info {
    width: 90px;
    height: 34px
  }

  .plugin-product-comment-skeleton-screen.collection .content {
    height: 143px
  }
}

/* ========== block ========== */

.plugin-product-comment-write-button__mobile {
  width: 100%
}

/* ========== block ========== */

.plugin-product-comment-empty-list {
  margin: 60px auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

.plugin-product-comment-empty-list-left {
  position: relative;
  text-align: center
}

.plugin-product-comment-empty-list-left svg {
  width: 20px;
  height: 20px
}

.plugin-product-comment-empty-list-sub-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--color-text, #686868);
  margin-top: 12px
}

.plugin-product-comment-empty-list-divider {
  width: 1px;
  height: 44px;
  background: var(--color-text, rgba(0, 0, 0, .1));
  margin: 0 80px
}

.plugin-product-comment-small_empty-list {
  -ms-flex-direction: column;
  flex-direction: column
}

.plugin-product-comment-small_empty-list .plugin-product-comment-empty-list-sub-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  color: var(--plugin-product-comment-color_text);
  margin: 8px 0 20px
}

.plugin-product-comment-small_empty-list .plugin-product-comment-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

@media (max-width: 749.98px) {
  .plugin-product-comment-empty-list {
    -ms-flex-direction: column;
    flex-direction: column
  }

  .plugin-product-comment-empty-list-sub-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    color: var(--plugin-product-comment-color_text);
    margin: 8px 0 20px
  }

  .plugin-product-comment-empty-list-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
  }
}

/* ========== block ========== */

html {
  --isv-web-color_page_background: 255, 255, 255;
  --isv-web-color_entry_line: 221, 221, 221;
  --isv-web-color_text: 0, 0, 0;
  --isv-web-color_light_text: 104, 104, 104;
  --isv-web-color_cart_dot: 238, 71, 9;
  --isv-web-color_cart_dot_text: 0, 0, 0;
  --isv-web-color_tooltip_background: 0, 0, 0;
  --isv-web-color_tooltip_text: 255, 255, 255;
  --isv-web-color_mask: 0, 0, 0;
  --isv-web-duration_long: 500ms;
  --isv-web-type_title_font: "Montserrat";
  --isv-web-type_title_letter_spacing: 0;
  --isv-web-type_title_size: 30px;
  --isv-web-type_title_weight: 700;
  --isv-web-type_title_line_height: 1.2;
  --isv-web-color_title: inherit;
  --isv-web-type_title_uppercase: unset;
  --isv-web-type_body_font: "Poppins";
  --isv-web-type_body_letter_spacing: 0;
  --isv-web-type_body_size: 14px;
  --isv-web-type_body_weight: 400;
  --isv-web-type_body_line_height: 1.6;
  --isv-web-color_body: inherit;
  --isv-web-type_body_uppercase: unset;
  --isv-web-color_btn_background: 0, 0, 0;
  --isv-web-color_btn_text: 255, 255, 255;
  --isv-web-color_btn_border: transparent;
  --isv-web-btn_border_thickness: 1px;
  --isv-web-btn_border_opacity: 1;
  --isv-web-btn_border_radius: 4px;
  --isv-web-btn_shadow_opacity: 1;
  --isv-web-btn_shadow_offset_x: 0;
  --isv-web-btn_shadow_offset_y: 0;
  --isv-web-btn_shadow_blur: 0;
  --isv-web-color_secondary_btn_background: 255, 255, 255;
  --isv-web-color_secondary_btn_text: 0, 0, 0;
  --isv-web-color_secondary_btn_border: 0, 0, 0;
  --isv-web-input_border_thickness: 1px;
  --isv-web-input_border_opacity: 1;
  --isv-web-input_border_radius: 4px;
  --isv-web-input_shadow_opacity: 1;
  --isv-web-input_shadow_offset_x: 0;
  --isv-web-input_shadow_offset_y: 0;
  --isv-web-input_shadow_blur: 0;
  --isv-web-color_input_border: var(--isv-web-color_text);
  --isv-web-color_input_background: var(--isv-web-color_page_background);
  --isv-web-color_input_text: var(--isv-web-color_text);
  --isv-web-sku_selector_border_thickness: 1px;
  --isv-web-sku_selector_border_opacity: 1;
  --isv-web-sku_selector_border_radius: 4px;
  --isv-web-sku_selector_shadow_opacity: 1;
  --isv-web-sku_selector_shadow_offset_x: 0;
  --isv-web-sku_selector_shadow_offset_y: 0;
  --isv-web-sku_selector_shadow_blur: 0;
  --isv-web-color_sku_selector_border: var(--isv-web-color_entry_line);
  --isv-web-color_sku_selector_background: var(--isv-web-color_page_background);
  --isv-web-color_sku_selector_text: var(--isv-web-color_text);
  --isv-web-menu_modal_border_thickness: 0;
  --isv-web-menu_modal_border_opacity: 1;
  --isv-web-menu_modal_border_radius: 0;
  --isv-web-menu_modal_shadow_opacity: 1;
  --isv-web-menu_modal_shadow_offset_x: 0;
  --isv-web-menu_modal_shadow_offset_y: 0;
  --isv-web-menu_modal_shadow_blur: 0;
  --isv-web-menu_modal_z_index: 999;
  --isv-web-color_menu_modal_border: transparent;
  --isv-web-color_menu_modal_background: var(--isv-web-color_page_background);
  --isv-web-color_menu_modal_text: var(--isv-web-color_text);
  --isv-web-color_menu_modal_mask: rgba(var(--isv-web-color_text), .2);
  --isv-web-drawer_border_thickness: 1px;
  --isv-web-drawer_border_opacity: 1;
  --isv-web-color_drawer_border: var(--isv-web-color_entry_line);
  --isv-web-drawer_shadow_opacity: 0;
  --isv-web-drawer_shadow_offset_x: 0;
  --isv-web-drawer_shadow_offset_y: 0;
  --isv-web-drawer_shadow_blur: 0;
  --isv-web-color_drawer_background: var(--isv-web-color_page_background);
  --isv-web-color_drawer_text: var(--isv-web-color_text);
  --isv-web-color_drawer_mask: rgba(var(--isv-web-color_text), .2);
  --isv-web-content_border_thickness: 1px;
  --isv-web-content_border_opacity: 1;
  --isv-web-content_border_radius: 4px;
  --isv-web-color_content_border: var(--isv-web-color_entry_line);
  --isv-web-content_shadow_opacity: 0;
  --isv-web-content_shadow_offset_x: 0;
  --isv-web-content_shadow_offset_y: 0;
  --isv-web-content_shadow_blur: 0;
  --isv-web-color_loading: var(--isv-web-color_text)
}

.isv-web-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -ms-scroll-chaining: none;
  overscroll-behavior: contain
}

.isv-web-modal-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--isv-web-color_mask), .2);
  z-index: 9;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.isv-web-modal-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  overflow-y: auto;
  text-align: center;
  z-index: 99
}

.isv-web-modal-wrap::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: ""
}

.isv-web-modal-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  min-height: 44px;
  box-sizing: border-box;
  margin: 0 auto;
  background-color: rgba(var(--isv-web-color_page_background), var(--isv-web-color_page_background_alpha, 1));
  color: rgba(var(--isv-web-color_text), 1)
}

.isv-web-modal-header {
  position: relative;
  min-height: 24px
}

.isv-web-modal-header .isv-web-modal-title {
  color: rgba(var(--isv-web-color_text), 1);
  line-height: 160%;
  font-weight: 500;
  font-size: 16px;
  word-wrap: break-word
}

.isv-web-modal-header .isv-web-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 24px;
  height: 24px;
  text-align: center;
  cursor: pointer
}

.isv-web-modal-header .isv-web-modal-close svg {
  color: rgba(var(--isv-web-color_text), 1)
}

.isv-web-modal-header .isv-web-modal-close svg path {
  stroke: currentcolor
}

.isv-web-modal-body {
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  margin-top: 10px
}

.isv-web-modal-footer {
  margin-top: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 12px
}

.isv-web-modal-s .isv-web-modal-content {
  width: 300px
}

.isv-web-modal-m .isv-web-modal-content {
  width: 480px
}

.isv-web-modal-l .isv-web-modal-content {
  width: 600px
}

.isv-web-modal-xl .isv-web-modal-content {
  width: 860px
}

.isv-web-modal-basic .isv-web-modal-content {
  padding: 24px
}

@media only screen and (min-width: 751px) {
  .isv-web-modal-basic .isv-web-modal-body {
    overflow-y: auto
  }

  .isv-web-modal-basic .isv-web-modal-close+.isv-web-modal-title {
    margin-right: 24px
  }

  .isv-web-modal-basic .isv-web-modal-divider {
    position: relative;
    padding-top: 12px
  }

  .isv-web-modal-basic .isv-web-modal-divider::after {
    content: "";
    position: absolute;
    left: -24px;
    right: -24px;
    top: 12px;
    height: 1px;
    background-color: rgba(var(--isv-web-color_entry_line), 1)
  }

  .isv-web-modal-basic.isv-web-modal--visible-animation .isv-web-modal-wrap {
    -webkit-animation: .3s modal-fadeIn forwards ease;
    animation: .3s modal-fadeIn forwards ease
  }

  .isv-web-modal-basic.isv-web-modal--visible-animation .isv-web-modal-content {
    -webkit-animation: .3s modal-zoomIn forwards ease;
    animation: .3s modal-zoomIn forwards ease
  }

  .isv-web-modal-basic.isv-web-modal--not-visible-animation .isv-web-modal-wrap {
    -webkit-animation: .3s modal-fadeOut forwards ease;
    animation: .3s modal-fadeOut forwards ease
  }

  .isv-web-modal-basic.isv-web-modal--not-visible-animation .isv-web-modal-content {
    -webkit-animation: .3s modal-zoomOut forwards ease;
    animation: .3s modal-zoomOut forwards ease
  }
}

@media only screen and (max-width: 750px) {
  .isv-web-modal-basic .isv-web-modal-wrap {
    overflow-y: unset
  }

  .isv-web-modal-basic .isv-web-modal-wrap::before {
    display: none
  }

  .isv-web-modal-basic .isv-web-modal-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0
  }

  .isv-web-modal-basic .isv-web-modal-body {
    overflow-y: auto;
    -ms-flex: 1;
    flex: 1;
    padding: 0 24px 24px
  }

  .isv-web-modal-basic .isv-web-modal-header {
    padding: 12px 24px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 5;
    background-color: rgba(var(--isv-web-color_page_background), var(--isv-web-color_page_background_alpha, 1))
  }

  .isv-web-modal-basic .isv-web-modal-close {
    right: 24px;
    top: 12px
  }

  .isv-web-modal-basic .isv-web-modal-close+.isv-web-modal-title {
    margin: 0 24px
  }

  .isv-web-modal-basic .isv-web-modal-divider {
    position: relative
  }

  .isv-web-modal-basic .isv-web-modal-divider::after {
    content: "";
    position: absolute;
    left: -24px;
    right: -24px;
    bottom: -11px;
    height: 1px;
    background-color: rgba(var(--isv-web-color_entry_line), 1)
  }

  .isv-web-modal-basic .isv-web-modal-footer {
    padding: 0 24px 24px;
    margin-top: 0
  }

  .isv-web-modal-basic .isv-web-modal-footer button {
    -ms-flex: 1;
    flex: 1
  }

  .isv-web-modal-basic.isv-web-modal-position-bottom .isv-web-modal-wrap {
    top: unset
  }

  .isv-web-modal-basic.isv-web-modal-position-bottom .isv-web-modal-header {
    text-align: center;
    border-radius: 6px 6px 0 0
  }

  .isv-web-modal-basic.isv-web-modal-position-bottom .isv-web-modal-content {
    width: 100%;
    border-radius: 6px 6px 0 0;
    max-height: 90vh
  }

  .isv-web-modal-basic.isv-web-modal-position-bottom.isv-web-modal--visible-animation .isv-web-modal-wrap {
    -webkit-animation: .3s modal-slideInBottom forwards ease;
    animation: .3s modal-slideInBottom forwards ease
  }

  .isv-web-modal-basic.isv-web-modal-position-bottom.isv-web-modal--not-visible-animation .isv-web-modal-wrap {
    -webkit-animation: .3s modal-slideOutBottom forwards ease;
    animation: .3s modal-slideOutBottom forwards ease
  }

  .isv-web-modal-basic.isv-web-modal-position-top .isv-web-modal-wrap {
    top: 0
  }

  .isv-web-modal-basic.isv-web-modal-position-top .isv-web-modal-header {
    text-align: center;
    border-radius: 0
  }

  .isv-web-modal-basic.isv-web-modal-position-top .isv-web-modal-content {
    width: 100%;
    border-radius: 0 0 6px 6px;
    max-height: 90vh
  }

  .isv-web-modal-basic.isv-web-modal-position-top.isv-web-modal--visible-animation .isv-web-modal-wrap {
    -webkit-animation: .3s modal-slideInTop forwards ease;
    animation: .3s modal-slideInTop forwards ease
  }

  .isv-web-modal-basic.isv-web-modal-position-top.isv-web-modal--not-visible-animation .isv-web-modal-wrap {
    -webkit-animation: .3s modal-slideOutTop forwards ease;
    animation: .3s modal-slideOutTop forwards ease
  }

  .isv-web-modal-basic.isv-web-modal-position-left .isv-web-modal-wrap {
    left: 0;
    right: unset
  }

  .isv-web-modal-basic.isv-web-modal-position-left .isv-web-modal-header {
    border-radius: 0 6px 6px 0
  }

  .isv-web-modal-basic.isv-web-modal-position-left .isv-web-modal-content {
    width: 355px;
    height: 100%;
    border-radius: 0 6px 6px 0
  }

  .isv-web-modal-basic.isv-web-modal-position-left.isv-web-modal--visible-animation .isv-web-modal-wrap {
    -webkit-animation: .3s modal-slideInLeft forwards ease;
    animation: .3s modal-slideInLeft forwards ease
  }

  .isv-web-modal-basic.isv-web-modal-position-left.isv-web-modal--not-visible-animation .isv-web-modal-wrap {
    -webkit-animation: .3s modal-slideOutLeft forwards ease;
    animation: .3s modal-slideOutLeft forwards ease
  }

  .isv-web-modal-basic.isv-web-modal-position-right .isv-web-modal-wrap {
    left: unset
  }

  .isv-web-modal-basic.isv-web-modal-position-right .isv-web-modal-header {
    border-radius: 6px 0 0 6px
  }

  .isv-web-modal-basic.isv-web-modal-position-right .isv-web-modal-content {
    width: 355px;
    height: 100%;
    border-radius: 6px 0 0 6px
  }

  .isv-web-modal-basic.isv-web-modal-position-right.isv-web-modal--visible-animation .isv-web-modal-wrap {
    -webkit-animation: .3s modal-slideInRight forwards ease;
    animation: .3s modal-slideInRight forwards ease
  }

  .isv-web-modal-basic.isv-web-modal-position-right.isv-web-modal--not-visible-animation .isv-web-modal-wrap {
    -webkit-animation: .3s modal-slideOutRight forwards ease;
    animation: .3s modal-slideOutRight forwards ease
  }
}

.isv-web-modal-confirm .isv-web-modal-body {
  margin-top: 0
}

.isv-web-modal-confirm .isv-web-modal-close {
  position: unset;
  margin-left: auto;
  margin-bottom: 10px
}

.isv-web-modal-confirm .isv-web-modal-content {
  padding: 24px
}

.isv-web-modal-confirm .isv-web-modal-content.isv-web-modal-content1 {
  padding: 12px 24px 24px
}

.isv-web-modal-confirm .isv-web-modal-content.isv-web-modal-content1 .isv-web-modal-body {
  margin-top: 12px
}

.isv-web-modal-confirm .isv-web-modal-title {
  margin-bottom: 12px
}

.isv-web-modal-confirm .isv-web-modal-footer {
  margin-top: 24px
}

@media only screen and (min-width: 751px) {
  .isv-web-modal-confirm .isv-web-modal-content {
    width: 480px
  }
}

@media only screen and (max-width: 750px) {
  .isv-web-modal-confirm .isv-web-modal-content {
    width: 335px
  }

  .isv-web-modal-confirm .isv-web-modal-footer {
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .isv-web-modal-confirm .isv-web-modal-footer button {
    -ms-flex: 1;
    flex: 1
  }
}

.isv-web-modal-confirm.isv-web-modal--visible-animation .isv-web-modal-wrap {
  -webkit-animation: .3s modal-fadeIn forwards ease;
  animation: .3s modal-fadeIn forwards ease
}

.isv-web-modal-confirm.isv-web-modal--visible-animation .isv-web-modal-content {
  -webkit-animation: .3s modal-zoomIn forwards ease;
  animation: .3s modal-zoomIn forwards ease
}

.isv-web-modal-confirm.isv-web-modal--not-visible-animation .isv-web-modal-wrap {
  -webkit-animation: .3s modal-fadeOut forwards ease;
  animation: .3s modal-fadeOut forwards ease
}

.isv-web-modal-confirm.isv-web-modal--not-visible-animation .isv-web-modal-content {
  -webkit-animation: .3s modal-zoomOut forwards ease;
  animation: .3s modal-zoomOut forwards ease
}

.isv-web-modal--visible-animation .isv-web-modal-mask {
  -webkit-animation: .3s modal-fadeIn forwards ease;
  animation: .3s modal-fadeIn forwards ease
}

.isv-web-modal--not-visible-animation .isv-web-modal-mask {
  -webkit-animation: .3s modal-fadeOut forwards ease;
  animation: .3s modal-fadeOut forwards ease
}

@-webkit-keyframes modal-slideInBottom {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes modal-slideInBottom {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes modal-slideOutBottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

@keyframes modal-slideOutBottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

@-webkit-keyframes modal-slideInTop {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes modal-slideInTop {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes modal-slideOutTop {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

@keyframes modal-slideOutTop {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

@-webkit-keyframes modal-slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes modal-slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@-webkit-keyframes modal-slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@keyframes modal-slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@-webkit-keyframes modal-slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes modal-slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@-webkit-keyframes modal-slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

@keyframes modal-slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

@-webkit-keyframes modal-fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes modal-fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes modal-fadeOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@keyframes modal-fadeOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

@-webkit-keyframes modal-zoomIn {
  0% {
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes modal-zoomIn {
  0% {
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes modal-zoomOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  100% {
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }
}

@keyframes modal-zoomOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  100% {
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }
}

/* ========== block ========== */

html {
  --isv-web-color_page_background: 255, 255, 255;
  --isv-web-color_entry_line: 221, 221, 221;
  --isv-web-color_text: 0, 0, 0;
  --isv-web-color_light_text: 104, 104, 104;
  --isv-web-color_cart_dot: 238, 71, 9;
  --isv-web-color_cart_dot_text: 0, 0, 0;
  --isv-web-color_tooltip_background: 0, 0, 0;
  --isv-web-color_tooltip_text: 255, 255, 255;
  --isv-web-color_mask: 0, 0, 0;
  --isv-web-duration_long: 500ms;
  --isv-web-type_title_font: "Montserrat";
  --isv-web-type_title_letter_spacing: 0;
  --isv-web-type_title_size: 30px;
  --isv-web-type_title_weight: 700;
  --isv-web-type_title_line_height: 1.2;
  --isv-web-color_title: inherit;
  --isv-web-type_title_uppercase: unset;
  --isv-web-type_body_font: "Poppins";
  --isv-web-type_body_letter_spacing: 0;
  --isv-web-type_body_size: 14px;
  --isv-web-type_body_weight: 400;
  --isv-web-type_body_line_height: 1.6;
  --isv-web-color_body: inherit;
  --isv-web-type_body_uppercase: unset;
  --isv-web-color_btn_background: 0, 0, 0;
  --isv-web-color_btn_text: 255, 255, 255;
  --isv-web-color_btn_border: transparent;
  --isv-web-btn_border_thickness: 1px;
  --isv-web-btn_border_opacity: 1;
  --isv-web-btn_border_radius: 4px;
  --isv-web-btn_shadow_opacity: 1;
  --isv-web-btn_shadow_offset_x: 0;
  --isv-web-btn_shadow_offset_y: 0;
  --isv-web-btn_shadow_blur: 0;
  --isv-web-color_secondary_btn_background: 255, 255, 255;
  --isv-web-color_secondary_btn_text: 0, 0, 0;
  --isv-web-color_secondary_btn_border: 0, 0, 0;
  --isv-web-input_border_thickness: 1px;
  --isv-web-input_border_opacity: 1;
  --isv-web-input_border_radius: 4px;
  --isv-web-input_shadow_opacity: 1;
  --isv-web-input_shadow_offset_x: 0;
  --isv-web-input_shadow_offset_y: 0;
  --isv-web-input_shadow_blur: 0;
  --isv-web-color_input_border: var(--isv-web-color_text);
  --isv-web-color_input_background: var(--isv-web-color_page_background);
  --isv-web-color_input_text: var(--isv-web-color_text);
  --isv-web-sku_selector_border_thickness: 1px;
  --isv-web-sku_selector_border_opacity: 1;
  --isv-web-sku_selector_border_radius: 4px;
  --isv-web-sku_selector_shadow_opacity: 1;
  --isv-web-sku_selector_shadow_offset_x: 0;
  --isv-web-sku_selector_shadow_offset_y: 0;
  --isv-web-sku_selector_shadow_blur: 0;
  --isv-web-color_sku_selector_border: var(--isv-web-color_entry_line);
  --isv-web-color_sku_selector_background: var(--isv-web-color_page_background);
  --isv-web-color_sku_selector_text: var(--isv-web-color_text);
  --isv-web-menu_modal_border_thickness: 0;
  --isv-web-menu_modal_border_opacity: 1;
  --isv-web-menu_modal_border_radius: 0;
  --isv-web-menu_modal_shadow_opacity: 1;
  --isv-web-menu_modal_shadow_offset_x: 0;
  --isv-web-menu_modal_shadow_offset_y: 0;
  --isv-web-menu_modal_shadow_blur: 0;
  --isv-web-menu_modal_z_index: 999;
  --isv-web-color_menu_modal_border: transparent;
  --isv-web-color_menu_modal_background: var(--isv-web-color_page_background);
  --isv-web-color_menu_modal_text: var(--isv-web-color_text);
  --isv-web-color_menu_modal_mask: rgba(var(--isv-web-color_text), .2);
  --isv-web-drawer_border_thickness: 1px;
  --isv-web-drawer_border_opacity: 1;
  --isv-web-color_drawer_border: var(--isv-web-color_entry_line);
  --isv-web-drawer_shadow_opacity: 0;
  --isv-web-drawer_shadow_offset_x: 0;
  --isv-web-drawer_shadow_offset_y: 0;
  --isv-web-drawer_shadow_blur: 0;
  --isv-web-color_drawer_background: var(--isv-web-color_page_background);
  --isv-web-color_drawer_text: var(--isv-web-color_text);
  --isv-web-color_drawer_mask: rgba(var(--isv-web-color_text), .2);
  --isv-web-content_border_thickness: 1px;
  --isv-web-content_border_opacity: 1;
  --isv-web-content_border_radius: 4px;
  --isv-web-color_content_border: var(--isv-web-color_entry_line);
  --isv-web-content_shadow_opacity: 0;
  --isv-web-content_shadow_offset_x: 0;
  --isv-web-content_shadow_offset_y: 0;
  --isv-web-content_shadow_blur: 0;
  --isv-web-color_loading: var(--isv-web-color_text)
}

.isv-web-input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  line-height: 1.4;
  transition: all 300ms;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(var(--isv-web-color_text), var(--isv-web-color_text_alpha, 1));
  background-color: rgba(var(--isv-web-color_page_background), var(--isv-web-color_page_background_alpha, 1));
  margin-bottom: 6px;
  padding: 0 16px
}

.isv-web-input::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  border-width: var(--isv-web-input_border_thickness);
  border-style: solid;
  border-color: rgb(var(--isv-web-color_entry_line));
  pointer-events: none;
  transition: border-color 300ms;
  border-radius: var(--isv-web-input_border_radius);
  box-shadow: var(--isv-web-input_shadow_offset_x) var(--isv-web-input_shadow_offset_y) var(--isv-web-input_shadow_blur) rgba(var(--isv-web-color_text), var(--isv-web-input_shadow_opacity))
}

.isv-web-input:not(.isv-web-input-disabled):not(.isv-web-input-error):hover::after,
.isv-web-input:not(.isv-web-input-disabled):focus-within::after {
  border-color: rgb(var(--isv-web-color_text));
  border-width: calc(var(--isv-web-input_border_thickness) + 1px)
}

.isv-web-input-disabled input,
.isv-web-input-disabled:hover {
  cursor: not-allowed
}

.isv-web-input-error::after {
  border-color: #F04949
}

.isv-web-input-error:not(:focus-within) .isv-web-input-show-count-suffix {
  color: #F04949;
  opacity: 1
}

.isv-web-input-label-wrap {
  position: relative;
  width: 100%
}

.isv-web-input-label {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 16px;
  right: 0;
  top: 15.5px;
  pointer-events: none;
  width: calc(100% - 32px);
  transition: font-size 300ms ease, -webkit-transform 300ms ease;
  transition: transform 300ms ease, font-size 300ms ease;
  transition: transform 300ms ease, font-size 300ms ease, -webkit-transform 300ms ease;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top
}

.isv-web-input-label-content {
  color: rgba(var(--isv-web-color_text), var(--isv-web-color_text_alpha, 1));
  word-break: break-word;
  opacity: .3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}

.isv-web-input-label .isv-web-input-suffix {
  visibility: hidden;
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.isv-web-input__input,
.isv-web-input__textarea {
  width: 100%;
  font-size: inherit;
  box-sizing: border-box;
  border: none;
  padding: 12px 0;
  background: none;
  line-height: 1.6;
  box-shadow: none !important;
  color: rgba(var(--isv-web-color_text), var(--isv-web-color_text_alpha, 1));
  -webkit-appearance: none;
  appearance: none;
  resize: none
}

.isv-web-input__input::-webkit-input-placeholder,
.isv-web-input__textarea::-webkit-input-placeholder {
  color: rgba(var(--isv-web-color_text), var(--isv-web-color_text_alpha, 1));
  opacity: .3
}

.isv-web-input__input:-ms-input-placeholder,
.isv-web-input__textarea:-ms-input-placeholder {
  color: rgba(var(--isv-web-color_text), var(--isv-web-color_text_alpha, 1));
  opacity: .3
}

.isv-web-input__input::placeholder,
.isv-web-input__textarea::placeholder {
  color: rgba(var(--isv-web-color_text), var(--isv-web-color_text_alpha, 1));
  opacity: .3
}

.isv-web-input__input::-webkit-scrollbar,
.isv-web-input__textarea::-webkit-scrollbar {
  width: 6px
}

.isv-web-input__input::-webkit-scrollbar-thumb,
.isv-web-input__textarea::-webkit-scrollbar-thumb {
  background-color: #D9D9D9;
  border-radius: 4px
}

.isv-web-input__input::-webkit-scrollbar-track,
.isv-web-input__textarea::-webkit-scrollbar-track {
  background: transparent
}

.isv-web-input__input_label,
.isv-web-input__textarea_label {
  padding-top: 24px;
  padding-bottom: 6px
}

.isv-web-input__input_label::-webkit-input-placeholder,
.isv-web-input__textarea_label::-webkit-input-placeholder {
  opacity: 0
}

.isv-web-input__input_label:-ms-input-placeholder,
.isv-web-input__textarea_label:-ms-input-placeholder {
  opacity: 0
}

.isv-web-input__input_label::placeholder,
.isv-web-input__textarea_label::placeholder {
  opacity: 0
}

.isv-web-input__input:focus~.isv-web-input-label,
.isv-web-input__textarea:focus~.isv-web-input-label,
.isv-web-input__input:not(:placeholder-shown)~.isv-web-input-label,
.isv-web-input__textarea:not(:placeholder-shown)~.isv-web-input-label,
.isv-web-input__input:-webkit-autofill~.isv-web-input-label,
.isv-web-input__textarea:-webkit-autofill~.isv-web-input-label {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: .8em;
  font-weight: 300
}

.isv-web-input__input:focus~.isv-web-input-label .isv-web-input-label-content,
.isv-web-input__textarea:focus~.isv-web-input-label .isv-web-input-label-content,
.isv-web-input__input:not(:placeholder-shown)~.isv-web-input-label .isv-web-input-label-content,
.isv-web-input__textarea:not(:placeholder-shown)~.isv-web-input-label .isv-web-input-label-content,
.isv-web-input__input:-webkit-autofill~.isv-web-input-label .isv-web-input-label-content,
.isv-web-input__textarea:-webkit-autofill~.isv-web-input-label .isv-web-input-label-content {
  opacity: .6;
  word-break: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}

.isv-web-input__input:focus~.isv-web-input-label .isv-web-input-suffix,
.isv-web-input__textarea:focus~.isv-web-input-label .isv-web-input-suffix,
.isv-web-input__input:not(:placeholder-shown)~.isv-web-input-label .isv-web-input-suffix,
.isv-web-input__textarea:not(:placeholder-shown)~.isv-web-input-label .isv-web-input-suffix,
.isv-web-input__input:-webkit-autofill~.isv-web-input-label .isv-web-input-suffix,
.isv-web-input__textarea:-webkit-autofill~.isv-web-input-label .isv-web-input-suffix {
  display: none
}

.isv-web-input__input:focus::after,
.isv-web-input__textarea:focus::after,
.isv-web-input__input:focus-within::after,
.isv-web-input__textarea:focus-within::after {
  border-color: rgb(var(--isv-web-color_text), 1);
  border-width: calc(var(--isv-web-input_border_thickness)+1px)
}

.isv-web-input__input:focus-visible,
.isv-web-input__textarea:focus-visible,
.isv-web-input__input:focus,
.isv-web-input__textarea:focus {
  outline: 0
}

.isv-web-input__input:-webkit-autofill,
.isv-web-input__textarea:-webkit-autofill,
.isv-web-input__input:-webkit-autofill:hover,
.isv-web-input__textarea:-webkit-autofill:hover,
.isv-web-input__input:-webkit-autofill:focus,
.isv-web-input__textarea:-webkit-autofill:focus,
.isv-web-input__input:-webkit-autofill:active,
.isv-web-input__textarea:-webkit-autofill:active {
  -webkit-transition: background-color 5000000s ease-in-out 0s;
  transition: background-color 5000000s ease-in-out 0s
}

.isv-web-input__input_label:focus~.isv-web-input-suffix,
.isv-web-input__input_label:not(:placeholder-shown)~.isv-web-input-suffix,
.isv-web-input__input_label:-webkit-autofill~.isv-web-input-suffix {
  padding-top: 24px;
  padding-bottom: 6px
}

.isv-web-input__textarea_label:focus,
.isv-web-input__textarea_label:not(:placeholder-shown),
.isv-web-input__textarea_label:-webkit-autofill {
  padding-top: 0;
  margin-top: 24px
}

.isv-web-input-suffix {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: none;
  flex: none;
  -ms-flex-align: center;
  align-items: center;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  padding: 12px 0;
  margin-left: 4px;
  transition: all 300ms
}

.isv-web-input-suffix>*:not(:last-child) {
  -webkit-margin-end: 0;
  margin-inline-end: 0
}

.isv-web-input-show-count-suffix {
  color: rgba(var(--isv-web-color_light_text), 1);
  opacity: .6;
  text-overflow: ellipsis;
  text-align: right
}

.isv-web-input-show-count-has-suffix {
  -webkit-margin-end: 0;
  margin-inline-end: 0
}

.isv-web-input-suffix-error {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  color: #F04949
}

.isv-web-input-wrap {
  position: relative;
  width: 100%
}

.isv-web-input-wrap-focused .isv-web-input-suffix-error {
  visibility: hidden
}

.isv-web-textarea:has(.isv-web-input-suffix) {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.isv-web-textarea:has(.isv-web-input-suffix) .isv-web-input__textarea {
  padding-bottom: 0
}

.isv-web-textarea .isv-web-input__textarea~.isv-web-input-suffix {
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-top: 0;
  padding-bottom: 6px
}

.isv-web-input-number {
  padding-right: 0
}

.isv-web-input-number-operate {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  padding: 0;
  margin-left: 4px;
  transition: all 300ms;
  border-left: var(--isv-web-input_border_thickness) solid rgb(var(--isv-web-color_entry_line));
  opacity: 0
}

.isv-web-input-number-operate>*:not(:last-child) {
  -webkit-margin-end: 0;
  margin-inline-end: 0
}

.isv-web-input-number:hover .isv-web-input-number-operate,
.isv-web-input-number:focus .isv-web-input-number-operate {
  opacity: 1
}

.isv-web-input-number-operate-btn {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 4px 7px
}

.isv-web-input-number-opreate-line {
  width: 100%;
  height: var(--isv-web-input_border_thickness);
  background-color: rgb(var(--isv-web-color_entry_line))
}

.isv-web-input-wrap-focused .isv-web-input-number-operate {
  opacity: 1
}

/* ========== block ========== */

html {
  --isv-web-color_page_background: 255, 255, 255;
  --isv-web-color_entry_line: 221, 221, 221;
  --isv-web-color_text: 0, 0, 0;
  --isv-web-color_light_text: 104, 104, 104;
  --isv-web-color_cart_dot: 238, 71, 9;
  --isv-web-color_cart_dot_text: 0, 0, 0;
  --isv-web-color_tooltip_background: 0, 0, 0;
  --isv-web-color_tooltip_text: 255, 255, 255;
  --isv-web-color_mask: 0, 0, 0;
  --isv-web-duration_long: 500ms;
  --isv-web-type_title_font: "Montserrat";
  --isv-web-type_title_letter_spacing: 0;
  --isv-web-type_title_size: 30px;
  --isv-web-type_title_weight: 700;
  --isv-web-type_title_line_height: 1.2;
  --isv-web-color_title: inherit;
  --isv-web-type_title_uppercase: unset;
  --isv-web-type_body_font: "Poppins";
  --isv-web-type_body_letter_spacing: 0;
  --isv-web-type_body_size: 14px;
  --isv-web-type_body_weight: 400;
  --isv-web-type_body_line_height: 1.6;
  --isv-web-color_body: inherit;
  --isv-web-type_body_uppercase: unset;
  --isv-web-color_btn_background: 0, 0, 0;
  --isv-web-color_btn_text: 255, 255, 255;
  --isv-web-color_btn_border: transparent;
  --isv-web-btn_border_thickness: 1px;
  --isv-web-btn_border_opacity: 1;
  --isv-web-btn_border_radius: 4px;
  --isv-web-btn_shadow_opacity: 1;
  --isv-web-btn_shadow_offset_x: 0;
  --isv-web-btn_shadow_offset_y: 0;
  --isv-web-btn_shadow_blur: 0;
  --isv-web-color_secondary_btn_background: 255, 255, 255;
  --isv-web-color_secondary_btn_text: 0, 0, 0;
  --isv-web-color_secondary_btn_border: 0, 0, 0;
  --isv-web-input_border_thickness: 1px;
  --isv-web-input_border_opacity: 1;
  --isv-web-input_border_radius: 4px;
  --isv-web-input_shadow_opacity: 1;
  --isv-web-input_shadow_offset_x: 0;
  --isv-web-input_shadow_offset_y: 0;
  --isv-web-input_shadow_blur: 0;
  --isv-web-color_input_border: var(--isv-web-color_text);
  --isv-web-color_input_background: var(--isv-web-color_page_background);
  --isv-web-color_input_text: var(--isv-web-color_text);
  --isv-web-sku_selector_border_thickness: 1px;
  --isv-web-sku_selector_border_opacity: 1;
  --isv-web-sku_selector_border_radius: 4px;
  --isv-web-sku_selector_shadow_opacity: 1;
  --isv-web-sku_selector_shadow_offset_x: 0;
  --isv-web-sku_selector_shadow_offset_y: 0;
  --isv-web-sku_selector_shadow_blur: 0;
  --isv-web-color_sku_selector_border: var(--isv-web-color_entry_line);
  --isv-web-color_sku_selector_background: var(--isv-web-color_page_background);
  --isv-web-color_sku_selector_text: var(--isv-web-color_text);
  --isv-web-menu_modal_border_thickness: 0;
  --isv-web-menu_modal_border_opacity: 1;
  --isv-web-menu_modal_border_radius: 0;
  --isv-web-menu_modal_shadow_opacity: 1;
  --isv-web-menu_modal_shadow_offset_x: 0;
  --isv-web-menu_modal_shadow_offset_y: 0;
  --isv-web-menu_modal_shadow_blur: 0;
  --isv-web-menu_modal_z_index: 999;
  --isv-web-color_menu_modal_border: transparent;
  --isv-web-color_menu_modal_background: var(--isv-web-color_page_background);
  --isv-web-color_menu_modal_text: var(--isv-web-color_text);
  --isv-web-color_menu_modal_mask: rgba(var(--isv-web-color_text), .2);
  --isv-web-drawer_border_thickness: 1px;
  --isv-web-drawer_border_opacity: 1;
  --isv-web-color_drawer_border: var(--isv-web-color_entry_line);
  --isv-web-drawer_shadow_opacity: 0;
  --isv-web-drawer_shadow_offset_x: 0;
  --isv-web-drawer_shadow_offset_y: 0;
  --isv-web-drawer_shadow_blur: 0;
  --isv-web-color_drawer_background: var(--isv-web-color_page_background);
  --isv-web-color_drawer_text: var(--isv-web-color_text);
  --isv-web-color_drawer_mask: rgba(var(--isv-web-color_text), .2);
  --isv-web-content_border_thickness: 1px;
  --isv-web-content_border_opacity: 1;
  --isv-web-content_border_radius: 4px;
  --isv-web-color_content_border: var(--isv-web-color_entry_line);
  --isv-web-content_shadow_opacity: 0;
  --isv-web-content_shadow_offset_x: 0;
  --isv-web-content_shadow_offset_y: 0;
  --isv-web-content_shadow_blur: 0;
  --isv-web-color_loading: var(--isv-web-color_text)
}

.isv-web-radio {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.isv-web-radio .isv-web-radio-text {
  color: rgba(var(--isv-web-color_text), 1);
  margin-left: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%
}

.isv-web-radio-disabled {
  cursor: not-allowed
}

.isv-web-radio-disabled .isv-web-radio-text {
  color: rgba(var(--isv-web-color_text), .5)
}

.isv-web-radio-indeterminate input[type="radio"]::before {
  content: "";
  display: inline-block;
  visibility: visible;
  width: 8px;
  height: 8px;
  box-sizing: border-box;
  border-radius: 1px;
  background-color: rgba(var(--isv-web-color_btn_background), 1);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.isv-web-radio-indeterminate input[type="radio"]:checked::after {
  border-color: rgba(var(--isv-web-color_entry_line), 1)
}

.isv-web-radio-indeterminate input[type="radio"]:disabled::before {
  background-color: rgba(var(--isv-web-color_entry_line))
}

.isv-web-radio input {
  cursor: pointer;
  visibility: hidden;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  position: relative
}

.isv-web-radio input[type="radio"] {
  margin: 0;
  padding: 0
}

.isv-web-radio input[type="radio"]::after {
  border: 1px solid rgba(var(--isv-web-color_entry_line), 1);
  border-radius: 100%;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  visibility: visible;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.isv-web-radio input[type="radio"]:hover::after {
  border-color: rgba(var(--isv-web-color_btn_background), 1)
}

.isv-web-radio input[type="radio"]:checked::before {
  content: "";
  display: inline-block;
  visibility: visible;
  background-color: rgba(var(--isv-web-color_btn_background), 1);
  width: 8px;
  height: 8px;
  box-sizing: border-box;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.isv-web-radio input[type="radio"]:checked::after {
  content: "";
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border: 1px solid rgba(var(--isv-web-color_btn_background), 1)
}

.isv-web-radio input[type="radio"]:disabled::before {
  background-color: rgba(var(--isv-web-color_entry_line), 1);
  cursor: not-allowed
}

.isv-web-radio input[type="radio"]:disabled::after {
  background-color: rgba(var(--isv-web-color_entry_line), .5);
  border-color: rgba(var(--isv-web-color_entry_line), 1);
  cursor: not-allowed
}

.isv-web-radioGroup {
  display: -ms-flexbox;
  display: flex;
  gap: 12px 20px;
  -ms-flex-flow: wrap;
  flex-flow: wrap
}

.isv-web-radioGroup-col {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center
}

.isv-web-radioGroup-row {
  -ms-flex-direction: row;
  flex-direction: row
}

/* ========== block ========== */

html {
  --isv-web-color_page_background: 255, 255, 255;
  --isv-web-color_entry_line: 221, 221, 221;
  --isv-web-color_text: 0, 0, 0;
  --isv-web-color_light_text: 104, 104, 104;
  --isv-web-color_cart_dot: 238, 71, 9;
  --isv-web-color_cart_dot_text: 0, 0, 0;
  --isv-web-color_tooltip_background: 0, 0, 0;
  --isv-web-color_tooltip_text: 255, 255, 255;
  --isv-web-color_mask: 0, 0, 0;
  --isv-web-duration_long: 500ms;
  --isv-web-type_title_font: "Montserrat";
  --isv-web-type_title_letter_spacing: 0;
  --isv-web-type_title_size: 30px;
  --isv-web-type_title_weight: 700;
  --isv-web-type_title_line_height: 1.2;
  --isv-web-color_title: inherit;
  --isv-web-type_title_uppercase: unset;
  --isv-web-type_body_font: "Poppins";
  --isv-web-type_body_letter_spacing: 0;
  --isv-web-type_body_size: 14px;
  --isv-web-type_body_weight: 400;
  --isv-web-type_body_line_height: 1.6;
  --isv-web-color_body: inherit;
  --isv-web-type_body_uppercase: unset;
  --isv-web-color_btn_background: 0, 0, 0;
  --isv-web-color_btn_text: 255, 255, 255;
  --isv-web-color_btn_border: transparent;
  --isv-web-btn_border_thickness: 1px;
  --isv-web-btn_border_opacity: 1;
  --isv-web-btn_border_radius: 4px;
  --isv-web-btn_shadow_opacity: 1;
  --isv-web-btn_shadow_offset_x: 0;
  --isv-web-btn_shadow_offset_y: 0;
  --isv-web-btn_shadow_blur: 0;
  --isv-web-color_secondary_btn_background: 255, 255, 255;
  --isv-web-color_secondary_btn_text: 0, 0, 0;
  --isv-web-color_secondary_btn_border: 0, 0, 0;
  --isv-web-input_border_thickness: 1px;
  --isv-web-input_border_opacity: 1;
  --isv-web-input_border_radius: 4px;
  --isv-web-input_shadow_opacity: 1;
  --isv-web-input_shadow_offset_x: 0;
  --isv-web-input_shadow_offset_y: 0;
  --isv-web-input_shadow_blur: 0;
  --isv-web-color_input_border: var(--isv-web-color_text);
  --isv-web-color_input_background: var(--isv-web-color_page_background);
  --isv-web-color_input_text: var(--isv-web-color_text);
  --isv-web-sku_selector_border_thickness: 1px;
  --isv-web-sku_selector_border_opacity: 1;
  --isv-web-sku_selector_border_radius: 4px;
  --isv-web-sku_selector_shadow_opacity: 1;
  --isv-web-sku_selector_shadow_offset_x: 0;
  --isv-web-sku_selector_shadow_offset_y: 0;
  --isv-web-sku_selector_shadow_blur: 0;
  --isv-web-color_sku_selector_border: var(--isv-web-color_entry_line);
  --isv-web-color_sku_selector_background: var(--isv-web-color_page_background);
  --isv-web-color_sku_selector_text: var(--isv-web-color_text);
  --isv-web-menu_modal_border_thickness: 0;
  --isv-web-menu_modal_border_opacity: 1;
  --isv-web-menu_modal_border_radius: 0;
  --isv-web-menu_modal_shadow_opacity: 1;
  --isv-web-menu_modal_shadow_offset_x: 0;
  --isv-web-menu_modal_shadow_offset_y: 0;
  --isv-web-menu_modal_shadow_blur: 0;
  --isv-web-menu_modal_z_index: 999;
  --isv-web-color_menu_modal_border: transparent;
  --isv-web-color_menu_modal_background: var(--isv-web-color_page_background);
  --isv-web-color_menu_modal_text: var(--isv-web-color_text);
  --isv-web-color_menu_modal_mask: rgba(var(--isv-web-color_text), .2);
  --isv-web-drawer_border_thickness: 1px;
  --isv-web-drawer_border_opacity: 1;
  --isv-web-color_drawer_border: var(--isv-web-color_entry_line);
  --isv-web-drawer_shadow_opacity: 0;
  --isv-web-drawer_shadow_offset_x: 0;
  --isv-web-drawer_shadow_offset_y: 0;
  --isv-web-drawer_shadow_blur: 0;
  --isv-web-color_drawer_background: var(--isv-web-color_page_background);
  --isv-web-color_drawer_text: var(--isv-web-color_text);
  --isv-web-color_drawer_mask: rgba(var(--isv-web-color_text), .2);
  --isv-web-content_border_thickness: 1px;
  --isv-web-content_border_opacity: 1;
  --isv-web-content_border_radius: 4px;
  --isv-web-color_content_border: var(--isv-web-color_entry_line);
  --isv-web-content_shadow_opacity: 0;
  --isv-web-content_shadow_offset_x: 0;
  --isv-web-content_shadow_offset_y: 0;
  --isv-web-content_shadow_blur: 0;
  --isv-web-color_loading: var(--isv-web-color_text)
}

.isv-web-checkbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  position: relative
}

.isv-web-checkbox-text {
  color: rgba(var(--isv-web-color_text), 1);
  margin-left: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%
}

.isv-web-checkbox-wrap {
  border: 1px solid rgba(var(--isv-web-color_entry_line), 1);
  border-radius: 2px;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative
}

.isv-web-checkbox-checked .isv-web-checkbox-checkedSvg path {
  fill: rgba(var(--isv-web-color_btn_text), 1)
}

.isv-web-checkbox-checked .isv-web-checkbox-wrap {
  background-color: rgba(var(--isv-web-color_btn_background), 1);
  border-color: rgba(var(--isv-web-color_btn_background), 1)
}

.isv-web-checkbox-disabled {
  cursor: not-allowed
}

.isv-web-checkbox-disabled .isv-web-checkbox-wrap {
  background-color: rgba(var(--isv-web-color_entry_line), .5);
  border-color: rgba(var(--isv-web-color_entry_line), 1)
}

.isv-web-checkbox-disabled .isv-web-checkbox-checkedSvg path {
  fill: rgba(var(--isv-web-color_entry_line), 1)
}

.isv-web-checkbox-disabled .isv-web-checkbox-text {
  color: rgba(var(--isv-web-color_text), .5)
}

.isv-web-checkbox:not(.isv-web-checkbox-disabled) .isv-web-checkbox-wrap:hover {
  border-color: rgba(var(--isv-web-color_btn_background), 1)
}

.isv-web-checkbox-indeterminate .isv-web-checkbox-wrap::before {
  content: "";
  display: inline-block;
  visibility: visible;
  width: 6px;
  height: 6px;
  box-sizing: border-box;
  border-radius: 1px;
  background-color: rgba(var(--isv-web-color_btn_background), 1);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.isv-web-checkbox-indeterminate.isv-web-checkbox-disabled .isv-web-checkbox-wrap::before {
  background-color: rgba(var(--isv-web-color_entry_line), 1)
}

.isv-web-checkbox input {
  cursor: pointer;
  display: none
}

.isv-web-checkboxGroup {
  display: -ms-flexbox;
  display: flex;
  gap: 12px 20px;
  -ms-flex-flow: wrap;
  flex-flow: wrap
}

.isv-web-checkboxGroup-col {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center
}

.isv-web-checkboxGroup-row {
  -ms-flex-direction: row;
  flex-direction: row
}

/* ========== block ========== */

.plugin-product-comment-uploadHandler {
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: rgba(248, 250, 251, 1);
  padding: 20px 0;
  cursor: pointer
}

.plugin-product-comment-uploadHandler.disabled {
  opacity: 0.4;
  cursor: not-allowed
}

.plugin-product-comment-uploadHandler input {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 12
}

.plugin-product-comment-uploadHandler .plugin-product-comment-addIcon path {
  fill: currentColor;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-uploadHandler .plugin-product-comment-uploading {
  -webkit-animation: plugin-product-comment-image-uploading 1s linear infinite;
  animation: plugin-product-comment-image-uploading 1s linear infinite
}

.plugin-product-comment-uploadHandler .plugin-product-comment-uploading path {
  stroke: currentColor;
  fill: none;
  color: var(--plugin-product-comment-color_text);
  opacity: 0.1
}

.plugin-product-comment-uploadHandler .plugin-product-comment-content {
  margin-top: 8px
}

@media (min-width: 750px) {
  .plugin-product-comment-uploadHandler {
    border: 1px dashed rgba(0, 0, 0, .45)
  }

  .plugin-product-comment-uploadHandler:hover {
    border: 1px dashed rgba(0, 0, 0, .2);
    background: rgba(248, 250, 251, .6)
  }
}

@-webkit-keyframes plugin-product-comment-image-uploading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes plugin-product-comment-image-uploading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

/* ========== block ========== */

.plugin-product-comment-ImageItem {
  position: relative;
  width: 48px;
  height: 48px
}

.plugin-product-comment-ImageItem:first-child {
  width: 100%;
  height: unset
}

.plugin-product-comment-ImageItemWrap {
  padding-bottom: 100%
}

.plugin-product-comment-ImageItem img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.plugin-product-comment-ImageItem-delIcon {
  position: absolute;
  top: -4px;
  right: -3px;
  width: 16px;
  height: 16px;
  line-height: 1;
  z-index: 1;
  background-color: var(--plugin-product-comment-color_text);
  border-radius: 50%;
  cursor: pointer
}

.plugin-product-comment-ImageItem-delIcon>svg path {
  stroke: currentColor;
  color: var(--plugin-product-comment-color_page_background)
}

.plugin-product-comment-ImageItem-playIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  z-index: 1;
  cursor: pointer
}

.plugin-product-comment-ImageItem-playIcon svg {
  width: 100%;
  height: 100%
}

.plugin-product-comment-uploadTip1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 8px;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-uploadTip2 {
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-uploadTotal {
  opacity: 0.6;
  margin-right: 12px;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-ImageList {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
  width: 600px
}

.plugin-product-comment-ImageList.multiImage {
  margin-bottom: 0
}

@media (max-width: 749.98px) {
  .plugin-product-comment-uploadTip1 {
    font-size: 13px;
    font-weight: 300;
    line-height: 160%
  }

  .plugin-product-comment-uploadTip2 {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 300;
    line-height: 160%
  }

  .plugin-product-comment-uploadTotal {
    opacity: 0.6;
    margin-right: 12px
  }

  .plugin-product-comment-uploadHandler {
    border: none;
    width: unset
  }

  .plugin-product-comment-ImageListHeader {
    margin-bottom: 12px
  }

  .plugin-product-comment-ImageList {
    width: 248px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
  }

  .plugin-product-comment-ImageItem {
    width: 76px;
    height: 76px;
    position: relative
  }

  .plugin-product-comment-ImageItem:first-child {
    width: 76px;
    height: 76px
  }

  .plugin-product-comment-ImageItemWrap {
    padding-bottom: 100%
  }

  .plugin-product-comment-ImageItem:nth-child(5n) {
    margin-right: 0
  }
}

/* ========== block ========== */

.plugin-product-comment-stars {
  display: -ms-flexbox;
  display: flex;
  gap: 40px
}

.plugin-product-comment-stars .star {
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  cursor: pointer
}

.plugin-product-comment-stars .star .icon {
  display: block;
  margin: 0 auto 8px;
  width: 56px
}

.plugin-product-comment-stars .star .iconText {
  color: var(--plugin-product-comment-color_text);
  font-size: 18px;
  font-weight: 300;
  line-height: 160%
}

.plugin-product-comment-stars .star svg {
  display: block;
  width: 100%;
  height: 100%
}

.plugin-product-comment-stars .star svg path {
  stroke: var(--startColor)
}

.plugin-product-comment-stars .star.filled svg path,
.plugin-product-comment-stars .star:hover svg path {
  fill: var(--startColor)
}

.plugin-product-comment-stars .star.filled .icon {
  -webkit-animation: .3s product-comment-star-scaleIn forwards ease;
  animation: .3s product-comment-star-scaleIn forwards ease
}

@media (max-width: 749.98px) {
  .plugin-product-comment-stars {
    gap: unset
  }

  .plugin-product-comment-stars .star .icon {
    width: 32px
  }

  .plugin-product-comment-stars .star .iconText {
    font-size: 12px
  }
}

@-webkit-keyframes product-comment-star-scaleIn {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes product-comment-star-scaleIn {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5)
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

/* ========== block ========== */

.plugin-product-comment-previewVideoOrImageModal {
  width: 100%
}

.plugin-product-comment-previewVideoOrImageModal.isv-web-modal-basic.isv-web-modal-position-right .isv-web-modal-content {
  padding: unset;
  width: 100%;
  border-radius: unset;
  background-color: #191919
}

.plugin-product-comment-previewVideoOrImageModal.isv-web-modal-basic.isv-web-modal-position-right .isv-web-modal-wrap {
  width: 100%
}

.plugin-product-comment-previewVideoOrImageModal.isv-web-modal-basic.isv-web-modal-position-right .isv-web-modal-body {
  height: 100%
}

.plugin-product-comment-previewVideoOrImageModal .plugin-product-comment-header {
  margin: 12px 0 0 12px;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0
}

.plugin-product-comment-previewVideoOrImageModal .plugin-product-comment-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  position: relative
}

.plugin-product-comment-previewVideoOrImageModal img {
  width: 100%;
  height: calc(100% - 80px);
  -o-object-fit: contain;
  object-fit: contain
}

.plugin-product-comment-previewVideoOrImageModal video {
  width: 100%
}

/* ========== block ========== */

.plugin-product-comment-CommentThanks {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 92px 0;
  background-color: #fff
}

.plugin-product-comment-CommentThanks a {
  text-decoration: none
}

.plugin-product-comment-CommentThanks-title {
  color: var(--plugin-product-comment-color_text);
  text-align: center;
  font-weight: 500;
  font-size: 24px;
  line-height: 160%;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase
}

.plugin-product-comment-CommentThanks-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 24px
}

/* ========== block ========== */

.plugin-product-comment-writeCommentModal .isv-web-input {
  margin-bottom: 0
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-stepWrapper {
  display: none
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-stepWrapper.plugin-product-comment-stepWrapperActive {
  display: block
}

.plugin-product-comment-writeCommentModal .isv-web-modal-content:has(.plugin-product-comment-stepBarWrap) {
  padding: 0;
  height: 500px
}

.plugin-product-comment-writeCommentModal .isv-web-modal-content:has(.plugin-product-comment-multiQuestionsStep1) {
  height: auto
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-modal-close {
  top: 20px;
  right: 20px
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-button-small {
  padding: 12px 20px
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-button-small .plugin-product-comment-button-content {
  font-size: 18px;
  font-weight: 500;
  line-height: 160%
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-stepBarWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 16px;
  padding: 0 40px;
  margin-top: 24px;
  margin-bottom: 56px
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-stepBar {
  -ms-flex: 1;
  flex: 1;
  height: 8px;
  border-radius: 4px;
  background-color: #2c2c2c;
  opacity: 0.2
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-stepBar.active {
  opacity: 1
}

.plugin-product-comment-writeCommentModal .selected-text {
  margin-top: 10px
}

.plugin-product-comment-writeCommentModal h1 {
  font-size: 32px;
  font-weight: 700;
  line-height: 140%;
  margin: 0;
  text-align: center
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-step1,
.plugin-product-comment-writeCommentModal .plugin-product-comment-step2,
.plugin-product-comment-writeCommentModal .plugin-product-comment-step3,
.plugin-product-comment-writeCommentModal .plugin-product-comment-step4 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-step1 {
  margin: 60px 0 84px
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-step1 .plugin-product-comment-MultiQuestions {
  margin-top: 40px;
  margin-bottom: 0
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-step1 .plugin-product-comment-title {
  margin-bottom: 40px
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-step1 .plugin-product-comment-form-item {
  margin-bottom: 0
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-step1 .plugin-product-comment-product-card {
  padding: 8px;
  height: 64px
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-step1 .plugin-product-comment-product-card-pic {
  width: 48px;
  height: 48px
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-multiQuestionsStep1 {
  margin-top: 10px
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-step2 .plugin-product-comment-title {
  margin-bottom: 20px
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-step3 .plugin-product-comment-title {
  margin-bottom: 20px
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-step3 .plugin-product-comment-form-item {
  width: 600px
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-step4 {
  padding: 0 100px
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-step4 .plugin-product-comment-title {
  margin-bottom: 20px
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-step4 .plugin-product-comment-inline {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  width: 100%
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-step4 .plugin-product-comment-form-item {
  width: 100%
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-step5 {
  height: 500px
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-StepCustom {
  padding: 0 100px;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-StepCustom .plugin-product-comment-title {
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-StepCustom .plugin-product-comment-label {
  font-size: 14px;
  word-wrap: break-word;
  margin-bottom: 8px
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-StepCustom .plugin-product-comment-inline {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  width: 100%
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-StepCustom .plugin-product-comment-form-item {
  width: 100%
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-StepCustom .plugin-product-comment-form-item .plugin-product-comment-label {
  margin-right: 20px
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  border-top: 1px solid #d9d9d9;
  padding: 20px;
  position: fixed;
  bottom: 0
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-footer .backBtn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  cursor: pointer
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-footer .backBtn svg path {
  stroke: currentColor
}

.plugin-product-comment-writeCommentModal1 .isv-web-modal-content:has(.plugin-product-comment-stepBarWrap) {
  padding: 24px
}

/* ========== block ========== */

.plugin-product-comment-MultiQuestions {
  margin-bottom: 12px
}

.plugin-product-comment-MultiQuestions .plugin-product-comment-MultiQuestion {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.plugin-product-comment-MultiQuestions .plugin-product-comment-MultiQuestion .plugin-product-comment-MultiQuestionTitle {
  margin-right: 12px;
  font-family: Poppins;
  font-weight: 300;
  font-size: 18px;
  color: #2C2C2C;
  width: 221px
}

.plugin-product-comment-MultiQuestions .plugin-product-comment-MultiQuestion .plugin-product-comment-MultiQuestionFormItem {
  -ms-flex: 1;
  flex: 1
}

.plugin-product-comment-MultiQuestions .plugin-product-comment-MultiQuestion .plugin-product-comment-MultiQuestionFormItem .plugin-product-comment- svg {
  font-size: 29px
}

@media (max-width: 749.98px) {
  .plugin-product-comment-MultiQuestions .plugin-product-comment-MultiQuestion .plugin-product-comment-MultiQuestionTitle {
    width: 120px;
    font-size: 12px
  }

  .plugin-product-comment-MultiQuestions .plugin-product-comment-MultiQuestion .plugin-product-comment-MultiQuestionFormItem .plugin-product-comment- svg {
    font-size: 19px
  }
}

/* ========== block ========== */

.plugin-product-comment-MbWriteCommentModal .plugin-product-comment-form-item:last-child {
  margin-bottom: 0
}

.plugin-product-comment-MbWriteCommentModal button {
  width: 100%
}

.plugin-product-comment-label {
  font-size: 14px;
  word-wrap: break-word;
  margin-bottom: 8px
}

/* ========== block ========== */

.section-gap .plugin-product-comment-collections-mobile-write-btn {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  gap: 20px
}

.section-gap .plugin-product-comment-collections-mobile-write-btn.btn-left {
  -ms-flex-pack: start;
  justify-content: flex-start
}

.section-gap .plugin-product-comment-collections-mobile-write-btn.btn-center {
  -ms-flex-pack: center;
  justify-content: center
}

.section-gap .plugin-product-comment-collections-mobile-write-btn.btn-right {
  -ms-flex-pack: end;
  justify-content: flex-end
}

.section-gap .plugin-product-comment-pcPagination .isv-web-pagination-item,
.section-gap .plugin-product-comment-pcPagination .isv-web-pagination-item-link {
  white-space: nowrap
}

@media (max-width: 959.98px) {
  .section-gap .plugin-product-comment-collections-mobile-write-btn .plugin-product-comment-select-box {
    -ms-flex-negative: 0;
    flex-shrink: 0
  }

  .section-gap .plugin-product-comment-collections-mobile-write-btn.btn-left {
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .section-gap .plugin-product-comment-collections-mobile-write-btn.btn-center {
    -ms-flex-pack: center;
    justify-content: center
  }

  .section-gap .plugin-product-comment-collections-mobile-write-btn.btn-right {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

/* ========== block ========== */

.plugin-product-comment-videoPreviewModal .plugin-product-comment-modal-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(25, 25, 25, 1)
}

.plugin-product-comment-videoPreviewModal .plugin-product-comment-videoWrap {
  font-size: 0
}

.plugin-product-comment-videoPreviewModal .plugin-product-comment-modal-mask {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 100%)
}

/* ========== block ========== */

html {
  --isv-web-color_page_background: 255, 255, 255;
  --isv-web-color_entry_line: 221, 221, 221;
  --isv-web-color_text: 0, 0, 0;
  --isv-web-color_light_text: 104, 104, 104;
  --isv-web-color_cart_dot: 238, 71, 9;
  --isv-web-color_cart_dot_text: 0, 0, 0;
  --isv-web-color_tooltip_background: 0, 0, 0;
  --isv-web-color_tooltip_text: 255, 255, 255;
  --isv-web-color_mask: 0, 0, 0;
  --isv-web-duration_long: 500ms;
  --isv-web-type_title_font: "Montserrat";
  --isv-web-type_title_letter_spacing: 0;
  --isv-web-type_title_size: 30px;
  --isv-web-type_title_weight: 700;
  --isv-web-type_title_line_height: 1.2;
  --isv-web-color_title: inherit;
  --isv-web-type_title_uppercase: unset;
  --isv-web-type_body_font: "Poppins";
  --isv-web-type_body_letter_spacing: 0;
  --isv-web-type_body_size: 14px;
  --isv-web-type_body_weight: 400;
  --isv-web-type_body_line_height: 1.6;
  --isv-web-color_body: inherit;
  --isv-web-type_body_uppercase: unset;
  --isv-web-color_btn_background: 0, 0, 0;
  --isv-web-color_btn_text: 255, 255, 255;
  --isv-web-color_btn_border: transparent;
  --isv-web-btn_border_thickness: 1px;
  --isv-web-btn_border_opacity: 1;
  --isv-web-btn_border_radius: 4px;
  --isv-web-btn_shadow_opacity: 1;
  --isv-web-btn_shadow_offset_x: 0;
  --isv-web-btn_shadow_offset_y: 0;
  --isv-web-btn_shadow_blur: 0;
  --isv-web-color_secondary_btn_background: 255, 255, 255;
  --isv-web-color_secondary_btn_text: 0, 0, 0;
  --isv-web-color_secondary_btn_border: 0, 0, 0;
  --isv-web-input_border_thickness: 1px;
  --isv-web-input_border_opacity: 1;
  --isv-web-input_border_radius: 4px;
  --isv-web-input_shadow_opacity: 1;
  --isv-web-input_shadow_offset_x: 0;
  --isv-web-input_shadow_offset_y: 0;
  --isv-web-input_shadow_blur: 0;
  --isv-web-color_input_border: var(--isv-web-color_text);
  --isv-web-color_input_background: var(--isv-web-color_page_background);
  --isv-web-color_input_text: var(--isv-web-color_text);
  --isv-web-sku_selector_border_thickness: 1px;
  --isv-web-sku_selector_border_opacity: 1;
  --isv-web-sku_selector_border_radius: 4px;
  --isv-web-sku_selector_shadow_opacity: 1;
  --isv-web-sku_selector_shadow_offset_x: 0;
  --isv-web-sku_selector_shadow_offset_y: 0;
  --isv-web-sku_selector_shadow_blur: 0;
  --isv-web-color_sku_selector_border: var(--isv-web-color_entry_line);
  --isv-web-color_sku_selector_background: var(--isv-web-color_page_background);
  --isv-web-color_sku_selector_text: var(--isv-web-color_text);
  --isv-web-menu_modal_border_thickness: 0;
  --isv-web-menu_modal_border_opacity: 1;
  --isv-web-menu_modal_border_radius: 0;
  --isv-web-menu_modal_shadow_opacity: 1;
  --isv-web-menu_modal_shadow_offset_x: 0;
  --isv-web-menu_modal_shadow_offset_y: 0;
  --isv-web-menu_modal_shadow_blur: 0;
  --isv-web-menu_modal_z_index: 999;
  --isv-web-color_menu_modal_border: transparent;
  --isv-web-color_menu_modal_background: var(--isv-web-color_page_background);
  --isv-web-color_menu_modal_text: var(--isv-web-color_text);
  --isv-web-color_menu_modal_mask: rgba(var(--isv-web-color_text), .2);
  --isv-web-drawer_border_thickness: 1px;
  --isv-web-drawer_border_opacity: 1;
  --isv-web-color_drawer_border: var(--isv-web-color_entry_line);
  --isv-web-drawer_shadow_opacity: 0;
  --isv-web-drawer_shadow_offset_x: 0;
  --isv-web-drawer_shadow_offset_y: 0;
  --isv-web-drawer_shadow_blur: 0;
  --isv-web-color_drawer_background: var(--isv-web-color_page_background);
  --isv-web-color_drawer_text: var(--isv-web-color_text);
  --isv-web-color_drawer_mask: rgba(var(--isv-web-color_text), .2);
  --isv-web-content_border_thickness: 1px;
  --isv-web-content_border_opacity: 1;
  --isv-web-content_border_radius: 4px;
  --isv-web-color_content_border: var(--isv-web-color_entry_line);
  --isv-web-content_shadow_opacity: 0;
  --isv-web-content_shadow_offset_x: 0;
  --isv-web-content_shadow_offset_y: 0;
  --isv-web-content_shadow_blur: 0;
  --isv-web-color_loading: var(--isv-web-color_text)
}

.isv-web-pagination {
  display: -ms-flexbox;
  display: flex;
  margin: 0 10px;
  gap: 12px
}

.isv-web-pagination-start {
  -ms-flex-pack: start;
  justify-content: start
}

.isv-web-pagination-center {
  -ms-flex-pack: center;
  justify-content: center
}

.isv-web-pagination-end {
  -ms-flex-pack: end;
  justify-content: end
}

.isv-web-pagination .isv-web-pagination-item,
.isv-web-pagination .isv-web-pagination-prev,
.isv-web-pagination .isv-web-pagination-next,
.isv-web-pagination .isv-web-pagination-item-link {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px;
  cursor: pointer
}

.isv-web-pagination .isv-web-pagination-prev,
.isv-web-pagination .isv-web-pagination-next {
  padding: 12px
}

.isv-web-pagination .isv-web-pagination-prev svg path,
.isv-web-pagination .isv-web-pagination-next svg path {
  fill: currentcolor;
  color: rgba(var(--isv-web-color_text), 1)
}

.isv-web-pagination .isv-web-pagination-prev:hover,
.isv-web-pagination .isv-web-pagination-next:hover {
  background-color: rgba(var(--isv-web-color_text), .05);
  border-radius: 21px
}

.isv-web-pagination .isv-web-pagination-item {
  color: rgba(var(--isv-web-color_light_text), 1)
}

.isv-web-pagination .isv-web-pagination-item.isv-web-pagination-item-active {
  color: rgba(var(--isv-web-color_text), 1);
  position: relative
}

.isv-web-pagination .isv-web-pagination-item.isv-web-pagination-item-active::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(var(--isv-web-color_text), 1)
}

.isv-web-pagination .isv-web-pagination-item a {
  text-decoration: none !important;
  color: inherit;
  cursor: inherit
}

.isv-web-pagination .isv-web-pagination-disabled {
  cursor: not-allowed;
  opacity: .6
}

.isv-web-pagination .isv-web-pagination-disabled:hover {
  background: none
}

.isv-web-pagination .isv-web-pagination-item-link {
  background: none;
  border: none;
  color: rgba(var(--isv-web-color_light_text), 1)
}

.isv-web-pagination .isv-web-pagination-jump-prev,
.isv-web-pagination .isv-web-pagination-jump-next {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center
}

.isv-web-pagination .isv-web-pagination-jump-prev button:after,
.isv-web-pagination .isv-web-pagination-jump-next button:after {
  display: block;
  content: '···'
}

.isv-web-pagination li::marker {
  content: none
}

/* ========== block ========== */

.plugin-product-comment-collections-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px
}

.plugin-product-comment-collections-header .plugin-product-comment-collections-header-total {
  color: var(--plugin-product-comment-color_text);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%
}

.plugin-product-comment-collections-header .plugin-product-comment-collections-header-total.hide {
  visibility: hidden
}

.plugin-product-comment-collections-header .plugin-product-comment-collections-header-sort {
  font-size: 16px;
  font-weight: 400
}

.plugin-product-comment-collections-header .plugin-product-comment-collections-header-sort .plugin-product-comment-select-entry {
  padding: 0 24px
}

.plugin-product-comment-collections-header .plugin-product-comment-collections-header-sort .select-dropdown {
  top: calc(100% + 4px);
  padding: 8px 0
}

.plugin-product-comment-collections-header.plugin-product-comment-collections-header-mobile .plugin-product-comment-collections-header-total {
  font-weight: 500;
  font-size: 12px;
  line-height: 120%
}

.plugin-product-comment-collections-header.plugin-product-comment-collections-header-mobile .plugin-product-comment-collections-header-total__mg {
  margin-bottom: 12px
}

.plugin-product-comment-collections-header.plugin-product-comment-collections-header-mobile .plugin-product-comment-collections-header-sort {
  font-size: 12px;
  font-weight: 400
}

.plugin-product-comment-collections-header.plugin-product-comment-collections-header-mobile .plugin-product-comment-collections-header-sort .plugin-product-comment-select-entry {
  height: 33px;
  padding: 0 6px 0 16px
}

.plugin-product-comment-select-modal .plugin-product-comment-modal-content {
  min-height: auto;
  padding: 8px 0
}

.plugin-product-comment-collections-header-mobile .hide {
  display: none
}

.plugin-product-comment-collections-header-mobile .plugin-product-comment-collections-header-sort {
  width: 100%
}

.plugin-product-comment-collections-header-mobile .plugin-product-comment-select-entry {
  -ms-flex-pack: justify;
  justify-content: space-between
}

/* ========== block ========== */

.plugin-product-comment-select-modal .plugin-product-comment-modal-content {
  border-radius: 4px 4px 0px 0px
}

.plugin-product-comment--loading {
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.plugin-product-comment--last {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--plugin-product-comment-color_text);
  opacity: 0.6;
  font-size: 12px
}

.plugin-product-comment-material-mobile-storeList-single {
  margin-bottom: 40px
}

.plugin-product-comment-material-mobile-storeList-single .plugin-product-comment-material-mobile-storeList-single-item:not(:last-child) {
  margin-bottom: 20px
}

.plugin-product-comment-material-mobile-storeList-multi .plugin-product-comment-material-mobile-storeList-multi-item {
  margin-bottom: 20px
}

.plugin-product-comment-material-mobile-storeList-water {
  display: -ms-flexbox;
  display: flex
}

.plugin-product-comment-material-mobile-storeList-water-col-item {
  width: calc((100% - 10px) / 2)
}

.plugin-product-comment-material-mobile-storeList-water-col-item:not(:last-child) {
  margin-bottom: 20px;
  margin-right: 10px
}

html[dir='rtl'] .plugin-product-comment-material-mobile-storeList-water-col-item:not(:last-child) {
  margin-right: unset;
  margin-left: 10px
}

/* ========== block ========== */

.plugin-product-comment-material-storeList {
  margin-bottom: 40px
}

.plugin-product-comment-material-storeList-loading {
  margin: 20px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

/* ========== block ========== */

.plugin-product-comment-collections-empty {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center
}

.plugin-product-comment-collections-empty .plugin-product-comment-collections-empty-desc {
  font-size: 16px;
  color: var(--plugin-product-comment-color_text);
  line-height: 160%
}

.plugin-product-comment-collections-empty .plugin-product-comment-collections-empty-button {
  padding: 11px 22px;
  font-weight: 700;
  font-size: 13px;
  line-height: 160%;
  letter-spacing: 0.3em;
  text-align: center;
  background-color: var(--plugin-product-comment-color_text);
  color: var(--plugin-product-comment-color_page_background);
  margin-top: 24px;
  cursor: pointer;
  text-transform: uppercase
}

/* ========== block ========== */

.plugin-product-comment-pcPagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

.plugin-product-comment-pcPagination .isv-web-pagination-item,
.plugin-product-comment-pcPagination .isv-web-pagination-item-link {
  white-space: nowrap
}

.plugin-product-comment-write-button__mobile {
  margin-top: 12px
}

/* ========== block ========== */

.plugin-product-comment-detail-mobile-list {
  margin-bottom: 20px
}

.plugin-product-comment--loading {
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.plugin-product-comment--last {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--plugin-product-comment-color_text);
  opacity: 0.6;
  font-size: 12px
}

.plugin-product-comment-index-mobile__page {
  margin: 24px 0 0 0
}

.plugin-product-comment-index-mobile__page .plugin-product-comment-mobile-CommentWrap {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--plugin-product-comment-color_entry_line)
}

.plugin-product-comment-index-mobile__page .plugin-product-comment-mobile-CommentWrap:last-child {
  border-bottom: none
}

/* ========== block ========== */

.plugin-product-comment-product-subTitle-start {
  cursor: pointer
}

.plugin-product-comment-CommentList .plugin-product-comment-foldContainer {
  margin-bottom: 20px
}

.plugin-product-comment-CommentList+.plugin-product-comment-message-list {
  margin: 30px 0 60px
}

.plugin-product-comment-TabCommentList {
  margin: 28px 0
}

.plugin-product-comment-TabCommentList .plugin-product-comment-foldContainer {
  margin-bottom: 12px
}

.plugin-product-comment-TabCommentList+.plugin-product-comment-message-list {
  margin: 30px 0 60px
}

.plugin-product-comment-option-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px
}

.plugin-product-comment-option-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
  position: relative
}

.plugin-product-comment-option-center .plugin-product-comment-writeBtn-center {
  -ms-flex: 1;
  flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

.plugin-product-comment-option-center .plugin-product-comment-list-select {
  position: absolute;
  right: 0
}

.plugin-product-comment-option-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  margin-bottom: 20px
}

.plugin-product-comment-extraConfigWarp {
  display: -ms-flexbox;
  display: flex;
  gap: 56px;
  margin: 24px auto
}

.plugin-product-comment-extraConfigWarp .plugin-product-comment-questionRatio {
  width: 35%
}

.plugin-product-comment-extraConfigWarp .plugin-product-comment-labelWrap {
  -ms-flex: 1;
  flex: 1;
  margin: 0
}

.plugin-product-comment-extraConfigWarpMSmall {
  -ms-flex-direction: column;
  flex-direction: column
}

.plugin-product-comment-extraConfigWarpPC {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 24px;
  column-gap: 24px;
  row-gap: 24px
}

.plugin-product-comment-extraConfigWarpPC .plugin-product-comment-pageComponentsMultiQuestionStar {
  width: 50%;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column
}

.plugin-product-comment-extraConfigWarpMobile {
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
  row-gap: 12px
}

.plugin-product-comment-extraConfigWarpMobile .plugin-product-comment-questionRatio {
  width: 100%
}

.plugin-product-comment-extraConfigWarpMobile .plugin-product-comment-pageComponentsMultiQuestionStar {
  width: 100%;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
  align-items: baseline;
  -ms-flex-direction: column;
  flex-direction: column
}

.plugin-product-comment-extraConfigWarpMobile .plugin-product-comment-pageComponentsMultiQuestionStar .plugin-product-comment-MultiQuestionStar {
  width: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.plugin-product-comment-mobile-index-write-btn-container .isv-web-btn {
  width: 100%
}

.plugin-product-comment-SmallContainerCommentList {
  margin: 20px 0
}

.plugin-product-comment-SmallContainerCommentList+.plugin-product-comment-message-list {
  margin-top: 52px
}

.plugin-product-comment-SmallContainerCommentList .plugin-product-comment-title {
  font-size: 16px;
  line-height: 23px
}

.plugin-product-comment-SmallContainerCommentList .plugin-product-comment-commentHeader {
  display: -ms-flexbox;
  display: flex
}

.plugin-product-comment-SmallContainerCommentList .plugin-product-comment-CommentList-mobile-write-btn {
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0 20px
}

.plugin-product-comment-SmallContainerCommentList .plugin-product-comment-foldContainer {
  margin-bottom: 0
}

.plugin-product-comment-SmallContainerCommentList .plugin-product-comment-foldContainer .plugin-product-comment-commentRate {
  padding-top: 0
}

.plugin-product-comment-SmallContainerCommentList .plugin-product-comment-unFoldContainer .plugin-product-comment-ratePercentWrapper {
  display: none
}

.plugin-product-comment-SmallContainerCommentList .plugin-product-comment-spin {
  margin-top: 20px
}

.plugin-product-comment-SmallContainerCommentList .plugin-product-comment-extraConfigWarp {
  margin: 0 0 24px
}

.plugin-product-comment-SmallContainerCommentList .plugin-product-comment-commentHeader-top {
  width: 100% !important
}

.plugin-product-comment-SmallContainerCommentList .plugin-product-comment-commentHeader {
  margin-right: 0 !important
}

.plugin-product-comment-SmallContainerCommentList .plugin-product-comment-SmallContainerSearchSelect {
  padding-top: 24px;
  text-align: center;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden
}

.plugin-product-comment-SmallContainerCommentList .plugin-product-comment-SmallContainerSearchSelect::-webkit-scrollbar {
  display: none
}

.plugin-product-comment-aiLabelSmallContainer {
  margin-top: 16px
}

@media (max-width: 749.98px) {

  .plugin-product-comment-CommentList,
  .plugin-product-comment-TabCommentList {
    margin: 20px 0
  }

  .plugin-product-comment-CommentList+.plugin-product-comment-message-list,
  .plugin-product-comment-TabCommentList+.plugin-product-comment-message-list {
    margin-top: 52px
  }

  .plugin-product-comment-CommentList .plugin-product-comment-title,
  .plugin-product-comment-TabCommentList .plugin-product-comment-title {
    font-size: 16px;
    line-height: 23px
  }

  .plugin-product-comment-CommentList .plugin-product-comment-commentHeader,
  .plugin-product-comment-TabCommentList .plugin-product-comment-commentHeader {
    display: -ms-flexbox;
    display: flex
  }

  .plugin-product-comment-CommentList .plugin-product-comment-CommentList-mobile-write-btn,
  .plugin-product-comment-TabCommentList .plugin-product-comment-CommentList-mobile-write-btn {
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0 20px
  }

  .plugin-product-comment-CommentList .plugin-product-comment-foldContainer,
  .plugin-product-comment-TabCommentList .plugin-product-comment-foldContainer {
    margin-bottom: 0
  }

  .plugin-product-comment-CommentList .plugin-product-comment-foldContainer .plugin-product-comment-commentRate,
  .plugin-product-comment-TabCommentList .plugin-product-comment-foldContainer .plugin-product-comment-commentRate {
    padding-top: 0
  }

  .plugin-product-comment-CommentList .plugin-product-comment-unFoldContainer .plugin-product-comment-ratePercentWrapper,
  .plugin-product-comment-TabCommentList .plugin-product-comment-unFoldContainer .plugin-product-comment-ratePercentWrapper {
    display: none
  }

  .plugin-product-comment-CommentList .plugin-product-comment-spin,
  .plugin-product-comment-TabCommentList .plugin-product-comment-spin {
    margin-top: 20px
  }

  .plugin-product-comment-CommentList .plugin-product-comment-extraConfigWarp,
  .plugin-product-comment-TabCommentList .plugin-product-comment-extraConfigWarp {
    margin: 0 0 16px
  }
}

html[dir='rtl'] .plugin-product-comment-product-subTitle-start .product-plugin-comment-rate-star-half {
  direction: ltr;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}

.plugin-product-comment-pageComponentsSummaryInfo960 {
  margin-right: 0 !important
}

.plugin-product-comment-pageComponentsSummaryInfo960 .plugin-product-comment-commentHeader-top {
  width: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.plugin-product-comment-pageComponentsSummaryInfo960 .plugin-product-comment-ratePercentWrapperMobile {
  width: 225px;
  -ms-flex-positive: unset;
  flex-grow: unset
}

.plugin-product-comment-pcPagination .isv-web-pagination-item,
.plugin-product-comment-pcPagination .isv-web-pagination-item-link {
  white-space: nowrap
}

/* ========== block ========== */

.plugin-product-comment-foldContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.plugin-product-comment-foldContainer .plugin-product-comment-commentHeader-top {
  padding: 10px 0
}

.plugin-product-comment-foldContainer .plugin-product-comment-commentHeader-top:hover>.plugin-product-comment-ratePercentWrapper {
  display: block
}

.plugin-product-comment-unFoldContainer {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.plugin-product-comment-unFoldContainer .plugin-product-comment-ratePercentWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px
}

.plugin-product-comment-unFoldContainer .plugin-product-comment-ratePercentWrapper .plugin-product-comment-ratePercentBox {
  position: static;
  z-index: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  background: transparent
}

.plugin-product-comment-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px
}

.plugin-product-comment-viewAll {
  display: inline-block;
  font-size: 16px;
  cursor: pointer
}

.plugin-product-comment-viewAll-arrow,
.plugin-product-comment-reviews-arrow {
  margin-left: 4px
}

.plugin-product-comment-viewAll-arrow>path,
.plugin-product-comment-reviews-arrow>path {
  stroke: currentColor
}

.plugin-product-comment-viewAll-arrow {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.plugin-product-comment-unSmallContainerFoldContainer {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.plugin-product-comment-unSmallContainerFoldContainer .plugin-product-comment-ratePercentWrapper {
  margin-bottom: 0;
  margin-top: 20px
}

@media (max-width: 749.98px) {
  .plugin-product-comment-unFoldContainer .plugin-product-comment-ratePercentWrapper {
    margin-bottom: 0;
    margin-top: 20px
  }
}

/* ========== block ========== */

.plugin-product-comment-select-buttons {
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: max-content;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px
}

.plugin-product-comment-select-buttons-item {
  border: var(--input-border-thickness, 1px) solid rgba(var(--color-text, 44, 44, 44), var(--input-border-opacity, 0.15));
  border-radius: var(--btn-border-radius-outset, 4px);
  cursor: pointer
}

.plugin-product-comment-select-buttons-item-button {
  padding: 8px 24px;
  font-size: 14px;
  line-height: 160%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-select-buttons-item-button:hover {
  background-color: rgba(0, 0, 0, .08)
}

.plugin-product-comment-select-buttons-item-select {
  -ms-flex: none;
  flex: none
}

.plugin-product-comment-select-buttons-item-select .plugin-product-comment-select-box .plugin-product-comment-select-entry {
  border: none !important;
  font-size: 14px
}

.plugin-product-comment-select-buttons-item-select .plugin-product-comment-select-box .select-dropdown {
  margin-top: 3px;
  font-weight: 400;
  font-size: 14px
}

.plugin-product-comment-select-buttons-item-active {
  position: relative;
  border-color: var(--plugin-product-comment-color_text);
  font-weight: 600;
  font-size: 14px
}

.plugin-product-comment-select-buttons.plugin-product-comment-follow-theme .plugin-product-comment-select-buttons-item {
  border: var(--input-border-thickness, 1px) solid rgba(var(--color-text, 44, 44, 44), var(--input-border-opacity, 0.15));
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-select-buttons.plugin-product-comment-follow-theme .plugin-product-comment-select-buttons-item-active {
  border: var(--input-border-thickness, 1px) solid rgba(var(--color-text, 44, 44, 44), var(--input-border-opacity, 0.15))
}

.plugin-product-comment-select-buttons.plugin-product-comment-follow-theme .plugin-product-comment-select-buttons-item-active::after {
  background-color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-select-buttons-item {
  height: 40px
}

.plugin-product-comment-select-buttons-item-rating .plugin-product-comment-select-entry {
  height: 40px
}

.plugin-product-comment-small_select-buttons {
  width: 100%
}

.plugin-product-comment-small_select-buttons-warp {
  padding: 4px
}

.plugin-product-comment-small_select-buttons-item {
  font-size: 12px
}

.plugin-product-comment-small_select-buttons-item-button {
  font-size: 12px;
  padding: 8px 16px;
  line-height: 17px
}

.plugin-product-comment-small_select-buttons-item-select {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.plugin-product-comment-small_select-buttons-item-active {
  border-color: rgba(var(--color-text, 44, 44, 44), var(--input-border-opacity, 0.15));
  font-weight: 500;
  font-size: 12px
}

.plugin-product-comment-small_select-buttons-item .plugin-product-comment-select-entry {
  height: 33px !important;
  font-weight: 400;
  font-size: 12px !important
}

.plugin-product-comment-small_select-buttons-item .plugin-product-comment-select-entry .select-text {
  font-size: 12px !important
}

@media (max-width: 749.98px) {
  .plugin-product-comment-select-buttons {
    margin: -4px;
    gap: 0px
  }

  .plugin-product-comment-select-buttons-warp {
    padding: 4px
  }

  .plugin-product-comment-select-buttons-item {
    font-size: 12px
  }

  .plugin-product-comment-select-buttons-item-button {
    font-size: 12px;
    padding: 8px 16px;
    line-height: 17px
  }

  .plugin-product-comment-select-buttons-item-select {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
  }

  .plugin-product-comment-select-buttons-item-active {
    border-color: rgba(var(--color-text, 44, 44, 44), var(--input-border-opacity, 0.15));
    font-weight: 500;
    font-size: 12px
  }

  .plugin-product-comment-select-buttons-item .plugin-product-comment-select-entry {
    height: 33px !important;
    font-weight: 400;
    font-size: 12px !important
  }

  .plugin-product-comment-select-buttons-item .plugin-product-comment-select-entry .select-text {
    font-size: 12px !important
  }
}

/* ========== block ========== */

.plugin-product-comment-labelWrap {
  width: 100%;
  margin: 20px 0
}

.plugin-product-comment-labelWrap .list-con {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px
}

.plugin-product-comment-labelWrap .list-expand {
  height: auto
}

.plugin-product-comment-labelWrap .label {
  padding: 8px 12px;
  border-radius: 20px;
  background: rgba(41, 37, 44, .04);
  color: rgba(var(--color-button-secondary-text, 0, 0, 0), 1);
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  border: 1px solid transparent;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer
}

.plugin-product-comment-labelWrap .label:hover {
  background: rgba(41, 37, 44, .08)
}

.plugin-product-comment-labelWrap .label.active {
  border: 1px solid #242833;
  font-weight: 600
}

.plugin-product-comment-labelWrap .label.expand-btn {
  padding: 9px
}

.plugin-product-comment-labelWrap .expand-btn {
  margin-right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.plugin-product-comment-labelWrap .expand-btn.up svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

@media (max-width: 749.98px) {
  .plugin-product-comment-labelWrap {
    margin: 16px 0 0 0
  }

  .plugin-product-comment-labelWrap .label {
    padding: 4px 10px
  }

  .plugin-product-comment-labelWrap .label.expand-btn {
    padding: 7px
  }

  .plugin-product-comment-labelWrap .label.expand-btn svg {
    width: 12px;
    height: 12px
  }
}

/* ========== block ========== */

.plugin-product-comment-listfollowTheme .plugin-product-comment-list-select {
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-list-select {
  margin-bottom: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-list-select-reviews {
  opacity: 0.6
}

.plugin-product-comment-list-select-clear-button {
  cursor: pointer;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center
}

.plugin-product-comment-list-select-clear-button-text {
  margin-left: 4px;
  font-size: 14px;
  line-height: 160%
}

.plugin-product-comment-list-select-clear-button:hover {
  background: rgba(0, 0, 0, .08)
}

.plugin-product-comment-SmallContainerSelectClear {
  -ms-flex-pack: start;
  justify-content: flex-start
}

.plugin-product-comment-SmallContainerSelectClear .plugin-product-comment-clear-button-text {
  font-size: 12px
}

@media (max-width: 749.98px) {
  .plugin-product-comment-list-select {
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .plugin-product-comment-list-select-clear-button-text {
    font-size: 12px
  }
}

/* ========== block ========== */

.plugin-product-comment-questionRatio {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px
}

.plugin-product-comment-questionRatio .plugin-product-comment-ratePercentItem {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.plugin-product-comment-questionRatio .plugin-product-comment-ratePercentItem .plugin-product-comment-progressText {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 1px;
  color: var(--plugin-product-comment-color_text);
  -ms-flex: 3;
  flex: 3;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.plugin-product-comment-questionRatio .plugin-product-comment-ratePercentItem .plugin-product-comment-progressContent {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex: 7;
  flex: 7
}

.plugin-product-comment-questionRatio .plugin-product-comment-ratePercentItem .plugin-product-comment-progressPlace {
  width: 100%;
  margin-left: 20px;
  height: 8px;
  position: relative;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.plugin-product-comment-questionRatio .plugin-product-comment-ratePercentItem .plugin-product-comment-progressPlace::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.1;
  width: 100%;
  height: 100%;
  background-color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-questionRatio .plugin-product-comment-ratePercentItem .plugin-product-comment-progressPlace .plugin-product-comment-progress {
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: var(--plugin-product-comment-color_text);
  border-radius: 0.8px
}

.plugin-product-comment-questionRatio .plugin-product-comment-ratePercentItem .plugin-product-comment-percent {
  font-size: 14px;
  line-height: 21px;
  margin-left: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: var(--plugin-product-comment-color_text);
  width: 40px
}

.plugin-product-comment-smallQuestionRatio {
  gap: 4px
}

.plugin-product-comment-smallQuestionRatio .plugin-product-comment-ratePercentItem .plugin-product-comment-progressText {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px
}

.plugin-product-comment-smallQuestionRatio .plugin-product-comment-ratePercentItem .plugin-product-comment-progressText .plugin-product-comment-progressPlace {
  width: 176px;
  margin-left: 12px
}

.plugin-product-comment-smallQuestionRatio .plugin-product-comment-ratePercentItem .plugin-product-comment-progressText .plugin-product-comment-percent {
  font-size: 12px;
  margin-left: 8px
}

.plugin-product-comment-minQuestionRatio .plugin-product-comment-ratePercentItem {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: normal;
  align-items: normal
}

.plugin-product-comment-minQuestionRatio .plugin-product-comment-progressContent {
  width: 90%
}

.plugin-product-comment-minQuestionRatio .plugin-product-comment-progressContent .plugin-product-comment-progressPlace {
  margin-left: 0
}

@media (max-width: 959.98px) {
  .plugin-product-comment-questionRatio {
    gap: 4px
  }

  .plugin-product-comment-questionRatio .plugin-product-comment-ratePercentItem .plugin-product-comment-progressText {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px
  }

  .plugin-product-comment-questionRatio .plugin-product-comment-ratePercentItem .plugin-product-comment-progressText .plugin-product-comment-progressPlace {
    width: 176px;
    margin-left: 12px
  }

  .plugin-product-comment-questionRatio .plugin-product-comment-ratePercentItem .plugin-product-comment-progressText .plugin-product-comment-percent {
    font-size: 12px;
    margin-left: 8px
  }
}

/* ========== block ========== */

.plugin-product-comment-MobileList {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative
}

.plugin-product-comment-MobileList .plugin-product-comment-commentWrap {
  margin-bottom: 12px
}

.plugin-product-comment-MobileList-clear {
  margin-top: 8px
}

.plugin-product-comment-MobileList .plugin-product-comment-list-empty-title {
  margin-bottom: 12px
}

.plugin-product-comment-MobileList .plugin-product-comment-itemWrap {
  margin-top: 16px
}

.plugin-product-comment-MobileList .plugin-product-comment-loadMore {
  text-align: center;
  margin-top: 20px
}

.plugin-product-comment-MobileList .plugin-product-comment-showSpin {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1;
  margin-top: 20px
}

.plugin-product-comment-MobileList .plugin-product-comment-showSpin.plugin-product-comment-showSpin-first {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #fff;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 100px
}

.plugin-product-comment-MobileList .plugin-product-comment-customQuestionListWrap {
  margin-top: 8px
}

.plugin-product-comment-MobileList .plugin-product-comment-WaterCommentWrapTitle {
  font-size: 12px
}

/* ========== block ========== */

.plugin-product-comment-MobileListModal .plugin-product-comment-MobileListModalHeader {
  height: 60px;
  width: 100%;
  z-index: 4;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--plugin-product-comment-color_page_background);
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-MobileListModal .plugin-product-comment-MobileListModalHeader .plugin-product-comment-MobileListModalBackIcon {
  position: absolute;
  top: 21px;
  left: 20px;
  width: 20px;
  height: 20px;
  cursor: pointer
}

.plugin-product-comment-MobileListModal .plugin-product-comment-MobileListModalHeader .plugin-product-comment-MobileListModalBackIcon svg path {
  stroke: currentColor;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-MobileListModal .plugin-product-comment-MobileListModalHeader .plugin-product-comment-title {
  margin-bottom: 0;
  font-size: 16px;
  font-family: var(--plugin-product-comment-type_title_trans_font_family)
}

.plugin-product-comment-MobileListModal .plugin-product-comment-MobileListModalList {
  padding: 0 20px 20px 20px
}

.plugin-product-comment-MobileListModal .plugin-product-comment-MobileListModalList .plugin-product-comment-searchSelect {
  text-align: center;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden
}

.plugin-product-comment-MobileListModal .plugin-product-comment-MobileListModalList .plugin-product-comment-searchSelect::-webkit-scrollbar {
  display: none
}

.plugin-product-comment-MobileListModal .plugin-product-comment-MobileListModalList .plugin-product-comment-mobile-write-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  margin: 24px 0
}

.plugin-product-comment-MobileListModal .plugin-product-comment-MobileListModalList .plugin-product-comment-mobile-write-btn .isv-web-btn {
  width: 100%
}

.plugin-product-comment-MobileListModal .plugin-product-comment-MobileListModalList .plugin-product-comment-commentHeader-top {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.plugin-product-comment-MobileListModal .plugin-product-comment-MobileListModalList .plugin-product-comment-Spin {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.plugin-product-comment-MobileListModal .plugin-product-comment-MobileListModalList .plugin-product-comment-commentHeader-top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

.plugin-product-comment-MobileListModal .plugin-product-comment-MobileListModalList .plugin-product-comment-commentHeader-top .plugin-product-comment-commentSynthesize {
  font-size: 32px !important;
  font-weight: 600
}

.plugin-product-comment-MobileListModal .plugin-product-comment-MobileListModalList .plugin-product-comment-commentRateContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.plugin-product-comment-select-modal .plugin-product-comment-modal-content {
  border-radius: 4px 4px 0px 0px
}

.plugin-product-comment-select-modal .select-item {
  padding: 8px 12px
}

.plugin-product-comment-MobileListModal-content .plugin-product-comment-title {
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-MobileListModal-content .plugin-product-comment-commentHeader .plugin-product-comment-commentSynthesize {
  color: var(--plugin-product-comment-color_text)
}

/* ========== block ========== */

.plugin-product-comment-commentHeader {
  -ms-flex: none;
  flex: none;
  margin-right: 20px
}

.plugin-product-comment-commentHeader-top {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.plugin-product-comment-commentHeader-bottom {
  font-size: 16px;
  line-height: 160%;
  color: var(--plugin-product-comment-color_text);
  opacity: 0.6
}

.plugin-product-comment-commentHeader .plugin-product-comment-commentSynthesize {
  color: var(--plugin-product-comment-color_text);
  line-height: 1;
  font-size: 32px
}

.plugin-product-comment-commentHeader .plugin-product-comment-commentRate {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center
}

.plugin-product-comment-commentHeader .plugin-product-comment-commentRate svg {
  font-size: 20px
}

.plugin-product-comment-commentHeader .plugin-product-comment-arrow {
  margin-left: 4px;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-commentHeader .plugin-product-comment-arrow>path {
  fill: currentColor
}

.plugin-product-comment-commentSynthesizeRate {
  width: 108px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
  margin-right: 20px
}

.plugin-product-comment-commentSynthesizeRate .plugin-product-comment-commentReviewsCount {
  font-family: SF Pro;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  padding-top: 8px
}

.plugin-product-comment-ratePercentWrapperMobile {
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative
}

.plugin-product-comment-ratePercentWrapperMobile .plugin-product-comment-ratePercentBox.rateHover .plugin-product-comment-ratePercentItem:hover {
  background: #f8fafb;
  cursor: pointer
}

.plugin-product-comment-ratePercentWrapperMobile .plugin-product-comment-ratePercentBox.rateHover .plugin-product-comment-ratePercentItem:hover .plugin-product-comment-percent {
  text-decoration: underline
}

.plugin-product-comment-ratePercentWrapperMobile .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 4px;
  padding: 4px 0
}

.plugin-product-comment-ratePercentWrapperMobile .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem:last-child {
  margin-bottom: 0
}

.plugin-product-comment-ratePercentWrapperMobile .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem .plugin-product-comment-rateWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: right;
  -ms-flex-align: center;
  align-items: center;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-ratePercentWrapperMobile .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem .plugin-product-comment-rateWrap .plugin-product-comment-rate_score {
  font-size: 13px;
  padding-right: 2px;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-ratePercentWrapperMobile .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem .plugin-product-comment-rateWrap ul {
  display: -ms-inline-flexbox;
  display: inline-flex
}

.plugin-product-comment-ratePercentWrapperMobile .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem .plugin-product-comment-rateWrap svg {
  font-size: 12px
}

.plugin-product-comment-ratePercentWrapperMobile .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem .plugin-product-comment-progressPlace {
  width: 140px;
  margin-left: 8px;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 8px;
  position: relative
}

.plugin-product-comment-ratePercentWrapperMobile .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem .plugin-product-comment-progressPlace::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.1;
  width: 100%;
  height: 100%;
  background-color: var(--startColor)
}

.plugin-product-comment-ratePercentWrapperMobile .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem .plugin-product-comment-progressPlace .plugin-product-comment-progress {
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 0.8px
}

.plugin-product-comment-ratePercentWrapperMobile .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem .plugin-product-comment-percent {
  width: 32px;
  font-size: 12px;
  line-height: 16px;
  margin-left: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  word-break: normal;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-ratePercentWrapperMobile .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem .plugin-product-comment-progressIcon {
  font-size: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.plugin-product-comment-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px
}

.plugin-product-comment-viewAll {
  display: inline-block;
  font-size: 16px;
  cursor: pointer
}

.plugin-product-comment-viewAll-arrow,
.plugin-product-comment-reviews-arrow {
  margin-left: 4px
}

.plugin-product-comment-viewAll-arrow>path,
.plugin-product-comment-reviews-arrow>path {
  stroke: currentColor
}

.plugin-product-comment-viewAll-arrow {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.plugin-product-comment-SmallContainerCommentHeader {
  margin-right: 0px;
  padding-bottom: 0
}

.plugin-product-comment-SmallContainerCommentHeader-top {
  padding-bottom: 0
}

.plugin-product-comment-SmallContainerCommentHeader .plugin-product-comment-commentHeader-top {
  -ms-flex-pack: center;
  justify-content: center
}

.plugin-product-comment-SmallContainerCommentHeader .plugin-product-comment-commentRate svg {
  font-size: 16px !important
}

.plugin-product-comment-MinContainerCommentHeader .plugin-product-comment-commentHeader-top {
  -ms-flex-direction: column;
  flex-direction: column
}

.plugin-product-comment-MinContainerCommentHeader .plugin-product-comment-commentHeader-top .plugin-product-comment-commentSynthesizeRate {
  margin-right: 0;
  margin-bottom: 34px
}

@media (max-width: 749.98px) {
  .plugin-product-comment-commentHeader {
    margin-right: 0px;
    padding-bottom: 0
  }

  .plugin-product-comment-commentHeader-top {
    padding-bottom: 0
  }

  .plugin-product-comment-commentHeader .plugin-product-comment-commentRate svg {
    font-size: 16px
  }

  .plugin-product-comment-unFoldContainer .plugin-product-comment-ratePercentWrapper {
    margin-bottom: 0;
    margin-top: 20px
  }
}

html[dir='rtl'] .plugin-product-comment-commentHeader .plugin-product-comment-commentSynthesize {
  margin-right: unset;
  margin-left: 12px
}

html[dir='rtl'] .plugin-product-comment-commentHeader .plugin-product-comment-arrow {
  margin: 0 7px 7px 0
}

html[dir='rtl'] .plugin-product-comment-ratePercentWrapper .plugin-product-comment-ratePercentBox {
  left: unset;
  right: 0
}

html[dir='rtl'] .plugin-product-comment-ratePercentWrapper .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem .plugin-product-comment-progressPlace .plugin-product-comment-progress {
  left: unset;
  right: 0
}

html[dir='rtl'] .plugin-product-comment-ratePercentWrapper .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem .plugin-product-comment-progressIcon {
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

/* ========== block ========== */

.plugin-product-comment-MultiQuestionStar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.plugin-product-comment-MultiQuestionStar:not(:last-child) {
  margin-bottom: 10px
}

.plugin-product-comment-MultiQuestionStarTitle {
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 1px;
  vertical-align: middle;
  color: #000000;
  margin-right: 20px;
  width: 105px
}

.plugin-product-comment-MultiQuestionStarContainerMobile .plugin-product-comment-MultiQuestionStarTitle {
  font-size: 12px
}

/* ========== block ========== */

.plugin-product-comment-messageEdit:not(.plugin-product-comment-messageEdit-noError) .plugin-product-comment-form-item-error .plugin-product-comment-reply-textarea {
  border-color: #f04949;
  border-width: 2px
}

.plugin-product-comment-messageEdit:not(.plugin-product-comment-messageEdit-noError) .plugin-product-comment-form-item-error .plugin-product-comment-input.plugin-product-comment-::after {
  border-color: #f04949
}

.plugin-product-comment-messageEdit-formWrap {
  display: -ms-flexbox;
  display: flex
}

.plugin-product-comment-messageEdit-formWrap .plugin-product-comment-form-item {
  -ms-flex: 1;
  flex: 1
}

.plugin-product-comment-messageEdit-formWrap .plugin-product-comment-formWrap-createBy {
  margin-right: 16px
}

/* ========== block ========== */

.plugin-product-comment-message-buttonList {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.plugin-product-comment-message-buttonCancel {
  margin-left: 20px;
  cursor: pointer;
  color: var(--plugin-product-comment-color_text)
}

@media (max-width: 749.98px) {
  .plugin-product-comment-message-pc-form {
    display: none !important
  }
}

/* ========== block ========== */

.plugin-product-comment-message-empty-pc {
  padding: 20px;
  position: relative
}

.plugin-product-comment-message-empty-pc::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--plugin-product-comment-color_text);
  opacity: 0.04;
  pointer-events: none
}

.plugin-product-comment-message-empty-pc-title {
  color: var(--plugin-product-comment-color_text);
  font-size: 22px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 20px
}

.plugin-product-comment-message-empty-pc .plugin-product-comment-input__area {
  background-color: var(--plugin-product-comment-color_page_background);
  position: relative;
  z-index: 1
}

.plugin-product-comment-message-empty-pc .plugin-product-comment-reply-textarea {
  border-color: rgba(var(--color-text, 44, 44, 44), var(--input-border-opacity, 0.15));
  background-color: var(--plugin-product-comment-color_page_background);
  position: relative;
  z-index: 1
}

.plugin-product-comment-message-empty-pc .plugin-product-comment-reply-textarea:focus-within {
  border-width: calc(var(--input-border-thickness, 1px) + 1px);
  border-color: rgba(var(--color-text, 44, 44, 44), var(--input-border-opacity, 0.15))
}

.plugin-product-comment-message-empty-pc .plugin-product-comment-reply-textarea-input {
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-message-empty-pc .plugin-product-comment-reply-textarea-warp .plugin-product-comment-textareaPlaceholder {
  color: var(--plugin-product-comment-color_text)
}

/* ========== block ========== */

.plugin-product-comment-message-pc-item {
  border: 1px solid var(--plugin-product-comment-color_entry_line);
  border-radius: 4px;
  padding: 20px;
  color: var(--plugin-product-comment-color_text);
  position: relative;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer
}

.plugin-product-comment-message-pc-item+.plugin-product-comment-message-pc-item {
  margin-top: 20px
}

.plugin-product-comment-message-pc-item:hover::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--plugin-product-comment-color_text);
  opacity: 0.04;
  pointer-events: none
}

.plugin-product-comment-message-pc-item-questionsAnswers {
  font-size: 18px;
  width: 100%;
  -ms-flex: auto;
  flex: auto;
  white-space: pre-wrap
}

.plugin-product-comment-message-pc-item-questionsAnswers-qa {
  margin-right: 10px;
  -ms-flex: none;
  flex: none
}

.plugin-product-comment-message-pc-item-questionsAnswers-content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-wrap
}

.plugin-product-comment-message-pc-item-questionsAnswers-questions {
  display: -ms-flexbox;
  display: flex
}

.plugin-product-comment-message-pc-item-questionsAnswers-answers {
  margin-bottom: 8px;
  margin-top: 8px;
  display: -ms-flexbox;
  display: flex
}

.plugin-product-comment-message-pc-item-questionsAnswers-answers-content {
  font-size: 16px
}

.plugin-product-comment-message-pc-item-questionsAnswers-more-tip {
  opacity: 0.6;
  font-size: 12px
}

.plugin-product-comment-message-pc-item-message-btn {
  -ms-flex: none;
  flex: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 20px;
  cursor: pointer;
  opacity: 0.6;
  font-size: 12px
}

.plugin-product-comment-message-pc-item-message-btn-icon {
  margin-right: 5px
}

.plugin-product-comment-message-pc-item-message-btn-icon path {
  fill: currentColor
}

/* ========== block ========== */

.plugin-product-comment-message-list-pc-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 12px;
  color: var(--plugin-product-comment-color_text);
  -ms-flex: none;
  flex: none
}

.plugin-product-comment-message-list-pc-title-name {
  font-size: 22px;
  text-transform: uppercase
}

.plugin-product-comment-message-list-pc-addBtn {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px
}

.plugin-product-comment-message-list-pc-body {
  max-height: 460px
}

.plugin-product-comment-message-list-pc-body-edit {
  margin-bottom: 20px
}

.plugin-product-comment-message-list-pc-more {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-top: 20px;
  padding: 12px 20px;
  color: var(--plugin-product-comment-color_text);
  font-size: 16px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer
}

.plugin-product-comment-message-list-pc-more::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--plugin-product-comment-color_text);
  opacity: 0.04;
  pointer-events: none
}

.plugin-product-comment-message-list-pc-more-icon {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  margin-left: 8px
}

.plugin-product-comment-message-list-pc-more-icon-viewMore {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

/* ========== block ========== */

.plugin-product-comment-message-pcModal {
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-message-pcModal .plugin-product-comment-modal-close {
  top: 24px;
  right: 24px
}

.plugin-product-comment-message-pcModal-content {
  margin: 72px 24px 24px
}

.plugin-product-comment-message-pcModal-questions {
  position: relative;
  padding: 20px;
  font-weight: 600;
  font-size: 18px;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 20px;
  border-radius: 2px
}

.plugin-product-comment-message-pcModal-questions::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--plugin-product-comment-color_text);
  opacity: 0.04;
  pointer-events: none
}

.plugin-product-comment-message-pcModal-questions-a {
  white-space: pre-wrap
}

.plugin-product-comment-message-pcModal-answer {
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: 20px;
  white-space: pre-wrap
}

.plugin-product-comment-message-pcModal-replyList {
  margin: 20px 0
}

.plugin-product-comment-message-pcModal .plugin-product-comment-modal-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  overflow: hidden
}

.plugin-product-comment-message-pcModal .plugin-product-comment-modal-content {
  max-height: calc(100% - 120px);
  width: 1260px;
  overflow-y: auto;
  margin: 0 60px;
  background: var(--plugin-product-comment-color_page_background)
}

.plugin-product-comment-message-pcModal .plugin-product-comment-commonReplyForm-nameAndEmailWrap-formItem {
  width: 0;
  -ms-flex: 1;
  flex: 1
}

/* ========== block ========== */

.plugin-product-comment-message-reply-item+.plugin-product-comment-message-reply-item {
  margin-top: 20px
}

.plugin-product-comment-message-reply-item-content {
  font-size: 16px;
  white-space: pre-wrap
}

.plugin-product-comment-message-reply-item-info {
  margin-top: 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-message-reply-item-info span:not(:first-child) {
  opacity: 0.4
}

.plugin-product-comment-message-reply-item-reply {
  margin: 8px 0
}

.plugin-product-comment-message-reply-item-reply-btn {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: var(--plugin-product-comment-color_text);
  opacity: 0.6;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.plugin-product-comment-message-reply-item-reply-icon {
  margin-right: 4px
}

.plugin-product-comment-message-reply-item-reply-icon path {
  color: var(--plugin-product-comment-color_text);
  stroke: currentColor
}

.plugin-product-comment-message-reply-item-rowWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 4px
}

.plugin-product-comment-message-reply-item-rowWrap .plugin-product-comment-message-reply-item-info {
  margin-top: 0px
}

.plugin-product-comment-message-reply-item-rowWrap .plugin-product-comment-message-reply-item-reply {
  margin: 0px
}

.plugin-product-comment-message-reply-item .plugin-product-comment-message-reply-item-info__mobile {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0 0 4px
}

.plugin-product-comment-message-reply-item .plugin-product-comment-shopkeeper_icon {
  display: inline-block;
  vertical-align: middle;
  line-height: 14px;
  margin-right: 4px;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-message-reply-item .plugin-product-comment-shopkeeper_icon img {
  width: 20px;
  height: 20px;
  border-radius: 10px
}

.plugin-product-comment-message-reply-item .plugin-product-comment-shopkeeper_icon>svg circle {
  fill: currentColor
}

/* ========== block ========== */

.plugin-product-comment-scrollLoadMore {
  height: 100%;
  overflow-y: auto
}

.plugin-product-comment-scrollLoadMore.plugin-product-comment-follow-theme .plugin-product-comment-scrollLoadMore-spin {
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-scrollLoadMore.plugin-product-comment-follow-theme .plugin-product-comment-scrollLoadMore-end {
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-scrollLoadMore.plugin-product-comment-follow-theme .plugin-product-comment-scrollLoadMore-end::after,
.plugin-product-comment-scrollLoadMore.plugin-product-comment-follow-theme .plugin-product-comment-scrollLoadMore-end::before {
  background-color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-scrollLoadMore.plugin-product-comment-follow-theme .plugin-product-comment-scrollLoadMore-end {
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-scrollLoadMore.plugin-product-comment-follow-theme .plugin-product-comment-scrollLoadMore-end::after,
.plugin-product-comment-scrollLoadMore.plugin-product-comment-follow-theme .plugin-product-comment-scrollLoadMore-end::before {
  content: '';
  background-color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-scrollLoadMore-spin {
  padding: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #000
}

.plugin-product-comment-scrollLoadMore-end {
  font-size: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #000000;
  text-align: center;
  opacity: 0.6;
  margin-top: 10px;
  padding: 3px 0
}

.plugin-product-comment-scrollLoadMore-end::after,
.plugin-product-comment-scrollLoadMore-end::before {
  content: '';
  width: 6px;
  height: 1px;
  margin: 0 5px;
  background-color: #000000
}

/* ========== block ========== */

.plugin-product-comment-message-empty-mobile {
  padding: 0 20px 30px 20px
}

.plugin-product-comment-message-empty-mobile-title {
  color: var(--plugin-product-comment-color_text);
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  text-align: center;
  text-transform: uppercase
}

.plugin-product-comment-message-empty-mobile-tip {
  margin-top: 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  opacity: 0.9;
  color: var(--plugin-product-comment-color_text);
  text-align: center
}

.plugin-product-comment-message-empty-mobile-btn {
  margin-top: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

/* ========== block ========== */

.plugin-product-comment-message-list-mobile-index {
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-message-list-mobile-index-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px
}

.plugin-product-comment-message-list-mobile-index-title-qa {
  font-size: 18px;
  text-transform: uppercase
}

.plugin-product-comment-message-list-mobile-index-title-all {
  -ms-flex: none;
  flex: none;
  font-size: 16px;
  line-height: 23px
}

.plugin-product-comment-message-list-mobile-index .plugin-product-comment-message-list-mobile-index-question-answer {
  margin-bottom: 16px
}

.plugin-product-comment-message-list-mobile-index .plugin-product-comment-message-list-mobile-index-question-answer .isv-web-btn-primary {
  width: 100%
}

.plugin-product-comment-message-list-mobile-index-view-all {
  margin-top: 20px
}

/* ========== block ========== */

.plugin-product-comment-message-mobile-item {
  color: #2c2c2c;
  position: relative;
  display: -ms-flexbox;
  display: flex
}

.plugin-product-comment-message-mobile-item.plugin-product-comment-follow-theme {
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-message-mobile-item+.plugin-product-comment-message-mobile-item {
  margin-top: 20px
}

.plugin-product-comment-message-mobile-item-questionsAnswers {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  width: 100%;
  -ms-flex: auto;
  flex: auto;
  white-space: pre-wrap
}

.plugin-product-comment-message-mobile-item-questionsAnswers-content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-wrap
}

.plugin-product-comment-message-mobile-item-questionsAnswers-more-tip {
  color: var(--plugin-product-comment-color_text_60);
  font-size: 12px;
  line-height: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 12px
}

.plugin-product-comment-message-mobile-item-questionsAnswers-more-tip-icon {
  margin-right: 4px
}

.plugin-product-comment-message-mobile-item-questionsAnswers-more-tip-icon path {
  fill: currentColor
}

.plugin-product-comment-message-mobile-item-questionsAnswers-more-tip-length {
  margin-right: 4px
}

.plugin-product-comment-message-mobile-item-angle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 12px;
  -ms-flex: none;
  flex: none
}

.plugin-product-comment-message-mobile-item .plugin-product-comment-message-mobile-item-questionsAnswer {
  margin-top: 8px;
  font-weight: 400
}

/* ========== block ========== */

.plugin-product-comment-message-mobile-header {
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--plugin-product-comment-color_page_background);
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  -ms-flex-pack: justify;
  justify-content: space-between;
  left: 0;
  padding: 0 20px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2
}

.plugin-product-comment-message-mobile-header-title {
  color: var(--plugin-product-comment-color_text);
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase
}

.plugin-product-comment-message-mobile-header-btn {
  color: var(--plugin-product-comment-color_text);
  font-weight: 500;
  font-size: 14px
}

.plugin-product-comment-message-mobile-header>svg path {
  stroke: currentColor;
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-message-mobile-body {
  padding: 80px 20px 20px
}

.plugin-product-comment-message-mobile-body-mobileComment-buttonList {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.plugin-product-comment-message-mobile-body .plugin-product-comment-message-submitBtn {
  width: 100%
}

/* ========== block ========== */

.plugin-product-comment-message-mobileModal {
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-message-mobileModal .plugin-product-comment-message-mobileModal__parent {
  height: 100%
}

.plugin-product-comment-message-mobileModal .plugin-product-comment-message-mobileModal__body {
  padding-top: 64px;
  height: calc(100% - 75px);
  overflow-y: auto
}

.plugin-product-comment-message-mobileModal .plugin-product-comment-message-mobileModal-replyText__container {
  padding: 12px 20px
}

.plugin-product-comment-message-mobileModal .plugin-product-comment-message-reply-item {
  padding: 12px 0;
  margin-top: 0
}

.plugin-product-comment-message-mobileModal .plugin-product-comment-message-reply-item:not(:last-child) {
  border-bottom: 1px solid var(--plugin-product-comment-color_entry_line)
}

.plugin-product-comment-message-mobileModal-content {
  padding: 0 20px 0px 20px
}

.plugin-product-comment-message-mobileModal-questions {
  padding: 12px 0;
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  text-transform: uppercase;
  border-radius: 2px;
  position: relative
}

.plugin-product-comment-message-mobileModal-answer {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  text-transform: uppercase;
  margin-bottom: 20px
}

.plugin-product-comment-message-mobileModal-replyText {
  pointer-events: none
}

.plugin-product-comment-message-mobileModal-replyList .plugin-product-comment-message-reply-item-content {
  font-size: 14px;
  white-space-collapse: preserve;
  white-space: pre-wrap
}

.plugin-product-comment-message-mobileModal-replyList .plugin-product-comment-message-reply-item-rowWrap {
  margin-top: 12px
}

.plugin-product-comment-message-mobileModal .plugin-product-comment-modal-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  overflow: hidden
}

.plugin-product-comment-message-mobileModal .plugin-product-comment-modal-mask {
  background: rgba(115, 115, 115, .6)
}

.plugin-product-comment-message-mobileModal .plugin-product-comment-modal-content {
  height: 100%;
  width: 100%;
  overflow-y: hidden;
  margin: 0;
  background-color: var(--plugin-product-comment-color_page_background)
}

.plugin-product-comment-message-mobileModal .plugin-product-comment-modal-body {
  overflow: hidden
}

.plugin-product-comment-message-mobileModal .plugin-product-comment-modal-close {
  top: 12px;
  right: 12px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, .06);
  z-index: 2;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

/* ========== block ========== */

.plugin-product-comment-MessageReplyTextarea-box {
  display: -ms-flexbox;
  display: flex
}

.plugin-product-comment-MessageReplyTextarea-box-text {
  -ms-flex: 1;
  flex: 1
}

.plugin-product-comment-MessageReplyTextarea-box-button {
  margin-left: 16px;
  -ms-flex: none;
  flex: none
}

.plugin-product-comment-MessageReplyTextarea-box .plugin-product-comment-reply-textarea-warp {
  margin: 12px 0 13px 16px
}

.plugin-product-comment-MessageReplyTextarea-box .plugin-product-comment-reply-textarea:focus-within {
  border: 2px solid var(--plugin-product-comment-color_text);
  border-radius: 2px
}

.plugin-product-comment-MessageReplyTextarea-box .plugin-product-comment-reply-textarea:focus-within .plugin-product-comment-reply-textarea-warp {
  margin: 13px 0 13px 15px
}

@media (max-width: 749.98px) {
  .plugin-product-comment-MessageReplyTextarea-box {
    -ms-flex-direction: column;
    flex-direction: column
  }

  .plugin-product-comment-MessageReplyTextarea-box-button {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-top: 12px
  }

  .plugin-product-comment-MessageReplyTextarea-box-button .plugin-product-comment-button {
    text-transform: uppercase
  }
}

/* ========== block ========== */

.plugin-product-comment-messageMobileList {
  height: calc(100% - 66px)
}

.plugin-product-comment-messageMobileList.plugin-product-comment-follow-theme .plugin-product-comment-messageMobileList-header {
  background-color: var(--plugin-product-comment-color_page_background)
}

.plugin-product-comment-messageMobileList.plugin-product-comment-follow-theme .plugin-product-comment-messageMobileList-header-title {
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-messageMobileList.plugin-product-comment-follow-theme .plugin-product-comment-messageMobileList-header-btn {
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-messageMobileList.plugin-product-comment-follow-theme .plugin-product-comment-messageMobileList-header>svg path {
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-messageMobileList-header {
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffffff;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  padding: 0 20px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2
}

.plugin-product-comment-messageMobileList-header-title {
  color: #2c2c2c;
  font-size: 16px;
  text-transform: uppercase
}

.plugin-product-comment-messageMobileList-header-backIcon {
  position: absolute;
  left: 20px
}

.plugin-product-comment-messageMobileList-header-btn {
  color: #2c2c2c;
  font-weight: 500;
  font-size: 14px
}

.plugin-product-comment-messageMobileList-header>svg path {
  stroke: currentColor;
  color: #2c2c2c
}

.plugin-product-comment-messageMobileList-body {
  height: 100%
}

.plugin-product-comment-messageMobileList-body-addBtn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 12px 20px
}

.plugin-product-comment-messageMobileList-body-addBtn .isv-web-btn {
  width: 100%
}

.plugin-product-comment-messageMobileList-body-mobileComment-buttonList {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end
}

/* ========== block ========== */

.plugin-product-comment-message-mobile-modal-item {
  border-bottom: 1px solid #e8e8e1;
  padding: 20px 0;
  color: #2c2c2c;
  position: relative;
  display: -ms-flexbox;
  display: flex
}

.plugin-product-comment-message-mobile-modal-item.plugin-product-comment-follow-theme {
  border-bottom: 1px solid var(--plugin-product-comment-color_entry_line);
  color: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-message-mobile-modal-item.plugin-product-comment-follow-theme .plugin-product-comment-message-mobile-modal-item-questionsAnswers {
  white-space: pre-wrap
}

.plugin-product-comment-message-mobile-modal-item.plugin-product-comment-follow-theme .plugin-product-comment-message-mobile-modal-item-questionsAnswers-more-tip-message-btn {
  -ms-flex: none;
  flex: none
}

.plugin-product-comment-message-mobile-modal-item.plugin-product-comment-follow-theme .plugin-product-comment-message-mobile-modal-item-questionsAnswers-more-tip-message-btn-icon>path {
  fill: currentColor
}

.plugin-product-comment-message-mobile-modal-item.plugin-product-comment-follow-theme .plugin-product-comment-message-mobile-modal-item-questionsAnswers-more-tip-comment {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 16px;
  font-weight: 500
}

.plugin-product-comment-message-mobile-modal-item.plugin-product-comment-follow-theme .plugin-product-comment-message-mobile-modal-item-questionsAnswers-more-tip-comment svg path {
  fill: var(--plugin-product-comment-color_text)
}

.plugin-product-comment-message-mobile-modal-item-questionsAnswers {
  font-weight: 600;
  font-size: 15px;
  line-height: 26px;
  width: 100%;
  -ms-flex: auto;
  flex: auto;
  white-space: pre-wrap
}

.plugin-product-comment-message-mobile-modal-item-questionsAnswers-qa {
  margin-right: 10px;
  -ms-flex: none;
  flex: none
}

.plugin-product-comment-message-mobile-modal-item-questionsAnswers-content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: pre-wrap
}

.plugin-product-comment-message-mobile-modal-item-questionsAnswers-questions,
.plugin-product-comment-message-mobile-modal-item-questionsAnswers-answers {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.plugin-product-comment-message-mobile-modal-item-questionsAnswers-answers {
  margin-top: 8px
}

.plugin-product-comment-message-mobile-modal-item-questionsAnswers-answers-content {
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  white-space-collapse: preserve
}

.plugin-product-comment-message-mobile-modal-item-questionsAnswers-more-tip {
  display: -ms-flexbox;
  display: flex;
  color: var(--plugin-product-comment-color_text_60);
  font-size: 12px;
  line-height: 16px;
  margin-top: 16px
}

.plugin-product-comment-message-mobile-modal-item-questionsAnswers-more-tip-message-btn {
  -ms-flex: none;
  flex: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.plugin-product-comment-message-mobile-modal-item-questionsAnswers-more-tip-message-btn-icon {
  margin-right: 4px
}

/* ========== block ========== */

.plugin-product-comment-tab-message-list {
  margin-top: 28px
}

@media (max-width: 749.98px) {
  .plugin-product-comment-product-subTitle-start {
    -ms-flex-pack: center;
    justify-content: center
  }
}

/* ========== block ========== */

.plugin-product-comment-tab {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #eef1f7
}

.plugin-product-comment-tab-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  position: relative;
  font-size: 22px;
  line-height: 28px;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center
}

.plugin-product-comment-tab-list-item {
  position: relative;
  white-space: nowrap;
  padding: 19px 0px;
  line-height: 20px;
  color: var(--plugin-product-comment-color_text);
  opacity: 0.6
}

.plugin-product-comment-tab-list-item:not(:last-child) {
  margin-right: 32px
}

.plugin-product-comment-tab-list-item-active {
  opacity: 1
}

.plugin-product-comment-tab-list-item-active::before {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 2px solid var(--plugin-product-comment-color_text)
}

.plugin-product-comment-tab-list-item-disabled {
  opacity: 0.5;
  cursor: not-allowed
}

@media (max-width: 749.98px) {
  .plugin-product-comment-tab {
    margin-top: 21px
  }

  .plugin-product-comment-tab-list {
    font-size: 14px
  }

  .plugin-product-comment-tab-extra {
    font-size: 16px;
    line-height: 24px;
    color: var(--plugin-product-comment-color_text)
  }
}

.plugin-product-comment-small_tab .plugin-product-comment-tab-list {
  font-size: 14px
}

.plugin-product-comment-small_tab .plugin-product-comment-tab-extra {
  font-size: 16px
}

html[dir='rtl'] .plugin-product-comment-tab-list-item:not(:last-child) {
  margin-right: unset;
  margin-left: 32px
}

/* ========== block ========== */

.plugin-product-comment-gallery-carousel {
  position: relative;
  margin: 0 0 80px
}

.plugin-product-comment-gallery-carousel-slideWrap {
  width: 100%;
  position: relative;
  overflow-x: auto;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-color: rgb(var(--color-image-background)) rgba(var(--color-image-background), .04);
  scrollbar-width: none
}

.plugin-product-comment-gallery-carousel-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.plugin-product-comment-gallery-carousel-slide {
  max-width: 200px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  word-wrap: break-word;
  overflow: hidden;
  display: block;
  position: relative;
  box-sizing: content-box !important;
  scroll-snap-align: start;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style: none
}

.plugin-product-comment-gallery-carousel-slide:first-child {
  padding-left: 0 !important
}

.plugin-product-comment-gallery-carousel-slide:last-child {
  padding-right: 0 !important
}

.plugin-product-comment-gallery-carousel-item {
  height: 100%
}

.plugin-product-comment-gallery-carousel-preIcon,
.plugin-product-comment-gallery-carousel-nextIcon {
  display: none;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #F2F3F5;
  cursor: pointer;
  position: absolute;
  translate: transformY(-50%);
  top: 50%
}

.plugin-product-comment-gallery-carousel-preIcon svg path,
.plugin-product-comment-gallery-carousel-nextIcon svg path {
  stroke: #000
}

.plugin-product-comment-gallery-carousel-preIcon.plugin-product-comment-gallery-carousel-disabled,
.plugin-product-comment-gallery-carousel-nextIcon.plugin-product-comment-gallery-carousel-disabled {
  cursor: not-allowed
}

.plugin-product-comment-gallery-carousel-preIcon.plugin-product-comment-gallery-carousel-disabled svg path,
.plugin-product-comment-gallery-carousel-nextIcon.plugin-product-comment-gallery-carousel-disabled svg path {
  stroke: rgba(#000, .3)
}

.plugin-product-comment-gallery-carousel-preIcon {
  left: 12px
}

.plugin-product-comment-gallery-carousel-nextIcon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  right: 12px
}

.plugin-product-comment-gallery-carousel_header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px;
  margin-top: 60px
}

.plugin-product-comment-gallery-carousel_header_title {
  font-size: 20px;
  font-weight: 600;
  color: #2C2C2C
}

.plugin-product-comment-gallery-carousel_header_title_small {
  font-size: 14px
}

.plugin-product-comment-gallery-carousel-UnMobile:hover .plugin-product-comment-gallery-carousel-preIcon,
.plugin-product-comment-gallery-carousel-UnMobile:hover .plugin-product-comment-gallery-carousel-nextIcon {
  display: -ms-inline-flexbox;
  display: inline-flex
}

@media (max-width: 749.98px) {
  .plugin-product-comment-gallery-carousel {
    margin: 0 0 20px
  }

  .plugin-product-comment-gallery-carousel-wrap {
    padding-right: var(--page-padding, 20px)
  }

  .plugin-product-comment-gallery-carousel-slide {
    width: auto
  }

  .plugin-product-comment-gallery-carousel_header {
    margin-top: 20px;
    margin-bottom: 12px
  }

  .plugin-product-comment-gallery-carousel_header_title {
    font-size: 14px;
    font-weight: 600
  }
}

/* ========== block ========== */

.plugin-product-comment-GalleryImageSwiperItemWrap {
  width: 100%;
  position: relative;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .12);
  background-color: rgba(var(--colorTextBg, #fff), 1)
}

.plugin-product-comment-GalleryImageSwiperItemWrap .plugin-product-comment-imageRadioBox {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative
}

.plugin-product-comment-GalleryImageSwiperItemWrap .plugin-product-comment-imageRadioBox::before {
  content: '';
  width: 0;
  height: 0;
  padding-bottom: var(--imageRadio)
}

.plugin-product-comment-GalleryImageSwiperItemWrap .plugin-product-comment-imageRadioBox img {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%
}

.plugin-product-comment-GalleryImageSwiperItemWrap .plugin-product-comment-imageRadioBox .plugin-product-comment-videoIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

/* ========== block ========== */

.plugin-product-comment-imageRadioBox {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative
}

.plugin-product-comment-imageRadioBox::before {
  content: '';
  width: 0;
  height: 0;
  padding-bottom: var(--imageRadio)
}

.plugin-product-comment-imageRadioBox img {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  width: 100%;
  height: 100%
}

.plugin-product-comment-imageRadioBox .plugin-product-comment-videoIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

/* ========== block ========== */

:root {
  --plugin-product-comment-color_body: #2C2C2C;
  --plugin-product-comment-color_text: #29252C;
  --plugin-product-comment-color_text_title: #242833;
  --plugin-product-comment-color_entry_line: #DDDDDD;
  --plugin-product-comment-color_btn_background: #111111;
  --plugin-product-comment-color_btn_text: #ffffff;
  --plugin-product-comment-color_mask: rgba(23, 23, 23, 0.6);
  --plugin-product-comment-color_text_60: rgba(41, 37, 44, 0.6);
  --plugin-product-comment-color_text_50: rgba(41, 37, 44, 0.5);
  --plugin-product-comment-color_text_40: rgba(41, 37, 44, 0.4);
  --plugin-product-comment-color_page_background: #FFFFFF;
  --plugin-product-comment-color_product_title: #2C2C2C;
  --plugin-product-comment-color_discount: #E32619;
  --plugin-product-comment-type_title_trans_font_family: Poppins;
}

/* ========== block ========== */

.custom-home-logo-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 8px 12px 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

.advertorial-label {
  display: inline-flex;
  padding: 20px 64px;
  background: #16a34a;
  color: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: none;
  border-radius: 8px;
  line-height: 1.15;
  box-shadow: 0 8px 18px rgba(22, 163, 74, 0.24), 0 4px 10px rgba(0, 0, 0, 0.14);
}

/* Remove frame around "Oglasi" label */
.__pf.__pf_DZd4q61Y .pf-11_ {
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.__pf.__pf_DZd4q61Y .pf-12_ {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.custom-home-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  padding: 6px 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
}

.custom-home-logo-badge {
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: transparent;
  display: inline-block;
  object-fit: contain;
}

.custom-home-logo-text {
  color: #111827;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.copyright-note {
  max-width: 1200px;
  margin: 10px auto 0;
  padding: 0 12px;
  color: #6b7280;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1.4;
}

.footer-legal-links {
  margin-top: 8px;
  margin-bottom: 10px;
}

.footer-legal-links a {
  color: #0f766e;
  text-decoration: none;
  margin: 0 10px;
  font-size: 12px;
}

.footer-legal-links a:hover {
  text-decoration: underline;
}

/* Remove all star-rating icons/rows */
.pf-47_,
.pf-65_,
.pf-83_,
.pf-48_,
.pf-49_,
.pf-50_,
.pf-51_,
.pf-52_,
.pf-66_,
.pf-67_,
.pf-68_,
.pf-69_,
.pf-70_,
.pf-84_,
.pf-85_,
.pf-86_,
.pf-87_,
.pf-88_ {
  display: none;
}

@media (max-width: 750px) {
  .custom-home-logo-wrap {
    padding: 6px 8px 0;
  }

  .advertorial-label {
    font-size: 12px;
    padding: 8px 11px;
    border-radius: 7px;
    letter-spacing: 0.03em;
  }

  .custom-home-logo {
    padding: 4px 8px;
    border-radius: 8px;
  }

  .custom-home-logo-badge {
    width: 22px;
    height: 22px;
  }

  .custom-home-logo-text {
    font-size: 12px;
    letter-spacing: 0.02em;
  }

  .copyright-note {
    padding: 0 8px;
    font-size: 11px;
  }

  .footer-legal-links a {
    margin: 0 6px;
    font-size: 11px;
  }
}

/* ========== block ========== */

.__pf .pf-c-ct,
.__pf .pf-c-lt,
.__pf .pf-c-rt {
  align-content: flex-start
}

.__pf .oh,
.pf-sr-only {
  overflow: hidden
}

.__pf img,
.__pf video {
  max-width: 100%;
  border: 0;
  vertical-align: middle
}

.__pf [tabIndex],
.__pf button,
.__pf input,
.__pf select,
.__pf textarea {
  touch-action: manipulation
}

.__pf:not([data-pf-editor-version=gen-2]) :focus-visible {
  outline: 0 !important;
  box-shadow: none !important
}

.__pf:not([data-pf-editor-version=gen-2]) :not(input):not(select):not(textarea):not([data-active=true]):focus-visible {
  border: none !important
}

.__pf *,
.__pf :after,
.__pf :before {
  box-sizing: border-box
}

.__pf [disabled],
.__pf [readonly] {
  cursor: default
}

.__pf [data-href],
.__pf button:not([data-pf-id]):hover {
  cursor: pointer
}

.__pf [disabled]:not([disabled=false]),
.pf-dialog svg {
  pointer-events: none
}

.__pf [hidden] {
  display: none !important
}

.__pf [data-link=inherit] {
  color: inherit;
  text-decoration: none
}

.__pf [data-pf-placeholder] {
  outline: 0;
  height: auto;
  display: none;
  pointer-events: none !important
}

.__pf .pf-ifr,
.__pf [style*="--ratio"] img {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: absolute
}

.__pf .pf-r,
.__pf .pf-r-eh>.pf-c {
  display: flex
}

.__pf [style*="--cw"] {
  padding: 0 15px;
  width: 100%;
  margin: auto;
  max-width: var(--cw)
}

.__pf .pf-ifr {
  border: 0
}

.__pf .pf-bg-lazy {
  background-image: none !important
}

.__pf .pf-r {
  flex-wrap: wrap
}

.__pf .pf-r-dg {
  display: grid
}

.__pf [style*="--c-xs"] {
  max-width: calc(100%/12*var(--c-xs));
  flex-basis: calc(100%/12*var(--c-xs))
}

.__pf [style*="--s-xs"] {
  margin: 0 calc(-1 * var(--s-xs))
}

.__pf [style*="--s-xs"]>.pf-c {
  padding: var(--s-xs)
}

.__pf .pf-r-ew>.pf-c {
  flex-grow: 1;
  flex-basis: 0
}

.__pf [style*="--ew-xs"]>.pf-c {
  flex-basis: calc(100% / var(--ew-xs));
  max-width: calc(100% / var(--ew-xs))
}

.__pf [style*="--ratio"] {
  position: relative;
  padding-bottom: var(--ratio)
}

.main-content {
  padding: 0
}

.footer-section,
.site-footer,
.site-footer-wrapper,
main .accent-background+.shopify-section {
  margin: 0
}

@media (max-width:767.4999px) {
  .__pf .pf-hide {
    display: none !important
  }
}

@media (max-width:1024.4999px) and (min-width:767.5px) {
  .__pf .pf-sm-hide {
    display: none !important
  }
}

@media (max-width:1199.4999px) and (min-width:1024.5px) {
  .__pf .pf-md-hide {
    display: none !important
  }
}

@media (min-width:767.5px) {
  .__pf [style*="--s-sm"] {
    margin: 0 calc(-1 * var(--s-sm))
  }

  .__pf [style*="--c-sm"] {
    max-width: calc(100%/12*var(--c-sm));
    flex-basis: calc(100%/12*var(--c-sm))
  }

  .__pf [style*="--s-sm"]>.pf-c {
    padding: var(--s-sm)
  }

  .__pf [style*="--ew-sm"]>.pf-c {
    flex-basis: calc(100% / var(--ew-sm));
    max-width: calc(100% / var(--ew-sm))
  }
}

@media (min-width:1024.5px) {
  .__pf [style*="--s-md"] {
    margin: 0 calc(-1 * var(--s-md))
  }

  .__pf [style*="--c-md"] {
    max-width: calc(100%/12*var(--c-md));
    flex-basis: calc(100%/12*var(--c-md))
  }

  .__pf [style*="--s-md"]>.pf-c {
    padding: var(--s-md)
  }

  .__pf [style*="--ew-md"]>.pf-c {
    flex-basis: calc(100% / var(--ew-md));
    max-width: calc(100% / var(--ew-md))
  }
}

@media (min-width:1199.5px) {
  .__pf [style*="--s-lg"] {
    margin: 0 calc(-1 * var(--s-lg))
  }

  .__pf [style*="--c-lg"] {
    max-width: calc(100%/12*var(--c-lg));
    flex-basis: calc(100%/12*var(--c-lg))
  }

  .__pf [style*="--s-lg"]>.pf-c {
    padding: var(--s-lg)
  }

  .__pf [style*="--ew-lg"]>.pf-c {
    flex-basis: calc(100% / var(--ew-lg));
    max-width: calc(100% / var(--ew-lg))
  }

  .__pf .pf-lg-hide {
    display: none !important
  }
}

.__pf .pf-r-eh>.pf-c>div {
  width: 100%
}

.__pf .pf-c-lt {
  justify-content: flex-start;
  align-items: flex-start
}

.__pf .pf-c-ct {
  justify-content: center;
  align-items: flex-start
}

.__pf .pf-c-rt {
  justify-content: flex-end;
  align-items: flex-start
}

.__pf .pf-c-lm {
  justify-content: flex-start;
  align-items: center;
  align-content: center
}

.__pf .pf-c-cm {
  justify-content: center;
  align-items: center;
  align-content: center
}

.__pf .pf-c-rm {
  justify-content: flex-end;
  align-items: center;
  align-content: center
}

.__pf .pf-c-cb,
.__pf .pf-c-lb,
.__pf .pf-c-rb {
  align-content: flex-end
}

.__pf .pf-c-lb {
  justify-content: flex-start;
  align-items: flex-end
}

.__pf .pf-c-cb {
  justify-content: center;
  align-items: flex-end
}

.__pf .pf-c-rb {
  justify-content: flex-end;
  align-items: flex-end
}

.pf-no-border:not(:focus-visible) {
  border: none;
  outline: 0
}

.pf-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0
}

.pf-close-dialog-btn,
.pf-dialog {
  background: 0 0;
  border: none;
  padding: 0
}

.pf-visibility-hidden {
  visibility: hidden
}

.pf-dialog {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: min(calc(9/16*100vw), calc(100% - 6px - 2em));
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  margin: 0
}

.pf-dialog::backdrop {
  background: rgba(0, 0, 0, .9);
  opacity: 1
}

.pf-close-dialog-btn {
  position: absolute;
  top: 0;
  right: 0;
  height: 16px;
  margin-bottom: 8px;
  cursor: pointer
}

.pf-close-dialog-btn:not(:focus-visible) {
  box-shadow: none
}

.pf-dialog-content {
  display: block;
  margin: 24px auto auto;
  width: 100%;
  height: calc(100% - 24px)
}

.pf-dialog-content>* {
  width: 100%;
  height: 100%;
  border: 0
}

/* ========== block ========== */

.pf-color-scheme-1,
.pf-color-scheme-2 {
  --pf-scheme-shadow-color: rgb(0, 0, 0, 0.25)
}

.pf-color-scheme-1 {
  --pf-scheme-bg-color: ;
  --pf-scheme-text-color: ;
  --pf-scheme-btn-bg-color: ;
  --pf-scheme-btn-text-color: ;
  --pf-scheme-border-color: ;
  background-color: var(--pf-scheme-bg-color);
  background-image: var(--pf-scheme-bg-gradient-color);
  border-color: var(--pf-scheme-border-color);
  color: var(--pf-scheme-text-color)
}

.pf-color-scheme-2,
.pf-color-scheme-3 {
  --pf-scheme-btn-text-color: rgb(255, 255, 255);
  background-color: var(--pf-scheme-bg-color);
  background-image: var(--pf-scheme-bg-gradient-color);
  border-color: var(--pf-scheme-border-color);
  color: var(--pf-scheme-text-color)
}

.pf-color-scheme-2 {
  --pf-scheme-bg-color: rgba(255, 255, 255, 0);
  --pf-scheme-text-color: rgb(0, 0, 0);
  --pf-scheme-btn-bg-color: rgb(145, 157, 169);
  --pf-scheme-border-color: rgba(0, 0, 0)
}

.pf-color-scheme-3,
.pf-color-scheme-4 {
  --pf-scheme-text-color: rgb(18, 18, 18);
  --pf-scheme-btn-bg-color: rgb(18, 18, 18);
  --pf-scheme-border-color: rgb(18, 18, 18)
}

.pf-color-scheme-3 {
  --pf-scheme-bg-color: rgb(255, 255, 255);
  --pf-scheme-shadow-color: rgb(18, 18, 18)
}

.pf-color-scheme-4 {
  --pf-scheme-bg-color: rgb(243, 243, 243);
  --pf-scheme-btn-text-color: rgb(243, 243, 243);
  --pf-scheme-shadow-color: rgb(18, 18, 18);
  background-color: var(--pf-scheme-bg-color);
  background-image: var(--pf-scheme-bg-gradient-color);
  border-color: var(--pf-scheme-border-color);
  color: var(--pf-scheme-text-color)
}

.pf-color-scheme-5,
.pf-color-scheme-6,
.pf-color-scheme-7 {
  --pf-scheme-text-color: rgb(255, 255, 255);
  --pf-scheme-btn-bg-color: rgb(255, 255, 255);
  --pf-scheme-border-color: rgb(255, 255, 255);
  --pf-scheme-shadow-color: rgb(18, 18, 18);
  background-color: var(--pf-scheme-bg-color);
  background-image: var(--pf-scheme-bg-gradient-color);
  border-color: var(--pf-scheme-border-color);
  color: var(--pf-scheme-text-color)
}

.pf-color-scheme-5 {
  --pf-scheme-bg-color: rgb(36, 40, 51);
  --pf-scheme-btn-text-color: rgb(0, 0, 0)
}

.pf-color-scheme-6 {
  --pf-scheme-bg-color: rgb(18, 18, 18);
  --pf-scheme-btn-text-color: rgb(18, 18, 18)
}

.pf-color-scheme-7 {
  --pf-scheme-bg-color: rgb(51, 79, 180);
  --pf-scheme-btn-text-color: rgb(51, 79, 180)
}

[data-pf-type^=Button] {
  background-color: var(--pf-scheme-btn-bg-color);
  background-image: var(--pf-scheme-btn-bg-gradient-color);
  color: var(--pf-scheme-btn-text-color)
}

@media all {

  .__pf .pf-button-1,
  .__pf .pf-button-2,
  .__pf .pf-button-3,
  .__pf .pf-button-4,
  .__pf .pf-button-5,
  .__pf .pf-button-6,
  .__pf .pf-button-7 {
    background-color: #919da9;
    color: #fff;
    padding: 12px 20px
  }

  .__pf .pf-heading-1-h1,
  .__pf .pf-heading-1-h2,
  .__pf .pf-heading-1-h3,
  .__pf .pf-heading-1-h4,
  .__pf .pf-heading-1-h5,
  .__pf .pf-heading-1-h6,
  .__pf .pf-heading-2-h1,
  .__pf .pf-heading-2-h2,
  .__pf .pf-heading-2-h3,
  .__pf .pf-heading-2-h4,
  .__pf .pf-heading-2-h5,
  .__pf .pf-heading-2-h6,
  .__pf .pf-heading-3-h1,
  .__pf .pf-heading-3-h2,
  .__pf .pf-heading-3-h3,
  .__pf .pf-heading-3-h4,
  .__pf .pf-heading-3-h5,
  .__pf .pf-heading-3-h6,
  .__pf .pf-heading-4-h1,
  .__pf .pf-heading-4-h2,
  .__pf .pf-heading-4-h3,
  .__pf .pf-heading-4-h4,
  .__pf .pf-heading-4-h5,
  .__pf .pf-heading-4-h6,
  .__pf .pf-heading-5-h1,
  .__pf .pf-heading-5-h2,
  .__pf .pf-heading-5-h3,
  .__pf .pf-heading-5-h4,
  .__pf .pf-heading-5-h5,
  .__pf .pf-heading-5-h6,
  .__pf .pf-heading-6-h1,
  .__pf .pf-heading-6-h2,
  .__pf .pf-heading-6-h3,
  .__pf .pf-heading-6-h4,
  .__pf .pf-heading-6-h5,
  .__pf .pf-heading-6-h6,
  .__pf .pf-heading-7-h1,
  .__pf .pf-heading-7-h2,
  .__pf .pf-heading-7-h3,
  .__pf .pf-heading-7-h4,
  .__pf .pf-heading-7-h5,
  .__pf .pf-heading-7-h6,
  .__pf .pf-icon-1,
  .__pf .pf-icon-2,
  .__pf .pf-icon-3,
  .__pf .pf-icon-4,
  .__pf .pf-icon-5,
  .__pf .pf-icon-6,
  .__pf .pf-icon-7,
  .__pf .pf-text-1,
  .__pf .pf-text-2,
  .__pf .pf-text-3,
  .__pf .pf-text-4,
  .__pf .pf-text-5,
  .__pf .pf-text-6,
  .__pf .pf-text-7,
  .pf-icon2-1,
  .pf-icon2-2,
  .pf-icon2-3,
  .pf-icon2-4,
  .pf-icon2-5,
  .pf-icon2-6,
  .pf-icon2-7 {
    background-color: var(--pf-scheme-bg-color);
    color: var(--pf-scheme-text-color)
  }

  .__pf .pf-divider-1,
  .__pf .pf-divider-2,
  .__pf .pf-divider-3,
  .__pf .pf-divider-4 {
    color: var(--pf-scheme-text-color)
  }

  .__pf .pf-field-1,
  .__pf .pf-field-2,
  .__pf .pf-field-3,
  .__pf .pf-field-4,
  .__pf .pf-field-5,
  .__pf .pf-field-6 {
    background-color: #fdfdfd;
    border: .66px solid #8a8a8a;
    border-radius: 8px;
    padding: 6px 12px
  }
}

/* ========== block ========== */

div.__pf {
  --pf-shopify-font-family-type-header-font: Assistant, sans-serif;
  --pf-shopify-font-style-type-header-font: normal;
  --pf-shopify-font-weight-type-header-font: 400;
  --pf-shopify-font-family-type-body-font: Assistant, sans-serif;
  --pf-shopify-font-style-type-body-font: normal;
  --pf-shopify-font-weight-type-body-font: 400;
}

/* ========== block ========== */

.diYwkr,
.fNhwRJ,
.guyrgn,
.keyrLF {
  position: relative
}

.keyrLF {
  display: flex !important;
  align-items: center;
  padding: 16px 0;
  font-size: 2px
}

.keyrLF:after,
.keyrLF:before {
  content: '';
  width: 100%;
  border-top: 1em solid
}

.keyrLF>span {
  padding: 0 16px;
  flex: 1 0 auto;
  display: flex;
  line-height: 1
}

.boFvku {
  --pf-sample-color: #5d6b82;
  --pf-border-color: #d1d5db
}

.hKoKLi {
  white-space: pre-line;
  user-select: text
}

.hKoKLi span {
  vertical-align: baseline !important
}

.dDIMvu svg,
.hKoKLi i,
.hKoKLi svg {
  margin-right: 5px
}

.brAXOz {
  height: 28px;
  width: auto;
  fill: currentColor;
  vertical-align: middle;
  box-sizing: content-box !important;
  pointer-events: auto
}

.brAXOz path {
  pointer-events: none
}

.kluIKZ {
  max-width: 100%;
  display: inline-block;
  overflow: auto;
  height: auto;
  aspect-ratio: var(--pf-aspect-ratio-value)
}

.diYwkr,
.guyrgn {
  display: flex
}

.diYwkr.pf-flex-section {
  margin: auto
}

.fNhwRJ {
  padding: 20px 15px
}

@media (min-width:1024.5px) {
  .fNhwRJ {
    padding: 20px 24px
  }
}

.dDIMvu {
  display: inline-block;
  line-height: 1;
  padding: 12px 20px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  outline: 0
}

.dDIMvu span {
  color: inherit
}

.fUUTrx {
  word-break: break-word
}

.fUUTrx>input {
  display: none !important
}

@media all {
  .__pf.__pf_DZd4q61Y .pf-11_ {
    background-color: #000;
    padding: 0
  }

  .__pf.__pf_DZd4q61Y .pf-12_ {
    align-self: stretch;
    height: fit-content;
    width: unset;
    flex-grow: unset;
    flex-basis: unset;
    color: #4d4d4d;
    text-align: center;
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #fff;
    font-weight: 400
  }

  .__pf.__pf_DZd4q61Y .pf-14_ {
    padding: 0
  }

  .__pf.__pf_DZd4q61Y .pf-15_ {
    width: 1200px;
    flex-basis: unset;
    height: fit-content;
    flex-grow: unset;
    align-self: unset;
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0 16px;
    min-width: unset;
    max-width: unset;
    padding-bottom: 32px;
    padding-top: 0
  }

  .__pf.__pf_DZd4q61Y .pf-16_ {
    flex-grow: calc(1.33333);
    flex-basis: 0px;
    height: fit-content;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    padding-left: 0;
    padding-right: 0
  }

  .__pf.__pf_DZd4q61Y .pf-17_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    font-size: 42px;
    font-family: "Noto Sans";
    font-weight: 700;
    margin: 0;
    padding-bottom: 20px;
    line-height: 62px;
    color: #121212
  }

  .__pf.__pf_DZd4q61Y .pf-19_,
  .__pf.__pf_DZd4q61Y .pf-21_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    font-size: 24px;
    margin: 0;
    font-weight: 400;
    padding-bottom: 10px;
    line-height: 32px;
    color: #151515
  }

  .__pf.__pf_DZd4q61Y .pf-23_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    font-size: 14px;
    margin: 0 0 10px;
    font-weight: 400;
    color: #151515
  }

  .__pf.__pf_DZd4q61Y .pf-102_,
  .__pf.__pf_DZd4q61Y .pf-25_,
  .__pf.__pf_DZd4q61Y .pf-28_ {
    align-self: stretch;
    height: fit-content;
    flex-basis: unset;
    --pf-aspect-ratio-value: unset;
    object-fit: cover;
    object-position: center center;
    aspect-ratio: var(--pf-image-ratio);
    margin-bottom: 35px;
    border-radius: 10px
  }

  .__pf.__pf_DZd4q61Y .pf-33_,
  .__pf.__pf_DZd4q61Y .pf-97_ {
    --pf-aspect-ratio-value: 1/1;
    object-fit: cover;
    object-position: center center
  }

  .__pf.__pf_DZd4q61Y .pf-100_,
  .__pf.__pf_DZd4q61Y .pf-105_,
  .__pf.__pf_DZd4q61Y .pf-135_,
  .__pf.__pf_DZd4q61Y .pf-26_,
  .__pf.__pf_DZd4q61Y .pf-31_,
  .__pf.__pf_DZd4q61Y .pf-36_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    font-size: 20px;
    margin: 0 0 25px;
    padding-bottom: 0;
    font-weight: 400;
    line-height: 28px;
    color: #151515
  }

  .__pf.__pf_DZd4q61Y .pf-103_,
  .__pf.__pf_DZd4q61Y .pf-133_,
  .__pf.__pf_DZd4q61Y .pf-182_,
  .__pf.__pf_DZd4q61Y .pf-29_,
  .__pf.__pf_DZd4q61Y .pf-34_,
  .__pf.__pf_DZd4q61Y .pf-98_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    color: #121212;
    margin: 0 0 10px;
    font-size: 30px;
    font-family: "Noto Sans";
    font-weight: 700
  }

  .__pf.__pf_DZd4q61Y .pf-33_ {
    align-self: stretch;
    height: fit-content;
    flex-basis: unset;
    margin-bottom: 35px;
    border-radius: 10px
  }

  .__pf.__pf_DZd4q61Y .pf-38_ {
    width: 60%;
    flex-basis: unset;
    height: fit-content;
    flex-grow: unset;
    align-self: center;
    background-color: #00b8d9;
    color: #fff;
    padding: 12px 24px;
    margin: 0 0 40px;
    border-radius: 8px;
    text-align: center;
    font-size: 18px;
    min-width: unset;
    max-width: unset;
    line-height: 26px
  }

  .__pf.__pf_DZd4q61Y .pf-40_ {
    align-self: stretch;
    height: fit-content;
    flex-basis: 0px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    gap: 0;
    text-align: center
  }

  .__pf.__pf_DZd4q61Y .pf-41_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    color: #121212;
    margin: 0 0 10px;
    font-size: 30px;
    font-family: "Noto Sans";
    font-weight: 700;
    text-align: center
  }

  .__pf.__pf_DZd4q61Y .pf-43_,
  .__pf.__pf_DZd4q61Y .pf-61_ {
    align-self: stretch;
    height: fit-content;
    flex-basis: 0px;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    padding: 16px;
    margin-bottom: 20px;
    background-color: #f7f7f7;
    border-radius: 10px
  }

  .__pf.__pf_DZd4q61Y .pf-125_,
  .__pf.__pf_DZd4q61Y .pf-399_,
  .__pf.__pf_DZd4q61Y .pf-44_,
  .__pf.__pf_DZd4q61Y .pf-62_,
  .__pf.__pf_DZd4q61Y .pf-80_ {
    align-self: stretch;
    height: fit-content;
    flex-basis: 0px;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0
  }

  .__pf.__pf_DZd4q61Y .pf-126_,
  .__pf.__pf_DZd4q61Y .pf-45_,
  .__pf.__pf_DZd4q61Y .pf-57_,
  .__pf.__pf_DZd4q61Y .pf-63_,
  .__pf.__pf_DZd4q61Y .pf-75_,
  .__pf.__pf_DZd4q61Y .pf-81_,
  .__pf.__pf_DZd4q61Y .pf-93_ {
    align-self: stretch;
    height: fit-content;
    width: unset;
    flex-grow: unset;
    flex-basis: unset;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0
  }

  .__pf.__pf_DZd4q61Y .pf-46_,
  .__pf.__pf_DZd4q61Y .pf-64_,
  .__pf.__pf_DZd4q61Y .pf-82_ {
    align-self: stretch;
    height: fit-content;
    flex-basis: 0px;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    gap: 0 10px;
    margin-bottom: 5px
  }

  .__pf.__pf_DZd4q61Y .pf-47_,
  .__pf.__pf_DZd4q61Y .pf-65_,
  .__pf.__pf_DZd4q61Y .pf-83_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    flex-grow: unset;
    align-self: unset;
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0
  }

  .__pf.__pf_DZd4q61Y .pf-48_,
  .__pf.__pf_DZd4q61Y .pf-49_,
  .__pf.__pf_DZd4q61Y .pf-50_,
  .__pf.__pf_DZd4q61Y .pf-51_,
  .__pf.__pf_DZd4q61Y .pf-52_,
  .__pf.__pf_DZd4q61Y .pf-66_,
  .__pf.__pf_DZd4q61Y .pf-67_,
  .__pf.__pf_DZd4q61Y .pf-68_,
  .__pf.__pf_DZd4q61Y .pf-69_,
  .__pf.__pf_DZd4q61Y .pf-70_,
  .__pf.__pf_DZd4q61Y .pf-84_,
  .__pf.__pf_DZd4q61Y .pf-85_,
  .__pf.__pf_DZd4q61Y .pf-86_,
  .__pf.__pf_DZd4q61Y .pf-87_,
  .__pf.__pf_DZd4q61Y .pf-88_ {
    height: 16px;
    color: #f5a623
  }

  .__pf.__pf_DZd4q61Y .pf-142_,
  .__pf.__pf_DZd4q61Y .pf-53_,
  .__pf.__pf_DZd4q61Y .pf-71_,
  .__pf.__pf_DZd4q61Y .pf-89_ {
    flex-grow: 1;
    flex-basis: 0px;
    height: fit-content;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0
  }

  .__pf.__pf_DZd4q61Y .pf-54_,
  .__pf.__pf_DZd4q61Y .pf-72_,
  .__pf.__pf_DZd4q61Y .pf-90_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    margin: 0;
    font-size: 14px;
    font-weight: 600
  }

  .__pf.__pf_DZd4q61Y .pf-58_,
  .__pf.__pf_DZd4q61Y .pf-76_,
  .__pf.__pf_DZd4q61Y .pf-94_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    margin: 0;
    line-height: 22px;
    color: #4d4d4d;
    font-weight: 400
  }

  .__pf.__pf_DZd4q61Y .pf-79_ {
    align-self: stretch;
    height: fit-content;
    flex-basis: 0px;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    padding: 16px;
    margin-bottom: 30px;
    background-color: #f7f7f7;
    border-radius: 10px
  }

  .__pf.__pf_DZd4q61Y .pf-97_ {
    align-self: stretch;
    height: fit-content;
    flex-basis: unset;
    margin-bottom: 35px;
    border-radius: 0
  }

  .__pf.__pf_DZd4q61Y .pf-107_ {
    align-self: stretch;
    height: fit-content;
    flex-basis: 0px;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    gap: 0 16px;
    margin-bottom: 30px
  }

  .__pf.__pf_DZd4q61Y .pf-108_,
  .__pf.__pf_DZd4q61Y .pf-112_,
  .__pf.__pf_DZd4q61Y .pf-116_,
  .__pf.__pf_DZd4q61Y .pf-120_ {
    flex-grow: 1;
    flex-basis: 0px;
    align-self: stretch;
    width: unset;
    height: unset;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    gap: 5px 0;
    background-color: #f7f7f7;
    padding: 16px 8px;
    border-radius: 15px
  }

  .__pf.__pf_DZd4q61Y .pf-109_,
  .__pf.__pf_DZd4q61Y .pf-113_,
  .__pf.__pf_DZd4q61Y .pf-117_,
  .__pf.__pf_DZd4q61Y .pf-121_ {
    height: 20px;
    color: #00b8d9;
    padding-bottom: 5px
  }

  .__pf.__pf_DZd4q61Y .pf-110_,
  .__pf.__pf_DZd4q61Y .pf-114_,
  .__pf.__pf_DZd4q61Y .pf-118_,
  .__pf.__pf_DZd4q61Y .pf-122_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    font-size: 12px;
    margin: 0;
    color: #4d4d4d;
    font-weight: 500;
    text-align: center
  }

  .__pf.__pf_DZd4q61Y .pf-124_ {
    align-self: stretch;
    height: fit-content;
    flex-basis: 0px;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    padding: 16px;
    margin-bottom: 20px;
    background-color: #f7f7f7;
    border-radius: 10px;
    border-style: solid;
    border-color: #00b8d9;
    border-width: 0 0 0 3.5px
  }

  .__pf.__pf_DZd4q61Y .pf-127_,
  .__pf.__pf_DZd4q61Y .pf-130_ {
    width: fit-content;
    flex-basis: unset;
    margin: 0;
    font-weight: 400;
    height: fit-content
  }

  .__pf.__pf_DZd4q61Y .pf-127_ {
    line-height: 26px;
    color: #151515;
    padding-bottom: 10px;
    font-size: 20px
  }

  .__pf.__pf_DZd4q61Y .pf-130_ {
    line-height: 22px;
    color: #4d4d4d;
    font-size: 14px
  }

  .__pf.__pf_DZd4q61Y .pf-137_ {
    width: 60%;
    flex-basis: unset;
    height: fit-content;
    flex-grow: unset;
    align-self: center;
    background-color: #de350b;
    color: #fff;
    padding: 12px 24px;
    margin: 0 0 40px;
    border-radius: 8px;
    text-align: center;
    font-size: 18px;
    min-width: unset;
    max-width: unset;
    line-height: 26px
  }

  .__pf.__pf_DZd4q61Y .pf-139_ {
    align-self: stretch;
    height: fit-content;
    flex-basis: 0px;
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    gap: 0 16px;
    background-color: #f7f7f7;
    padding: 16px;
    border-radius: 15px;
    border: 1px solid #ddd
  }

  .__pf.__pf_DZd4q61Y .pf-140_ {
    flex-grow: 1;
    flex-basis: 0px;
    height: fit-content;
    width: unset;
    align-self: unset;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    gap: 0
  }

  .__pf.__pf_DZd4q61Y .pf-141_ {
    width: 422px;
    flex-basis: unset;
    height: fit-content;
    flex-grow: unset;
    align-self: unset;
    --pf-aspect-ratio-value: unset;
    object-fit: cover;
    object-position: center center;
    aspect-ratio: var(--pf-image-ratio);
    min-width: unset;
    max-width: unset
  }

  .__pf.__pf_DZd4q61Y .pf-143_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    color: #121212;
    margin: 0 0 10px;
    font-size: 24px;
    font-family: "Noto Sans";
    font-weight: 700
  }

  .__pf.__pf_DZd4q61Y .pf-145_,
  .__pf.__pf_DZd4q61Y .pf-147_,
  .__pf.__pf_DZd4q61Y .pf-149_,
  .__pf.__pf_DZd4q61Y .pf-151_,
  .__pf.__pf_DZd4q61Y .pf-153_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding-bottom: 10px;
    color: #4d4d4d
  }

  .__pf.__pf_DZd4q61Y .pf-146_,
  .__pf.__pf_DZd4q61Y .pf-148_,
  .__pf.__pf_DZd4q61Y .pf-150_,
  .__pf.__pf_DZd4q61Y .pf-152_,
  .__pf.__pf_DZd4q61Y .pf-154_ {
    height: 20px;
    color: #00b8d9
  }

  .__pf.__pf_DZd4q61Y .pf-155_ {
    align-self: stretch;
    height: fit-content;
    flex-basis: 0px;
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    gap: 0 12px;
    margin-bottom: 10px
  }

  .__pf.__pf_DZd4q61Y .pf-156_,
  .__pf.__pf_DZd4q61Y .pf-159_,
  .__pf.__pf_DZd4q61Y .pf-160_,
  .__pf.__pf_DZd4q61Y .pf-163_,
  .__pf.__pf_DZd4q61Y .pf-185_,
  .__pf.__pf_DZd4q61Y .pf-189_,
  .__pf.__pf_DZd4q61Y .pf-199_,
  .__pf.__pf_DZd4q61Y .pf-207_,
  .__pf.__pf_DZd4q61Y .pf-211_,
  .__pf.__pf_DZd4q61Y .pf-219_,
  .__pf.__pf_DZd4q61Y .pf-223_,
  .__pf.__pf_DZd4q61Y .pf-231_,
  .__pf.__pf_DZd4q61Y .pf-235_,
  .__pf.__pf_DZd4q61Y .pf-245_,
  .__pf.__pf_DZd4q61Y .pf-255_,
  .__pf.__pf_DZd4q61Y .pf-263_,
  .__pf.__pf_DZd4q61Y .pf-267_,
  .__pf.__pf_DZd4q61Y .pf-277_,
  .__pf.__pf_DZd4q61Y .pf-285_,
  .__pf.__pf_DZd4q61Y .pf-289_,
  .__pf.__pf_DZd4q61Y .pf-297_,
  .__pf.__pf_DZd4q61Y .pf-301_,
  .__pf.__pf_DZd4q61Y .pf-311_,
  .__pf.__pf_DZd4q61Y .pf-319_,
  .__pf.__pf_DZd4q61Y .pf-323_,
  .__pf.__pf_DZd4q61Y .pf-331_,
  .__pf.__pf_DZd4q61Y .pf-335_,
  .__pf.__pf_DZd4q61Y .pf-345_,
  .__pf.__pf_DZd4q61Y .pf-353_,
  .__pf.__pf_DZd4q61Y .pf-357_,
  .__pf.__pf_DZd4q61Y .pf-365_,
  .__pf.__pf_DZd4q61Y .pf-369_,
  .__pf.__pf_DZd4q61Y .pf-379_,
  .__pf.__pf_DZd4q61Y .pf-387_,
  .__pf.__pf_DZd4q61Y .pf-391_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    flex-grow: unset;
    align-self: unset;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0
  }

  .__pf.__pf_DZd4q61Y .pf-157_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    color: #de350b;
    margin: 0 0 10px;
    font-size: 24px;
    font-family: "Noto Sans";
    font-weight: 700
  }

  .__pf.__pf_DZd4q61Y .pf-161_,
  .__pf.__pf_DZd4q61Y .pf-164_,
  .__pf.__pf_DZd4q61Y .pf-166_ {
    width: fit-content;
    font-weight: 400;
    height: fit-content
  }

  .__pf.__pf_DZd4q61Y .pf-161_ {
    flex-basis: unset;
    color: #b5b5b5;
    margin: 0 0 10px;
    font-size: 16px;
    font-family: "Noto Sans"
  }

  .__pf.__pf_DZd4q61Y .pf-164_ {
    flex-basis: unset;
    color: #fff;
    margin: 0 0 10px;
    font-size: 14px;
    font-family: "Noto Sans";
    background-color: #de350b;
    border-radius: 5px;
    padding: 5px;
    line-height: 20px
  }

  .__pf.__pf_DZd4q61Y .pf-166_ {
    flex-basis: unset;
    font-size: 10px;
    margin: 0;
    padding-bottom: 10px;
    color: #4d4d4d
  }

  .__pf.__pf_DZd4q61Y .pf-168_ {
    align-self: stretch;
    height: fit-content;
    width: unset;
    flex-grow: unset;
    flex-basis: unset;
    background-color: #de350b;
    color: #fff;
    padding: 12px 24px;
    margin: 0 0 40px;
    border-radius: 8px;
    text-align: center;
    font-size: 16px;
    line-height: 26px
  }

  .__pf.__pf_DZd4q61Y .pf-170_ {
    width: 270px;
    flex-basis: unset;
    height: unset;
    flex-grow: unset;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    min-width: unset;
    max-width: unset;
    padding-left: 0;
    padding-right: 0;
    position: sticky;
    --sticky-top: 0px;
    --sticky-zindex: 1;
    top: 10px;
    z-index: 1
  }

  .__pf.__pf_DZd4q61Y .pf-171_ {
    align-self: stretch;
    height: fit-content;
    flex-basis: 0px;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    margin-top: 10px;
    padding: 0 16px 16px;
    border: 1px solid rgba(0, 0, 0, .11);
    border-radius: 15px;
    margin-left: 0
  }

  .__pf.__pf_DZd4q61Y .pf-172_ {
    align-self: stretch;
    height: fit-content;
    width: unset;
    flex-grow: unset;
    flex-basis: unset;
    --pf-aspect-ratio-value: 1/1;
    object-fit: cover;
    object-position: center center;
    padding-top: 16px;
    margin-bottom: 10px
  }

  .__pf.__pf_DZd4q61Y .pf-173_,
  .__pf.__pf_DZd4q61Y .pf-175_ {
    flex-basis: unset;
    font-size: 20px;
    margin: 0;
    font-weight: 400;
    line-height: 28px;
    width: fit-content;
    text-align: center;
    height: fit-content
  }

  .__pf.__pf_DZd4q61Y .pf-173_ {
    padding-bottom: 10px;
    color: #0099b8
  }

  .__pf.__pf_DZd4q61Y .pf-175_ {
    padding-bottom: 20px;
    color: #151515
  }

  .__pf.__pf_DZd4q61Y .pf-177_,
  .__pf.__pf_DZd4q61Y .pf-411_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    flex-grow: unset;
    align-self: unset;
    background-color: #00b8d9;
    color: #fff;
    padding: 12px 24px;
    margin: 15px 0;
    border-radius: 8px;
    text-align: center;
    font-size: 18px;
    line-height: 26px
  }

  .__pf.__pf_DZd4q61Y .pf-180_ {
    align-self: stretch;
    height: fit-content;
    flex-basis: 0px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    gap: 0
  }

  .__pf.__pf_DZd4q61Y .pf-181_ {
    width: 568px;
    flex-basis: unset;
    height: fit-content;
    flex-grow: unset;
    align-self: unset;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    min-width: unset;
    max-width: unset
  }

  .__pf.__pf_DZd4q61Y .pf-184_,
  .__pf.__pf_DZd4q61Y .pf-206_,
  .__pf.__pf_DZd4q61Y .pf-218_,
  .__pf.__pf_DZd4q61Y .pf-230_,
  .__pf.__pf_DZd4q61Y .pf-262_,
  .__pf.__pf_DZd4q61Y .pf-284_,
  .__pf.__pf_DZd4q61Y .pf-296_,
  .__pf.__pf_DZd4q61Y .pf-318_,
  .__pf.__pf_DZd4q61Y .pf-330_,
  .__pf.__pf_DZd4q61Y .pf-352_,
  .__pf.__pf_DZd4q61Y .pf-364_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    flex-grow: unset;
    align-self: unset;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    padding: 16px;
    margin-bottom: 20px;
    background-color: #f7f7f7;
    border-radius: 15px
  }

  .__pf.__pf_DZd4q61Y .pf-186_,
  .__pf.__pf_DZd4q61Y .pf-208_,
  .__pf.__pf_DZd4q61Y .pf-220_,
  .__pf.__pf_DZd4q61Y .pf-232_,
  .__pf.__pf_DZd4q61Y .pf-264_,
  .__pf.__pf_DZd4q61Y .pf-286_,
  .__pf.__pf_DZd4q61Y .pf-298_,
  .__pf.__pf_DZd4q61Y .pf-320_,
  .__pf.__pf_DZd4q61Y .pf-332_,
  .__pf.__pf_DZd4q61Y .pf-354_,
  .__pf.__pf_DZd4q61Y .pf-366_,
  .__pf.__pf_DZd4q61Y .pf-388_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    flex-grow: unset;
    align-self: unset;
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0 16px;
    margin-bottom: 10px
  }

  .__pf.__pf_DZd4q61Y .pf-187_,
  .__pf.__pf_DZd4q61Y .pf-197_,
  .__pf.__pf_DZd4q61Y .pf-209_,
  .__pf.__pf_DZd4q61Y .pf-221_,
  .__pf.__pf_DZd4q61Y .pf-233_,
  .__pf.__pf_DZd4q61Y .pf-243_,
  .__pf.__pf_DZd4q61Y .pf-253_,
  .__pf.__pf_DZd4q61Y .pf-265_,
  .__pf.__pf_DZd4q61Y .pf-275_,
  .__pf.__pf_DZd4q61Y .pf-287_,
  .__pf.__pf_DZd4q61Y .pf-299_,
  .__pf.__pf_DZd4q61Y .pf-309_,
  .__pf.__pf_DZd4q61Y .pf-321_,
  .__pf.__pf_DZd4q61Y .pf-333_,
  .__pf.__pf_DZd4q61Y .pf-343_,
  .__pf.__pf_DZd4q61Y .pf-355_,
  .__pf.__pf_DZd4q61Y .pf-367_,
  .__pf.__pf_DZd4q61Y .pf-377_,
  .__pf.__pf_DZd4q61Y .pf-389_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    flex-grow: unset;
    align-self: unset;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    border-radius: 99999px
  }

  .__pf.__pf_DZd4q61Y .pf-188_,
  .__pf.__pf_DZd4q61Y .pf-198_,
  .__pf.__pf_DZd4q61Y .pf-210_,
  .__pf.__pf_DZd4q61Y .pf-222_,
  .__pf.__pf_DZd4q61Y .pf-234_,
  .__pf.__pf_DZd4q61Y .pf-244_,
  .__pf.__pf_DZd4q61Y .pf-254_,
  .__pf.__pf_DZd4q61Y .pf-266_,
  .__pf.__pf_DZd4q61Y .pf-276_,
  .__pf.__pf_DZd4q61Y .pf-288_,
  .__pf.__pf_DZd4q61Y .pf-300_,
  .__pf.__pf_DZd4q61Y .pf-310_,
  .__pf.__pf_DZd4q61Y .pf-322_,
  .__pf.__pf_DZd4q61Y .pf-334_,
  .__pf.__pf_DZd4q61Y .pf-344_,
  .__pf.__pf_DZd4q61Y .pf-356_,
  .__pf.__pf_DZd4q61Y .pf-368_,
  .__pf.__pf_DZd4q61Y .pf-378_,
  .__pf.__pf_DZd4q61Y .pf-390_ {
    width: 40px;
    flex-basis: unset;
    height: fit-content;
    flex-grow: unset;
    align-self: unset;
    --pf-aspect-ratio-value: 1/1;
    object-fit: cover;
    object-position: center center;
    min-width: unset;
    max-width: unset;
    border-radius: 9999px
  }

  .__pf.__pf_DZd4q61Y .pf-190_,
  .__pf.__pf_DZd4q61Y .pf-212_,
  .__pf.__pf_DZd4q61Y .pf-224_,
  .__pf.__pf_DZd4q61Y .pf-236_,
  .__pf.__pf_DZd4q61Y .pf-268_,
  .__pf.__pf_DZd4q61Y .pf-290_,
  .__pf.__pf_DZd4q61Y .pf-302_,
  .__pf.__pf_DZd4q61Y .pf-324_,
  .__pf.__pf_DZd4q61Y .pf-336_,
  .__pf.__pf_DZd4q61Y .pf-358_,
  .__pf.__pf_DZd4q61Y .pf-370_,
  .__pf.__pf_DZd4q61Y .pf-392_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 5px;
    color: #151515
  }

  .__pf.__pf_DZd4q61Y .pf-192_,
  .__pf.__pf_DZd4q61Y .pf-214_,
  .__pf.__pf_DZd4q61Y .pf-226_,
  .__pf.__pf_DZd4q61Y .pf-238_,
  .__pf.__pf_DZd4q61Y .pf-270_,
  .__pf.__pf_DZd4q61Y .pf-292_,
  .__pf.__pf_DZd4q61Y .pf-304_,
  .__pf.__pf_DZd4q61Y .pf-326_,
  .__pf.__pf_DZd4q61Y .pf-338_,
  .__pf.__pf_DZd4q61Y .pf-360_,
  .__pf.__pf_DZd4q61Y .pf-372_,
  .__pf.__pf_DZd4q61Y .pf-394_ {
    width: 480px;
    flex-basis: unset;
    height: fit-content;
    flex-grow: unset;
    align-self: unset;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding-bottom: 2px;
    color: #151515;
    min-width: unset;
    max-width: unset
  }

  .__pf.__pf_DZd4q61Y .pf-194_,
  .__pf.__pf_DZd4q61Y .pf-216_,
  .__pf.__pf_DZd4q61Y .pf-228_,
  .__pf.__pf_DZd4q61Y .pf-240_,
  .__pf.__pf_DZd4q61Y .pf-272_,
  .__pf.__pf_DZd4q61Y .pf-294_,
  .__pf.__pf_DZd4q61Y .pf-306_,
  .__pf.__pf_DZd4q61Y .pf-328_,
  .__pf.__pf_DZd4q61Y .pf-340_,
  .__pf.__pf_DZd4q61Y .pf-362_,
  .__pf.__pf_DZd4q61Y .pf-374_,
  .__pf.__pf_DZd4q61Y .pf-396_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    padding-bottom: 0;
    color: #4d4d4d
  }

  .__pf.__pf_DZd4q61Y .pf-196_,
  .__pf.__pf_DZd4q61Y .pf-242_,
  .__pf.__pf_DZd4q61Y .pf-252_,
  .__pf.__pf_DZd4q61Y .pf-274_,
  .__pf.__pf_DZd4q61Y .pf-308_,
  .__pf.__pf_DZd4q61Y .pf-342_,
  .__pf.__pf_DZd4q61Y .pf-376_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    flex-grow: unset;
    align-self: unset;
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0 16px;
    margin-left: 48px
  }

  .__pf.__pf_DZd4q61Y .pf-200_,
  .__pf.__pf_DZd4q61Y .pf-246_,
  .__pf.__pf_DZd4q61Y .pf-256_,
  .__pf.__pf_DZd4q61Y .pf-278_,
  .__pf.__pf_DZd4q61Y .pf-380_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 5px;
    color: #151515
  }

  .__pf.__pf_DZd4q61Y .pf-202_,
  .__pf.__pf_DZd4q61Y .pf-248_,
  .__pf.__pf_DZd4q61Y .pf-258_,
  .__pf.__pf_DZd4q61Y .pf-280_,
  .__pf.__pf_DZd4q61Y .pf-314_,
  .__pf.__pf_DZd4q61Y .pf-348_,
  .__pf.__pf_DZd4q61Y .pf-382_ {
    width: 420px;
    flex-basis: unset;
    height: fit-content;
    flex-grow: unset;
    align-self: unset;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding-bottom: 2px;
    color: #151515;
    min-width: unset;
    max-width: unset
  }

  .__pf.__pf_DZd4q61Y .pf-204_,
  .__pf.__pf_DZd4q61Y .pf-250_,
  .__pf.__pf_DZd4q61Y .pf-260_,
  .__pf.__pf_DZd4q61Y .pf-282_,
  .__pf.__pf_DZd4q61Y .pf-316_,
  .__pf.__pf_DZd4q61Y .pf-350_,
  .__pf.__pf_DZd4q61Y .pf-384_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    padding-bottom: 10px;
    color: #4d4d4d
  }

  .__pf.__pf_DZd4q61Y .pf-312_,
  .__pf.__pf_DZd4q61Y .pf-346_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 10px;
    color: #151515
  }

  .__pf.__pf_DZd4q61Y .pf-386_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    flex-grow: unset;
    align-self: unset;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    padding: 16px;
    margin-bottom: 38px;
    background-color: #f7f7f7;
    border-radius: 15px
  }

  .__pf.__pf_DZd4q61Y .pf-398_ {
    background-color: #fafafa;
    padding: 32px 0;
    margin: 0
  }

  .__pf.__pf_DZd4q61Y .pf-400_ {
    align-self: stretch;
    height: fit-content;
    flex-basis: unset;
    font-size: 2px;
    color: #e9e9e9
  }

  .__pf.__pf_DZd4q61Y .pf-404_,
  .__pf.__pf_DZd4q61Y .pf-407_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    text-align: center;
    margin: 0;
    font-size: 8px;
    font-family: "Inter Tight";
    font-weight: 400;
    padding-bottom: 15px;
    color: #aaa
  }

  .__pf.__pf_DZd4q61Y .pf-410_ {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999
  }

  .__pf.__pf_DZd4q61Y .pf-11_>.pf-flex-section {
    display: flex;
    max-width: unset;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    height: fit-content
  }

  .__pf.__pf_DZd4q61Y .pf-177_:hover,
  .__pf.__pf_DZd4q61Y .pf-38_:hover,
  .__pf.__pf_DZd4q61Y .pf-411_:hover {
    color: #fff;
    background-color: #0198b6;
    line-height: 26px
  }

  .__pf.__pf_DZd4q61Y .pf-137_:hover,
  .__pf.__pf_DZd4q61Y .pf-168_:hover {
    color: #fff;
    background-color: #c12e0a;
    line-height: 26px
  }

  .__pf.__pf_DZd4q61Y .pf-14_>.pf-flex-section {
    display: flex;
    max-width: 1200px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    height: fit-content
  }

  .__pf.__pf_DZd4q61Y .pf-179_>.pf-flex-section,
  .__pf.__pf_DZd4q61Y .pf-398_>.pf-flex-section,
  .__pf.__pf_DZd4q61Y .pf-410_>.pf-flex-section {
    display: flex;
    max-width: 1100px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    height: fit-content
  }
}

@media (min-width:1024.5px) and (max-width:1199.4999px) {

  .__pf.__pf_DZd4q61Y .pf-127_,
  .__pf.__pf_DZd4q61Y .pf-130_,
  .__pf.__pf_DZd4q61Y .pf-404_,
  .__pf.__pf_DZd4q61Y .pf-407_,
  .__pf.__pf_DZd4q61Y .pf-54_,
  .__pf.__pf_DZd4q61Y .pf-58_,
  .__pf.__pf_DZd4q61Y .pf-72_,
  .__pf.__pf_DZd4q61Y .pf-76_,
  .__pf.__pf_DZd4q61Y .pf-90_,
  .__pf.__pf_DZd4q61Y .pf-94_ {
    flex-basis: unset
  }

  .__pf.__pf_DZd4q61Y .pf-15_ {
    align-self: stretch;
    height: fit-content;
    width: unset;
    flex-grow: unset;
    flex-basis: unset;
    column-gap: 10px
  }

  .__pf.__pf_DZd4q61Y .pf-411_ {
    width: 70%;
    flex-grow: unset;
    align-self: unset;
    flex-basis: unset;
    min-width: unset;
    max-width: unset
  }

  .__pf.__pf_DZd4q61Y .pf-410_>.pf-flex-section {
    align-items: center;
    max-width: unset
  }
}

@media (min-width:767.5px) and (max-width:1024.4999px) {

  .__pf.__pf_DZd4q61Y .pf-127_,
  .__pf.__pf_DZd4q61Y .pf-130_,
  .__pf.__pf_DZd4q61Y .pf-404_,
  .__pf.__pf_DZd4q61Y .pf-407_,
  .__pf.__pf_DZd4q61Y .pf-54_,
  .__pf.__pf_DZd4q61Y .pf-58_,
  .__pf.__pf_DZd4q61Y .pf-72_,
  .__pf.__pf_DZd4q61Y .pf-76_,
  .__pf.__pf_DZd4q61Y .pf-90_,
  .__pf.__pf_DZd4q61Y .pf-94_ {
    flex-basis: unset
  }

  .__pf.__pf_DZd4q61Y .pf-16_ {
    align-self: stretch;
    flex-grow: 1;
    width: unset;
    height: unset;
    flex-basis: unset
  }

  .__pf.__pf_DZd4q61Y .pf-171_ {
    width: 300px;
    flex-grow: unset;
    align-self: unset;
    flex-basis: unset;
    min-width: unset;
    max-width: unset
  }

  .__pf.__pf_DZd4q61Y .pf-170_ {
    align-self: stretch;
    height: fit-content;
    width: unset;
    flex-grow: unset;
    flex-basis: unset;
    align-items: center
  }

  .__pf.__pf_DZd4q61Y .pf-15_ {
    width: unset;
    flex-grow: unset;
    align-self: stretch;
    flex-basis: unset;
    flex-flow: column;
    align-items: center
  }

  .__pf.__pf_DZd4q61Y .pf-14_>.pf-flex-section {
    max-width: unset;
    align-items: center
  }

  .__pf.__pf_DZd4q61Y .pf-411_ {
    width: unset;
    flex-grow: unset;
    align-self: stretch;
    flex-basis: unset
  }

  .__pf.__pf_DZd4q61Y .pf-410_>.pf-flex-section {
    align-items: center;
    justify-content: center;
    max-width: unset
  }
}

@media (max-width:767.4999px) {

  .__pf.__pf_DZd4q61Y .pf-11_>.pf-flex-section,
  .__pf.__pf_DZd4q61Y .pf-14_>.pf-flex-section,
  .__pf.__pf_DZd4q61Y .pf-179_>.pf-flex-section,
  .__pf.__pf_DZd4q61Y .pf-398_>.pf-flex-section {
    flex-flow: column
  }

  .__pf.__pf_DZd4q61Y .pf-17_ {
    flex-basis: unset;
    font-size: 25px;
    line-height: 30px
  }

  .__pf.__pf_DZd4q61Y .pf-19_,
  .__pf.__pf_DZd4q61Y .pf-21_ {
    flex-basis: unset;
    font-size: 14px;
    line-height: 18px
  }

  .__pf.__pf_DZd4q61Y .pf-19_ {
    padding-bottom: 10px
  }

  .__pf.__pf_DZd4q61Y .pf-194_,
  .__pf.__pf_DZd4q61Y .pf-204_,
  .__pf.__pf_DZd4q61Y .pf-216_,
  .__pf.__pf_DZd4q61Y .pf-228_,
  .__pf.__pf_DZd4q61Y .pf-23_,
  .__pf.__pf_DZd4q61Y .pf-240_,
  .__pf.__pf_DZd4q61Y .pf-250_,
  .__pf.__pf_DZd4q61Y .pf-260_,
  .__pf.__pf_DZd4q61Y .pf-272_,
  .__pf.__pf_DZd4q61Y .pf-282_,
  .__pf.__pf_DZd4q61Y .pf-294_,
  .__pf.__pf_DZd4q61Y .pf-306_,
  .__pf.__pf_DZd4q61Y .pf-316_,
  .__pf.__pf_DZd4q61Y .pf-328_,
  .__pf.__pf_DZd4q61Y .pf-340_,
  .__pf.__pf_DZd4q61Y .pf-350_,
  .__pf.__pf_DZd4q61Y .pf-362_,
  .__pf.__pf_DZd4q61Y .pf-374_,
  .__pf.__pf_DZd4q61Y .pf-384_,
  .__pf.__pf_DZd4q61Y .pf-396_ {
    flex-basis: unset;
    font-size: 10px
  }

  .__pf.__pf_DZd4q61Y .pf-100_,
  .__pf.__pf_DZd4q61Y .pf-105_,
  .__pf.__pf_DZd4q61Y .pf-135_,
  .__pf.__pf_DZd4q61Y .pf-26_,
  .__pf.__pf_DZd4q61Y .pf-31_,
  .__pf.__pf_DZd4q61Y .pf-36_ {
    flex-basis: unset;
    font-size: 14px;
    line-height: 20px
  }

  .__pf.__pf_DZd4q61Y .pf-103_,
  .__pf.__pf_DZd4q61Y .pf-133_,
  .__pf.__pf_DZd4q61Y .pf-143_,
  .__pf.__pf_DZd4q61Y .pf-182_,
  .__pf.__pf_DZd4q61Y .pf-29_,
  .__pf.__pf_DZd4q61Y .pf-34_,
  .__pf.__pf_DZd4q61Y .pf-41_,
  .__pf.__pf_DZd4q61Y .pf-98_ {
    flex-basis: unset;
    font-size: 20px
  }

  .__pf.__pf_DZd4q61Y .pf-137_,
  .__pf.__pf_DZd4q61Y .pf-38_ {
    width: unset;
    flex-grow: unset;
    align-self: stretch;
    flex-basis: unset;
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px
  }

  .__pf.__pf_DZd4q61Y .pf-38_:hover {
    padding-bottom: 12px;
    padding-top: 12px
  }

  .__pf.__pf_DZd4q61Y .pf-124_,
  .__pf.__pf_DZd4q61Y .pf-125_,
  .__pf.__pf_DZd4q61Y .pf-139_,
  .__pf.__pf_DZd4q61Y .pf-171_,
  .__pf.__pf_DZd4q61Y .pf-399_,
  .__pf.__pf_DZd4q61Y .pf-40_,
  .__pf.__pf_DZd4q61Y .pf-43_,
  .__pf.__pf_DZd4q61Y .pf-44_,
  .__pf.__pf_DZd4q61Y .pf-61_,
  .__pf.__pf_DZd4q61Y .pf-62_,
  .__pf.__pf_DZd4q61Y .pf-79_,
  .__pf.__pf_DZd4q61Y .pf-80_ {
    flex-basis: unset;
    flex-flow: column
  }

  .__pf.__pf_DZd4q61Y .pf-156_,
  .__pf.__pf_DZd4q61Y .pf-159_,
  .__pf.__pf_DZd4q61Y .pf-160_,
  .__pf.__pf_DZd4q61Y .pf-163_,
  .__pf.__pf_DZd4q61Y .pf-187_,
  .__pf.__pf_DZd4q61Y .pf-197_,
  .__pf.__pf_DZd4q61Y .pf-209_,
  .__pf.__pf_DZd4q61Y .pf-221_,
  .__pf.__pf_DZd4q61Y .pf-233_,
  .__pf.__pf_DZd4q61Y .pf-243_,
  .__pf.__pf_DZd4q61Y .pf-253_,
  .__pf.__pf_DZd4q61Y .pf-265_,
  .__pf.__pf_DZd4q61Y .pf-275_,
  .__pf.__pf_DZd4q61Y .pf-287_,
  .__pf.__pf_DZd4q61Y .pf-299_,
  .__pf.__pf_DZd4q61Y .pf-309_,
  .__pf.__pf_DZd4q61Y .pf-321_,
  .__pf.__pf_DZd4q61Y .pf-333_,
  .__pf.__pf_DZd4q61Y .pf-343_,
  .__pf.__pf_DZd4q61Y .pf-355_,
  .__pf.__pf_DZd4q61Y .pf-367_,
  .__pf.__pf_DZd4q61Y .pf-377_,
  .__pf.__pf_DZd4q61Y .pf-389_,
  .__pf.__pf_DZd4q61Y .pf-47_,
  .__pf.__pf_DZd4q61Y .pf-65_,
  .__pf.__pf_DZd4q61Y .pf-83_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    flex-grow: unset;
    align-self: unset
  }

  .__pf.__pf_DZd4q61Y .pf-145_,
  .__pf.__pf_DZd4q61Y .pf-147_,
  .__pf.__pf_DZd4q61Y .pf-149_,
  .__pf.__pf_DZd4q61Y .pf-151_,
  .__pf.__pf_DZd4q61Y .pf-153_,
  .__pf.__pf_DZd4q61Y .pf-54_,
  .__pf.__pf_DZd4q61Y .pf-72_,
  .__pf.__pf_DZd4q61Y .pf-90_ {
    flex-basis: unset;
    font-size: 12px
  }

  .__pf.__pf_DZd4q61Y .pf-189_,
  .__pf.__pf_DZd4q61Y .pf-199_,
  .__pf.__pf_DZd4q61Y .pf-211_,
  .__pf.__pf_DZd4q61Y .pf-223_,
  .__pf.__pf_DZd4q61Y .pf-235_,
  .__pf.__pf_DZd4q61Y .pf-245_,
  .__pf.__pf_DZd4q61Y .pf-255_,
  .__pf.__pf_DZd4q61Y .pf-267_,
  .__pf.__pf_DZd4q61Y .pf-277_,
  .__pf.__pf_DZd4q61Y .pf-289_,
  .__pf.__pf_DZd4q61Y .pf-301_,
  .__pf.__pf_DZd4q61Y .pf-311_,
  .__pf.__pf_DZd4q61Y .pf-323_,
  .__pf.__pf_DZd4q61Y .pf-335_,
  .__pf.__pf_DZd4q61Y .pf-345_,
  .__pf.__pf_DZd4q61Y .pf-357_,
  .__pf.__pf_DZd4q61Y .pf-369_,
  .__pf.__pf_DZd4q61Y .pf-379_,
  .__pf.__pf_DZd4q61Y .pf-391_,
  .__pf.__pf_DZd4q61Y .pf-53_,
  .__pf.__pf_DZd4q61Y .pf-71_,
  .__pf.__pf_DZd4q61Y .pf-89_ {
    flex-grow: 1;
    flex-basis: 0px;
    height: fit-content;
    width: unset;
    align-self: unset
  }

  .__pf.__pf_DZd4q61Y .pf-186_,
  .__pf.__pf_DZd4q61Y .pf-208_,
  .__pf.__pf_DZd4q61Y .pf-220_,
  .__pf.__pf_DZd4q61Y .pf-232_,
  .__pf.__pf_DZd4q61Y .pf-264_,
  .__pf.__pf_DZd4q61Y .pf-298_,
  .__pf.__pf_DZd4q61Y .pf-332_,
  .__pf.__pf_DZd4q61Y .pf-366_,
  .__pf.__pf_DZd4q61Y .pf-388_,
  .__pf.__pf_DZd4q61Y .pf-46_,
  .__pf.__pf_DZd4q61Y .pf-64_,
  .__pf.__pf_DZd4q61Y .pf-82_ {
    flex-basis: unset;
    flex-flow: row
  }

  .__pf.__pf_DZd4q61Y .pf-108_,
  .__pf.__pf_DZd4q61Y .pf-112_,
  .__pf.__pf_DZd4q61Y .pf-116_,
  .__pf.__pf_DZd4q61Y .pf-120_,
  .__pf.__pf_DZd4q61Y .pf-126_,
  .__pf.__pf_DZd4q61Y .pf-140_,
  .__pf.__pf_DZd4q61Y .pf-142_,
  .__pf.__pf_DZd4q61Y .pf-170_,
  .__pf.__pf_DZd4q61Y .pf-185_,
  .__pf.__pf_DZd4q61Y .pf-207_,
  .__pf.__pf_DZd4q61Y .pf-219_,
  .__pf.__pf_DZd4q61Y .pf-231_,
  .__pf.__pf_DZd4q61Y .pf-263_,
  .__pf.__pf_DZd4q61Y .pf-297_,
  .__pf.__pf_DZd4q61Y .pf-331_,
  .__pf.__pf_DZd4q61Y .pf-365_,
  .__pf.__pf_DZd4q61Y .pf-387_,
  .__pf.__pf_DZd4q61Y .pf-45_,
  .__pf.__pf_DZd4q61Y .pf-57_,
  .__pf.__pf_DZd4q61Y .pf-63_,
  .__pf.__pf_DZd4q61Y .pf-75_,
  .__pf.__pf_DZd4q61Y .pf-81_,
  .__pf.__pf_DZd4q61Y .pf-93_ {
    align-self: stretch;
    height: fit-content;
    width: unset;
    flex-grow: unset;
    flex-basis: unset
  }

  .__pf.__pf_DZd4q61Y .pf-127_,
  .__pf.__pf_DZd4q61Y .pf-157_,
  .__pf.__pf_DZd4q61Y .pf-161_,
  .__pf.__pf_DZd4q61Y .pf-58_,
  .__pf.__pf_DZd4q61Y .pf-76_,
  .__pf.__pf_DZd4q61Y .pf-94_ {
    flex-basis: unset;
    font-size: 14px
  }

  .__pf.__pf_DZd4q61Y .pf-107_ {
    flex-basis: unset;
    flex-flow: column;
    row-gap: 16px
  }

  .__pf.__pf_DZd4q61Y .pf-130_ {
    flex-basis: unset;
    font-size: 11px
  }

  .__pf.__pf_DZd4q61Y .pf-141_,
  .__pf.__pf_DZd4q61Y .pf-404_ {
    width: unset;
    flex-grow: unset;
    align-self: stretch;
    flex-basis: unset
  }

  .__pf.__pf_DZd4q61Y .pf-155_ {
    width: unset;
    flex-grow: unset;
    align-self: stretch;
    flex-basis: unset;
    flex-flow: row;
    column-gap: 10px;
    justify-content: flex-start
  }

  .__pf.__pf_DZd4q61Y .pf-168_ {
    width: unset;
    flex-grow: unset;
    align-self: stretch;
    flex-basis: unset;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 14px
  }

  .__pf.__pf_DZd4q61Y .pf-16_ {
    align-self: stretch;
    height: fit-content;
    width: unset;
    flex-grow: unset;
    flex-basis: unset;
    margin-top: 32px;
    align-items: flex-start
  }

  .__pf.__pf_DZd4q61Y .pf-177_ {
    width: unset;
    flex-grow: unset;
    align-self: stretch;
    flex-basis: unset;
    font-size: 16px;
    margin-left: 10px;
    margin-right: 10px
  }

  .__pf.__pf_DZd4q61Y .pf-15_ {
    width: unset;
    flex-grow: unset;
    align-self: stretch;
    flex-basis: unset;
    flex-flow: column;
    padding-top: 0
  }

  .__pf.__pf_DZd4q61Y .pf-181_,
  .__pf.__pf_DZd4q61Y .pf-184_,
  .__pf.__pf_DZd4q61Y .pf-206_,
  .__pf.__pf_DZd4q61Y .pf-218_,
  .__pf.__pf_DZd4q61Y .pf-262_,
  .__pf.__pf_DZd4q61Y .pf-284_,
  .__pf.__pf_DZd4q61Y .pf-296_,
  .__pf.__pf_DZd4q61Y .pf-318_,
  .__pf.__pf_DZd4q61Y .pf-352_,
  .__pf.__pf_DZd4q61Y .pf-364_,
  .__pf.__pf_DZd4q61Y .pf-386_ {
    width: unset;
    flex-grow: unset;
    align-self: stretch;
    flex-basis: unset;
    flex-flow: column
  }

  .__pf.__pf_DZd4q61Y .pf-190_,
  .__pf.__pf_DZd4q61Y .pf-212_,
  .__pf.__pf_DZd4q61Y .pf-224_,
  .__pf.__pf_DZd4q61Y .pf-236_,
  .__pf.__pf_DZd4q61Y .pf-268_,
  .__pf.__pf_DZd4q61Y .pf-290_,
  .__pf.__pf_DZd4q61Y .pf-302_,
  .__pf.__pf_DZd4q61Y .pf-324_,
  .__pf.__pf_DZd4q61Y .pf-336_,
  .__pf.__pf_DZd4q61Y .pf-358_,
  .__pf.__pf_DZd4q61Y .pf-370_,
  .__pf.__pf_DZd4q61Y .pf-392_ {
    flex-basis: unset;
    font-size: 13px;
    padding-bottom: 0
  }

  .__pf.__pf_DZd4q61Y .pf-192_,
  .__pf.__pf_DZd4q61Y .pf-202_,
  .__pf.__pf_DZd4q61Y .pf-214_,
  .__pf.__pf_DZd4q61Y .pf-226_,
  .__pf.__pf_DZd4q61Y .pf-238_,
  .__pf.__pf_DZd4q61Y .pf-248_,
  .__pf.__pf_DZd4q61Y .pf-258_,
  .__pf.__pf_DZd4q61Y .pf-270_,
  .__pf.__pf_DZd4q61Y .pf-280_,
  .__pf.__pf_DZd4q61Y .pf-292_,
  .__pf.__pf_DZd4q61Y .pf-304_,
  .__pf.__pf_DZd4q61Y .pf-314_,
  .__pf.__pf_DZd4q61Y .pf-326_,
  .__pf.__pf_DZd4q61Y .pf-338_,
  .__pf.__pf_DZd4q61Y .pf-348_,
  .__pf.__pf_DZd4q61Y .pf-360_,
  .__pf.__pf_DZd4q61Y .pf-372_,
  .__pf.__pf_DZd4q61Y .pf-382_,
  .__pf.__pf_DZd4q61Y .pf-394_ {
    width: unset;
    flex-grow: unset;
    align-self: stretch;
    flex-basis: unset;
    font-size: 13px
  }

  .__pf.__pf_DZd4q61Y .pf-200_,
  .__pf.__pf_DZd4q61Y .pf-246_,
  .__pf.__pf_DZd4q61Y .pf-256_,
  .__pf.__pf_DZd4q61Y .pf-278_,
  .__pf.__pf_DZd4q61Y .pf-312_,
  .__pf.__pf_DZd4q61Y .pf-346_,
  .__pf.__pf_DZd4q61Y .pf-380_ {
    flex-basis: unset;
    padding-bottom: 0
  }

  .__pf.__pf_DZd4q61Y .pf-196_,
  .__pf.__pf_DZd4q61Y .pf-242_,
  .__pf.__pf_DZd4q61Y .pf-252_,
  .__pf.__pf_DZd4q61Y .pf-274_,
  .__pf.__pf_DZd4q61Y .pf-308_,
  .__pf.__pf_DZd4q61Y .pf-342_,
  .__pf.__pf_DZd4q61Y .pf-376_ {
    flex-basis: unset;
    flex-flow: row;
    margin-left: 0
  }

  .__pf.__pf_DZd4q61Y .pf-230_,
  .__pf.__pf_DZd4q61Y .pf-330_ {
    align-self: stretch;
    height: fit-content;
    width: unset;
    flex-grow: unset;
    flex-basis: unset;
    flex-flow: column
  }

  .__pf.__pf_DZd4q61Y .pf-286_,
  .__pf.__pf_DZd4q61Y .pf-320_,
  .__pf.__pf_DZd4q61Y .pf-354_ {
    width: fit-content;
    flex-basis: unset;
    height: fit-content;
    flex-grow: unset;
    align-self: unset;
    flex-flow: row
  }

  .__pf.__pf_DZd4q61Y .pf-285_,
  .__pf.__pf_DZd4q61Y .pf-319_,
  .__pf.__pf_DZd4q61Y .pf-353_ {
    align-self: stretch;
    height: fit-content;
    width: unset;
    flex-grow: unset;
    flex-basis: unset;
    flex-flow: row
  }

  .__pf.__pf_DZd4q61Y .pf-407_ {
    flex-basis: unset
  }

  .__pf.__pf_DZd4q61Y .pf-411_ {
    width: unset;
    flex-grow: unset;
    align-self: stretch;
    flex-basis: unset;
    font-size: 14px;
    margin: 0
  }

  .__pf.__pf_DZd4q61Y .pf-410_>.pf-flex-section {
    flex-flow: column;
    max-width: unset
  }
}

/* ========== block ========== */

@font-face {
  font-family: 'sl-icon-logo';
  /* webpackIgnore: true */
  src: url("/cdn/shop/prod/app-extension/01405986-ae6f-4fcc-adaa-2a21f14efc9f/1769419387846/assets/fonts/sl-theme-iconfont.woff2") format('woff2'), url("/cdn/shop/prod/app-extension/01405986-ae6f-4fcc-adaa-2a21f14efc9f/1769419387846/assets/fonts/sl-theme-iconfont.woff") format('woff'),
    url("/cdn/shop/prod/app-extension/01405986-ae6f-4fcc-adaa-2a21f14efc9f/1769419387846/assets/fonts/sl-theme-iconfont.ttf") format('truetype'), url("assets/66b73f8c05ea4438842d95aaaf44ea95.svg") format('svg');
}

/* ========== block ========== */

.advc-back-to-top {
  background: rgba(255, 255, 255, 1);
  border-radius: 40px;
  right: 40px;
  bottom: 180px;
}

@media only screen and (max-width: 750px) {
  .advc-back-to-top {
    right: 20px;
    bottom: 72px;
  }
}

/* ========== block ========== */

.pf-166_::after {
  content: " Oferta sujeta a disponibilidad.";
}

.copyright-note {
  font-size: 13px;
}

.footer-legal-links a {
  font-size: 13px;
}

/* ========== block ========== */

section[data-section-id="pf-1b2a"] .pf-404_,
section[data-section-id="pf-1b2a"] .pf-407_ {
  font-size: calc(1em + 2px) !important;
}

/* ========== block ========== */

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/pxiEyp8kv8JHgFVrJJfedw.ttf) format('truetype');
}

@media screen and (max-width: 812px) {
  #sm-coupon-container {
    position: fixed;
    bottom: -6000px;
    z-index: 2147483647;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
  }

  #sm-coupon-container.sm-animate-visible {
    bottom: 0;
  }

  #sm-coupon-container.sm-centered {
    bottom: 0;
  }

  #sm-coupon-container .sm-coupon-wrapper {
    background-color: #ffffff;
    border-radius: 15px;
    width: 100vw;
  }

  #sm-coupon-container .sm-header {
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #eee;
  }

  #sm-coupon-container .sm-header .sm-logo1 {
    margin: 7px 5px 0 5px;
    cursor: pointer;
  }

  #sm-coupon-container .sm-header img.sm-logo1 {
    width: 80px;
  }

  #sm-coupon-container .sm-header .sm-cross-icon {
    float: right;
    cursor: pointer;
    margin-top: 7px;
    margin-right: 5px;
  }

  #sm-coupon-container .sm-header .sm-cross-icon img {
    margin: 10px 14px;
    width: 11px;
  }

  #sm-coupon-container .sm-activation-button {
    font-size: 18px;
    text-align: center;
    min-width: 70%;
    padding: 0 5px;
    line-height: 40px;
    border-radius: 5px;
  }

  #sm-coupon-container .sm-activation-button :hover {
    font-size: 22px;
    min-width: 85%;
  }

  #sm-coupon-container .sm-activation-button img {
    height: 15px;
  }

  #sm-coupon-container .sm-support a {
    font-size: 8px !important;
  }

  #sm-coupon-container .sm-coupon-codes {
    width: 100%;
    margin-top: 0;
    margin-bottom: 5px;
  }

  #sm-coupon-container .sm-valid-codes {
    overflow: hidden;
    height: 56px;
  }

  #sm-coupon-container #exclusions-text {
    font-family: Verdana;
    font-size: 8pt;
    bottom: 40px;
    background-color: #eeeeee;
    color: #333333;
    padding: 5px 20px;
    border-radius: 5px;
  }

  #sm-coupon-container h1 {
    font-size: 20px;
  }

  #sm-coupon-container h2 {
    font-size: 18px;
  }

  #sm-coupon-container h3 {
    font-size: 15px;
  }

  #sm-coupon-container h4 {
    font-size: 12px;
  }

  #sm-coupon-container h5 {
    font-size: 10px;
  }

  #sm-coupon-container h6 {
    font-size: 10.2px;
  }
}

@media screen and (min-width: 813px) {
  #sm-coupon-container {
    position: fixed;
    z-index: 2147483647;
    top: -8px;
    right: -3600px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
  }

  #sm-coupon-container.sm-animate-visible {
    right: 0;
  }

  #sm-coupon-container.sm-centered {
    right: calc(50vw - 325px);
    top: calc(50vh - 240px);
  }

  #sm-coupon-container .sm-coupon-wrapper {
    width: 374px;
  }

  #sm-coupon-container .sm-header {
    margin: 0px;
    padding: 0 15px;
  }

  #sm-coupon-container .sm-header .sm-logo1 {
    margin: 10px;
    cursor: pointer;
  }

  #sm-coupon-container .sm-header .sm-cross-icon {
    float: right;
    margin-top: 11px;
    cursor: pointer;
  }

  #sm-coupon-container .sm-activation-button {
    font-size: 20px;
    text-align: center;
    min-width: 70%;
    padding: 0 5px;
    line-height: 45px;
    border-radius: 5px;
  }

  #sm-coupon-container .sm-activation-button :hover {
    font-size: 22px;
    min-width: 85%;
  }

  #sm-coupon-container .sm-activation-button img {
    height: 15px;
  }

  #sm-coupon-container .sm-coupon-codes {
    width: 100%;
    margin-top: 0;
    margin-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
  }

  #sm-coupon-container .sm-valid-codes {
    overflow: hidden;
    height: 62px;
  }

  #sm-coupon-container #exclusions-text {
    font-family: Verdana;
    font-size: 8pt;
    margin-left: 15px;
    position: absolute;
    bottom: 40px;
    width: 300px;
    background-color: #eeeeee;
    color: #333333;
    padding: 20px;
    border-radius: 10px;
  }

  #sm-coupon-container h1 {
    font-size: 25px;
  }

  #sm-coupon-container h2 {
    font-size: 20px;
  }

  #sm-coupon-container h3 {
    font-size: 18px !important;
    text-align: center !important;
  }

  #sm-coupon-container h4 {
    font-size: 15px;
  }

  #sm-coupon-container h5 {
    font-size: 12px;
  }

  #sm-coupon-container h6 {
    font-size: 10.2px;
  }
}

#sm-coupon-container.no-transition {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

#sm-coupon-container span#checkedCoupons,
#sm-coupon-container span#totalCoupons {
  font-size: inherit;
}

#sm-coupon-container .sm-coupon-wrapper {
  background-color: #ffffff;
  border-radius: 5px;
  margin-top: 0px;
  margin-right: 15px;
  margin-top: 25px;
}

#sm-coupon-container a,
#sm-coupon-container a:hover {
  text-decoration: none;
  cursor: pointer;
}

#sm-coupon-container .sm-activation-button {
  display: inline-block;
  background-color: #6d6fd5 !important;
  color: #fff;
  cursor: pointer;
  -webkit-transition: 0.05s;
  transition: 0.05s;
  transition-timing-function: ease-in-out;
}

#sm-coupon-container #sm-style-4::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

#sm-coupon-container #sm-style-4::-webkit-scrollbar {
  width: 4px;
  background-color: #999999;
}

#sm-coupon-container #sm-style-4::-webkit-scrollbar-thumb {
  background-color: #999999;
  border: 2px solid #999999;
}

#sm-coupon-container .sm-margin0 {
  margin: 0px;
}

#sm-coupon-container .sm-coupons {
  background-color: #fff;
  padding: 0px 10px;
  width: 100%;
  text-align: center;
  text-transform: none;
}

#sm-coupon-container .sm-best-coupons {
  background-color: #6d6fd5 !important;
  display: inline-block;
  padding: 0 55px;
  line-height: 49px;
  color: #fff !important;
  font-size: 18px;
  cursor: pointer;
  text-align: center;
  border-radius: 5px;
}

#sm-coupon-container .sm-claim {
  background-color: #6d6fd5 !important;
  display: inline-block;
  padding: 0 55px;
  line-height: 49px;
  color: #fff !important;
  font-size: 18px;
  cursor: pointer;
  text-align: center;
  border-radius: 5px;
}

#sm-coupon-container .sm-invalid-codes {
  width: initial;
}

#sm-coupon-container .sm-support {
  float: left;
  margin-right: 15px;
  width: initial;
}

#sm-coupon-container .sm-support .sm-icon {
  float: left;
  height: 20px;
  margin-bottom: 5px;
  width: 100%;
}

#sm-coupon-container .sm-support .sm-invalid {
  transition: margin 0.1s;
  -webkit-transition: margin 0.1s;
  float: none;
}

#sm-coupon-container .sm-support .sm-valid {
  margin: 5px;
  transition: margin 0.1s;
  -webkit-transition: margin 0.1s;
}

#sm-coupon-container .sm-support a {
  width: 100%;
  background-color: #e8e8e8 !important;
  color: #6d6fd5 !important;
  padding: 10px 8px;
  font-size: 11px;
  letter-spacing: 0.35px;
  font-weight: 700;
  border-radius: 5px;
  min-width: 100px;
  text-align: center;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
}

#sm-coupon-container .sm-coupon-invalid {
  background-color: #fff !important;
  width: 100%;
  opacity: 0.3;
  border: solid 1px #e8e8e8;
  color: #5e5e5e;
  padding: 2px 0px;
  font-size: 11px;
  font-weight: bold;
  border-radius: 5px;
}

#sm-coupon-container .sm-progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #6d6fd5;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

#sm-coupon-container .sm-progress {
  height: 7px;
  margin-bottom: 14px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

#sm-coupon-container .sm-not-working {
  position: absolute;
  bottom: 10px;
  width: 374px;
  right: 25px;
  text-align: center;
}

#sm-coupon-container .sm-not-working a {
  text-transform: none;
  color: #6d6fd5;
}

#sm-coupon-container .sm-error-img {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

#sm-coupon-container .sm-error {
  font-size: 14px;
  margin-top: 30px;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}

#sm-coupon-container .sm-error ul {
  text-align: left;
  margin-bottom: 30px;
  padding-left: 20px;
  list-style-type: disc !important;
}

#sm-coupon-container .sm-error ul li {
  font-size: 14px;
}

#sm-coupon-container .sm-content {
  font-size: 16px !important;
  margin: 20px;
  text-align: center;
}

#sm-coupon-container .sm-content a.sm-visit {
  background-color: #6d6fd5 !important;
  display: inline-block;
  padding: 0 55px;
  line-height: 49px;
  color: #fff !important;
  font-size: 18px;
  cursor: pointer;
  text-align: center;
  border-radius: 5px;
}

#sm-coupon-container .sm-primary,
#sm-coupon-container .sm-button {
  background-color: #6d6fd5;
  width: 100%;
  line-height: 49px;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  text-align: center;
  padding: 9px 15px;
  border-radius: 5px;
}

#sm-coupon-container .sm-activate-later {
  font-size: 14px !important;
  font-weight: 600;
  color: #252d6a;
}

#sm-coupon-container .sm-coupon {
  display: inline !important;
  background-color: #e8e8e8 !important;
  color: #6d6fd5 !important;
  padding: 10px 20px !important;
  font-size: 15px !important;
  letter-spacing: 0.35px !important;
  font-weight: 700 !important;
  border-radius: 5px !important;
  min-width: 100px !important;
  text-align: center !important;
}

#sm-coupon-container .sm-share-coupon {
  background-color: #6d6fd5 !important;
  width: 100% !important;
  line-height: 49px !important;
  color: #fff !important;
  font-size: 15px !important;
  cursor: pointer !important;
  text-align: center !important;
  padding: 9px 15px !important;
  border-radius: 5px !important;
}

#sm-coupon-container .sm-working-coupon {
  color: #252d6a;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 5px;
}

#sm-coupon-container .sm-congrats {
  color: #f5a80c;
  font-size: 27px;
  font-weight: 600;
  text-align: center;
  line-height: 40px;
}

#sm-coupon-container .sm-green {
  color: #00c57d;
  font-weight: 700;
  font-size: 20px;
}

#sm-coupon-container .sm-success-btn {
  padding: 10px;
  height: 42px;
  overflow: hidden;
  background-color: transparent;
  border-color: #6d6fd5 !important;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  color: #6d6fd5;
  font-weight: bold !important;
  font-size: 15px !important;
  cursor: pointer;
}

#sm-coupon-container .sm-button-disabled {
  padding: 10px;
  height: 42px;
  overflow: hidden;
  background-color: transparent;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  color: #aaa;
  font-weight: bold !important;
  font-size: 15px !important;
  cursor: pointer;
}

#sm-coupon-container .sm-review {
  background: #6d6fd5;
  color: #fff;
  width: 185px;
  margin: auto;
}

#sm-coupon-container .sm-logo {
  justify-self: start;
  padding: 10px 20px;
  cursor: pointer;
}

#sm-coupon-container .sm-close {
  margin: 5px 10px;
  justify-self: end;
  align-self: start;
  cursor: pointer;
}

#sm-coupon-container .exclusions {
  text-align: center;
}

#sm-coupon-container #exclusions-button {
  font-weight: 600;
  font-size: 9pt;
  cursor: pointer;
}

#sm-coupon-container .exclusions-hidden {
  display: none;
}

#sm-coupon-container .sm-code {
  color: #6d6fd5;
}

#sm-coupon-container .sm-copy {
  border: 1px solid #f5a80c;
  background: #ffc954;
}

#sm-coupon-container .sm-coupon-list::-webkit-scrollbar-thumb {
  background-color: #6d6fd5;
}

#sm-coupon-container .sm-go {
  background-color: #f5a80c;
  color: #FFF;
}

#sm-coupon-container .span-all {
  grid-column: 1 / span 2;
}

#sm-coupon-container .sm-save {
  font-size: 13pt;
  font-weight: 800;
  color: #252d6a;
  margin-bottom: 15px;
}

#sm-coupon-container .sm-price-redirect {
  cursor: pointer;
}

#sm-coupon-container .sm-refer-email {
  padding: 10px;
  height: 35px;
  width: 175px;
  border-color: #949393 !important;
  border-radius: 8px 0px 0px 8px;
  border-style: solid;
  border-width: 1px;
  outline: none;
  font-size: 14px !important;
}

#sm-coupon-container .sm-refer-submit {
  padding: 5px 7px 7px 8px;
  height: 32px;
  overflow: hidden;
  background-color: #6d6fd5;
  border-color: #6d6fd5 !important;
  border-radius: 0px 8px 8px 0px;
  border-style: solid;
  border-width: 1px;
  color: #fff;
  font-size: 15px !important;
  cursor: pointer;
}

#sm-coupon-container .sm-refer-btn {
  margin: auto;
  padding: 6px;
  height: 38px;
  width: 180px;
  overflow: hidden;
  background-color: transparent;
  border-color: #6d6fd5 !important;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  color: #6d6fd5;
  font-size: 15px !important;
  font-weight: bold;
  cursor: pointer;
}

#sm-coupon-container .sm-referral-msg {
  font-size: 14px !important;
  margin: 5px;
  font-weight: 500;
  height: 40px;
}

#sm-coupon-container .sm-referral-success {
  color: #00c57d;
}

#sm-coupon-container .sm-referral-error {
  color: #ff0000;
}

#sm-coupon-container .sm-exclusions {
  padding: 10px 0px;
  color: #716f6f;
  font-size: 14px;
}

#sm-coupon-container .sm-small-link {
  text-decoration: underline;
  color: #252d6a;
  font-size: 8pt;
  cursor: pointer;
}

#sm-inline-content {
  all: initial;
}

#sm-inline-content .sm-searching-button {
  display: inline-block;
  padding: 3px 12px;
  border-radius: 5px;
  border: 2px solid #ccc;
  color: #888;
  font-family: Poppins;
  font-size: 11pt;
  font-weight: bold;
  margin: 5px 0;
  padding-top: 5px;
  height: 22px;
}

#sm-inline-content .sm-found-button {
  display: inline-block;
  padding: 3px 12px;
  border-radius: 5px;
  background-color: #6d6fd5;
  color: #ffffff;
  border: initial;
  font-family: Poppins;
  font-size: 11pt;
  font-weight: bold;
  margin: 5px 0;
  padding-top: 5px;
  height: 25px;
  cursor: pointer;
}

#sm-inline-content .sm-img {
  vertical-align: middle;
  height: 20px;
  margin-right: 5px;
}

#sm-inline-content .sm-loading {
  vertical-align: middle;
  height: 8px;
}

#sm-full-loader {
  position: fixed;
  z-index: 2147483646;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.7;
}

.bg-facebook {
  background-color: #3c579e;
}

.bg-google {
  background-color: #4285f4;
}

.bg-microsoft {
  background-color: #2f2f2f;
}

.bg-apple {
  background-color: #000000;
}