.tdl-mobile-pricing-swipe-hint {
  display: none;
}

@media screen and (max-width: 767px) {
  .v1-pricing-section .pricing-grid {
    --tdl-mobile-pricing-card-width: min(82vw, 360px);
    box-sizing: border-box;
    width: 100vw !important;
    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
    padding-right: max(1rem, calc((100vw - var(--tdl-mobile-pricing-card-width)) / 2)) !important;
    padding-left: max(1rem, calc((100vw - var(--tdl-mobile-pricing-card-width)) / 2)) !important;
    scroll-padding-right: max(1rem, calc((100vw - var(--tdl-mobile-pricing-card-width)) / 2));
    scroll-padding-left: max(1rem, calc((100vw - var(--tdl-mobile-pricing-card-width)) / 2));
  }

  .v1-pricing-section .pricing-div {
    flex-basis: var(--tdl-mobile-pricing-card-width) !important;
    width: var(--tdl-mobile-pricing-card-width) !important;
    scroll-snap-align: center;
    scroll-snap-stop: always;
  }

  .tdl-mobile-pricing-swipe-hint {
    --tdl-mobile-pricing-arrow-width: .9rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: var(--tdl-mobile-pricing-card-width);
    max-width: calc(100vw - 2rem);
    margin: -1.15rem auto 1rem;
    color: rgba(255, 255, 255, .68);
    font-size: .78rem;
    font-weight: 500;
    line-height: 1.3;
  }

  .tdl-mobile-pricing-swipe-label {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
  }

  .tdl-mobile-pricing-swipe-arrow {
    position: relative;
    display: inline-block;
    width: var(--tdl-mobile-pricing-arrow-width);
    height: .55rem;
    color: #70cdb0;
    transition: width 120ms linear;
  }

  .tdl-mobile-pricing-swipe-arrow::before {
    content: "";
    position: absolute;
    top: 50%;
    right: .08rem;
    left: 0;
    height: 1px;
    background: currentColor;
    transform: translateY(-50%);
  }

  .tdl-mobile-pricing-swipe-arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: .38rem;
    height: .38rem;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    transform: translateY(-50%) rotate(45deg);
  }

  .tdl-mobile-pricing-swipe-count {
    color: rgba(255, 255, 255, .52);
    font-variant-numeric: tabular-nums;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tdl-mobile-pricing-swipe-arrow {
    transition: none;
  }
}

html[data-tdl-a11y-reduced-motion="true"] .tdl-mobile-pricing-swipe-arrow,
html[data-tdl-a11y-pause-media="true"] .tdl-mobile-pricing-swipe-arrow {
  transition: none;
}