/* Wishlist */

.header-action-bar .header__btn [class*="_PopconfirmInner_"],
body [class*="_popover_"],
[class^="portal-"] [class*="_modal_"] {
  box-sizing: border-box;
  border-color: rgb(var(--color-border));
  border-style: solid;
  border-width: var(--modal-border-thickness);
  border-radius: var(--modal-border-radius);
  box-shadow: var(--modal-shadow-offset-x) var(--modal-shadow-offset-y) var(--modal-shadow-blur) rgb(var(--color-shadow)/ var(--modal-shadow-opacity));
  background-color: rgb(var(--color-background));
}

body [class*="_popover_"],
[class^="portal-"] [class*="_modal_"] {
  color: rgb(var(--color-text));
}

.header-action-bar .header__btn [class*="_viewWishlist_"],
[class^="portal-"] [class*="_modal_"] [class*="_modalBtn_"] button {
  z-index: 1;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-block: 15px;
  padding-inline: 20px;
  font-family: var(--sort-button-font);
  font-size: var(--sort-button-size);
  font-weight: var(--sort-button-font-weight);
  line-height: var(--sort-body-line-height);
  letter-spacing: var(--sort-button-letter-spacing);
  text-transform: var(--sort-button-text-transform);
  border-radius: var(--button-border-radius);
  border: none;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  box-shadow: var(--button-shadow-offset-x) var(--button-shadow-offset-y) var(--button-shadow-blur) rgb(var(--color-shadow) / var(--button-shadow-opacity));
  transition: color 1s ease;
}

.header-action-bar .header__btn [class*="_viewWishlist_"] {
  width: 100%;
  background: var(--color-button-gradient) !important;
  background-color: rgb(var(--color-button-background)) !important;
  color: rgb(var(--color-button-text)) !important;
}

[class^="portal-"] [class*="_modal_"] [class*="_modalBtn_"] button[class*="_cancelBtn_"] {
  background: none;
  background-color: rgb(var(--color-button-text));
  color: rgb(var(--color-button-background));
}

.header-action-bar .header__btn [class*="_viewWishlist_"]::before,
[class^="portal-"] [class*="_modal_"] [class*="_modalBtn_"] button::before {
  --border-width: var(--button-border-thickness);
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: var(--button-border-radius);
  transition: box-shadow 0.5s cubic-bezier(0.59, 0.03, 0.2, 1);
  box-shadow: inset 0 0 0 var(--border-width) rgb(var(--color-button-border) / var(--button-border-opacity));
}

@media (pointer: fine) {
  .header-action-bar .header__btn [class*="_viewWishlist_"]::after,
  [class^="portal-"] [class*="_modal_"] [class*="_modalBtn_"] button::after {
    content: '';
    z-index: -1;
    position: absolute;
    inset: 0;
    pointer-events: none;
    width: 150%;
    height: calc(100% + var(--button-border-thickness));
    background-color: rgb(var(--color-button-text));
    transform: rotate3d(0, 0, 1, 10deg) translate3d(calc(-1.2em * var(--transform-logical)), 110%, 0);
    transform-origin: 0% 100%;
    transition: transform 0.5s cubic-bezier(0.59, 0.03, 0.2, 1);
  }

  .header-action-bar .header__btn [class*="_viewWishlist_"]:hover {
    color: rgb(var(--color-button-background)) !important;
  }

  [class^="portal-"] [class*="_modal_"] [class*="_modalBtn_"] button:hover {
    color: rgb(var(--color-button-background));
  }

  .header-action-bar .header__btn [class*="_viewWishlist_"]:hover::before,
  [class^="portal-"] [class*="_modal_"] [class*="_modalBtn_"] button:hover::before {
    --border-width: max(var(--button-border-thickness), 1px);
  }

  .header-action-bar .header__btn [class*="_viewWishlist_"]:hover::after,
  [class^="portal-"] [class*="_modal_"] [class*="_modalBtn_"] button:hover::after {
    transform: rotate3d(0, 0, 1, 0) translateZ(0);
  }

  [class^="portal-"] [class*="_modal_"] [class*="_modalBtn_"] button[class*="_cancelBtn_"]::after {
    background: var(--color-button-gradient);
    background-color: rgb(var(--color-button-background));
  }

  [class^="portal-"] [class*="_modal_"] [class*="_modalBtn_"] button[class*="_cancelBtn_"]:hover {
    color: rgb(var(--color-button-text));
  }
}

[class*="_popover_"] [class*="_addGroup_"],
[class^="portal-"] [class*="_modal_"] [class*="_addGroup"] {
  --underline-thickness: 1px;
  position: relative;
  color: rgb(var(--color-text));
  font-family: var(--sort-body-font);
  font-size: var(--body4-font-size);
  font-style: var(--sort-body-style);
  font-weight: var(--sort-body-weight);
  line-height: var(--sort-body-line-height);
  letter-spacing: var(--sort-body-letter-spacing);
  text-decoration: none;
  cursor: pointer;
  padding: 0;
  border: none;
  background-color: transparent;
  background-image: linear-gradient(to top, rgb(var(--color-text)) 0px), linear-gradient(to top, rgb(var(--color-border)) 0px);
  background-position-x: var(--transform-origin-end);
  background-position-y: bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: 0 var(--underline-thickness), 100% var(--underline-thickness);
}

[class^="portal-"] [class*="_modal_"] [class*="_addGroup"] {
  display: inline-flex;
  margin-inline-start: 22px;
}

@media (pointer: fine) {
  [class*="_popover_"] [class*="_addGroup_"],
  [class^="portal-"] [class*="_modal_"] [class*="_addGroup"] {
    transition: background-size 0.3s ease;
  }

  [class*="_popover_"] [class*="_addGroup_"]:hover,
  [class^="portal-"] [class*="_modal_"] [class*="_addGroup"]:hover {
    background-position-x: var(--transform-origin-start);
    background-size: 100% var(--underline-thickness), 100% var(--underline-thickness);
  }
}

