/* 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;
  }
}

/* Filters */
.main-collection-container.search-filter-con-container #FiltersContainer,
.main-collection-container.search-filter-con-container .facets-form:not(.facets-filtering) {
  display: none;
}

.main-collection-container .plugin-search-filter-container__main {
  --plugin-product-search-color_body: rgb(var(--color-text));
  --plugin-product-search-color_text: rgb(var(--color-text));
  --plugin-product-search-color_text_title: rgb(var(--color-text));
  --plugin-product-search-color_text_60: rgb(var(--color-text) / 0.6);
  --plugin-product-search-color_text_8: rgb(var(--color-text) / 0.08);
  --plugin-product-search-color_page_background: rgb(var(--color-background));
  --plugin-product-search-color_entry_line: rgb(var(--color-border));
  --plugin-product-search-color_btn_background: rgb(var(--color-button-background));
  --plugin-product-search-color_btn_text: rgb(var(--color-button-text));

  padding-inline-end: 40px;
}

.plugin-search-filter-container__main > div:not(.plugin-search-filter-m-trigger),
.plugin-product-search-component-drawer-body-wrapper > div {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.plugin-product-search-vertical-active-title .font-bold,
.plugin-product-search-component-collapse-title,
.plugin-product-search-component-popover-label {
  font-size: var(--body7-font-size);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 600;
}

.plugin-product-search-vertical-active-title .font-bold[role="button"] {
  font-size: var(--body6-font-size);
  font-weight: calc(var(--sort-body-weight) + 100);
  letter-spacing: var(--sort-body-letter-spacing);
  text-transform: inherit;
}

.plugin-product-search-component-collapse {
  padding: 0;
  padding-block-start: 36px;
}

.plugin-product-search-component-collapse-header {
  padding: 0;
  padding-block-end: 12px;
}

.plugin-product-search-component-tree,
.plugin-product-search-component-tree-item-children,
.plugin-product-search-component-tagList-checkbox {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.plugin-product-search-component-checkbox {
  --active: rgb(var(--color-text));
  --focus: 3px rgb(var(--color-border));
  --border: rgb(var(--color-border));
  --border-hover: rgb(var(--color-text));
  --background: rgb(var(--color-background));
  --disabled: rgb(var(--color-border));
  --disabled-inner: rgb(var(--color-text) / 0.6);
  --border-radius: 50%;
}

.plugin-product-search-component-checkbox-label,
.plugin-product-search-component-checkbox-label .font-bold {
  font-weight: inherit;
  line-height: 1;
}

.plugin-product-search-component-checkbox-icon {
  appearance: none;
  background: var(--b, var(--background));
  border: 1px solid var(--b, var(--border));
  cursor: pointer;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0;
  outline: none;
  position: relative;
  transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.2s ease;
  vertical-align: top;
  border-radius: var(--border-radius);
}

.plugin-product-search-component-checkbox-icon::before {
  content: '';
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(calc(-50% * var(--transform-logical)), -50%);
  border-radius: var(--border-radius);
  background-color: var(--bc);
  transition: background-color 0.3s ease;
}

.plugin-product-search-component-checkbox-icon::after {
  content: '';
  display: block;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  transition: transform var(--d-t, .3s) var(--d-t-e, ease), opacity var(--d-o, .2s);
  opacity: var(--o, 0);
  transform: rotate(calc(var(--r, 20deg) * var(--transform-logical)));
}

.plugin-product-search-component-checkbox:not(.plugin-product-search-component-checkbox-disabled):hover {
  --bc: var(--border-hover);
}

.plugin-product-search-component-checkbox-disabled {
  opacity: 1;
}

.plugin-product-search-component-checkbox-disabled .plugin-product-search-component-checkbox-icon {
  background: rgb(var(--color-border));
}

.plugin-product-search-component-checkbox,
.plugin-product-search-component-switch {
  gap: 8px;
  height: auto;
  min-height: auto;
}

.plugin-product-search-component-checkbox-icon-checked {
  --o: 1;
  --r: 43deg;
  --bc: var(--active);
  background: none;
  border: none;
}

.plugin-product-search-component-checkbox-icon-checked::before,
.plugin-product-search-component-checkbox-icon-checked::after {
  border: none;
  width: 2px;
  height: 9px;
  inset-block-start: 2px;
  inset-inline-start: 6px;
  transition: none;
}

.plugin-product-search-component-checkbox-icon-checked::before {
  border-radius: 0;
  transform: rotate(calc(var(--r, 20deg) * var(--transform-logical) * -1));
}

.plugin-product-search-component-switch-label {
  font-size: var(--body5-font-size);
  font-weight: calc(var(--sort-body-weight) + 100);
}

.plugin-product-search-component-switch-input {
  width: 35px;
  height: 18px;
  margin: 0;
  background-color: rgb(var(--color-text) / .1);
}

.plugin-product-search-component-switch-input-checked {
  background-color: rgb(var(--color-text) / 1);
}

.plugin-product-search-component-switch-slider {
  width: 14px;
  height: 14px;
}

.plugin-product-search-vertical-tag-label {
  display: inline-flex;
  position: relative;
}

.plugin-product-search-vertical-tag-label-count {
  position: absolute;
  inset-inline-start: calc(100% + 2px);
  inset-block-start: 0;
  font-size: var(--body7-font-size);
  letter-spacing: 0.15em;
  white-space: nowrap;
  opacity: 1;
  margin: 0;
  font-weight: inherit;
}

.plugin-product-search-component-checkbox[aria-checked="true"] {
  font-weight: calc(var(--sort-body-weight) + 100);
}

.plugin-product-search-vertical-active-tag,
.plugin-product-search-component-tagList-tag {
  --border-thickness: var(--variant-picker-border-thickness);
  --border-color: rgba(var(--color-text) / var(--variant-picker-border-opacity));
}

.plugin-product-search-component-tag {
  padding: 12px 16px;
  box-shadow: inset 0 0 0 var(--border-thickness) var(--border-color);
  transition: box-shadow 0.3s ease;
  font-weight: calc(var(--sort-body-weight) + 100);
  font-size: var(--body5-font-size);
  border-radius: 0;
  line-height: 1;
  border: none;
  min-height: auto;
}

@media (pointer: fine) {
  .plugin-product-search-component-tag:hover {
    --border-thickness: calc(var(--variant-picker-border-thickness, 0px) + 1px);
  }
}

.plugin-product-search-component-tag-checked {
  --border-thickness: calc(var(--variant-picker-border-thickness, 0px) + 1px);
  --border-color: rgb(var(--color-text));
}

.plugin-product-search-vertical-active-tag {
  column-gap: 16px;
}

.plugin-product-search-active-tag {
  flex-direction: row-reverse;
  gap: 8px;
  padding: 0;
  border: none;
  font-weight: calc(var(--sort-body-weight) + 100);
  font-size: var(--body5-font-size);
  line-height: 1.125;
}

.plugin-product-search-active-tag-name {
  margin: 0;
}

.plugin-product-search-active-tag-btn svg {
  stroke-width: 2;
  width: 7px;
  height: 7px;
}

.plugin-product-search-active-tag:hover .plugin-product-search-active-tag-btn {
  animation: animation-beat 0.6s infinite ease;
}

.plugin-product-search-component-collapse-content {
  padding-block: 16px;
}

.plugin-product-search-component-color-picker {
  --tw-ring-offset-shadow: inset 0 0 0 0 rgb(var(--color-background));
  --tw-ring-shadow: inset 0 0 0 1px rgb(var(--color-text) / 0.115);
  --swatch-radius: 0px;
  --swatch-offset: 2px;
  --swatch-size: 22px;
  --swatch-margin: calc(var(--swatch-offset) * 2);

  gap: 16px;
  padding: 5px;
}

.plugin-product-search-temp-search-mask:empty,
.plugin-product-search-searchIconMask:empty,
.plugin-product-search-searchPMask:empty,
.plugin-product-search-component-color-picker-option:empty {
  display: block;
}

.plugin-product-search-component-color-picker-option {
  --tw-ring-offset-shadow: inset 0 0 0 0 rgb(var(--color-background));
  --tw-ring-shadow: inset 0 0 0 1px rgb(var(--color-text) / 0.115);
  --swatch-radius: 0px;
  --swatch-offset: 2px;
  --swatch-size: 22px;
  --swatch-margin: calc(var(--swatch-offset) * 2);
  width: var(--swatch-size);
  height: var(--swatch-size);
  border: none;
  position: relative;
}

.plugin-product-search-component-color-picker-option::before {
  --tw-shadow: inset 1px 3px 0px rgb(var(--color-text) / 0.115);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  content: '';
  position: absolute;
  inset: 0;
  background: inherit;
  border-radius: inherit;
  transition: inset 0.3s ease;
}

.plugin-product-search-component-color-picker-option::after {
  content: '';
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  width: 6px;
  height: 6px;
  transform: translate(calc(-50% * var(--transform-logical)), -50%);
  border-radius: inherit;
  background-color: rgb(var(--color-background));
  opacity: 0;
  transition: opacity 0.3s ease;
}

[aria-checked="true"]>.plugin-product-search-component-color-picker-option::before,
.plugin-product-search-component-color-picker-option:hover::before {
  inset: calc(var(--swatch-offset) * -1);
}

[aria-checked="true"]>.plugin-product-search-component-color-picker-option::after {
  opacity: 1;
}

.plugin-product-search-component-tag-disabled,
.plugin-product-search-component-color-picker-disabled {
  position: relative;
  opacity: 1;
  color: rgba(var(--color-text) / 0.2);
}

.plugin-product-search-component-tag-disabled::after {
  content: '';
  position: absolute;
  inset: 5px;
  pointer-events: none;
  background: linear-gradient(to bottom right, transparent calc(50% - 0.5px), currentcolor calc(50% - 0.5px) calc(50% + .05px), transparent calc(50% + 0.5px));
}

.plugin-product-search-component-color-picker-disabled::after {
  --disabled-color: 214 103 98;
  --tw-shadow-colored: 0 0 0 1.5px var(--tw-shadow-color);
  --tw-shadow-color: rgb(var(--disabled-color));
  --tw-shadow: var(--tw-shadow-colored);

  content: '';
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  width: auto;
  height: auto;
  transform: none;
  inset: -3px;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  background: linear-gradient(to bottom right, transparent calc(50% - 0.5px), rgb(var(--disabled-color)) calc(50% - 0.5px) calc(50% + 0.5px), transparent calc(50% + 0.5px));
  border-radius: 50%;
}

.plugin-product-search-component-tree-item-children {
  padding-block-start: 20px;
}

.plugin-product-search-component-tree-item-container {
  padding: 0;
  padding-inline-start: calc(var(--padding-left, 20px) * var(--level, 0));
}

.plugin-product-search-component-tree-item-container:before {
  content: none;
}

.plugin-product-search-component-price-range .search-filter-price-input-con .search-filter-price-currency,
.plugin-product-search-component-price-range .search-filter-price-input-con .search-filter-price-input {
  font-family: inherit;
  font-size: var(--body5-font-size);
  font-weight: calc(var(--sort-body-weight) + 100);
}

.plugin-product-search-component-price-range .search-filter-price-input-con {
  border: 1px solid rgb(var(--color-border));
  transition: border-color 0.3s ease;
}

.plugin-product-search-component-price-range .search-filter-price-input-con:focus,
.plugin-product-search-component-price-range .search-filter-price-input-con:focus-within {
  border-color: rgb(var(--color-text));
}

.rc-slider div:empty {
  display: block;
}

.plugin-product-search-component-price-range-component .rc-slider-handle {
  background-color: rgb(var(--color-background));
  border: solid 2px rgb(var(--color-text));
}

.plugin-product-search-filter-horizontal-active-tag {
  gap: 24px;
  margin: 0;
}

.plugin-product-search-component-popover .plugin-product-search-component-popover-overlay .plugin-product-search-component-popover-btns .plugin-product-search-component-popover-btn-reset,
.plugin-product-search-filter-horizontal-active-tag .font-bold[role="button"] {
  font-size: var(--body6-font-size);
  font-weight: calc(var(--sort-body-weight) + 100);
  letter-spacing: var(--sort-body-letter-spacing);
  text-transform: inherit;
}

.main-collection-container.search-filter-drawer-container .plugin-search-filter-container__main {
  display: flex;
  padding: 0;
}

.rc-drawer-mask:empty {
  display: block;
}

.plugin-search-filter-m-trigger {
  z-index: 1;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  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;
  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;
  background: none;
  background-color: rgb(var(--color-button-text));
  color: rgb(var(--color-button-background));
  background-color: rgb(var(--color-button-background) / 0.045);
}

.plugin-search-filter-m-trigger::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) {
  .plugin-search-filter-m-trigger::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);
    background: var(--color-button-gradient);
    background-color: rgb(var(--color-button-background));
  }

  .plugin-search-filter-m-trigger:hover {
    color: rgb(var(--color-button-text));
  }

  .plugin-search-filter-m-trigger:hover::before {
    --border-width: max(var(--button-border-thickness), 1px);
  }

  .plugin-search-filter-m-trigger:hover::after {
    transform: rotate3d(0, 0, 1, 0) translateZ(0);
  }
}

