<style>
  @media (min-width:600px) {
    .productfreespecial-module-scss-module__EJ9iRa__dialogContainer>div {
      min-width: 475px;
      max-width: 475px
    }
  }

  .productfreespecial-module-scss-module__EJ9iRa__dialogContainer>div .productfreespecial-module-scss-module__EJ9iRa__dialogContent {
    padding-block-start: 16px
  }

  .productfreespecial-module-scss-module__EJ9iRa__dialogContainer>div .productfreespecial-module-scss-module__EJ9iRa__dialogContent .productfreespecial-module-scss-module__EJ9iRa__bannerContent:not(:first-child) {
    margin-block-start: 16px
  }

  .productfreespecial-module-scss-module__EJ9iRa__dialogContainer>div .productfreespecial-module-scss-module__EJ9iRa__dialogContent .productfreespecial-module-scss-module__EJ9iRa__bannerContent.productfreespecial-module-scss-module__EJ9iRa__example {
    color: #fff;
    background: linear-gradient(135deg, #63c956 0% 25%, #08daab 100%);
    margin-top: 0
  }

  .productfreespecial-module-scss-module__EJ9iRa__dialogContainer>div .productfreespecial-module-scss-module__EJ9iRa__dialogContent .productfreespecial-module-scss-module__EJ9iRa__bannerContent .productfreespecial-module-scss-module__EJ9iRa__itemImage {
    background-color: #fff3d5;
    min-height: 178px;
    margin-block-start: 0;
    display: block
  }

  .productfreespecial-module-scss-module__EJ9iRa__dialogContainer>div .productfreespecial-module-scss-module__EJ9iRa__dialogContent .productfreespecial-module-scss-module__EJ9iRa__bannerContent .productfreespecial-module-scss-module__EJ9iRa__itemImage img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 178px
  }

  .productfreespecial-module-scss-module__EJ9iRa__dialogContainer>div .productfreespecial-module-scss-module__EJ9iRa__dialogContent .productfreespecial-module-scss-module__EJ9iRa__bannerContent .productfreespecial-module-scss-module__EJ9iRa__content {
    padding: 0 16px 20px;
    display: flex
  }

  .productfreespecial-module-scss-module__EJ9iRa__dialogContainer>div .productfreespecial-module-scss-module__EJ9iRa__dialogContent .productfreespecial-module-scss-module__EJ9iRa__bannerContent .productfreespecial-module-scss-module__EJ9iRa__content h3 {
    font-size: 20px;
    line-height: 20px;
    font-family: var(--Noto-font), Helvetica, Arial, tahoma, "Microsoft YaHei", sans-serif;
    text-transform: unset;
    margin: 0
  }

  .productfreespecial-module-scss-module__EJ9iRa__dialogContainer>div .productfreespecial-module-scss-module__EJ9iRa__dialogContent .productfreespecial-module-scss-module__EJ9iRa__bannerContent div {
    margin-block-start: 7px
  }

  .productfreespecial-module-scss-module__EJ9iRa__dialogContainer>div .productfreespecial-module-scss-module__EJ9iRa__dialogContent .productfreespecial-module-scss-module__EJ9iRa__productBigCard {
    text-align: left;
    background-color: #fffaee
  }

  @media (min-width:960px) {
    .sizingSection-module-scss-module__hkF2qW__sizeSection {
      padding-block-start: 4px
    }
  }

  .sizingSection-module-scss-module__hkF2qW__contentMeasurement {
    justify-content: space-between;
    align-items: center;
    margin-block-end: 4px;
    display: flex
  }

  .sizingSection-module-scss-module__hkF2qW__contentMeasurement>b {
    color: #333
  }

  .sizingSection-module-scss-module__hkF2qW__contentMeasurement .sizingSection-module-scss-module__hkF2qW__switchWrapper {
    height: 30px;
    margin: 0
  }

  .sizingSection-module-scss-module__hkF2qW__contentMeasurement .sizingSection-module-scss-module__hkF2qW__switchWrapper>span {
    color: #666;
    font-size: 14px;
    line-height: 28px
  }

  .sizingSection-module-scss-module__hkF2qW__contentMeasurement .sizingSection-module-scss-module__hkF2qW__switchWrapper>span .MuiSwitch-switchBase {
    color: #fff
  }

  .sizingSection-module-scss-module__hkF2qW__contentMeasurement .sizingSection-module-scss-module__hkF2qW__switchWrapper>span .MuiSwitch-track {
    opacity: 1;
    background-color: #9e9e9e
  }

  .sizingSection-module-scss-module__hkF2qW__contentMeasurement .sizingSection-module-scss-module__hkF2qW__switchWrapper>span .Mui-checked+.MuiSwitch-track {
    background-color: #00000080
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart {
    border-bottom: 1px solid #d5d7de;
    font-size: 12px
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart table {
    border-collapse: collapse;
    width: 100%;
    padding-block-start: 0
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart table tbody {
    position: relative
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart table tbody th {
    background-color: #f1f2f6;
    height: 33px;
    padding: 5px 8px;
    line-height: 1.1
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart table tbody th.sizingSection-module-scss-module__hkF2qW__table-header {
    background-color: #f1f2f6;
    font-weight: 700
  }

  @-moz-document url-prefix() {
    .sizingSection-module-scss-module__hkF2qW__productPageSizeChart table tbody th.sizingSection-module-scss-module__hkF2qW__table-header {
      background-color: #0000;
      box-shadow: inset 0 0 50px #f1f2f6, inset 0 0 50px #f1f2f6, inset 0 0 50px #f1f2f6, inset 0 0 50px #f1f2f6
    }
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart table tbody tr {
    text-align: center
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart table tbody td {
    min-width: 70px;
    height: 37px;
    vertical-align: middle !important;
    padding: 0 !important
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart table tbody td.sizingSection-module-scss-module__hkF2qW__table-header-left {
    background-color: #f1f2f6;
    width: 54px;
    min-width: 54px;
    font-weight: 700;
    inset-inline-start: 0
  }

  @-moz-document url-prefix() {
    .sizingSection-module-scss-module__hkF2qW__productPageSizeChart table tbody td.sizingSection-module-scss-module__hkF2qW__table-header-left {
      background-color: #0000;
      box-shadow: inset 0 0 50px #f1f2f6, inset 0 0 50px #f1f2f6, inset 0 0 50px #f1f2f6, inset 0 0 50px #f1f2f6
    }
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart table tbody td.sizingSection-module-scss-module__hkF2qW__one-size-chart {
    width: 100%
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart table tbody td.sizingSection-module-scss-module__hkF2qW__highlight-cell {
    background: #ebffe1bf
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart table tbody td.sizingSection-module-scss-module__hkF2qW__selected-highlight-cell {
    background: #d7ffcd
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart table,
  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart table th,
  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart table tr,
  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart table td {
    border: 1px solid #dfe0e6
  }

  @supports ((-moz-appearance:none)) {

    .sizingSection-module-scss-module__hkF2qW__productPageSizeChart table,
    .sizingSection-module-scss-module__hkF2qW__productPageSizeChart table th,
    .sizingSection-module-scss-module__hkF2qW__productPageSizeChart table tr,
    .sizingSection-module-scss-module__hkF2qW__productPageSizeChart table td {
      background-clip: padding-box !important
    }
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart .sizingSection-module-scss-module__hkF2qW__sizingHeader th {
    text-align: start;
    background-color: #d5d7de;
    padding-block: 0;
    padding-inline: 15px 0
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart .sizingSection-module-scss-module__hkF2qW__sizingBody {
    border-inline: 1px solid #d5d7de;
    display: flex;
    position: relative
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart .sizingSection-module-scss-module__hkF2qW__sizingBody .sizingSection-module-scss-module__hkF2qW__variants th,
  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart .sizingSection-module-scss-module__hkF2qW__sizingBody .sizingSection-module-scss-module__hkF2qW__variants td {
    background-color: #f1f2f6;
    border-inline-start-color: #f1f2f6;
    width: 55px;
    min-width: 55px;
    font-weight: 700
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart .sizingSection-module-scss-module__hkF2qW__sizingBody .sizingSection-module-scss-module__hkF2qW__variants tr:first-child th {
    height: 43px
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart .sizingSection-module-scss-module__hkF2qW__sizingBody .sizingSection-module-scss-module__hkF2qW__sizeLabels {
    border-block-end: 1px solid #f1f2f6;
    flex: 1;
    width: 100%;
    height: 100%;
    overflow: auto hidden
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart .sizingSection-module-scss-module__hkF2qW__sizingBody .sizingSection-module-scss-module__hkF2qW__sizeLabels table {
    border-inline-end: 1px solid #d5d7de
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart .sizingSection-module-scss-module__hkF2qW__sizingBody .sizingSection-module-scss-module__hkF2qW__sizeLabels table th:first-child {
    border-inline-start-color: #f1f2f6
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart .sizingSection-module-scss-module__hkF2qW__sizingBody .sizingSection-module-scss-module__hkF2qW__sizeLabels table th:last-child {
    border-inline-end-color: #f1f2f6
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart .sizingSection-module-scss-module__hkF2qW__sizingBody .sizingSection-module-scss-module__hkF2qW__sizeLabels table td:last-child {
    border-inline-end-color: #0000
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart .sizingSection-module-scss-module__hkF2qW__sizingBody .sizingSection-module-scss-module__hkF2qW__sizeLabels table tr:last-child td {
    border-block-end-color: #0000
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart .sizingSection-module-scss-module__hkF2qW__sizingBody .sizingSection-module-scss-module__hkF2qW__sizeLabels table td:first-child {
    border-inline-start-color: #0000
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart .sizingSection-module-scss-module__hkF2qW__sizingBody .sizingSection-module-scss-module__hkF2qW__sizeLabels table th,
  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart .sizingSection-module-scss-module__hkF2qW__sizingBody .sizingSection-module-scss-module__hkF2qW__sizeLabels table td {
    width: 5%
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart .sizingSection-module-scss-module__hkF2qW__sizingBody .sizingSection-module-scss-module__hkF2qW__sizeLabels.sizingSection-module-scss-module__hkF2qW__sideNavTagWrap {
    scrollbar-width: thin
  }

  @media only screen and (max-device-width:1024px) {
    .sizingSection-module-scss-module__hkF2qW__productPageSizeChart .sizingSection-module-scss-module__hkF2qW__sizingBody .sizingSection-module-scss-module__hkF2qW__sizeLabels.sizingSection-module-scss-module__hkF2qW__sideNavTagWrap {
      overflow: auto
    }
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart .sizingSection-module-scss-module__hkF2qW__sizingBody .sizingSection-module-scss-module__hkF2qW__sizeLabels.sizingSection-module-scss-module__hkF2qW__sideNavTagWrap::-webkit-scrollbar {
    height: 4px
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart .sizingSection-module-scss-module__hkF2qW__sizingBody .sizingSection-module-scss-module__hkF2qW__sizeLabels.sizingSection-module-scss-module__hkF2qW__sideNavTagWrap::-webkit-scrollbar-track {
    background: 0 0
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart .sizingSection-module-scss-module__hkF2qW__sizingBody .sizingSection-module-scss-module__hkF2qW__sizeLabels.sizingSection-module-scss-module__hkF2qW__sideNavTagWrap::-webkit-scrollbar-thumb {
    border-radius: 2dppx;
    background-color: #ececee;
    border: 2px solid #e9ebf1
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart .sizingSection-module-scss-module__hkF2qW__sizingBody .sizingSection-module-scss-module__hkF2qW__variants+.sizingSection-module-scss-module__hkF2qW__sizeLabels {
    inset-inline-start: 56px;
    width: calc(100% - 56px);
    position: absolute;
    top: 0;
    overflow-y: hidden
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart .sizingSection-module-scss-module__hkF2qW__sizingBody .sizingSection-module-scss-module__hkF2qW__variants+.sizingSection-module-scss-module__hkF2qW__sizeLabels table td:first-child {
    border-inline-start-color: #0000
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart .sizingSection-module-scss-module__hkF2qW__sizingBody .sizingSection-module-scss-module__hkF2qW__variants+.sizingSection-module-scss-module__hkF2qW__sizeLabels table th:first-child {
    border-inline-start-color: #f1f2f6;
    height: 43px
  }

  .sizingSection-module-scss-module__hkF2qW__productPageSizeChart+.sizingSection-module-scss-module__hkF2qW__productPageSizeChart {
    margin-block-start: 8px
  }

  .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper {
    flex-wrap: wrap;
    margin-block: 0;
    padding-block-end: 4px;
    display: flex
  }

  .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper .sizingSection-module-scss-module__hkF2qW__pill-btn {
    cursor: pointer;
    align-items: center;
    margin-block: 8px 0;
    margin-inline: 0 10px;
    padding: 3px 14px;
    font-size: 12px;
    line-height: 1;
    transition: all .3s;
    display: flex
  }

  .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper .sizingSection-module-scss-module__hkF2qW__pill-btn path {
    transition: fill .3s
  }

  .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper .sizingSection-module-scss-module__hkF2qW__pill-btn:hover {
    color: #666;
    border-color: #22d20c
  }

  .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper .sizingSection-module-scss-module__hkF2qW__pill-btn:hover .icon-myfav {
    color: #22d20c
  }

  .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper .sizingSection-module-scss-module__hkF2qW__pill-btn:hover path {
    fill: #666 !important
  }

  .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper .sizingSection-module-scss-module__hkF2qW__pill-btn.sizingSection-module-scss-module__hkF2qW__unitConverter {
    cursor: auto
  }

  .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper .sizingSection-module-scss-module__hkF2qW__pill-btn.sizingSection-module-scss-module__hkF2qW__unitConverter:hover {
    color: #999;
    border-color: #dfe0e6
  }

  .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper .sizingSection-module-scss-module__hkF2qW__pill-btn.sizingSection-module-scss-module__hkF2qW__unitConverter .sizingSection-module-scss-module__hkF2qW__title {
    color: #444;
    padding-inline-end: 5px;
    font-weight: 700
  }

  .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper .sizingSection-module-scss-module__hkF2qW__pill-btn.sizingSection-module-scss-module__hkF2qW__unitConverter input[type=number] {
    border: none;
    box-sizing: content-box;
    width: 46px;
    height: 32px;
    font-family: var(--Noto-font), Helvetica, Arial, tahoma, "Microsoft YaHei", sans-serif;
    -moz-appearance: textfield;
    background: #f3f4f7;
    border-inline: 1px solid #dfe0e6;
    outline: 0;
    margin: 0 2px;
    padding: 0 4px
  }

  .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper .sizingSection-module-scss-module__hkF2qW__pill-btn.sizingSection-module-scss-module__hkF2qW__unitConverter input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
  }

  .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper .sizingSection-module-scss-module__hkF2qW__pill-btn.sizingSection-module-scss-module__hkF2qW__unitConverter input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
  }

  @media (min-width:960px) {
    .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper .sizingSection-module-scss-module__hkF2qW__pill-btn.sizingSection-module-scss-module__hkF2qW__unitConverter input[type=number] {
      padding: 0 8px
    }
  }

  .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper .sizingSection-module-scss-module__hkF2qW__pill-btn.sizingSection-module-scss-module__hkF2qW__unitConverter span {
    white-space: nowrap
  }

  .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper a.sizingSection-module-scss-module__hkF2qW__pill-btn {
    text-align: center;
    min-width: 34px;
    padding: 0
  }

  .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper a.sizingSection-module-scss-module__hkF2qW__pill-btn .sizingSection-module-scss-module__hkF2qW__flagIcon {
    border-radius: 50%;
    margin: 0 auto
  }

  .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper svg,
  .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper [class*=icon] {
    margin-inline: -4px 4px;
    transition: color .3s
  }

  .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper svg path,
  .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper [class*=icon] path {
    fill: #888 !important
  }

  .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper svg:before,
  .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper [class*=icon]:before {
    padding-block-start: 0;
    font-size: 18px
  }

  .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper svg[class*=icon-video],
  .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper [class*=icon][class*=icon-video] {
    margin: 0 auto
  }

  .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper svg.icon-star {
    color: #fd0
  }

  .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper [class*=icon].icon-star {
    color: #fd0
  }

  .sizingSection-module-scss-module__hkF2qW__pill-btn-wrapper+p.grey-text {
    padding-block: 3px
  }

  span.sizingSection-module-scss-module__hkF2qW__productInfoMeasurement br {
    all: unset
  }

  .colorMegaSale2025-module-scss-module__tfaOlW__themeBadgeColor {
    background: #cb42e9;
    text-transform: uppercase !important
  }

  .colorMegaSale2025-module-scss-module__tfaOlW__itemsClaimed>span {
    background: linear-gradient(90deg, #eb62ff 0%, #ffd6bb 50%, #86c1ff 100%)
  }

  :is(html.translated-rtl .colorMegaSale2025-module-scss-module__tfaOlW__itemsClaimed>span, html[dir=rtl] .colorMegaSale2025-module-scss-module__tfaOlW__itemsClaimed>span) {
    background: linear-gradient(270deg, #eb62ff 0%, #ffd6bb 50%, #86c1ff 100%)
  }

  .mysteryBoxBanner-module-scss-module__U6SyQq__mysteryBoxContainer {
    background: #fff;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    margin-block: 16px;
    padding-inline: 16px;
    display: flex;
    position: relative;
    padding-block: 13px !important
  }

  .mysteryBoxBanner-module-scss-module__U6SyQq__mysteryBoxContainer:has(~[class*=buyOptions]) {
    margin-block-end: 18px
  }

  .mysteryBoxBanner-module-scss-module__U6SyQq__mysteryBoxContainer:has(~[class*=buyingOptionsWithColorAndSize]) {
    margin-block-end: 22px
  }

  .mysteryBoxBanner-module-scss-module__U6SyQq__mysteryBoxContainer:before {
    content: "";
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    background: url(https://ddvql06zg3s2o.cloudfront.net/Assets/res/imgs/creative/share/kbeauty_fest_bg_2026.jpg) 0 0/cover no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0
  }

  html[dir=rtl] .mysteryBoxBanner-module-scss-module__U6SyQq__mysteryBoxContainer:before {
    transform: scaleX(-1)
  }

  html.translated-rtl .mysteryBoxBanner-module-scss-module__U6SyQq__mysteryBoxContainer:before {
    transform: scaleX(-1)
  }

  .mysteryBoxBanner-module-scss-module__U6SyQq__mysteryBoxContainer>* {
    z-index: 1
  }

  @media (min-width:831px) {
    .mysteryBoxBanner-module-scss-module__U6SyQq__mysteryBoxContainer {
      border-radius: 4px;
      padding-inline: 12px;
      overflow: hidden
    }
  }

  .mysteryBoxBanner-module-scss-module__U6SyQq__mysteryBoxContainer h3,
  .mysteryBoxBanner-module-scss-module__U6SyQq__mysteryBoxContainer p {
    text-align: start;
    margin: 0
  }

  .mysteryBoxBanner-module-scss-module__U6SyQq__mysteryBoxContainer h3 {
    color: #fff;
    font-size: 16px;
    line-height: 19px;
    font-family: var(--Noto-font), Helvetica, Arial, tahoma, "Microsoft YaHei", sans-serif;
    text-transform: none;
    font-weight: 700
  }

  .mysteryBoxBanner-module-scss-module__U6SyQq__mysteryBoxContainer p {
    color: #fff;
    white-space: pre-wrap;
    font-size: 14px;
    line-height: 17px
  }

  .mysteryBoxBanner-module-scss-module__U6SyQq__mysteryBoxContainer a {
    color: #ffc8df;
    font-size: 12px;
    line-height: 16px;
    text-decoration-line: underline
  }

  .bestsellersRank-module-scss-module__UVgeHa__closeButton {
    color: #fff;
    font-size: 21px
  }

  .bestsellersRank-module-scss-module__UVgeHa__dialogActionRow {
    padding: 2px 16px 8px
  }

  .bestsellersRank-module-scss-module__UVgeHa__dialogActionRow .bestsellersRank-module-scss-module__UVgeHa__buttonStyle,
  .bestsellersRank-module-scss-module__UVgeHa__dialogActionRow .bestsellersRank-module-scss-module__UVgeHa__normalButton {
    letter-spacing: .14px;
    min-width: 88px;
    min-height: 36px;
    padding: 0 11px
  }

  .bestsellersRank-module-scss-module__UVgeHa__dialogActionRow .bestsellersRank-module-scss-module__UVgeHa__normalButton {
    color: #000000de
  }

  :is(html.translated-rtl .bestsellersRank-module-scss-module__UVgeHa__dialogActionRow>:not(:first-of-type), html[dir=rtl] .bestsellersRank-module-scss-module__UVgeHa__dialogActionRow>:not(:first-of-type)) {
    margin-left: 0;
    margin-inline-start: 8px
  }

  @media (max-width:599px) {
    .bestsellersRank-module-scss-module__UVgeHa__normalDialogWidth {
      max-width: 90%;
      margin: 0
    }
  }

  .bestsellersRank-module-scss-module__UVgeHa__fullContarinWidth {
    border-radius: 0;
    width: 100%;
    max-width: 1220px;
    height: 100%;
    max-height: 100%;
    margin: 0
  }

  .bestsellersRank-module-scss-module__UVgeHa__fullSmWidth {
    max-width: 959px
  }

  .bestsellersRank-module-scss-module__UVgeHa__noPadding {
    padding: 0
  }

  .bestsellersRank-module-scss-module__UVgeHa__noMargin {
    margin: 0
  }

  .bestsellersRank-module-scss-module__UVgeHa__innerPadding {
    padding: 24px 16px !important
  }

  @media (max-width:573px) {
    .bestsellersRank-module-scss-module__UVgeHa__fixedHeightDialog {
      align-items: flex-end
    }

    .bestsellersRank-module-scss-module__UVgeHa__fixedHeightDialog .MuiPaper-root {
      border-start-start-radius: 12px;
      border-start-end-radius: 12px;
      height: 90dvh
    }
  }

  @media (min-width:574px) {
    .bestsellersRank-module-scss-module__UVgeHa__fixedHeightDialog .MuiPaper-root {
      width: 100%;
      max-width: 450px;
      max-height: min(85%, 960px)
    }
  }

  @keyframes bestsellersRank-module-scss-module__UVgeHa__changeOpacityOut {
    0% {
      opacity: 0
    }

    80% {
      opacity: 1
    }

    to {
      opacity: 1
    }
  }

  @keyframes bestsellersRank-module-scss-module__UVgeHa__changeOpacityIn {
    0% {
      opacity: 1
    }

    to {
      opacity: 0
    }
  }

  .bestsellersRank-module-scss-module__UVgeHa__dialogContainer.bestsellersRank-module-scss-module__UVgeHa__zoomOut {
    animation: .25s bestsellersRank-module-scss-module__UVgeHa__changeOpacityOut
  }

  .bestsellersRank-module-scss-module__UVgeHa__dialogContainer:not(.bestsellersRank-module-scss-module__UVgeHa__zoomOut) {
    animation: .25s bestsellersRank-module-scss-module__UVgeHa__changeOpacityIn
  }

  :is(html.translated-rtl .bestsellersRank-module-scss-module__UVgeHa__dialogContainer h2.MuiTypography-root, html[dir=rtl] .bestsellersRank-module-scss-module__UVgeHa__dialogContainer h2.MuiTypography-root) {
    padding-inline: 16px 4px
  }

  [class=skiptranslate]:not([style*=display])~.bestsellersRank-module-scss-module__UVgeHa__dialogContainer,
  [class=skiptranslate]:not([style*=display])~div .bestsellersRank-module-scss-module__UVgeHa__dialogContainer {
    padding-top: 39px
  }

  .bestsellersRank-module-scss-module__UVgeHa__dialogLoadMoreProduct {
    background-color: #f1f2f6;
    flex-wrap: wrap;
    padding-block: 20px;
    padding-inline: 8px;
    display: flex
  }

  @media (min-width:574px) {
    .bestsellersRank-module-scss-module__UVgeHa__dialogLoadMoreProduct {
      padding-block: 24px;
      padding-inline: 16px
    }
  }

  @media (min-width:960px) {
    .bestsellersRank-module-scss-module__UVgeHa__dialogLoadMoreProduct {
      background-color: #fff
    }
  }

  .bestsellersRank-module-scss-module__UVgeHa__fullActionBottom .MuiDialogContent-root {
    flex: unset
  }

  .bestsellersRank-module-scss-module__UVgeHa__fullActionBottom .MuiDialogActions-root {
    flex: 1;
    align-items: flex-start;
    padding-block-start: 12px;
    display: flex
  }

  .bestsellersRank-module-scss-module__UVgeHa__awradsContainer {
    padding-block-start: 16px;
    font-size: 14px;
    line-height: 17px
  }

  @media (min-width:960px) {
    .bestsellersRank-module-scss-module__UVgeHa__awradsContainer {
      max-width: 418px
    }
  }

  .bestsellersRank-module-scss-module__UVgeHa__awradsContainer p {
    margin-block: 17px
  }

  .bestsellersRank-module-scss-module__UVgeHa__awradsContainer b+p {
    margin-block-start: 4px
  }

  .bestsellersRank-module-scss-module__UVgeHa__awradsContainer>:first-child {
    margin-block-start: 0
  }

  .bestsellersRank-module-scss-module__UVgeHa__awradsContainer>:last-child {
    margin-block-end: 0
  }

  .twinPackBox-module-scss-module__HzoPNa__twinPackBoxContainer {
    flex-direction: column;
    gap: 8px;
    display: flex
  }

  @media (max-width:830px) {
    .twinPackBox-module-scss-module__HzoPNa__twinPackBoxContainer {
      border-block-end: 1px solid #f1f2f6;
      margin-block-start: 36px;
      padding-block-end: 28px
    }

    .twinPackBox-module-scss-module__HzoPNa__twinPackBoxContainer+[class*=_shippingInfo] {
      padding-block-start: 11px !important
    }
  }

  .twinPackBox-module-scss-module__HzoPNa__twinPackBox {
    flex-direction: row;
    align-items: center;
    height: 68px;
    margin-inline: 0;
    display: flex;
    position: relative
  }

  @media (max-width:830px) {
    .twinPackBox-module-scss-module__HzoPNa__twinPackBox {
      margin-inline: 16px
    }
  }

  .twinPackBox-module-scss-module__HzoPNa__twinPackBox .twinPackBox-module-scss-module__HzoPNa__imgWrapper {
    aspect-ratio: 1;
    width: 68px;
    height: 100%
  }

  .twinPackBox-module-scss-module__HzoPNa__twinPackBox .twinPackBox-module-scss-module__HzoPNa__imgWrapper img {
    object-fit: cover;
    width: 100%;
    height: 100%
  }

  .twinPackBox-module-scss-module__HzoPNa__twinPackBox .twinPackBox-module-scss-module__HzoPNa__desc {
    color: #333;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    gap: 2px;
    padding-block: 3px;
    padding-inline: 12px 22px;
    display: flex;
    overflow: hidden
  }

  .twinPackBox-module-scss-module__HzoPNa__twinPackBox .twinPackBox-module-scss-module__HzoPNa__desc b {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-block-end: 2px;
    font-size: 14px;
    line-height: 17px;
    transition: all .3s;
    display: -webkit-box;
    overflow: hidden
  }

  .twinPackBox-module-scss-module__HzoPNa__twinPackBox .twinPackBox-module-scss-module__HzoPNa__desc>span {
    max-height: 32px;
    font-size: 13px;
    line-height: 16px;
    overflow: hidden
  }

  .twinPackBox-module-scss-module__HzoPNa__twinPackBox .twinPackBox-module-scss-module__HzoPNa__desc>span .twinPackBox-module-scss-module__HzoPNa__discount {
    color: red;
    white-space: nowrap
  }

  .twinPackBox-module-scss-module__HzoPNa__twinPackBox i {
    top: calc(50% - 12px);
    color: #666;
    transition: all .3s;
    position: absolute;
    inset-inline-end: -4px
  }

  .twinPackBox-module-scss-module__HzoPNa__twinPackBox i:before {
    font-size: 20px;
    transition: all .3s
  }

  .twinPackBox-module-scss-module__HzoPNa__twinPackBox:hover .twinPackBox-module-scss-module__HzoPNa__desc b,
  .twinPackBox-module-scss-module__HzoPNa__twinPackBox:hover i {
    color: #22d20c
  }

  .twinPackBox-module-scss-module__HzoPNa__twinPackBox:hover i {
    inset-inline-end: -7px
  }

  .twinPackBox-module-scss-module__HzoPNa__qtyBundlePriority2TwinPackBox {
    background: #daf2ff;
    border: 1px solid #80dbf1;
    border-radius: 4px;
    flex-direction: row;
    max-height: 59px;
    margin-block: 16px;
    margin-inline: 0;
    display: flex;
    position: relative;
    overflow: hidden
  }

  @media (max-width:830px) {
    .twinPackBox-module-scss-module__HzoPNa__qtyBundlePriority2TwinPackBox {
      margin-inline: 16px
    }
  }

  .twinPackBox-module-scss-module__HzoPNa__qtyBundlePriority2TwinPackBox .twinPackBox-module-scss-module__HzoPNa__imgWrapper {
    aspect-ratio: 1;
    width: 100%;
    max-width: 57px
  }

  .twinPackBox-module-scss-module__HzoPNa__qtyBundlePriority2TwinPackBox .twinPackBox-module-scss-module__HzoPNa__imgWrapper img {
    object-fit: cover;
    width: 100%;
    height: 100%
  }

  .twinPackBox-module-scss-module__HzoPNa__qtyBundlePriority2TwinPackBox .twinPackBox-module-scss-module__HzoPNa__desc {
    color: #416f8c;
    flex: 1;
    margin-block: auto;
    padding-block: 2px;
    padding-inline: 12px 22px;
    overflow: hidden
  }

  .twinPackBox-module-scss-module__HzoPNa__qtyBundlePriority2TwinPackBox .twinPackBox-module-scss-module__HzoPNa__desc b {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-block-end: 2px;
    font-size: 14px;
    line-height: 17px;
    display: -webkit-box;
    overflow: hidden
  }

  .twinPackBox-module-scss-module__HzoPNa__qtyBundlePriority2TwinPackBox .twinPackBox-module-scss-module__HzoPNa__desc span {
    font-size: 13px;
    line-height: 16px
  }

  .twinPackBox-module-scss-module__HzoPNa__qtyBundlePriority2TwinPackBox .twinPackBox-module-scss-module__HzoPNa__desc .twinPackBox-module-scss-module__HzoPNa__messageContainer {
    flex-wrap: wrap;
    gap: 0 4px;
    display: flex
  }

  .twinPackBox-module-scss-module__HzoPNa__qtyBundlePriority2TwinPackBox .twinPackBox-module-scss-module__HzoPNa__desc .twinPackBox-module-scss-module__HzoPNa__discountMessage {
    color: #f33
  }

  .twinPackBox-module-scss-module__HzoPNa__qtyBundlePriority2TwinPackBox i {
    top: calc(50% - 12px);
    color: #416f8c;
    transition: all .3s;
    position: absolute;
    inset-inline-end: 7px
  }

  .twinPackBox-module-scss-module__HzoPNa__qtyBundlePriority2TwinPackBox i:before {
    font-size: 20px;
    transition: all .3s
  }

  @media (max-width:830px) {
    .twinPackBox-module-scss-module__HzoPNa__qtyBundlePriority2TwinPackBox i {
      inset-inline-end: 2px
    }
  }

  .twinPackBox-module-scss-module__HzoPNa__qtyBundlePriority2TwinPackBox:hover i {
    inset-inline-end: 4px
  }

  .twinPackBox-module-scss-module__HzoPNa__buttonWrapper {
    justify-content: center;
    align-items: center;
    display: flex
  }

  @media (min-width:831px) {
    .twinPackBox-module-scss-module__HzoPNa__buttonWrapper {
      margin-block: 2px 10px
    }
  }

  .twinPackBox-module-scss-module__HzoPNa__buttonWrapper .twinPackBox-module-scss-module__HzoPNa__seeAll {
    min-width: 160px;
    padding-inline: 10px;
    display: inline-flex
  }

  .onedollardealbox-module-scss-module__5yEVcq__oneDollarDealBox {
    background: #7a5ba5;
    border-radius: 4px;
    flex-direction: row;
    margin-block: 16px 18px;
    margin-inline: 0;
    display: flex;
    position: relative;
    overflow: hidden
  }

  @media (max-width:830px) {
    .onedollardealbox-module-scss-module__5yEVcq__oneDollarDealBox {
      border-radius: 0;
      margin-inline: 0
    }
  }

  .onedollardealbox-module-scss-module__5yEVcq__oneDollarDealBox .onedollardealbox-module-scss-module__5yEVcq__desc {
    color: #fff;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    gap: 3px;
    padding-block: 12px;
    padding-inline: 11px 124px;
    display: flex
  }

  @media (max-width:830px) {
    .onedollardealbox-module-scss-module__5yEVcq__oneDollarDealBox .onedollardealbox-module-scss-module__5yEVcq__desc {
      padding-inline-start: 16px
    }
  }

  .onedollardealbox-module-scss-module__5yEVcq__oneDollarDealBox .onedollardealbox-module-scss-module__5yEVcq__desc b {
    color: #f9ec00;
    font-size: 16px;
    line-height: 19px;
    font-family: var(--All-Round-Gothic-font), "Microsoft YaHei", sans-serif;
    text-shadow: 3px 0 #333132, 2.83487px .981584px #333132, 2.35766px 1.85511px #333132, 1.62091px 2.52441px #333132, .705713px 2.91581px #333132, -.287171px 2.98622px #333132, -1.24844px 2.72789px #333132, -2.07227px 2.16926px #333132, -2.66798px 1.37182px #333132, -2.96998px .42336px #333132, -2.94502px -.571704px #333132, -2.59586px -1.50383px #333132, -1.96093px -2.27041px #333132, -1.11013px -2.78704px #333132, -.137119px -2.99686px #333132, .850987px -2.87677px #333132, 1.74541px -2.43999px #333132, 2.44769px -1.73459px #333132, 2.88051px -.838247px #333132
  }

  .onedollardealbox-module-scss-module__5yEVcq__oneDollarDealBox .onedollardealbox-module-scss-module__5yEVcq__desc span {
    font-size: 14px;
    line-height: 17px
  }

  .onedollardealbox-module-scss-module__5yEVcq__oneDollarDealBox img {
    aspect-ratio: 374/312;
    object-fit: contain;
    object-position: top right;
    min-width: 124px;
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0
  }

  :is(html.translated-rtl .onedollardealbox-module-scss-module__5yEVcq__oneDollarDealBox img, html[dir=rtl] .onedollardealbox-module-scss-module__5yEVcq__oneDollarDealBox img) {
    transform: scaleX(-1)
  }

  .sizeVariantWidget-module-scss-module__urQIIq__nowrap {
    white-space: nowrap
  }

  .sizeVariantWidget-module-scss-module__urQIIq__skeleton {
    border-radius: 4px;
    width: 100%;
    height: 59px
  }

  .sizeVariantWidget-module-scss-module__urQIIq__sizeVariantContainer {
    width: 100%;
    margin-block: 16px;
    position: relative
  }

  .sizeVariantWidget-module-scss-module__urQIIq__sizeVariantContainer:after {
    content: "";
    inset-inline-end: 0;
    pointer-events: none;
    background: linear-gradient(90deg, #fff0 0%, #fff 90.38%);
    width: 32px;
    height: 100%;
    transition: opacity .3s;
    position: absolute;
    top: 0
  }

  html[dir=rtl] .sizeVariantWidget-module-scss-module__urQIIq__sizeVariantContainer:after {
    background: linear-gradient(270deg, #fff0 0%, #fff 90.38%)
  }

  html.translated-rtl .sizeVariantWidget-module-scss-module__urQIIq__sizeVariantContainer:after {
    background: linear-gradient(270deg, #fff0 0%, #fff 90.38%)
  }

  .sizeVariantWidget-module-scss-module__urQIIq__sizeVariantContainer:hover:after {
    opacity: 0
  }

  .sizeVariantWidget-module-scss-module__urQIIq__sizeVariantContainer .sizeVariantWidget-module-scss-module__urQIIq__scroll {
    padding-inline-end: 32px;
    overflow: hidden
  }

  .sizeVariantWidget-module-scss-module__urQIIq__sizeVariantContainer .sizeVariantWidget-module-scss-module__urQIIq__scroll>div {
    gap: 14px
  }

  @media (max-width:830px) {
    .sizeVariantWidget-module-scss-module__urQIIq__sizeVariantContainer .sizeVariantWidget-module-scss-module__urQIIq__scroll>div {
      padding-inline: 16px
    }
  }

  .sizeVariantWidget-module-scss-module__urQIIq__sizeVariantContainer .sizeVariantWidget-module-scss-module__urQIIq__sizeVariantItem {
    background: #fff;
    border: 1px solid #e6e7eb;
    border-radius: 4px;
    height: 59px;
    transition: border-color .3s;
    display: flex
  }

  .sizeVariantWidget-module-scss-module__urQIIq__sizeVariantContainer .sizeVariantWidget-module-scss-module__urQIIq__sizeVariantItem:hover {
    border-color: #22d20c
  }

  .sizeVariantWidget-module-scss-module__urQIIq__sizeVariantContainer .sizeVariantWidget-module-scss-module__urQIIq__sizeVariantItem .sizeVariantWidget-module-scss-module__urQIIq__coverImage {
    aspect-ratio: 1;
    width: 57px
  }

  .sizeVariantWidget-module-scss-module__urQIIq__sizeVariantContainer .sizeVariantWidget-module-scss-module__urQIIq__sizeVariantItem .sizeVariantWidget-module-scss-module__urQIIq__coverImage img {
    border-start-start-radius: 3px;
    border-end-start-radius: 3px;
    width: 100%
  }

  .sizeVariantWidget-module-scss-module__urQIIq__sizeVariantContainer .sizeVariantWidget-module-scss-module__urQIIq__sizeVariantItem>div:not(.sizeVariantWidget-module-scss-module__urQIIq__coverImage) {
    color: #333;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 204px;
    padding-block: 2px;
    padding-inline: 9px;
    display: flex
  }

  .sizeVariantWidget-module-scss-module__urQIIq__sizeVariantContainer .sizeVariantWidget-module-scss-module__urQIIq__sizeVariantItem>div:not(.sizeVariantWidget-module-scss-module__urQIIq__coverImage) .sizeVariantWidget-module-scss-module__urQIIq__optionName {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: max-content;
    max-width: 100%;
    padding-block-end: 2px;
    font-weight: 700;
    line-height: 16px;
    display: -webkit-box;
    overflow: hidden
  }

  .sizeVariantWidget-module-scss-module__urQIIq__sizeVariantContainer .sizeVariantWidget-module-scss-module__urQIIq__sizeVariantItem>div:not(.sizeVariantWidget-module-scss-module__urQIIq__coverImage) .sizeVariantWidget-module-scss-module__urQIIq__price {
    width: 100%;
    line-height: 17px;
    overflow: hidden
  }

  :root {
    --yf-bg: #090313;
    --yf-bg-deep: #05010b;
    --yf-panel: #120820;
    --yf-panel-2: #190b2b;
    --yf-purple: #8b2cff;
    --yf-purple-bright: #b75cff;
    --yf-pink: #ff2fa6;
    --yf-pink-bright: #ff6bc7;
    --yf-cyan: #62f5ff;
    --yf-text: #f8edff;
    --yf-muted: #bda9cb;
    --yf-border: #6e2aa0;
    --yf-glow: rgba(183, 92, 255, .42);
    --yf-pink-glow: rgba(255, 47, 166, .38);
  }

  html {
    background: var(--yf-bg-deep) !important;
    color-scheme: dark !important;
    scrollbar-color: var(--yf-purple) var(--yf-bg-deep) !important;
  }

  body {
    background:
      radial-gradient(circle at 12% 8%, rgba(139, 44, 255, .20), transparent 30%),
      radial-gradient(circle at 88% 18%, rgba(255, 47, 166, .16), transparent 28%),
      radial-gradient(circle at 50% 100%, rgba(98, 245, 255, .07), transparent 35%),
      linear-gradient(135deg, #05010b 0%, #0b0315 45%, #10051d 100%) !important;
    color: var(--yf-text) !important;
    font-family: "Noto Sans", "Segoe UI", Arial, sans-serif !important;
  }

  body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 2147483000;
    opacity: .24;
    background:
      linear-gradient(rgba(183, 92, 255, .035) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255, 47, 166, .035) 1px, transparent 1px);
    background-size: 36px 36px;
    mask-image: linear-gradient(to bottom, black, transparent 92%);
  }

  body::after {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 2147482999;
    background: linear-gradient(180deg, transparent 0%, rgba(255, 47, 166, .025) 50%, transparent 100%);
    animation: yfScan 8s linear infinite;
  }

  @keyframes yfScan {
    0% { transform: translateY(-8%); }
    50% { transform: translateY(8%); }
    100% { transform: translateY(-8%); }
  }

  ::selection {
    background: var(--yf-pink) !important;
    color: #fff !important;
  }

  ::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
  }

  ::-webkit-scrollbar-track {
    background: #07020d !important;
  }

  ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--yf-purple), var(--yf-pink)) !important;
    border: 2px solid #07020d !important;
    border-radius: 999px !important;
    box-shadow: 0 0 12px var(--yf-glow) !important;
  }

  a {
    color: var(--yf-pink-bright) !important;
    text-decoration-color: rgba(255, 107, 199, .45) !important;
  }

  a:hover {
    color: #fff !important;
    text-shadow: 0 0 12px var(--yf-pink-glow) !important;
  }

  h1, h2, h3, h4, h5, h6, [class*="title"], [class*="Title"], [class*="heading"], [class*="Heading"] {
    color: var(--yf-text) !important;
    text-shadow: 0 0 18px rgba(183, 92, 255, .24) !important;
  }

  button,
  input,
  select,
  textarea,
  [role="button"] {
    font-family: inherit !important;
  }

  button,
  [role="button"] {
    border-color: var(--yf-border) !important;
    background-image: linear-gradient(135deg, rgba(139, 44, 255, .92), rgba(255, 47, 166, .88)) !important;
    color: #fff !important;
    box-shadow:
      0 0 0 1px rgba(255, 107, 199, .12) inset,
      0 0 18px rgba(139, 44, 255, .24) !important;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
  }

  button:hover,
  [role="button"]:hover {
    filter: brightness(1.12) saturate(1.12) !important;
    transform: translateY(-1px) !important;
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, .16) inset,
      0 0 28px rgba(255, 47, 166, .42),
      0 0 52px rgba(139, 44, 255, .25) !important;
  }

  button:active,
  [role="button"]:active {
    transform: translateY(0) scale(.985) !important;
  }

  input,
  select,
  textarea {
    background: rgba(12, 4, 22, .94) !important;
    color: var(--yf-text) !important;
    border-color: #5e287f !important;
    box-shadow: 0 0 0 1px rgba(183, 92, 255, .05) inset, 0 0 14px rgba(139, 44, 255, .08) !important;
  }

  input:focus,
  select:focus,
  textarea:focus {
    border-color: var(--yf-pink) !important;
    outline: none !important;
    box-shadow:
      0 0 0 2px rgba(255, 47, 166, .18),
      0 0 24px rgba(255, 47, 166, .22) !important;
  }

  ::placeholder {
    color: #8f789f !important;
  }

  header,
  footer,
  nav,
  aside,
  main,
  section,
  article,
  [class*="container"],
  [class*="Container"],
  [class*="wrapper"],
  [class*="Wrapper"],
  [class*="panel"],
  [class*="Panel"],
  [class*="card"],
  [class*="Card"],
  [class*="modal"],
  [class*="Modal"],
  [class*="dialog"],
  [class*="Dialog"] {
    border-color: rgba(139, 44, 255, .30);
  }

  header,
  nav {
    background:
      linear-gradient(180deg, rgba(18, 8, 32, .97), rgba(9, 3, 19, .93)) !important;
    box-shadow:
      0 1px 0 rgba(255, 47, 166, .22),
      0 10px 40px rgba(0, 0, 0, .32),
      0 0 28px rgba(139, 44, 255, .10) !important;
  }

  [class*="card"],
  [class*="Card"],
  [class*="item"],
  [class*="Item"],
  [class*="product"],
  [class*="Product"],
  [class*="panel"],
  [class*="Panel"] {
    border-color: rgba(139, 44, 255, .24) !important;
  }

  [class*="card"]:hover,
  [class*="Card"]:hover,
  [class*="product"]:hover,
  [class*="Product"]:hover {
    border-color: rgba(255, 47, 166, .56) !important;
    box-shadow:
      0 0 0 1px rgba(255, 47, 166, .10) inset,
      0 12px 36px rgba(0, 0, 0, .34),
      0 0 28px rgba(139, 44, 255, .18) !important;
  }

  table {
    background: rgba(12, 4, 22, .82) !important;
    border-color: rgba(139, 44, 255, .30) !important;
  }

  th {
    background: linear-gradient(90deg, rgba(139, 44, 255, .22), rgba(255, 47, 166, .16)) !important;
    color: #fff !important;
  }

  td {
    border-color: rgba(139, 44, 255, .18) !important;
  }

  [class*="price"],
  [class*="Price"],
  [class*="sale"],
  [class*="Sale"],
  [class*="discount"],
  [class*="Discount"] {
    color: var(--yf-pink-bright) !important;
    text-shadow: 0 0 14px rgba(255, 47, 166, .22) !important;
  }

  [class*="badge"],
  [class*="Badge"],
  [class*="tag"],
  [class*="Tag"],
  [class*="label"],
  [class*="Label"] {
    border-color: rgba(255, 47, 166, .46) !important;
    background: linear-gradient(135deg, rgba(139, 44, 255, .28), rgba(255, 47, 166, .22)) !important;
    color: #fff !important;
    box-shadow: 0 0 14px rgba(255, 47, 166, .12) !important;
  }

  [class*="MuiPaper"],
  [class*="MuiDialog"],
  [class*="MuiPopover"],
  [class*="MuiMenu"] {
    background:
      linear-gradient(145deg, rgba(24, 10, 42, .98), rgba(9, 3, 18, .98)) !important;
    color: var(--yf-text) !important;
    border-color: rgba(183, 92, 255, .34) !important;
    box-shadow:
      0 20px 70px rgba(0, 0, 0, .58),
      0 0 36px rgba(139, 44, 255, .18) !important;
  }

  [class*="MuiOutlinedInput-notchedOutline"] {
    border-color: #5e287f !important;
  }

  [class*="Mui-focused"] [class*="MuiOutlinedInput-notchedOutline"] {
    border-color: var(--yf-pink) !important;
    box-shadow: 0 0 16px rgba(255, 47, 166, .18) !important;
  }

  [class*="MuiCheckbox-root"],
  [class*="MuiRadio-root"],
  [class*="MuiSwitch-root"] {
    color: var(--yf-purple-bright) !important;
  }

  [class*="Mui-selected"],
  [aria-selected="true"] {
    background: linear-gradient(90deg, rgba(139, 44, 255, .24), rgba(255, 47, 166, .18)) !important;
    color: #fff !important;
  }

  hr {
    border-color: rgba(139, 44, 255, .24) !important;
  }

  img {
    border-color: rgba(139, 44, 255, .18);
  }

  [class*="search"],
  [class*="Search"] {
    border-color: rgba(139, 44, 255, .34) !important;
  }

  [class*="search"] input,
  [class*="Search"] input {
    background: rgba(7, 2, 14, .88) !important;
  }

  [class*="header"] a:hover,
  [class*="Header"] a:hover,
  nav a:hover {
    color: var(--yf-pink-bright) !important;
    text-shadow: 0 0 14px rgba(255, 47, 166, .35) !important;
  }

  [class*="logo"],
  [class*="Logo"] {
    filter: drop-shadow(0 0 12px rgba(255, 47, 166, .20));
  }

  [class*="icon"],
  [class*="Icon"] {
    color: var(--yf-purple-bright) !important;
  }

  [class*="icon"]:hover,
  [class*="Icon"]:hover {
    color: var(--yf-pink-bright) !important;
    filter: drop-shadow(0 0 8px rgba(255, 47, 166, .42));
  }

  @media (prefers-reduced-motion: reduce) {
    body::after {
      animation: none !important;
    }

    button,
    [role="button"] {
      transition: none !important;
    }
  }
</style>