/* header icon */

.header-action-bar .header__btn {
  padding: 0;
}

.header-action-bar .header__btn .header__btn,
.header-action-bar .header__btn .header__btn>* {
  width: 100%;
  height: 100%;
  justify-content: center;
}

.header-action-bar .header__btn [class*="_Popconfirm_"] {
  filter: none;
}

.header-action-bar .header__btn [class*="_Arrow_"] {
  display: none;
}

.header-action-bar .header__btn [class*="_PopconfirmInner_"] {
  padding: 20px;
  width: 100%;
}

.header-action-bar .header__btn [class*="_productNum_"],
.header-action-bar .header__btn [class*="_emptyText_"] {
  color: inherit;
  font-weight: inherit;
  font-size: var(--body3-font-size);
  text-align: center;
}

.header-action-bar .header__btn [class*="_productNum_"] {
  margin-block: 16px;
}

.header-action-bar .header__btn [class*="_emptyContainer_"] svg {
  width: 72px;
  height: auto;
  vertical-align: middle;
}

.header-action-bar .header__btn [class*="_emptyContainer_"] svg path {
  stroke: currentColor;
}

/* add button */

#wishlist-product-details .wishlist-collect-block-btn {
  background: none !important;
  color: rgb(var(--color-text)) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  font-family: var(--sort-body-font) !important;
  line-height: var(--sort-body-line-height) !important;
  letter-spacing: var(--sort-body-letter-spacing) !important;
  font-weight: calc(var(--sort-body-weight) + 100) !important;
  font-size: var(--body5-font-size) !important;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

#wishlist-product-details .wishlist-collect-block-btn>svg {
  width: 20px;
  height: auto;
}

#wishlist-product-details .wishlist-collect-block-btn>* {
  margin: 0;
  text-align: unset;
}

.media-gallery__media .wishlist-collect-icon-btn {
  position: absolute;
  inset: unset;
  inset-block-start: 16px;
  inset-inline-end: 16px;
  min-width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 50%;
  color: rgb(var(--color-text));
  background-color: rgb(var(--color-background));
  box-shadow: 0px 0px 40px 0px rgb(var(--color-text) / 0.08);
}

.media-gallery__media .wishlist-collect-icon-btn .collect-btn-icon svg {
  width: 18px;
  height: auto;
}

.media-gallery__media .wishlist-collect-icon-btn .collect-btn-icon+span {
  position: absolute;
  inset-block-start: 2px;
  margin: 0;
  color: inherit;
}

@media (min-width: 960px) {
  .media-gallery__media .wishlist-collect-icon-btn {
    inset-block-start: 20px;
    inset-inline-end: 20px;
    min-width: 55px;
    height: 55px;
  }

  .media-gallery__media .wishlist-collect-icon-btn .collect-btn-icon svg {
    width: 24px;
  }
}

[class*="_popover_"] [class*="_content_"] {
  font-size: var(--body4-font-size);
  padding: 20px;
}

[class*="_popover_"] [class*="_tip_"] {
  color: inherit;
}

[class^="portal-"] [class*="_mask_"] {
  --maskBgColor: rgb(var(--color-mask));
  display: block;
}

[class^="portal-"] [class*="_modal_"] [class*="_modalTitle_"] {
  font-family: var(--sort-title-font);
  font-style: var(--sort-title-font-style);
  font-weight: var(--sort-title-font-weight, 700);
  line-height: var(--sort-title-line-height);
  letter-spacing: var(--sort-title-letter-spacing);
  text-transform: var(--sort-title-text-transform);
  font-size: var(--title4-font-size);
  color: inherit;
  margin: 0;
  margin-block-end: 20px;
}

[class^="portal-"] [class*="_modal_"] [class*="_group_"] {
  border: 1px solid rgb(var(--color-border));
  margin: 0;
  margin-block-end: 24px;
}

[class^="portal-"] [class*="_modal_"] input:is([type=checkbox], [type=radio]) {
  opacity: 1;
}

[class^="portal-"] [class*="_modal_"] input:is([type=checkbox], [type=radio])~* {
  display: none;
}

[class^="portal-"] [class*="_modal_"] [class*="_groupName_"] {
  font-size: var(--body3-font-size);
  font-family: var(--sort-body-font);
  font-weight: var(--sort-body-weight, 400);
  line-height: var(--sort-body-line-height);
  letter-spacing: var(--sort-body-letter-spacing);
  color: inherit;
  opacity: 1;
  margin: 0;
}

[class^="portal-"] [class*="_modal_"] [class*="_addGroup"] svg {
  display: none;
}

[class^="portal-"] [class*="_modal_"] [class*="_modalBtn_"] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Product Review */

.product-detail__tabs .block-group-content > div:first-child:has(>[data-ssr-plugin-comment-app-block-list]) {
  width: 100%;
}

.product-detail__content .product-plugin-comment-rate-star {
  margin: 0 !important;
}

[class*="isv-web-modal"] div:empty,
[class*="plugin-product-comment-modal"] div:empty {
  display: revert;
}

.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-commentList:empty {
  display: none;
}

.plugin-product-comment,
.isv-web-modal,
.plugin-product-comment-modal,
.plugin-product-comment-collections {
  --plugin-product-comment-color_body: rgb(var(--color-text));
  --plugin-product-comment-color_text: rgb(var(--color-text));
  --plugin-product-comment-color_text_title: rgb(var(--color-text));
  --plugin-product-comment-color_text_60: rgb(var(--color-text)/ 0.6);
  --plugin-product-comment-color_text_50: rgb(var(--color-text)/ 0.5);
  --plugin-product-comment-color_text_40: rgb(var(--color-text)/ 0.4);
  --plugin-product-comment-color_entry_line: rgb(var(--color-text)/ 0.1);
  --plugin-product-comment-color_btn_background: rgb(var(--color-button-background));
  --plugin-product-comment-color_btn_text: rgb(var(--color-button-text));
  --plugin-product-comment-color_mask: rgb(var(--color-mask));
  --plugin-product-comment-color_page_background: rgb(var(--color-background));
  --plugin-product-comment-color_product_title: rgb(var(--color-text));
  --plugin-product-comment-color_discount: rgb(var(--color-price));
}