.product_collections-drawer-filter-open-icon {
  margin: 0 !important;
  width: 16px;
  height: 16px;
  stroke-width: 2;
}

.plugin-product-search-component-popover-arrow {
  display: flex;
}

#plugin-product-search div:empty {
  display: block;
}

.page-width:has(> .plugin-product-search-page-search-bar) {
  padding-inline: 0;
  max-width: none;
}

.plugin-product-search-page-search-bar {
  width: 100%;
  max-width: 50rem;
  margin-inline: auto;
  margin-block-start: 0;
  margin-block-end: 40px;
}

.plugin-product-search-searchInputWrap .plugin-product-search-searchInputWarp,
.plugin-product-search-index-page-input {
  height: auto;
  border: none;
  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-search-searchInputWrap .plugin-product-search-searchInputWarp::before,
.plugin-product-search-index-page-input::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: var(--input-border-radius);
  box-shadow: inset 0 calc(var(--input-border-thickness) * -1) 0 0 rgb(var(--color-text) / var(--input-border-opacity));
  transition: box-shadow 0.3s ease;
}

.plugin-product-search-index-page-input-warp {
  padding: 0;
}

.plugin-product-search-index-input {
  height: auto;
}

.plugin-product-search-index-input input {
  height: auto;
  font-size: 22px;
  letter-spacing: -1px;
  line-height: 1.3;
  font-weight: 600;
  padding-block: 0.3em;
  padding-inline: 0.3em;
  background: none;
}

