.css-nbih4t {
    display: flex;
    width: 100%;
    max-width: 560px;
    height: auto;
    flex-direction: column;
    gap: 12px;
  }

  .css-1g24783 {
    position: relative;
    width: 100%;
    padding: 12px 16px 16px;
    border-radius: 12px;
    border: 1px solid rgb(50, 49, 51);
    overflow: hidden;
    background: url("./images/widget/progress-bg.webp") 50% center / cover no-repeat;
    box-shadow: rgba(0, 0, 0, 0.01) 0px 319px 89px 0px, rgba(0, 0, 0, 0.09) 0px 204px 82px 0px, rgba(0, 0, 0, 0.32) 0px 115px 69px 0px, rgba(0, 0, 0, 0.55) 0px 51px 51px 0px, rgba(0, 0, 0, 0.63) 0px 13px 28px 0px;
    backdrop-filter: blur(28px);
    background-blend-mode: color-dodge, normal;
  }

  @media (min-width: 992px) {
    .laptop\:pb-\[14px\] {
      padding-bottom: 14px;
    }
  }
  @media (min-width: 992px) {
    .laptop\:px-\[16px\] {
      padding-left: 16px;
      padding-right: 16px;
    }
  }
  @media (min-width: 992px) {
    .laptop\:mb-\[16px\] {
      margin-bottom: 16px;
    }
  }

  .css-1aoziua {
    overflow: hidden;
    position: relative;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: rgba(10, 9, 20, 0.32);
    border-radius: 11px;
  }

  .css-1jzw3yt {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: 0px;
  }

  .progress {
    position: relative;
    overflow: hidden;
    height: 24px;
  }

  .progress-bar-inner, .progress-bar-inner-1 {
    background-color: #000;
  }

  .progress-bar-striped-1, .progress-striped-1 .progress-bar-1 {
    background-image: linear-gradient(115deg,#29292d 35%,transparent 0,transparent 50%,#29292d 0,#29292d 85%,#000 0,#29292d);
    background-size: 11px 24px;
  }
  .progress-bar-1 {
    position: absolute;
    z-index: 2;
    height: 100%;
  }

  .progress-bar {
    position: absolute;
    z-index: 3;
    height: 100%;
  }

  .mix-blend-hard-light {
    mix-blend-mode: hard-light;
  }
  .text-\[\#A0A0AB\] {
    --tw-text-opacity: 1;
    color: rgb(160 160 171 / var(--tw-text-opacity));
  }

  .text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

  .css-o6moyl {
    position: relative;
    width: 100%;
    padding: 24px 16px;
    border-radius: 12px;
    border: 1px solid rgb(50, 49, 51);
    background: url("./images/widget/sale-bg.webp") 50% center / cover no-repeat;
    box-shadow: rgba(0, 0, 0, 0.01) 0px 319px 89px 0px, rgba(0, 0, 0, 0.09) 0px 204px 82px 0px, rgba(0, 0, 0, 0.32) 0px 115px 69px 0px, rgba(0, 0, 0, 0.55) 0px 51px 51px 0px, rgba(0, 0, 0, 0.63) 0px 13px 28px 0px;
    backdrop-filter: blur(28px);
    background-blend-mode: color-dodge, normal;
  }

  .css-esjr5p {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .css-lxkh8i {
    display: flex;
    flex-direction: column;
  }

  .css-18co2iw {
    display: flex;
    gap: 4px;
    width: 210px;
    padding: 4px;
    margin: 0px auto 20px;
    border-radius: 8px;
    background-color: rgb(10, 9, 20);
    box-shadow: rgba(0, 0, 0, 0.01) 0px 66px 18px 0px, rgba(0, 0, 0, 0.05) 0px 42px 17px 0px, rgba(0, 0, 0, 0.16) 0px 24px 14px 0px, rgba(0, 0, 0, 0.27) 0px 11px 11px 0px, rgba(0, 0, 0, 0.31) 0px 3px 6px 0px;
  }

  .css-m7rlw4.active {
    background: rgb(128, 35, 247);
    border: medium;
  }
  .css-m7rlw4 {
    cursor: pointer;
    height: 40px;
    width: 100%;
    transition: none;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    color: rgb(250, 250, 250);
    border: 1px solid rgba(250, 250, 250, 0.08);
    border-radius: 4px;
  }

  .css-1v0er6g {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    gap: 3px;
  }

  .css-m7rlw4 {
    cursor: pointer;
    height: 40px;
    width: 100%;
    transition: none;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    color: rgb(250, 250, 250);
    border: 1px solid rgba(250, 250, 250, 0.08);
    border-radius: 4px;
  }

  .css-1v0er6g {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    gap: 3px;
  }

  .css-1fmu6y5:not([data-inverted-colors="false"]) {
    --Select-focusedHighlight: var(--joy-palette-focusVisible, var(--joy-palette-primary-500, #0B6BCB));
  }
  .css-1fmu6y5 {
    --Select-gap: 0.5rem;
    --Select-placeholderOpacity: 0.64;
    --Select-decoratorColor: var(--joy-palette-text-icon, var(--joy-palette-neutral-500, #636B74));
    --Select-focusedThickness: var(--joy-focus-thickness, 2px);
    --Select-focusedHighlight: var(--joy-palette-primary-500, #0B6BCB);
    --Select-indicatorColor: var(--joy-palette-text-tertiary, var(--joy-palette-neutral-600, #555E68));
    --Select-minHeight: 2.75rem;
    --Select-paddingInline: 1rem;
    --Select-decoratorChildHeight: min(2.375rem, var(--Select-minHeight));
    --Icon-fontSize: var(--joy-fontSize-xl2, 1.5rem);
    --Select-decoratorChildOffset: min(calc(var(--Select-paddingInline) - (var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2), var(--Select-paddingInline));
    --_Select-paddingBlock: max((var(--Select-minHeight) - 2 * var(--variant-borderWidth, 0px) - var(--Select-decoratorChildHeight)) / 2, 0px);
    --Select-decoratorChildRadius: max(var(--Select-radius) - var(--variant-borderWidth, 0px) - var(--_Select-paddingBlock), min(var(--_Select-paddingBlock) + var(--variant-borderWidth, 0px), var(--Select-radius) / 2));
    --Button-minHeight: var(--Select-decoratorChildHeight);
    --Button-paddingBlock: 0px;
    --IconButton-size: var(--Select-decoratorChildHeight);
    --Button-radius: var(--Select-decoratorChildRadius);
    --IconButton-radius: var(--Select-decoratorChildRadius);
    box-sizing: border-box;
    box-shadow: var(--joy-shadowRing, 0 0 #000),0px 1px 2px 0px rgba(var(--joy-shadowChannel, 21 21 21) / var(--joy-shadowOpacity, 0.08));
    min-width: 0px;
    min-height: var(--Select-minHeight);
    position: relative;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    cursor: pointer;
    padding-block: 4px;
    padding-inline: var(--Select-paddingInline);
    font-family: var(--joy-fontFamily-body, "Inter",var(--joy-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol") );
    font-size: var(--joy-fontSize-lg, 1.125rem);
    line-height: var(--joy-lineHeight-md, 1.5);
    color: var(--variant-outlinedColor, var(--joy-palette-neutral-outlinedColor, var(--joy-palette-neutral-700, #32383E)));
    --variant-borderWidth: 1px;
    --Select-radius: 8px;
    width: 100%;
    height: 56px;
    border-radius: 8px;
    border: 1px solid rgb(50, 49, 51);
    background: rgba(10, 9, 20, 0.48);
  }

  .css-19xemrg {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
  }

  .css-9t7tjk {
    padding: 12px 16px 20px;
    background: rgba(10, 9, 20, 0.48);
    border-radius: 11px;
    display: flex;
    height: 132px;
    -moz-box-pack: justify;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
  }

  .css-70qvj9 {
    display: flex;
    -moz-box-align: center;
    align-items: center;
  }

  .css-x3wokz {
    width: 32px;
    height: 32px;
  }

  ._arrow_5v93s_1 {
    transform: rotate(180deg);
  }

  .css-9uxlkb {
    overflow: hidden;
    border-radius: 10px;
    border-width: 1px 1px medium;
    border-style: solid solid none;
    border-color: rgb(50, 49, 51) rgb(50, 49, 51) currentcolor;
    border-image: none;
    background: url("./images/widget/sale-bg.webp") 50% center / cover no-repeat;
    background-blend-mode: color-dodge, normal;
    backdrop-filter: blur(32px);
    flex-direction: column;
    position: absolute;
    top: 48px;
    left: 16px;
    width: 100%;
    min-width: 250px;
    max-width: 320px;
    z-index: 1000;
    display: none;
  }

  .css-1bg533q {
    font-family: Tektur, sans-serif;
    width: 100%;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    color: rgb(255, 255, 255);
    background: none;
    outline: none;
  }

  .css-9t7tjk {
    padding: 12px 16px 20px;
    background: rgba(10, 9, 20, 0.48);
    border-radius: 11px;
    display: flex;
    height: 132px;
    -moz-box-pack: justify;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
  }

  .css-1bg533q {
    font-family: Tektur, sans-serif;
    width: 100%;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    color: rgb(255, 255, 255);
    background: none;
    outline: none;
  }