.isv-web-modal,
.plugin-product-comment-modal {
  --color-text: var(--color-drawer-text);
  --color-background: var(--color-drawer-background);
  --color-border: var(--color-text)/ 0.1;
  --color-overlay: var(--color-drawer-overlay);
  --overlay-opacity: 0.3;
  --plugin-product-comment-color_btn_background: rgb(var(--color-drawer-button-background));
  --plugin-product-comment-color_btn_text: rgb(var(--color-drawer-button-text));
}

.plugin-product-comment-tab-list,
.plugin-product-comment-title,
.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-commentTitle,
.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-commentTitle,
.isv-web-modal-header .isv-web-modal-title,
.plugin-product-comment-heading-reset,
.plugin-product-comment-singleCommentWrap .plugin-product-comment-content-title,
.plugin-product-comment-comment__title-mobile,
.plugin-product-comment-comment__title,
.plugin-product-comment-message-empty-pc-title,
.plugin-product-comment-commentHeader .plugin-product-comment-commentSynthesize,
.plugin-product-comment-waterCommentWrap .plugin-product-comment-WaterCommentWrapTitle,
.plugin-product-comment-multiWaterCommentWrap .plugin-product-comment-multiWaterCommentWrapTitle,
.plugin-product-comment-CommentThanks-title,
.plugin-product-comment-message-pcModal-answer,
.plugin-product-comment-message-pcModal-questions,
.plugin-product-comment-message-mobileModal-questions,
.plugin-product-comment-empty-list-sub-title,
.plugin-product-comment-gallery-carousel_header_title {
  font-family: var(--sort-title-font);
  font-style: var(--sort-title-font-style);
  font-weight: var(--sort-title-font-weight, 700);
  line-height: var(--sort-title-line-height);
  letter-spacing: var(--sort-title-letter-spacing);
  text-transform: var(--sort-title-text-transform);
}

.plugin-product-comment-tab-list,
.plugin-product-comment-title,
.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-commentTitle,
.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-commentTitle,
.isv-web-modal-header .isv-web-modal-title,
.plugin-product-comment-message-pcModal-answer,
.plugin-product-comment-empty-list-sub-title {
  margin-bottom: 0;
  font-size: var(--title5-font-size);
}

.plugin-product-comment-heading-reset,
.plugin-product-comment-singleCommentWrap .plugin-product-comment-content-title,
.plugin-product-comment-comment__title-mobile,
.plugin-product-comment-comment__title,
.plugin-product-comment-message-empty-pc-title,
.plugin-product-comment-waterCommentWrap .plugin-product-comment-WaterCommentWrapTitle,
.plugin-product-comment-multiWaterCommentWrap .plugin-product-comment-multiWaterCommentWrapTitle,
.plugin-product-comment-message-pcModal-questions,
.plugin-product-comment-message-mobileModal-questions {
  font-size: var(--title6-font-size);
}