@media (min-width: 960px) {
  .plugin-product-search-index-input input {
    font-size: 36px;
    font-weight: 700;
  }
}

.plugin-product-search-index-input input::placeholder {
  color: rgb(var(--color-text));
  opacity: 0.4;
}

.plugin-product-search-index-input-clear-btn {
  font-size: var(--body7-font-size);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 600;
}

.plugin-product-search-page-search-bar-relation {
  margin: 0;
  margin-block-start: 20px;
}

.plugin-product-search-page-search-bar-relation-item {
  font-weight: calc(var(--sort-body-weight) + 100);
  font-size: var(--body5-font-size);
  line-height: 1.125;
}

.plugin-product-search-SearchBar-mask {
  background-color: rgb(var(--color-mask));
}

.plugin-product-search-keywordText {
  padding-block: 4px;
}

.plugin-product-search-keywords {
  padding-block-end: 20px;
}

.plugin-product-search-SuggestPageWrap .plugin-product-search-SuggestPageTitle {
  font-size: var(--body7-font-size);
  letter-spacing: 0.15em;
  font-weight: 600;
  text-transform: uppercase;
  padding-block: 36px 12px;
}

.plugin-product-search-currentPrice__item {
  font-size: var(--body4-font-size);
  color: rgb(var(--color-price));
  font-weight: 600;
}

.plugin-product-search-searchInputWrap {
  padding-block: 40px;
  height: auto;
}