.plugin-product-comment-commentHeader .plugin-product-comment-commentSynthesize {
  font-size: var(--title4-font-size) !important;
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-title,
.plugin-product-comment-CommentThanks-title {
  font-size: var(--title3-font-size);
}

.plugin-product-comment-userInfo.single .plugin-product-comment-nickname,
.plugin-product-comment-userInfo .plugin-product-comment-nicknameskuAttributes,
.plugin-product-comment-content-info .plugin-product-comment-content,
.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-content,
.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-noCommentReviewTip,
.plugin-product-comment-select-box .select-options .select-item .select-text {
  font-family: var(--sort-body-font);
  font-weight: var(--sort-body-weight, 400);
  line-height: var(--sort-body-line-height);
  letter-spacing: var(--sort-body-letter-spacing);
}

.plugin-product-comment-userInfo.single .plugin-product-comment-nickname,
.plugin-product-comment-userInfo .plugin-product-comment-nicknameskuAttributes,
.plugin-product-comment-content-info .plugin-product-comment-content,
.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-content,
.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-noCommentReviewTip,
.plugin-product-comment-userInfo.userInfotwo .plugin-product-comment-nickname,
.plugin-product-comment-message-reply-item-content,
.plugin-product-comment-message-mobileModal-replyList .plugin-product-comment-message-reply-item-content,
.plugin-product-comment-ImageSwiperTextItemWrap .plugin-product-comment-name,
.plugin-product-comment-ImageSwiperItemWrap .plugin-product-comment-name,
.plugin-product-comment-ImageSwiperTextItemWrap .plugin-product-comment-content {
  font-size: var(--body4-font-size);
}

.plugin-product-comment-userInfo.single .plugin-product-comment-date,
.plugin-product-comment-userInfo.userInfothree .plugin-product-comment-date,
.plugin-product-comment-userInfo .plugin-product-comment-userInfoNameSkuTime,
.plugin-product-comment-message-reply-item-info {
  font-size: var(--body7-font-size);
}

.isv-web-btn:not(.isv-web-btn-text),
.plugin-product-comment-select-buttons .plugin-product-comment-select-buttons-warp [role="button"],
.plugin-product-comment-select-box .plugin-product-comment-select-entry,
.plugin-product-comment-commonReplyForm-inputPlaceholder,
.plugin-product-comment-footer-input input {
  z-index: 1;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-block: 15px;
  padding-inline: 20px;
  font-family: var(--sort-button-font);
  font-size: var(--sort-button-size);
  font-weight: var(--sort-button-font-weight);
  line-height: var(--sort-body-line-height);
  letter-spacing: var(--sort-button-letter-spacing);
  text-transform: var(--sort-button-text-transform);
  background: var(--color-button-gradient);
  background-color: rgb(var(--color-button-background));
  color: rgb(var(--color-button-text));
  border-radius: var(--button-border-radius);
  border: none;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  height: auto !important;
}

.isv-web-btn:not(.isv-web-btn-text):not(.isv-web-btn--disabled):not(.isv-web-btn-secondary),
.plugin-product-comment-select-buttons .plugin-product-comment-select-buttons-warp [role="button"],
.plugin-product-comment-select-box .plugin-product-comment-select-entry,
.plugin-product-comment-commonReplyForm-inputPlaceholder,
.plugin-product-comment-footer-input input {
  background: var(--color-button-gradient);
  background-color: rgb(var(--color-button-background));
  color: rgb(var(--color-button-text));
  box-shadow: var(--button-shadow-offset-x) var(--button-shadow-offset-y) var(--button-shadow-blur) rgb(var(--color-shadow)/ var(--button-shadow-opacity));
  transition: color 1s ease;
}

.isv-web-btn:not(.isv-web-btn-text):not(.isv-web-btn--disabled):not(.isv-web-btn-secondary)::before,
.plugin-product-comment-select-buttons .plugin-product-comment-select-buttons-warp [role="button"]::before,
.plugin-product-comment-select-box .plugin-product-comment-select-entry::before,
.plugin-product-comment-commonReplyForm-inputPlaceholder::before {
  --border-width: var(--button-border-thickness);
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: var(--button-border-radius);
  transition: box-shadow 0.5s cubic-bezier(0.59, 0.03, 0.2, 1);
  box-shadow: inset 0 0 0 var(--border-width) rgb(var(--color-button-border) / var(--button-border-opacity));
}

@media (pointer: fine) {
  .isv-web-btn:not(.isv-web-btn-text):not(.isv-web-btn--disabled):not(.isv-web-btn-secondary)::after,
  .plugin-product-comment-select-buttons .plugin-product-comment-select-buttons-warp [role="button"]::after,
  .plugin-product-comment-select-box .plugin-product-comment-select-entry::after,
  .plugin-product-comment-commonReplyForm-inputPlaceholder::after {
    content: '';
    z-index: -1;
    position: absolute;
    inset: 0;
    pointer-events: none;
    width: 150%;
    height: calc(100% + var(--button-border-thickness));
    background-color: rgb(var(--color-button-text));
    transform: rotate3d(0, 0, 1, 10deg) translate3d(calc(-1.2em * var(--transform-logical)), 110%, 0);
    transform-origin: 0% 100%;
    transition: transform 0.5s cubic-bezier(0.59, 0.03, 0.2, 1);
  }

  .isv-web-btn:not(.isv-web-btn-text):not(.isv-web-btn--disabled):not(.isv-web-btn-secondary):hover,
  .plugin-product-comment-select-buttons .plugin-product-comment-select-buttons-warp [role="button"]:hover,
  .plugin-product-comment-select-box .plugin-product-comment-select-entry:hover,
  .plugin-product-comment-commonReplyForm-inputPlaceholder:hover {
    color: rgb(var(--color-button-background));
  }

  .plugin-product-comment-select-box .plugin-product-comment-select-entry:hover {
    background-color: transparent;
  }

  .isv-web-btn:not(.isv-web-btn-text):not(.isv-web-btn--disabled):not(.isv-web-btn-secondary):hover::before,
  .plugin-product-comment-select-buttons .plugin-product-comment-select-buttons-warp [role="button"]:hover::before,
  .plugin-product-comment-select-box .plugin-product-comment-select-entry:hover::before,
  .plugin-product-comment-commonReplyForm-inputPlaceholder:hover::before {
    --border-width: max(var(--button-border-thickness), 1px);
  }

  .isv-web-btn:not(.isv-web-btn-text):not(.isv-web-btn--disabled):not(.isv-web-btn-secondary):hover::after,
  .plugin-product-comment-select-buttons .plugin-product-comment-select-buttons-warp [role="button"]:hover::after,
  .plugin-product-comment-select-box .plugin-product-comment-select-entry:hover::after,
  .plugin-product-comment-commonReplyForm-inputPlaceholder:hover::after {
    inset: 0;
    animation: none;
    background-image: none;
    transform: rotate3d(0, 0, 1, 0) translateZ(0);
  }
}

.plugin-product-comment-footer-input input::placeholder {
  color: rgb(var(--color-button-text));
  opacity: 1;
}

.plugin-product-comment-select-buttons .plugin-product-comment-select-buttons-warp [role="button"],
.plugin-product-comment-select-box .plugin-product-comment-select-entry {
  background: none;
  background-color: rgb(var(--color-button-text));
  color: rgb(var(--color-button-background));
}

.plugin-product-comment-select-buttons .plugin-product-comment-select-buttons-warp [role="button"][aria-pressed="true"],
.plugin-product-comment-select-buttons .plugin-product-comment-select-buttons-warp [role="button"][aria-expanded="true"],
.plugin-product-comment-select-box .plugin-product-comment-select-entry[aria-expanded="true"] {
  color: rgb(var(--color-button-text));
}

.plugin-product-comment-select-buttons .plugin-product-comment-select-buttons-warp [role="button"][aria-pressed="true"]::before,
.plugin-product-comment-select-buttons .plugin-product-comment-select-buttons-warp [role="button"][aria-expanded="true"]::before,
.plugin-product-comment-select-box .plugin-product-comment-select-entry[aria-expanded="true"]::before {
  --border-width: max(var(--button-border-thickness), 1px);
}

.plugin-product-comment-select-buttons .plugin-product-comment-select-buttons-warp [role="button"][aria-pressed="true"]::after,
.plugin-product-comment-select-buttons .plugin-product-comment-select-buttons-warp [role="button"][aria-expanded="true"]::after,
.plugin-product-comment-select-box .plugin-product-comment-select-entry[aria-expanded="true"]::after {
  inset: 0;
  animation: none;
  background-image: none;
  transform: rotate3d(0, 0, 1, 0) translateZ(0);
}

@media (pointer: fine) {
  .plugin-product-comment-select-buttons .plugin-product-comment-select-buttons-warp [role="button"]::after,
  .plugin-product-comment-select-box .plugin-product-comment-select-entry::after {
    background: var(--color-button-gradient);
    background-color: rgb(var(--color-button-background));
  }

  .plugin-product-comment-select-buttons .plugin-product-comment-select-buttons-warp [role="button"]:hover,
  .plugin-product-comment-select-box .plugin-product-comment-select-entry:hover {
    color: rgb(var(--color-button-text));
  }
}

.plugin-product-comment-content-info .plugin-product-comment-content .qualified {
  background: var(--color-button-gradient);
  background-color: rgb(var(--color-button-background));
  color: rgb(var(--color-button-text));
}

.plugin-product-comment-select-box .plugin-product-comment-select-entry .default-title {
  color: inherit;
  font-size: inherit;
}

.plugin-product-comment-form-item,
.plugin-product-comment-modal-footer {
  --input-height: 52px;
  --input-padding-inline: 16px;
}

.plugin-product-comment-form-item:has(.plugin-product-comment-form-item-error) {
  margin-bottom: 1rem;
}

.plugin-product-comment-input,
.plugin-product-comment-reply-textarea,
.isv-web-input {
  position: relative;
  border-radius: var(--input-border-radius);
  box-shadow: var(--input-shadow-offset-x) var(--input-shadow-offset-y) var(--input-shadow-blur) rgb(var(--color-shadow) / var(--input-shadow-opacity));
}

.plugin-product-comment-input::before,
.plugin-product-comment-reply-textarea::before,
.isv-web-input::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: var(--input-border-radius);
  box-shadow: inset 0 0 0 var(--input-border-thickness) rgb(var(--color-text) / var(--input-border-opacity));
  transition: box-shadow 0.3s ease;
}

.plugin-product-comment-input::after,
.isv-web-input::after {
  content: none;
}

.plugin-product-comment-input:focus,
.plugin-product-comment-input:focus-within,
.plugin-product-comment-reply-textarea:focus,
.plugin-product-comment-reply-textarea:focus-within,
.isv-web-input:focus,
.isv-web-input:focus-within {
  outline: none;
  --input-border-opacity: 1;
}

.isv-web-input {
  background: none;
  padding: 0;
  color: inherit;
}

.plugin-product-comment-reply-textarea-input,
.plugin-product-comment-input__area textarea,
.plugin-product-comment-input__area input,
.plugin-product-comment-input__area select,
.isv-web-input .isv-web-input__input,
.isv-web-input .isv-web-input__textarea {
  height: var(--input-height);
  padding-inline: var(--input-padding-inline);
  padding-block: 16px 0;
  font-size: 1rem;
  font-family: inherit;
  font-weight: inherit;
  outline: none;
  width: 100%;
  max-width: 100%;
  appearance: none;
  border: none;
  background-color: transparent;
  color: rgb(var(--color-text)) !important;
}

.plugin-product-comment-reply-textarea-input,
.plugin-product-comment-input__area textarea,
.isv-web-input .isv-web-input__textarea {
  height: auto !important;
}

.isv-web-input .isv-web-input__input:not(.isv-web-input__input_label) {
  padding-block: 0;
  margin: 0;
}

.isv-web-input .isv-web-input__input::placeholder,
.isv-web-input .isv-web-input__textarea::placeholder {
  color: inherit;
  font-size: 1rem;
}

.isv-web-input-label-content {
  color: inherit;
  font-size: 1rem;
}

.isv-web-input-suffix {
  margin: 0;
}

.isv-web-input-show-count-suffix {
  color: inherit;
  padding-inline-end: 10px;
}

.plugin-product-comment-form-item .plugin-product-comment-input__area {
  background: none;
  border-radius: 0;
  padding: 0;
}

.plugin-product-comment-input__area .placeholder,
.plugin-product-comment-reply-textarea-warp .plugin-product-comment-textareaPlaceholder {
  height: auto;
  background: none;
  font-size: 1rem;
  padding: 0 var(--input-padding-inline);
  color: rgb(var(--color-text)) !important;
}

.plugin-product-comment-reply-textarea-warp .plugin-product-comment-textareaPlaceholder {
  top: 16px;
  right: 0;
}

.plugin-product-comment-reply-textarea-input,
.plugin-product-comment-textareaPlaceholder {
  height: auto;
  vertical-align: top;
  padding-block: 16px;
}

.plugin-product-comment-reply-textarea-dear {
  padding-inline: var(--input-padding-inline);
  padding-top: 16px;
  display: block;
}

.plugin-product-comment-reply-textarea-warp {
  margin: 0;
  padding: 0;
}

.plugin-product-comment-form-item-error,
.plugin-product-comment-form-item-hint {
  font-size: var(--body6-font-size);
  line-height: 1.125;
}

.plugin-product-comment-form-item-error {
  color: rgb(var(--color-error-text));
}

.plugin-product-comment-form-item-hint {
  margin-top: 8px;
  margin-bottom: 16px;
  color: rgb(var(--color-text)/ 0.6);
}

.plugin-product-comment-form-item-error .plugin-product-comment-form-item-error-icon {
  margin-top: 0;
}

.plugin-product-comment-commonReplyForm-nameAndEmailWrap-formItem:nth-child(2) {
  margin-inline-start: 12px;
}

.plugin-product-comment-commonReplyForm-btns {
  display: flex;
  flex-direction: column-reverse;
}

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

.plugin-product-comment-commonReplyForm-btns-cancel {
  margin-inline: 0;
  margin-top: 16px;
}

.plugin-product-comment-message-buttonList {
  margin-top: 28px;
}

.plugin-product-comment-message-pc-form,
.plugin-product-comment-message-pc-item {
  max-width: 960px;
}

.plugin-product-comment-uploadHandler {
  background-color: rgb(var(--color-text)/ 0.045);
  border-color: rgb(var(--color-border));
  transition: background-color ease 0.2s;
}

.plugin-product-comment-uploadHandler:hover {
  background-color: rgb(var(--color-text)/ 0.1);
}

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

.plugin-product-comment-tab,
.plugin-product-comment-singleCommentWrap {
  border-bottom: 1px solid rgb(var(--color-border));
}

.plugin-product-comment-singleCommentWrap {
  padding: 36px 0px;
  border-radius: 0;
}

.plugin-product-comment-tab-list-item {
  padding: 16px 0px;
  opacity: 0.3;
}

.plugin-product-comment-tab-list-item-active {
  opacity: 1;
}

.plugin-product-comment-TabCommentList {
  margin: 32px 0;
}

.plugin-product-comment-TabCommentList .plugin-product-comment-foldContainer {
  margin-bottom: 8px;
}

.plugin-product-comment-tab-message-list {
  margin-top: 40px;
}

.plugin-product-comment-detail-list {
  margin-top: 28px;
}

.plugin-product-comment-water-col .plugin-product-comment-waterCommentWrap .plugin-product-comment-infoWrap,
.plugin-product-comment-multiWaterCommentWrap {
  position: relative;
  border: 1px solid rgb(var(--color-border));
  border-radius: 0;
  padding: 34px 24px 22px;
  margin-top: 14px;
  transition: border 0.3s ease;
}

.plugin-product-comment-water-col .plugin-product-comment-waterCommentWrap .plugin-product-comment-infoWrap:hover,
.plugin-product-comment-multiWaterCommentWrap:hover {
  border-color: currentColor;
}

.plugin-product-comment-waterCommentWrap .plugin-product-comment-WaterCommentWrapTitle,
.plugin-product-comment-multiWaterCommentWrap .plugin-product-comment-multiWaterCommentWrapTitle {
  margin-top: 14px;
}

.plugin-product-comment-waterCommentWrap .plugin-product-comment-userInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.plugin-product-comment-waterCommentWrap .plugin-product-comment-CommentAndHelpfulBtns-box,
.plugin-product-comment-multiWaterCommentWrap .plugin-product-comment-CommentAndHelpfulBtns-box,
.plugin-product-comment-waterCommentWrap .plugin-product-comment-bgContainer {
  margin-top: 18px;
}

.plugin-product-comment-water-col,
.plugin-product-comment-columnList {
  gap: calc(var(--grid-horizontal-spacing) / 2);
}

.plugin-product-comment-waterCommentWrap .plugin-product-comment-rate,
.plugin-product-comment-ImageSwiperTextItemWrap .plugin-product-comment-rate {
  border: 1px solid rgb(var(--color-border));
  padding: 6px 16px;
  border-radius: 0;
  box-shadow: 0 0 calc(var(--modal-shadow-blur) / 3) rgb(var(--color-base-text) / var(--modal-shadow-opacity));
}

.plugin-product-comment-waterCommentWrap .plugin-product-comment-rate {
  background: rgb(var(--color-background));
}

.plugin-product-comment-waterCommentWrap:has(.plugin-product-comment-imageBox),
.plugin-product-comment-ImageSwiperTextItemWrap,
.plugin-product-comment-ImageSwiperItemWrap {
  border: 1px solid rgb(var(--color-border));
  border-radius: 0;
  box-shadow: none;
  transition: border 0.3s ease;
}

.plugin-product-comment-waterCommentWrap:has(.plugin-product-comment-imageBox):hover,
.plugin-product-comment-ImageSwiperTextItemWrap:hover,
.plugin-product-comment-ImageSwiperItemWrap:hover {
  border-color: currentColor;
}

.plugin-product-comment-waterCommentWrap .plugin-product-comment-imageBox .plugin-product-comment-image,
.plugin-product-comment-waterCommentWrap .plugin-product-comment-imageBox .plugin-product-comment-defaultImage {
  border-radius: 0;
}

.plugin-product-comment-water-col .plugin-product-comment-waterCommentWrap:has(.plugin-product-comment-imageBox) .plugin-product-comment-infoWrap {
  border: none;
}

.plugin-product-comment-mobile-CommentWrap,
.plugin-product-comment-index-mobile__page .plugin-product-comment-mobile-CommentWrap:last-child {
  padding: 28px 0px;
  border-bottom: 1px solid var(--plugin-product-comment-color_entry_line);
}

.plugin-product-comment-pcModal .plugin-product-comment-pcImageSwiper+.plugin-product-comment-commentInfo .plugin-product-comment-commonReplyForm-nameAndEmailWrap {
  display: block;
}

.plugin-product-comment-pcModal .plugin-product-comment-pcImageSwiper+.plugin-product-comment-commentInfo .plugin-product-comment-commonReplyForm-nameAndEmailWrap-formItem {
  margin: 0;
  width: 100%;
}

.plugin-product-comment-commentInfo .plugin-product-comment-userInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.plugin-product-comment-userInfo {
  margin-bottom: 16px;
}

.plugin-product-comment-userInfo .plugin-product-comment-nickname {
  color: inherit !important;
}

.plugin-product-comment-userInfo .plugin-product-comment-nicknameskuAttributes {
  color: inherit;
}

.plugin-product-comment-userInfo .plugin-product-comment-userInfoNameSkuTime {
  margin-top: 12px;
}

.plugin-product-comment-userInfo.single .plugin-product-comment-nickname_skuAttributes {
  margin-top: 12px;
}

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

.plugin-product-comment-userInfo .plugin-product-comment-spaceBetween {
  margin-bottom: 12px;
}

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

.plugin-product-comment-message-empty-pc {
  padding: 0;
}

.plugin-product-comment-message-empty-pc::after {
  content: none;
}

.plugin-product-comment-message-empty-pc-title {
  margin-bottom: 28px;
}

.plugin-product-comment-message-list-pc-body-edit {
  margin-bottom: 40px;
}

.plugin-product-comment-message-pc-item {
  border-radius: 0;
  transition: border 0.3s ease;
}

.plugin-product-comment-message-pc-item:hover {
  border-color: currentColor;
}

.plugin-product-comment-message-pc-item-main {
  padding: 24px 28px;
}

.plugin-product-comment-message-pc-item-main:hover::after {
  content: none;
}

.plugin-product-comment-message-mobile-item-questionsAnswers {
  font-weight: unset;
}

.plugin-product-comment-message-mobileModal__parent,
.plugin-product-comment-message-pcModal-replyList {
  display: flex;
  flex-direction: column;
}

.plugin-product-comment-message-pcModal-replyList {
  gap: 28px;
  margin-top: 34px;
  margin-bottom: 0;
}

.plugin-product-comment-message-reply-item-info {
  font-weight: var(--sort-body-weight);
}

.plugin-product-comment-message-reply-item-info span:first-child {
  font-weight: calc(var(--sort-body-weight) + 100);
}

.plugin-product-comment-message-reply-item+.plugin-product-comment-message-reply-item {
  margin: 0;
}

.plugin-product-comment-message-reply-item-reply-icon path {
  stroke: none;
}

.plugin-product-comment-scrollLoadMore {
  overscroll-behavior-y: contain;
  scroll-snap-type: y mandatory;
  scrollbar-width: thin;
}

.plugin-product-comment-stars .star .icon {
  height: auto;
}

.plugin-product-comment-stars .star .iconText,
.plugin-product-comment-message-mobile-item-questionsAnswers {
  font-size: var(--body4-font-size);
}

.plugin-product-comment-select-box .plugin-product-comment-select-entry .select-text {
  color: currentColor;
}

.plugin-product-comment-select-box .plugin-product-comment-select-entry .entry-arrow>path {
  fill: currentColor;
}

.plugin-product-comment-select-buttons-item,
.plugin-product-comment-select-buttons-item-rating .plugin-product-comment-select-entry {
  height: auto;
}

.plugin-product-comment-ratePercentWrapper .plugin-product-comment-ratePercentBox,
.plugin-product-comment-select-box .select-dropdown {
  --color-text: var(--color-drawer-text);
  --color-background: var(--color-drawer-background);
  --color-border: var(--color-text) / 0.1;
  color: rgb(var(--color-text));
  background: rgb(var(--color-background));
  border-color: rgb(var(--color-text) / var(--modal-border-opacity));
  border-style: solid;
  border-width: var(--modal-border-thickness);
  border-radius: var(--modal-border-radius);
  box-shadow: var(--modal-shadow-offset-x) var(--modal-shadow-offset-y) var(--modal-shadow-blur) rgb(var(--color-shadow) / var(--modal-shadow-opacity));
}

.plugin-product-comment-select-box .select-options .select-item .select-text,
.plugin-product-comment-product-card .plugin-product-comment-product-card-name {
  color: inherit;
  font-size: var(--body5-font-size);
}

.plugin-product-comment-select-box .select-dropdown .select-item:hover {
  background-color: rgb(var(--color-text)/ 0.045);
}

.plugin-product-comment-select-box .select-options .select-item .select-checked>path {
  stroke: currentColor;
}

.plugin-product-comment-ratePercentWrapper .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem .plugin-product-comment-percent {
  color: inherit;
}

.plugin-product-comment-ratePercentWrapper .plugin-product-comment-ratePercentBox.rateHover .plugin-product-comment-ratePercentItem:hover {
  background: none;
}

.plugin-product-comment-ratePercentWrapperMobile .plugin-product-comment-ratePercentBox .plugin-product-comment-ratePercentItem .plugin-product-comment-progressIcon path {
  fill: currentColor;
}

.plugin-product-comment-select-modal .select-item .select-text {
  color: inherit;
}

.plugin-product-comment-select-modal .select-item .select-checked>path {
  stroke: currentColor;
}

.isv-web-pagination {
  gap: 0;
  margin-top: 20px;
}

.isv-web-pagination :is(.isv-web-pagination-prev, .isv-web-pagination-next, .isv-web-pagination-item) {
  padding: 0;
  color: inherit;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}

.isv-web-pagination :is(.isv-web-pagination-prev, .isv-web-pagination-next) svg path {
  fill: currentColor;
  color: inherit;
}

.isv-web-pagination :is(.isv-web-pagination-prev, .isv-web-pagination-next, .isv-web-pagination-item):hover {
  opacity: 1;
}

.isv-web-pagination .isv-web-pagination-disabled,
.isv-web-pagination .isv-web-pagination-disabled:hover {
  opacity: 0.6;
}

.isv-web-pagination .isv-web-pagination-item.isv-web-pagination-item-active {
  color: inherit;
  opacity: 1;
}

.isv-web-pagination .isv-web-pagination-item.isv-web-pagination-item-active::after {
  content: none;
}

.isv-web-pagination .plugin-product-comment-paginationTrigger {
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--body3-font-size);
  font-weight: 600;
  opacity: 1;
}

.plugin-product-comment-pcModal .plugin-product-comment-modal-content,
.plugin-product-comment-message-pcModal .plugin-product-comment-modal-content {
  height: auto;
  max-height: 88vh;
  width: 860px !important;
  max-width: calc(100vw - 48px);
  margin: 0;
}

.isv-web-modal-basic .isv-web-modal-body,
.plugin-product-comment-pcModal .plugin-product-comment-commentInfo,
.plugin-product-comment-pcModal .plugin-product-comment-pcModalBox {
  height: 100%;
  max-height: 88vh;
}

.isv-web-modal-basic .isv-web-modal-body,
.plugin-product-comment-modal-body .plugin-product-comment-commentInfo {
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scroll-snap-type: y mandatory;
  scrollbar-width: thin;
}

.plugin-product-comment-pcModal .plugin-product-comment-pcModalBox {
  height: auto;
}

.plugin-product-comment-modal .plugin-product-comment-modal-mask {
  background-color: rgb(var(--color-overlay) / var(--overlay-opacity)) !important;
}

.isv-web-modal-content,
.plugin-product-comment-modal .plugin-product-comment-modal-content,
.plugin-product-comment-select-modal .plugin-product-comment-modal-body {
  color: rgb(var(--color-text)) !important;
  background-color: rgb(var(--color-background)) !important;
}

.isv-web-modal-header {
  background: none !important;
}

.isv-web-modal-header .isv-web-modal-close svg,
.isv-web-modal-header .isv-web-modal-title {
  color: inherit;
}

.plugin-product-comment-modal-footer {
  background-color: rgb(var(--color-background));
}

.plugin-product-comment-mobileModal .plugin-product-comment-swiperContainer {
  padding-top: 0;
}

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

.plugin-product-comment-mobileModal .plugin-product-comment-modal-close,
.plugin-product-comment-mobileCommentReplyForm-closeBtn {
  background-color: transparent;
  box-shadow: none;
}

.plugin-product-comment-GalleryImageSwiperItemWrap {
  box-shadow: none;
  background-color: rgb(var(--color-image-background));
}

.isv-web-modal-basic .isv-web-modal-content,
.plugin-product-comment-pcModal .plugin-product-comment-commentInfo,
.plugin-product-comment-message-pcModal-content {
  margin: 0;
  padding: 40px 48px 36px;
}

.plugin-product-comment-message-pcModal-content {
  padding-block: 56px 44px;
}

.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-commentTitle::before,
.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-commentTitle::before,
.plugin-product-comment-modal-footer,
.plugin-product-comment-writeCommentModal .plugin-product-comment-footer {
  border-top: 1px solid rgb(var(--color-border));
}

.plugin-product-comment-pcModal .plugin-product-comment-commentInfo .plugin-product-comment-commentTitle,
.plugin-product-comment-message-pcModal-answer {
  padding-top: 24px;
  margin-top: 24px;
  margin-bottom: 18px;
}

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

.plugin-product-comment-mobileModal .plugin-product-comment-commentInfo .plugin-product-comment-noCommentReviewTip {
  padding: 0;
  color: inherit;
  text-align: start;
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-stepBar {
  background-color: rgb(var(--color-text));
  border-radius: 0;
  height: 3px;
}

.plugin-product-comment-mobileCommentReplyForm-closeBtn svg,
.isv-web-modal-header .isv-web-modal-close svg,
.plugin-product-comment-modal-close svg,
.isv-web-modal-header .isv-web-modal-close svg path,
.plugin-product-comment-writeCommentModal .plugin-product-comment-footer .backBtn svg {
  stroke-width: var(--icon-weight);
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-footer .backBtn,
.plugin-product-comment-commonReplyForm-btns-cancel,
.plugin-product-comment-message-buttonCancel {
  font-family: var(--sort-button-font);
  font-size: var(--sort-button-size);
  font-weight: var(--sort-button-font-weight);
  line-height: var(--sort-body-line-height);
  letter-spacing: var(--sort-button-letter-spacing);
  text-transform: var(--sort-button-text-transform);
}

.plugin-product-comment-writeCommentModal .plugin-product-comment-footer .backBtn svg {
  width: 20px;
  height: auto;
}

.plugin-product-comment-writeCommentModal .isv-web-input-has-suffix,
.plugin-product-comment-writeCommentModal .isv-web-input:has(.isv-web-input-label-content) {
  padding: 0;
}

.plugin-product-comment-CommentThanks {
  padding: 60px 0;
}

.plugin-product-comment-empty-list {
  display: flex;
  flex-direction: column;
}

.plugin-product-comment-commentHeader .plugin-product-comment-arrow {
  opacity: 0.5;
}

.plugin-product-comment-gallery-carousel_header {
  margin-top: 0;
  margin-bottom: 18px;
}

.plugin-product-comment-gallery-carousel_header_title {
  text-transform: uppercase;
  font-size: var(--sort-button-size);
  color: rgb(var(--color-base-text) / 0.6);
}

.plugin-product-comment-imageBoxWrap .plugin-product-comment-imageBoxWrapItem {
  max-width: 90px;
}

.plugin-product-comment-gallery-carousel-slide {
  max-width: 160px;
}

.react-hint__content {
  background: rgb(var(--color-text));
  color: rgb(var(--color-background));
  padding: 7px 6px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  border-radius: 0;
}

.react-hint--top:after {
  border-top-color: rgb(var(--color-text));
}

.react-hint--bottom:after {
  border-bottom-color: rgb(var(--color-text));
}

@media only screen and (max-width: 750px) {
  .isv-web-modal-basic .isv-web-modal-content {
    padding: 20px 24px;
  }

  .plugin-product-comment-mobileModal .plugin-product-comment-commentInfo {
    padding-inline: 24px;
    padding-top: 20px;
  }

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

  .plugin-product-comment-water-col,
  .plugin-product-comment-columnList {
    gap: 10px;
  }

  .plugin-product-comment-waterCommentWrap:not(:has(.plugin-product-comment-imageBox)) .plugin-product-comment-infoWrap {
    border: 1px solid rgb(var(--color-border));
    border-radius: var(--input-border-radius);
  }

  .plugin-product-comment-waterCommentWrap .plugin-product-comment-infoWrap {
    padding-top: 28px;
  }
}