@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.dropzone, .dropzone * {
  box-sizing: border-box;
}

.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: #fff;
  padding: 20px 20px;
}

.dropzone.dz-clickable {
  cursor: pointer;
}

.dropzone.dz-clickable * {
  cursor: default;
}

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}

.dropzone.dz-started .dz-message {
  display: none;
}

.dropzone.dz-drag-hover {
  border-style: solid;
}

.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}

.dropzone .dz-message {
  text-align: center;
  margin: 2em 0;
}

.dropzone .dz-message .dz-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}

.dropzone .dz-preview:hover {
  z-index: 1000;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-image-preview {
  background: #fff;
}

.dropzone .dz-preview.dz-image-preview .dz-details {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}

.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}

.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}

.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}

.dropzone .dz-preview:hover .dz-image img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-filter: blur(8px);
  filter: blur(8px);
}

.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}

.dropzone .dz-preview .dz-image img {
  display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}

.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}

.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -ms-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  -moz-animation: pulse 6s ease infinite;
  -ms-animation: pulse 6s ease infinite;
  -o-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite;
}

.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}

.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}

.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}

.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: #fff;
}

.dropzone .dz-preview .dz-error-message:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}

.toast {
  gap: 1rem;
}
.toast .alert {
  @apply bg-base-100 text-base-content;
  @apply shadow-xl;
  @apply border-l-4;
  @apply min-w-[320px] max-w-md;
}
.toast .alert.alert-success {
  @apply border-l-success;
}
.toast .alert.alert-success .toast-icon {
  @apply text-success;
}
.toast .alert.alert-error {
  @apply border-l-error;
}
.toast .alert.alert-error .toast-icon {
  @apply text-error;
}
.toast .alert.alert-warning {
  @apply border-l-warning;
}
.toast .alert.alert-warning .toast-icon {
  @apply text-warning;
}
.toast .alert.alert-info {
  @apply border-l-info;
}
.toast .alert.alert-info .toast-icon {
  @apply text-info;
}
.toast .btn-close {
  @apply opacity-60 hover:opacity-100;
  @apply transition-opacity;
}

.toast-enter {
  @apply opacity-0 translate-y-2 scale-95;
}

.toast-enter-active {
  @apply transition-all duration-300 ease-out;
}

.toast-enter-to {
  @apply opacity-100 translate-y-0 scale-100;
}

.toast-leave {
  @apply opacity-100 translate-y-0 scale-100;
}

.toast-leave-active {
  @apply transition-all duration-200 ease-in;
}

.toast-leave-to {
  @apply opacity-0 translate-y-2 scale-95;
}

.tabs-box {
  background-color: var(--color-base-200);
  --tabs-box-radius: calc(var(--radius-field) * 3);
  border-radius: calc(var(--radius-field) + min(0.25rem, var(--tabs-box-radius)));
  box-shadow: 0 -0.5px oklch(100% 0 0/calc(var(--depth) * 0.1)) inset, 0 0.5px oklch(0% 0 0/calc(var(--depth) * 0.05)) inset;
  padding: 0.25rem;
}
.tabs-box .tab {
  border-radius: var(--radius-field);
  border-style: none;
}
.tabs-box .tab:focus-visible, .tabs-box .tab:is(label:has(:checked:focus-visible)) {
  outline-offset: 2px;
}
.tabs-box > :is(.tab-active, [aria-selected=true]):not(.tab-disabled, [disabled]),
.tabs-box > :is(input:checked),
.tabs-box > :is(label:has(:checked)) {
  background-color: var(--tab-bg, var(--color-base-100));
  box-shadow: 0 1px oklch(100% 0 0/calc(var(--depth) * 0.1)) inset, 0 1px 1px -1px var(--color-neutral), 0 1px 6px -4px var(--color-neutral);
  border: 1px solid;
}
@supports (color: color-mix(in oklab, red, red)) {
  .tabs-box > :is(.tab-active, [aria-selected=true]):not(.tab-disabled, [disabled]),
  .tabs-box > :is(input:checked),
  .tabs-box > :is(label:has(:checked)) {
    box-shadow: 0 1px oklch(100% 0 0/calc(var(--depth) * 0.1)) inset, 0 1px 1px -1px color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 50%), transparent), 0 1px 6px -4px color-mix(in oklab, var(--color-neutral) calc(var(--depth) * 100%), transparent);
  }
}

.tabs-border .tab {
  --tab-border-color: transparent;
  border-radius: var(--radius-field);
  position: relative;
}
.tabs-border .tab:before {
  content: "";
  background-color: var(--tab-border-color);
  border-radius: var(--radius-field);
  width: 80%;
  height: 3px;
  transition: background-color 0.2s;
  position: absolute;
  bottom: 0;
  left: 10%;
}
.tabs-border .tab:is(.tab-active, [aria-selected=true]):not(.tab-disabled, [disabled]):before, .tabs-border .tab:is(input:checked):before, .tabs-border .tab:is(label:has(:checked)):before {
  --tab-border-color: currentColor;
}

:root {
  --app-primary-blue: #007aff;
  --app-background-white: #ffffff;
  --app-text-black: #000000;
  --app-gray-light: #f2f2f7;
  --app-gray-medium: #e5e5e7;
  --app-gray-border: #c6c6c8;
  --app-gray-text: #8e8e93;
  --app-gray-secondary: #8a898e;
  --app-gray-icon: #aeaeb2;
  --app-label-secondary: rgba(60, 60, 67, 0.60);
  --app-white-blur: rgba(255, 255, 255, 0.8);
  --app-white-transparent: rgba(255, 255, 255, 0.5);
  --app-border-transparent: rgba(0, 0, 0, 0.1);
  --app-shadow-light: rgba(0, 0, 0, 0.06);
  --app-shadow-lighter: rgba(0, 0, 0, 0.04);
  --app-shadow-dark: rgba(0, 0, 0, 0.08);
  --app-shadow-subtle: rgba(0, 0, 0, 0.05);
  --app-border-dark: rgba(0, 0, 0, 0.12);
  --app-scroll-thumb: rgba(0, 0, 0, 0.15);
  --app-scroll-thumb-hover: rgba(0, 0, 0, 0.25);
  --app-scroll-indicator: rgba(0, 0, 0, 0.4);
  --app-gray-fade: rgba(242, 242, 247, 0.9);
  --app-white-subtle: rgba(255, 255, 255, 0.05);
  --app-gray-tertiary: rgba(120, 120, 128, 0.12);
  --app-light-blue-bg: #eff6fe;
  --app-light-blue-border: #ddebfd;
  --app-blue-badge: #93bef8;
  --app-gray-subtle: #8f8e94;
  --app-gray-divider: #f0f0f0;
  --app-gray-icon-light: #c7c7cc;
  --app-gradient-dark: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
  --app-gradient-cyan: linear-gradient(135deg, #00c9ff 0%, #92fe9d 100%);
  --app-gradient-green: linear-gradient(135deg, #32cd32 0%, #00ff00 100%);
  --app-gradient-red: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
  --app-gradient-purple: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --app-gradient-pink: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  --app-star-filled: #000000;
  --app-star-filled-gray: #8e8e93;
  --app-star-empty: #c7c7cc;
}

@media (prefers-color-scheme: dark) {
  :root {
    --app-primary-blue: #0a84ff;
    --app-background-white: #1c1c1e;
    --app-text-black: #ffffff;
    --app-gray-light: #2c2c2e;
    --app-gray-medium: #3a3a3c;
    --app-gray-border: #48484a;
    --app-gray-text: #98989d;
    --app-gray-secondary: #8e8e93;
    --app-gray-icon: #636366;
    --app-label-secondary: rgba(235, 235, 245, 0.60);
    --app-white-blur: rgba(28, 28, 30, 0.8);
    --app-white-transparent: rgba(28, 28, 30, 0.5);
    --app-border-transparent: rgba(255, 255, 255, 0.1);
    --app-shadow-light: rgba(0, 0, 0, 0.25);
    --app-shadow-lighter: rgba(0, 0, 0, 0.15);
    --app-shadow-dark: rgba(0, 0, 0, 0.35);
    --app-shadow-subtle: rgba(0, 0, 0, 0.2);
    --app-border-dark: rgba(255, 255, 255, 0.15);
    --app-scroll-thumb: rgba(255, 255, 255, 0.15);
    --app-scroll-thumb-hover: rgba(255, 255, 255, 0.25);
    --app-scroll-indicator: rgba(255, 255, 255, 0.4);
    --app-gray-fade: rgba(44, 44, 46, 0.9);
    --app-white-subtle: rgba(255, 255, 255, 0.05);
    --app-gray-tertiary: rgba(142, 142, 147, 0.12);
    --app-light-blue-bg: #1c2c3e;
    --app-light-blue-border: #2a3f5f;
    --app-blue-badge: #4a7ec8;
    --app-gray-subtle: #636366;
    --app-gray-divider: #38383a;
    --app-gray-icon-light: #636366;
    --app-star-filled: #ffffff;
    --app-star-filled-gray: #98989d;
    --app-star-empty: #48484a;
  }
}
.app-store-preview {
  position: relative;
  width: 450px;
  height: 920px;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
.app-store-preview .device-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/assets/devices/iphone-portrait-c663943f.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  z-index: 50;
}
.app-store-preview .phone-frame {
  position: absolute;
  top: 23px;
  left: 24px;
  right: 24px;
  bottom: 23px;
}
.app-store-preview .phone-screen {
  background: var(--app-background-white);
  border-radius: 44px;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.app-store-preview [data-app-store-preview-target=statusBar] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 45;
  transition: all 0.3s ease;
}
.app-store-preview [data-app-store-preview-target=statusBar].status-bar-initial {
  background: transparent;
  border-bottom: none;
}
.app-store-preview [data-app-store-preview-target=statusBar].status-bar-scrolled {
  background: var(--app-white-blur);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.app-store-preview .app-store-nav-wrapper {
  position: absolute;
  top: 54px;
  left: 0;
  right: 0;
  z-index: 40;
  transition: all 0.3s ease;
}
.app-store-preview .app-store-nav-wrapper .nav-initial {
  background: transparent;
  border-bottom: none;
}
.app-store-preview .app-store-nav-wrapper .nav-initial .nav-content {
  opacity: 1;
  transition: opacity 0.2s ease;
}
.app-store-preview .app-store-nav-wrapper .nav-scrolled {
  background: var(--app-white-blur);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 0.5px solid var(--app-gray-medium);
  display: none;
}
.app-store-preview .app-store-nav-wrapper .nav-scrolled .nav-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 9px;
  height: 44px;
  position: relative;
}
.app-store-preview .app-store-nav-wrapper .nav-scrolled .nav-content .nav-left {
  display: flex;
  align-items: center;
  flex: 1;
}
.app-store-preview .app-store-nav-wrapper .nav-scrolled .nav-content .nav-left .back-button {
  color: var(--app-primary-blue);
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 17px;
}
.app-store-preview .app-store-nav-wrapper .nav-scrolled .nav-content .nav-left .back-button svg {
  margin-right: 11px;
}
.app-store-preview .app-store-nav-wrapper .nav-scrolled .nav-content .mini-app-icon {
  width: 29px;
  height: 29px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.app-store-preview .app-store-nav-wrapper .nav-scrolled .nav-content .mini-app-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@supports (-webkit-mask-position: initial) or (mask-position: initial) {
  .app-store-preview .app-store-nav-wrapper .nav-scrolled .nav-content .mini-app-icon img {
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.41%22%20clip-rule%3D%22evenodd%22%20version%3D%221.1%22%20viewBox%3D%220%200%20460%20460%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M460%20316.1c0%205.5%200%2010.99-.04%2016.48-.03%204.63-.08%209.26-.2%2013.88a201.73%20201.73%200%200%201-2.66%2030.21c-1.71%2010-4.9%2019.68-9.47%2028.73a96.6%2096.6%200%200%201-42.23%2042.23%20101.86%20101.86%200%200%201-28.71%209.46c-10%201.65-20.1%202.54-30.22%202.66a649%20649%200%200%201-13.88.21c-5.5.03-10.99.03-16.48.03H143.89c-5.49%200-10.98%200-16.48-.03a648.8%20648.8%200%200%201-13.88-.2%20201.46%20201.46%200%200%201-30.22-2.67c-9.99-1.7-19.67-4.9-28.71-9.46a96.61%2096.61%200%200%201-42.23-42.22%20101.96%20101.96%200%200%201-9.47-28.74%20201.6%20201.6%200%200%201-2.66-30.2c-.12-4.63-.18-9.26-.2-13.89C0%20327.08%200%20321.6%200%20316.1V143.9c0-5.5%200-11%20.04-16.5.02-4.62.08-9.25.2-13.87a201.64%20201.64%200%200%201%202.66-30.2c1.71-10%204.9-19.68%209.47-28.74A96.6%2096.6%200%200%201%2054.6%2012.36%20101.96%20101.96%200%200%201%2083.3%202.9c10-1.64%2020.1-2.53%2030.22-2.66%204.63-.12%209.26-.18%2013.88-.2%205.5-.03%2011-.03%2016.48-.03H316.1c5.5%200%2011%200%2016.49.03a649%20649%200%200%201%2013.88.2c10.12.13%2020.22%201.02%2030.21%202.66%2010%201.71%2019.67%204.9%2028.72%209.46a96.58%2096.58%200%200%201%2042.24%2042.23%20101.92%20101.92%200%200%201%209.46%2028.73%20201.7%20201.7%200%200%201%202.66%2030.21c.12%204.63.18%209.26.2%2013.88.04%205.5.04%2010.99.04%2016.48V316.1z%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;
    mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.41%22%20clip-rule%3D%22evenodd%22%20version%3D%221.1%22%20viewBox%3D%220%200%20460%20460%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M460%20316.1c0%205.5%200%2010.99-.04%2016.48-.03%204.63-.08%209.26-.2%2013.88a201.73%20201.73%200%200%201-2.66%2030.21c-1.71%2010-4.9%2019.68-9.47%2028.73a96.6%2096.6%200%200%201-42.23%2042.23%20101.86%20101.86%200%200%201-28.71%209.46c-10%201.65-20.1%202.54-30.22%202.66a649%20649%200%200%201-13.88.21c-5.5.03-10.99.03-16.48.03H143.89c-5.49%200-10.98%200-16.48-.03a648.8%20648.8%200%200%201-13.88-.2%20201.46%20201.46%200%200%201-30.22-2.67c-9.99-1.7-19.67-4.9-28.71-9.46a96.61%2096.61%200%200%201-42.23-42.22%20101.96%20101.96%200%200%201-9.47-28.74%20201.6%20201.6%200%200%201-2.66-30.2c-.12-4.63-.18-9.26-.2-13.89C0%20327.08%200%20321.6%200%20316.1V143.9c0-5.5%200-11%20.04-16.5.02-4.62.08-9.25.2-13.87a201.64%20201.64%200%200%201%202.66-30.2c1.71-10%204.9-19.68%209.47-28.74A96.6%2096.6%200%200%201%2054.6%2012.36%20101.96%20101.96%200%200%201%2083.3%202.9c10-1.64%2020.1-2.53%2030.22-2.66%204.63-.12%209.26-.18%2013.88-.2%205.5-.03%2011-.03%2016.48-.03H316.1c5.5%200%2011%200%2016.49.03a649%20649%200%200%201%2013.88.2c10.12.13%2020.22%201.02%2030.21%202.66%2010%201.71%2019.67%204.9%2028.72%209.46a96.58%2096.58%200%200%201%2042.24%2042.23%20101.92%20101.92%200%200%201%209.46%2028.73%20201.7%20201.7%200%200%201%202.66%2030.21c.12%204.63.18%209.26.2%2013.88.04%205.5.04%2010.99.04%2016.48V316.1z%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;
  }
}
@supports not ((-webkit-mask-position: initial) or (mask-position: initial)) {
  .app-store-preview .app-store-nav-wrapper .nav-scrolled .nav-content .mini-app-icon img {
    border-radius: 22.5%;
  }
}
.app-store-preview .app-store-nav-wrapper .nav-scrolled .nav-content .mini-app-icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
@supports (-webkit-mask-position: initial) or (mask-position: initial) {
  .app-store-preview .app-store-nav-wrapper .nav-scrolled .nav-content .mini-app-icon::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%20230.5%20230.5%22%20version%3D%221.1%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.41%22%20stroke-opacity%3D%22.1%22%20stroke-width%3D%221%22%20d%3D%22M158.22%20230H72.28l-8.22-.01a320%20320%200%200%201-6.93-.11c-5.05-.06-10.09-.5-15.07-1.32a50.83%2050.83%200%200%201-14.33-4.73%2048.2%2048.2%200%200%201-21.07-21.06%2050.85%2050.85%200%200%201-4.72-14.34%20100.68%20100.68%200%200%201-1.33-15.07c-.06-2.31-.1-4.62-.1-6.93-.02-2.74-.02-5.48-.02-8.22V72.29c0-2.75%200-5.48.02-8.23a320%20320%200%200%201%20.1-6.93c.06-5.05.5-10.08%201.33-15.06a50.74%2050.74%200%200%201%204.72-14.34A48.2%2048.2%200%200%201%2027.74%206.66a51.02%2051.02%200%200%201%2014.33-4.73C47.05%201.12%2052.09.67%2057.14.61a320%20320%200%200%201%206.93-.1L72.3.5h85.92l8.23.01a320%20320%200%200%201%206.92.1c5.06.07%2010.1.5%2015.08%201.33%204.98.85%209.81%202.45%2014.33%204.72a48.19%2048.19%200%200%201%2021.07%2021.07%2050.9%2050.9%200%200%201%204.72%2014.34c.82%204.98%201.27%2010.02%201.33%2015.07a320%20320%200%200%201%20.1%206.92l.01%203.48v94.09l-.01%204.8c-.01%202.3-.05%204.62-.1%206.93-.07%205.05-.5%2010.08-1.33%2015.07a50.68%2050.68%200%200%201-4.72%2014.33%2048.2%2048.2%200%200%201-21.07%2021.07%2050.8%2050.8%200%200%201-14.33%204.73c-4.98.82-10.02%201.26-15.08%201.32a320%20320%200%200%201-6.92.1l-8.23.02z%22%20clip-rule%3D%22evenodd%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;
  }
}
@supports not ((-webkit-mask-position: initial) or (mask-position: initial)) {
  .app-store-preview .app-store-nav-wrapper .nav-scrolled .nav-content .mini-app-icon::before {
    border: 0.5px solid var(--app-border-transparent);
    border-radius: 22.5%;
  }
}
.app-store-preview .app-store-nav-wrapper .nav-scrolled .nav-content .nav-right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
}
.app-store-preview .app-store-nav-wrapper .nav-scrolled .nav-content .nav-right .in-app-purchases-text {
  font-weight: 400;
  text-align: right;
  color: var(--app-gray-secondary);
  font-size: 8px;
  font-weight: 400;
  line-height: 9px;
  letter-spacing: 0.25px;
}
.app-store-preview .app-store-nav-wrapper .nav-scrolled .nav-content .nav-right .get-button {
  background: var(--app-primary-blue);
  color: var(--app-background-white);
  border: none;
  border-radius: 16px;
  padding: 6px 20px;
  font-size: 15px;
  font-weight: 600;
  min-width: 72px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.app-store-preview .scrollable-content {
  scroll-margin-top: -1px;
}
.app-store-preview .scrollable-content:has(.app-header) .app-store-nav-wrapper:has(~ .app-header:not(.scrolled-away)) .nav-initial {
  display: block;
}
.app-store-preview .scrollable-content:has(.app-header) .app-store-nav-wrapper:has(~ .app-header:not(.scrolled-away)) .nav-scrolled {
  display: none;
}
.app-store-preview .scroll-trigger {
  position: sticky;
  top: -1px;
  height: 1px;
  margin-top: -1px;
  pointer-events: none;
}
.app-store-preview .scroll-trigger::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  z-index: -1;
}
.app-store-preview .app-header {
  background: var(--app-background-white);
  padding: 2px 0px 0px 20px;
  position: relative;
}
.app-store-preview .app-header .app-info {
  display: flex;
  gap: 16px;
  align-items: stretch;
  padding-bottom: 20px;
  padding-right: 20px;
  border-bottom: 1px solid var(--app-gray-border);
}
.app-store-preview .app-header .app-icon {
  width: 122px;
  height: 122px;
  position: relative;
}
.app-store-preview .app-header .app-icon .app-icon-mask {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@supports (-webkit-mask-position: initial) or (mask-position: initial) {
  .app-store-preview .app-header .app-icon .app-icon-mask {
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.41%22%20clip-rule%3D%22evenodd%22%20version%3D%221.1%22%20viewBox%3D%220%200%20460%20460%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M460%20316.1c0%205.5%200%2010.99-.04%2016.48-.03%204.63-.08%209.26-.2%2013.88a201.73%20201.73%200%200%201-2.66%2030.21c-1.71%2010-4.9%2019.68-9.47%2028.73a96.6%2096.6%200%200%201-42.23%2042.23%20101.86%20101.86%200%200%201-28.71%209.46c-10%201.65-20.1%202.54-30.22%202.66a649%20649%200%200%201-13.88.21c-5.5.03-10.99.03-16.48.03H143.89c-5.49%200-10.98%200-16.48-.03a648.8%20648.8%200%200%201-13.88-.2%20201.46%20201.46%200%200%201-30.22-2.67c-9.99-1.7-19.67-4.9-28.71-9.46a96.61%2096.61%200%200%201-42.23-42.22%20101.96%20101.96%200%200%201-9.47-28.74%20201.6%20201.6%200%200%201-2.66-30.2c-.12-4.63-.18-9.26-.2-13.89C0%20327.08%200%20321.6%200%20316.1V143.9c0-5.5%200-11%20.04-16.5.02-4.62.08-9.25.2-13.87a201.64%20201.64%200%200%201%202.66-30.2c1.71-10%204.9-19.68%209.47-28.74A96.6%2096.6%200%200%201%2054.6%2012.36%20101.96%20101.96%200%200%201%2083.3%202.9c10-1.64%2020.1-2.53%2030.22-2.66%204.63-.12%209.26-.18%2013.88-.2%205.5-.03%2011-.03%2016.48-.03H316.1c5.5%200%2011%200%2016.49.03a649%20649%200%200%201%2013.88.2c10.12.13%2020.22%201.02%2030.21%202.66%2010%201.71%2019.67%204.9%2028.72%209.46a96.58%2096.58%200%200%201%2042.24%2042.23%20101.92%20101.92%200%200%201%209.46%2028.73%20201.7%20201.7%200%200%201%202.66%2030.21c.12%204.63.18%209.26.2%2013.88.04%205.5.04%2010.99.04%2016.48V316.1z%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;
    mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.41%22%20clip-rule%3D%22evenodd%22%20version%3D%221.1%22%20viewBox%3D%220%200%20460%20460%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M460%20316.1c0%205.5%200%2010.99-.04%2016.48-.03%204.63-.08%209.26-.2%2013.88a201.73%20201.73%200%200%201-2.66%2030.21c-1.71%2010-4.9%2019.68-9.47%2028.73a96.6%2096.6%200%200%201-42.23%2042.23%20101.86%20101.86%200%200%201-28.71%209.46c-10%201.65-20.1%202.54-30.22%202.66a649%20649%200%200%201-13.88.21c-5.5.03-10.99.03-16.48.03H143.89c-5.49%200-10.98%200-16.48-.03a648.8%20648.8%200%200%201-13.88-.2%20201.46%20201.46%200%200%201-30.22-2.67c-9.99-1.7-19.67-4.9-28.71-9.46a96.61%2096.61%200%200%201-42.23-42.22%20101.96%20101.96%200%200%201-9.47-28.74%20201.6%20201.6%200%200%201-2.66-30.2c-.12-4.63-.18-9.26-.2-13.89C0%20327.08%200%20321.6%200%20316.1V143.9c0-5.5%200-11%20.04-16.5.02-4.62.08-9.25.2-13.87a201.64%20201.64%200%200%201%202.66-30.2c1.71-10%204.9-19.68%209.47-28.74A96.6%2096.6%200%200%201%2054.6%2012.36%20101.96%20101.96%200%200%201%2083.3%202.9c10-1.64%2020.1-2.53%2030.22-2.66%204.63-.12%209.26-.18%2013.88-.2%205.5-.03%2011-.03%2016.48-.03H316.1c5.5%200%2011%200%2016.49.03a649%20649%200%200%201%2013.88.2c10.12.13%2020.22%201.02%2030.21%202.66%2010%201.71%2019.67%204.9%2028.72%209.46a96.58%2096.58%200%200%201%2042.24%2042.23%20101.92%20101.92%200%200%201%209.46%2028.73%20201.7%20201.7%200%200%201%202.66%2030.21c.12%204.63.18%209.26.2%2013.88.04%205.5.04%2010.99.04%2016.48V316.1z%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;
  }
}
@supports not ((-webkit-mask-position: initial) or (mask-position: initial)) {
  .app-store-preview .app-header .app-icon .app-icon-mask {
    border-radius: 22.5%;
  }
}
.app-store-preview .app-header .app-icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
@supports (-webkit-mask-position: initial) or (mask-position: initial) {
  .app-store-preview .app-header .app-icon::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%20230.5%20230.5%22%20version%3D%221.1%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.41%22%20stroke-opacity%3D%22.1%22%20stroke-width%3D%221%22%20d%3D%22M158.22%20230H72.28l-8.22-.01a320%20320%200%200%201-6.93-.11c-5.05-.06-10.09-.5-15.07-1.32a50.83%2050.83%200%200%201-14.33-4.73%2048.2%2048.2%200%200%201-21.07-21.06%2050.85%2050.85%200%200%201-4.72-14.34%20100.68%20100.68%200%200%201-1.33-15.07c-.06-2.31-.1-4.62-.1-6.93-.02-2.74-.02-5.48-.02-8.22V72.29c0-2.75%200-5.48.02-8.23a320%20320%200%200%201%20.1-6.93c.06-5.05.5-10.08%201.33-15.06a50.74%2050.74%200%200%201%204.72-14.34A48.2%2048.2%200%200%201%2027.74%206.66a51.02%2051.02%200%200%201%2014.33-4.73C47.05%201.12%2052.09.67%2057.14.61a320%20320%200%200%201%206.93-.1L72.3.5h85.92l8.23.01a320%20320%200%200%201%206.92.1c5.06.07%2010.1.5%2015.08%201.33%204.98.85%209.81%202.45%2014.33%204.72a48.19%2048.19%200%200%201%2021.07%2021.07%2050.9%2050.9%200%200%201%204.72%2014.34c.82%204.98%201.27%2010.02%201.33%2015.07a320%20320%200%200%201%20.1%206.92l.01%203.48v94.09l-.01%204.8c-.01%202.3-.05%204.62-.1%206.93-.07%205.05-.5%2010.08-1.33%2015.07a50.68%2050.68%200%200%201-4.72%2014.33%2048.2%2048.2%200%200%201-21.07%2021.07%2050.8%2050.8%200%200%201-14.33%204.73c-4.98.82-10.02%201.26-15.08%201.32a320%20320%200%200%201-6.92.1l-8.23.02z%22%20clip-rule%3D%22evenodd%22%20vector-effect%3D%22non-scaling-stroke%22%2F%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;
  }
}
@supports not ((-webkit-mask-position: initial) or (mask-position: initial)) {
  .app-store-preview .app-header .app-icon::before {
    border: 0.5px solid var(--app-border-transparent);
    border-radius: 22.5%;
  }
}
.app-store-preview .app-header .app-details {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.app-store-preview .app-header .app-details .app-name {
  font-size: 22px;
  font-weight: 600;
  color: var(--app-text-black);
  line-height: 28px;
  margin-bottom: 2px;
}
.app-store-preview .app-header .app-details .app-subtitle {
  font-size: 15px;
  font-weight: 400;
  color: var(--app-label-secondary);
  margin: 0;
  margin-right: 15px;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-store-preview .app-header .app-details .action-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
}
.app-store-preview .app-header .app-details .action-buttons .get-button {
  background: var(--app-primary-blue);
  color: var(--app-background-white);
  border: none;
  border-radius: 16px;
  padding: 6px 20px;
  font-size: 15px;
  font-weight: 600;
  min-width: 72px;
  height: 32px;
  cursor: default;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.app-store-preview .app-header .app-details .action-buttons .in-app-purchases-text {
  font-weight: 400;
  text-align: left;
  flex: 1;
  margin: 0 6px;
  color: var(--app-gray-secondary);
  font-size: 8px;
  font-weight: 400;
  line-height: 9px; /* 112.5% */
  letter-spacing: 0.25px;
}
.app-store-preview .app-header .app-details .action-buttons .share-button {
  color: var(--app-primary-blue);
  background: none;
  border: none;
  font-size: 20px;
  cursor: default;
  padding: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.app-store-preview .app-stats {
  background: var(--app-background-white);
  padding: 14px 0;
  overflow: hidden;
}
.app-store-preview .app-stats .stats-grid {
  display: flex;
  padding: 0 20px;
  gap: 0;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
  user-select: none;
  scrollbar-width: none;
}
.app-store-preview .app-stats .stats-grid::-webkit-scrollbar {
  display: none;
}
.app-store-preview .app-stats .stats-grid:active {
  cursor: grabbing;
}
.app-store-preview .app-stats .stats-grid .stat-item {
  flex: 0 0 90px;
  text-align: center;
  position: relative;
  min-width: 108px;
}
.app-store-preview .app-stats .stats-grid .stat-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 41px;
  width: 0.5px;
  background: var(--app-gray-border);
}
.app-store-preview .app-stats .stats-grid .stat-item .stat-value {
  margin-top: 9px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: 24px;
  color: var(--app-gray-subtle);
  font-family: "SF Pro Rounded";
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}
.app-store-preview .app-stats .stats-grid .stat-item .stat-value .chart-prefix {
  font-size: 16px;
  font-weight: 600;
  margin-right: 2px;
  line-height: 1;
  position: relative;
  top: 4px;
}
.app-store-preview .app-stats .stats-grid .stat-item .stat-value svg {
  display: block;
}
.app-store-preview .app-stats .stats-grid .stat-item .stat-label {
  text-transform: uppercase;
  color: var(--app-gray-icon);
  font-size: 11px;
  font-weight: 590;
  line-height: 13px; /* 118.182% */
  letter-spacing: 0.2px;
}
.app-store-preview .app-stats .stats-grid .stat-item .stat-sublabel {
  color: var(--app-label-secondary);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 138.462% */
  letter-spacing: -0.08px;
  margin-top: 8px;
}
.app-store-preview .app-stats .stats-grid .stat-item .stat-sublabel.stat-sublabel-developer {
  position: relative;
  max-width: 95px;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  margin: 8px auto 0;
}
.app-store-preview .app-stats .stats-grid .stat-item .stat-sublabel.stat-sublabel-developer::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  background: linear-gradient(to right, transparent 0%, var(--app-background-white) 70%);
  pointer-events: none;
}
.app-store-preview .app-stats .stats-grid .stat-item .star-rating {
  color: var(--app-gray-text);
  font-size: 14px;
  margin-top: 8px;
}
.app-store-preview .whats-new-section {
  background: var(--app-background-white);
  margin-top: 8px;
  padding: 20px;
}
.app-store-preview .whats-new-section .section-header {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.app-store-preview .whats-new-section .section-header .section-title {
  color: var(--app-text-black);
  font-size: 22px;
  font-weight: 700;
  line-height: 28px; /* 127.273% */
}
.app-store-preview .whats-new-section .section-header .chevron {
  color: rgba(60, 60, 67, 0.6);
  margin-left: 8px;
}
.app-store-preview .whats-new-section .section-header .chevron svg {
  height: 17px;
}
.app-store-preview .whats-new-section .version-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.app-store-preview .whats-new-section .version-info .version {
  font-size: 15px;
  color: var(--app-gray-text);
}
.app-store-preview .whats-new-section .version-info .date {
  font-size: 15px;
  color: var(--app-gray-text);
}
.app-store-preview .whats-new-section .update-description {
  color: var(--app-text-black);
  font-size: 16px;
  font-weight: 400;
  line-height: 21px; /* 131.25% */
}
.app-store-preview .whats-new-section .update-description p {
  margin: 0 0 20px;
}
.app-store-preview .whats-new-section .update-description p:last-child {
  margin-bottom: 0;
}
.app-store-preview .whats-new-section .whats-new-wrapper {
  position: relative;
}
.app-store-preview .whats-new-section .whats-new-wrapper .whats-new-truncated {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.app-store-preview .whats-new-section .whats-new-wrapper .whats-new-truncated.expanded {
  -webkit-line-clamp: unset;
  overflow: visible;
}
.app-store-preview .whats-new-section .description-wrapper, .app-store-preview .whats-new-section .whats-new-wrapper {
  position: relative;
}
.app-store-preview .whats-new-section .description-wrapper .description-truncated, .app-store-preview .whats-new-section .description-wrapper .whats-new-truncated, .app-store-preview .whats-new-section .whats-new-wrapper .description-truncated, .app-store-preview .whats-new-section .whats-new-wrapper .whats-new-truncated {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: clip;
  position: relative;
}
.app-store-preview .whats-new-section .description-wrapper .description-truncated.expanded, .app-store-preview .whats-new-section .description-wrapper .whats-new-truncated.expanded, .app-store-preview .whats-new-section .whats-new-wrapper .description-truncated.expanded, .app-store-preview .whats-new-section .whats-new-wrapper .whats-new-truncated.expanded {
  -webkit-line-clamp: unset;
  overflow: visible;
}
.app-store-preview .whats-new-section .description-wrapper .description-truncated.expanded + .more-button, .app-store-preview .whats-new-section .description-wrapper .whats-new-truncated.expanded + .more-button, .app-store-preview .whats-new-section .whats-new-wrapper .description-truncated.expanded + .more-button, .app-store-preview .whats-new-section .whats-new-wrapper .whats-new-truncated.expanded + .more-button {
  position: static;
  background: none;
  padding-left: 4px;
}
.app-store-preview .whats-new-section .description-wrapper .description-truncated.expanded + .more-button::before, .app-store-preview .whats-new-section .description-wrapper .whats-new-truncated.expanded + .more-button::before, .app-store-preview .whats-new-section .whats-new-wrapper .description-truncated.expanded + .more-button::before, .app-store-preview .whats-new-section .whats-new-wrapper .whats-new-truncated.expanded + .more-button::before {
  display: none;
}
.app-store-preview .whats-new-section .description-wrapper .more-button, .app-store-preview .whats-new-section .whats-new-wrapper .more-button {
  position: absolute;
  bottom: 0;
  right: 0;
  background: var(--app-background-white);
  border: none;
  color: var(--app-primary-blue);
  font-size: 15px;
  font-weight: 400;
  margin: 0;
  cursor: pointer;
  z-index: 1;
}
.app-store-preview .whats-new-section .description-wrapper .more-button::before, .app-store-preview .whats-new-section .whats-new-wrapper .more-button::before {
  content: "";
  position: absolute;
  left: -33px;
  top: 0;
  bottom: 0;
  width: 33px;
  background: linear-gradient(90deg, var(--app-white-transparent) 0%, var(--app-background-white) 50%);
  pointer-events: none;
}
.app-store-preview .whats-new-section .description-wrapper .more-button:hover, .app-store-preview .whats-new-section .whats-new-wrapper .more-button:hover {
  text-decoration: underline;
}
.app-store-preview .whats-new-section .developer-section {
  margin-top: 16px;
}
.app-store-preview .whats-new-section .developer-section .developer-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.app-store-preview .whats-new-section .developer-section .developer-info .developer-name {
  color: var(--app-primary-blue);
  font-size: 16px;
  font-weight: 400;
  line-height: 21px; /* 131.25% */
  letter-spacing: -0.5px;
}
.app-store-preview .whats-new-section .developer-section .developer-info .chevron-icon {
  color: var(--app-gray-icon-light);
}
.app-store-preview .whats-new-section .developer-section .developer-info .chevron-icon svg {
  height: 16px;
}
.app-store-preview .whats-new-section .developer-section .developer-label {
  color: var(--app-label-secondary);
  font-size: 13px;
  font-weight: 400;
  line-height: 18px; /* 138.462% */
  letter-spacing: -0.08px;
}
.app-store-preview .whats-new-section .rating-overview {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 24px;
}
.app-store-preview .whats-new-section .rating-overview .rating-number {
  color: var(--app-text-black);
  line-height: 1;
  font-size: 68px;
  font-weight: 700;
  letter-spacing: -3px;
}
.app-store-preview .whats-new-section .rating-overview .rating-details {
  flex: 1;
  text-align: right;
}
.app-store-preview .whats-new-section .rating-overview .rating-details .star-display {
  font-size: 22px;
  color: var(--app-text-black);
  margin-right: -2px;
}
.app-store-preview .whats-new-section .rating-overview .rating-details .star-display span {
  margin: 0 2px;
}
.app-store-preview .whats-new-section .rating-overview .rating-details .rating-count {
  color: var(--app-gray-text);
  font-size: 17px;
  font-weight: 600;
  line-height: 22px; /* 129.412% */
  letter-spacing: -0.43px;
}
.app-store-preview .whats-new-section .reviews-title {
  font-size: 17px;
  font-weight: 600;
  color: var(--app-text-black);
  margin-bottom: 16px;
  line-height: 22px; /* 129.412% */
  letter-spacing: -0.25px;
}
.app-store-preview .whats-new-section .review-card {
  background: var(--app-background-white);
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 2px 8px var(--app-shadow-light);
  border: 1px solid var(--app-shadow-lighter);
}
.app-store-preview .whats-new-section .review-card .review-title {
  font-size: 17px;
  font-weight: 600;
  color: var(--app-text-black);
  margin-bottom: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-store-preview .whats-new-section .review-card .review-metadata {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.app-store-preview .whats-new-section .review-card .review-metadata .review-stars {
  font-size: 15px;
  color: var(--app-text-black);
}
.app-store-preview .whats-new-section .review-card .review-metadata .review-info {
  font-size: 13px;
  color: var(--app-gray-text);
}
.app-store-preview .whats-new-section .review-card .review-text {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--app-label-secondary);
  font-weight: 400;
  line-height: 19px; /* 126.667% */
  letter-spacing: -0.1px;
}
.app-store-preview .whats-new-section .reviews-footer {
  margin-top: 20px;
  font-size: 15px;
  color: var(--app-label-secondary);
  font-weight: 400;
  line-height: 19px; /* 126.667% */
}
.app-store-preview .whats-new-section .reviews-footer .learn-more {
  color: var(--app-primary-blue);
}
.app-store-preview .whats-new-section .privacy-intro {
  font-size: 15px;
  color: var(--app-gray-text);
  line-height: 1.4;
  margin-bottom: 20px;
}
.app-store-preview .whats-new-section .privacy-intro .developer-name {
  color: var(--app-text-black);
}
.app-store-preview .whats-new-section .privacy-intro .privacy-policy-link {
  color: var(--app-primary-blue);
}
.app-store-preview .whats-new-section .privacy-card {
  background: var(--app-background-white);
  border-radius: 12px;
  padding: 28px 22px;
  box-shadow: 0 2px 8px var(--app-shadow-light);
  border: 1px solid var(--app-shadow-lighter);
  margin-bottom: 16px;
}
.app-store-preview .whats-new-section .privacy-card .privacy-icon-wrapper {
  text-align: center;
}
.app-store-preview .whats-new-section .privacy-card .privacy-icon-wrapper .privacy-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.app-store-preview .whats-new-section .privacy-card .privacy-title {
  color: var(--app-text-black);
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px; /* 129.412% */
  letter-spacing: -0.43px;
}
.app-store-preview .whats-new-section .privacy-card .privacy-subtitle {
  color: var(--app-label-secondary);
  text-align: center;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px; /* 131.25% */
}
.app-store-preview .whats-new-section .privacy-card .privacy-data-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 20px;
}
.app-store-preview .whats-new-section .privacy-card .privacy-data-grid .data-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.app-store-preview .whats-new-section .privacy-card .privacy-data-grid .data-item .data-icon {
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.app-store-preview .whats-new-section .privacy-card .privacy-data-grid .data-item .data-label {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px; /* 138.462% */
  letter-spacing: -0.08px;
}
.app-store-preview .whats-new-section .privacy-footer {
  font-size: 15px;
  color: var(--app-gray-text);
  line-height: 1.4;
}
.app-store-preview .whats-new-section .privacy-footer .learn-more {
  color: var(--app-primary-blue);
}
.app-store-preview .whats-new-section .info-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 0.5px solid var(--app-gray-divider);
}
.app-store-preview .whats-new-section .info-row .info-label {
  font-size: 15px;
  color: var(--app-gray-text);
}
.app-store-preview .whats-new-section .info-row .info-value {
  font-size: 15px;
  color: var(--app-text-black);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 70%;
}
.app-store-preview .whats-new-section .info-row .info-value.link {
  color: var(--app-primary-blue);
}
.app-store-preview .whats-new-section .developer-links {
  margin-top: 16px;
}
.app-store-preview .whats-new-section .developer-links .developer-link {
  color: var(--app-primary-blue);
  font-size: 15px;
  margin-bottom: 8px;
}
.app-store-preview .whats-new-section.you-might-also-like-section {
  overflow: hidden;
  position: relative;
}
.app-store-preview .whats-new-section .app-cards-container {
  position: relative;
  margin: 0 -20px;
}
.app-store-preview .whats-new-section .app-cards .app-card {
  display: flex;
  align-items: flex-start;
  padding: 4px;
  margin: 0 12px 6px 20px;
  background: var(--app-background-white);
  position: relative;
}
.app-store-preview .whats-new-section .app-cards .app-card:first-child {
  background: var(--app-light-blue-bg);
  border: 1px solid var(--app-light-blue-border);
  border-radius: 15px;
}
.app-store-preview .whats-new-section .app-cards .app-card:first-child .app-details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 64px;
}
.app-store-preview .whats-new-section .app-cards .app-card:nth-child(2)::after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 78px;
  right: 4px;
  height: 1px;
  background: var(--app-gray-medium);
  box-shadow: 0 1px 1px var(--app-shadow-subtle);
  z-index: 9999;
}
.app-store-preview .whats-new-section .app-cards .app-card .app-icon {
  width: 64px;
  height: 64px;
  border-radius: 13.4px;
  margin-right: 10px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-store-preview .whats-new-section .app-cards .app-card .app-icon.app-icon-placeholder-1 {
  background: var(--app-gradient-dark);
}
.app-store-preview .whats-new-section .app-cards .app-card .app-icon.app-icon-placeholder-2 {
  background: var(--app-gradient-cyan);
}
.app-store-preview .whats-new-section .app-cards .app-card .app-icon.app-icon-placeholder-3 {
  background: var(--app-gradient-green);
}
.app-store-preview .whats-new-section .app-cards .app-card .app-details {
  flex: 1;
  min-width: 0;
  align-self: center;
}
.app-store-preview .whats-new-section .app-cards .app-card .app-details .app-text {
  display: flex;
  flex-direction: column;
}
.app-store-preview .whats-new-section .app-cards .app-card .app-details .app-name {
  color: var(--app-text-black);
  margin-bottom: 2px;
  font-size: 17px;
  line-height: 22px; /* 129.412% */
  letter-spacing: -0.43px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-store-preview .whats-new-section .app-cards .app-card .app-details .app-subtitle {
  color: var(--app-label-secondary);
  font-size: 13px;
  font-weight: 400;
  line-height: 18px; /* 138.462% */
  letter-spacing: -0.08px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-store-preview .whats-new-section .app-cards .app-card .app-details .app-label {
  color: var(--app-background-white);
  font-size: 10px;
  letter-spacing: -0.31px;
  display: inline-flex;
  width: 26px;
  height: 16px;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background: var(--app-blue-badge);
  align-self: flex-start;
}
.app-store-preview .whats-new-section .app-cards .app-card .app-action {
  text-align: right;
}
.app-store-preview .whats-new-section .app-cards .app-card .app-action .get-button {
  background: var(--app-gray-tertiary);
  color: var(--app-primary-blue);
  border-radius: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
  width: 76px;
  height: 32px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.31px;
  margin-top: 15px;
}
.app-card:first-child .app-store-preview .whats-new-section .app-cards .app-card .app-action .get-button {
  background: var(--app-background-white);
}
.app-store-preview .whats-new-section .app-cards .app-card .app-action .in-app-purchases {
  color: var(--app-label-secondary);
  font-size: 8px;
  font-weight: 400;
  line-height: 13px; /* 162.5% */
  letter-spacing: 0.25px;
}
.app-store-preview .whats-new-section .preview-icons {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 20px;
  pointer-events: none;
}
.app-store-preview .whats-new-section .preview-icons .preview-icon {
  position: absolute;
  right: -57px;
  width: 64px;
  height: 64px;
}
.app-store-preview .whats-new-section .preview-icons .preview-icon.preview-icon-1 {
  top: 5px;
  background: var(--app-gradient-red);
}
.app-store-preview .whats-new-section .preview-icons .preview-icon.preview-icon-2 {
  top: 84px;
  background: var(--app-gradient-purple);
}
.app-store-preview .whats-new-section .preview-icons .preview-icon.preview-icon-3 {
  top: 162px;
  background: var(--app-gradient-pink);
}
.app-store-preview .preview-section {
  background: var(--app-background-white);
  padding: 10px 20px 0;
}
.app-store-preview .preview-section .preview-grid {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 4px;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
  user-select: none;
  scroll-snap-type: x mandatory;
  scroll-padding-left: 0;
  scrollbar-width: none;
  position: relative;
}
.app-store-preview .preview-section .preview-grid:active {
  cursor: grabbing;
}
.app-store-preview .preview-section .preview-grid::-webkit-scrollbar {
  display: none;
}
.app-store-preview .preview-section .preview-grid .preview-item {
  flex-shrink: 0;
  width: 235px;
  height: 508px;
  position: relative;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}
.app-store-preview .preview-section .preview-grid .preview-item.iphone_5_5 {
  height: 417.77777778px;
}
.app-store-preview .preview-section .preview-grid .preview-item .screenshot-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12.8%/5.7%;
}
.app-store-preview .preview-section .preview-grid .preview-item::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12.8%/5.7%;
  pointer-events: none;
  border: 1px solid var(--app-border-dark);
  box-shadow: inset 0 1px 2px var(--app-shadow-dark), inset 0 0 0 0.5px var(--app-white-subtle);
}
.app-store-preview .device-icons-container {
  background: var(--app-background-white);
  padding: 14px 20px 17px 4px;
  border-bottom: 1px solid var(--app-gray-medium);
  margin-left: 20px;
}
.app-store-preview .device-icons-container .device-icons {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--app-gray-text);
  font-size: 13px;
}
.app-store-preview .device-icons-container .device-icons .device-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-store-preview .device-icons-container .device-icons .device-icon svg {
  color: var(--app-gray-text);
}
.app-store-preview .device-icons-container .device-icons .device-label {
  margin-left: 4px;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}
.app-store-preview .feature-banner {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}
.app-store-preview .feature-banner:hover {
  transform: scale(1.02);
}
.app-store-preview .scrollable-content {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  background: var(--app-background-white);
  padding-top: 98px;
  scrollbar-width: none;
}
.app-store-preview .scrollable-content::-webkit-scrollbar {
  width: 3px;
}
.app-store-preview .scrollable-content::-webkit-scrollbar-track {
  background: transparent;
}
.app-store-preview .scrollable-content::-webkit-scrollbar-thumb {
  background: var(--app-scroll-thumb);
  border-radius: 2px;
  transition: background-color 0.2s ease;
}
.app-store-preview .scrollable-content::-webkit-scrollbar-thumb:hover {
  background: var(--app-scroll-thumb-hover);
}
.app-store-preview .scrollable-content .ios-scroll-indicator {
  position: absolute;
  right: 2px;
  width: 2px;
  background: var(--app-scroll-indicator);
  border-radius: 1px;
  pointer-events: none;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.2s ease;
  box-shadow: 0 0 1px var(--app-white-transparent);
  will-change: opacity, top, height;
}
.app-store-preview .scrollable-content.scrolling .ios-scroll-indicator {
  opacity: 0.65;
  transition: opacity 0.05s ease;
}
.app-store-preview .scrollable-content::after {
  content: "";
  position: sticky;
  bottom: 0;
  display: block;
  height: 15px;
  background: linear-gradient(transparent, var(--app-gray-fade));
  pointer-events: none;
  margin-top: -15px;
  z-index: 5;
}
.app-store-preview .bottom-nav {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--app-gray-light);
  border-top: 0.5px solid var(--app-gray-border);
  padding: 8px 0 34px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-shrink: 0;
}
.app-store-preview .bottom-nav .nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: var(--app-gray-text);
  min-width: 44px;
  cursor: default;
}
.app-store-preview .bottom-nav .nav-item.active {
  color: var(--app-primary-blue);
}
.app-store-preview .bottom-nav .nav-item .nav-icon {
  width: 24px;
  height: 24px;
  margin-bottom: 4px;
  background: currentColor;
  border-radius: 2px;
}
.app-store-preview .bottom-nav .nav-item .nav-icon.icon-today {
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0 85%);
}
.app-store-preview .bottom-nav .nav-item .nav-icon.icon-games {
  border-radius: 50%;
}
.app-store-preview .bottom-nav .nav-item .nav-icon.icon-apps {
  border-radius: 4px;
}
.app-store-preview .bottom-nav .nav-item .nav-icon.icon-arcade {
  clip-path: polygon(20% 0%, 80% 0%, 100% 50%, 80% 100%, 20% 100%, 0% 50%);
}
.app-store-preview .bottom-nav .nav-item .nav-icon.icon-search {
  border-radius: 50%;
  position: relative;
}
.app-store-preview .bottom-nav .nav-item .nav-icon.icon-search::after {
  content: "";
  position: absolute;
  top: 70%;
  right: 30%;
  width: 8px;
  height: 2px;
  background: currentColor;
  transform: rotate(45deg);
}
.app-store-preview .bottom-nav .nav-item .nav-label {
  font-size: 10px;
  font-weight: 400;
}
.app-store-preview .home-indicator {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 134px;
  height: 5px;
  background: var(--app-text-black);
  border-radius: 2.5px;
}

@media (max-width: 1024px) {
  .app-store-preview .phone-frame {
    transform: scale(0.9);
  }
}
@media (max-width: 768px) {
  .app-store-preview .phone-frame {
    transform: scale(0.8);
  }
}
.app-store-preview .star-filled {
  color: var(--app-star-filled);
}
.app-store-preview .star-filled-gray {
  color: var(--app-star-filled-gray);
}
.app-store-preview .star-empty {
  color: var(--app-star-empty);
}
.app-store-preview .star-half {
  background: linear-gradient(90deg, var(--app-star-filled) 50%, var(--app-star-empty) 50%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  display: inline-block;
  position: relative;
}
.app-store-preview .star-half.star-half-gray {
  background: linear-gradient(90deg, var(--app-star-filled-gray) 50%, var(--app-star-empty) 50%);
}
.app-store-preview .stat-item .star-rating .star-half {
  position: relative;
  line-height: 1;
}

:root {
  --ios-label: #000000;
  --ios-secondary-label: #3c3c43;
  --ios-tertiary-label: #3c3c43;
  --ios-quaternary-label: #3c3c43;
  --ios-placeholder: #3c3c43;
  --ios-separator: #3c3c43;
  --ios-opaque-separator: #c6c6c8;
  --ios-system-fill: #787880;
  --ios-secondary-system-fill: #787880;
  --ios-tertiary-system-fill: #767680;
  --ios-quaternary-system-fill: #747480;
  --ios-system-bg: #ffffff;
  --ios-secondary-system-bg: #f2f2f7;
  --ios-tertiary-system-bg: #ffffff;
  --ios-system-grouped-bg: #f2f2f7;
  --ios-secondary-grouped-bg: #ffffff;
  --ios-tertiary-grouped-bg: #f2f2f7;
  --ios-blue: #007aff;
  --ios-green: #34c759;
  --ios-indigo: #5856d6;
  --ios-orange: #ff9500;
  --ios-pink: #ff2d55;
  --ios-purple: #af52de;
  --ios-red: #ff3b30;
  --ios-teal: #5ac8fa;
  --ios-yellow: #ffcc00;
  --ios-gray: #8e8e93;
  --ios-gray-2: #aeaeb2;
  --ios-gray-3: #c7c7cc;
  --ios-gray-4: #d1d1d6;
  --ios-gray-5: #e5e5ea;
  --ios-gray-6: #f2f2f7;
  --ios-spacing-xs: 4px;
  --ios-spacing-sm: 8px;
  --ios-spacing-md: 16px;
  --ios-spacing-lg: 20px;
  --ios-spacing-xl: 24px;
  --ios-font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --ios-text-xs: 11px;
  --ios-text-sm: 13px;
  --ios-text-md: 15px;
  --ios-text-base: 17px;
  --ios-text-lg: 20px;
  --ios-text-xl: 22px;
  --ios-text-2xl: 28px;
  --ios-text-3xl: 34px;
  --ios-radius-sm: 6px;
  --ios-radius-md: 10px;
  --ios-radius-lg: 14px;
  --ios-radius-xl: 20px;
  --ios-radius-full: 9999px;
  --ios-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --ios-shadow-md: 0 3px 8px rgba(0, 0, 0, 0.12);
  --ios-shadow-lg: 0 10px 20px rgba(0, 0, 0, 0.15);
  --ios-navbar-height: 44px;
  --ios-tabbar-height: 49px;
  --ios-list-item-height: 44px;
  --ios-button-height: 44px;
  --ios-input-height: 44px;
  --ios-status-bar-height: 44px;
  --ios-status-bar-padding-top: 21px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --ios-label: #ffffff;
    --ios-secondary-label: #ebebf5;
    --ios-tertiary-label: #c4c4c6;
    --ios-quaternary-label: #8e8e93;
    --ios-placeholder: #8e8e93;
    --ios-separator: #38383a;
    --ios-opaque-separator: #38383a;
    --ios-system-bg: #000000;
    --ios-secondary-system-bg: #1c1c1e;
    --ios-tertiary-system-bg: #2c2c2e;
    --ios-system-grouped-bg: #000000;
    --ios-secondary-grouped-bg: #1c1c1e;
    --ios-tertiary-grouped-bg: #2c2c2e;
  }
}
:root {
  --ios-app-icon-mask: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.41%22%20clip-rule%3D%22evenodd%22%20version%3D%221.1%22%20viewBox%3D%220%200%20460%20460%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M460%20316.1c0%205.5%200%2010.99-.04%2016.48-.03%204.63-.08%209.26-.2%2013.88a201.73%20201.73%200%200%201-2.66%2030.21c-1.71%2010-4.9%2019.68-9.47%2028.73a96.6%2096.6%200%200%201-42.23%2042.23%20101.86%20101.86%200%200%201-28.71%209.46c-10%201.65-20.1%202.54-30.22%202.66a649%20649%200%200%201-13.88.21c-5.5.03-10.99.03-16.48.03H143.89c-5.49%200-10.98%200-16.48-.03a648.8%20648.8%200%200%201-13.88-.2%20201.46%20201.46%200%200%201-30.22-2.67c-9.99-1.7-19.67-4.9-28.71-9.46a96.61%2096.61%200%200%201-42.23-42.22%20101.96%20101.96%200%200%201-9.47-28.74%20201.6%20201.6%200%200%201-2.66-30.2c-.12-4.63-.18-9.26-.2-13.89C0%20327.08%200%20321.6%200%20316.1V143.9c0-5.5%200-11%20.04-16.5.02-4.62.08-9.25.2-13.87a201.64%20201.64%200%200%201%202.66-30.2c1.71-10%204.9-19.68%209.47-28.74A96.6%2096.6%200%200%201%2054.6%2012.36%20101.96%20101.96%200%200%201%2083.3%202.9c10-1.64%2020.1-2.53%2030.22-2.66%204.63-.12%209.26-.18%2013.88-.2%205.5-.03%2011-.03%2016.48-.03H316.1c5.5%200%2011%200%2016.49.03a649%20649%200%200%201%2013.88.2c10.12.13%2020.22%201.02%2030.21%202.66%2010%201.71%2019.67%204.9%2028.72%209.46a96.58%2096.58%200%200%201%2042.24%2042.23%20101.92%20101.92%200%200%201%209.46%2028.73%20201.7%20201.7%200%200%201%202.66%2030.21c.12%204.63.18%209.26.2%2013.88.04%205.5.04%2010.99.04%2016.48V316.1z%22%2F%3E%3C%2Fsvg%3E%0A);
}

.app-icon-mask {
  -webkit-mask: var(--ios-app-icon-mask) center/100% 100% no-repeat;
  mask: var(--ios-app-icon-mask) center/100% 100% no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.app-icon-clip {
  clip-path: path("M460 316.1c0 5.5 0 10.99-.04 16.48-.03 4.63-.08 9.26-.2 13.88a201.73 201.73 0 01-2.66 30.21c-1.71 10-4.9 19.68-9.47 28.73a96.6 96.6 0 01-42.23 42.23 101.86 101.86 0 01-28.71 9.46c-10 1.65-20.1 2.54-30.22 2.66a649 649 0 01-13.88.21c-5.5.03-10.99.03-16.48.03H143.89c-5.49 0-10.98 0-16.48-.03a648.8 648.8 0 01-13.88-.2 201.46 201.46 0 01-30.22-2.67c-9.99-1.7-19.67-4.9-28.71-9.46a96.61 96.61 0 01-42.23-42.22 101.96 101.96 0 01-9.47-28.74 201.6 201.6 0 01-2.66-30.2c-.12-4.63-.18-9.26-.2-13.89C0 327.08 0 321.6 0 316.1V143.9c0-5.5 0-11 .04-16.5.02-4.62.08-9.25.2-13.87a201.64 201.64 0 012.66-30.2c1.71-10 4.9-19.68 9.47-28.74A96.6 96.6 0 0154.6 12.36 101.96 101.96 0 0183.3 2.9c10-1.64 20.1-2.53 30.22-2.66 4.63-.12 9.26-.18 13.88-.2 5.5-.03 11-.03 16.48-.03H316.1c5.5 0 11 0 16.49.03a649 649 0 0113.88.2c10.12.13 20.22 1.02 30.21 2.66 10 1.71 19.67 4.9 28.72 9.46a96.58 96.58 0 0142.24 42.23 101.92 101.92 0 019.46 28.73 201.7 201.7 0 012.66 30.21c.12 4.63.18 9.26.2 13.88.04 5.5.04 10.99.04 16.48V316.1z");
}

.app-icon-xs {
  width: 29px;
  height: 29px;
}

.app-icon-sm {
  width: 40px;
  height: 40px;
}

.app-icon-md {
  width: 60px;
  height: 60px;
}

.app-icon-lg {
  width: 120px;
  height: 120px;
}

.app-icon-xl {
  width: 180px;
  height: 180px;
}

img.app-icon-mask {
  object-fit: cover;
  display: block;
}

.html-preview-container {
  contain: layout style;
}
.html-preview-container .html-preview * {
  max-width: 100% !important;
  max-height: none !important;
  position: static !important;
  z-index: auto !important;
  transform: none !important;
}
.html-preview-container .html-preview img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0.5rem 0;
}
.html-preview-container .html-preview h1, .html-preview-container .html-preview h2, .html-preview-container .html-preview h3, .html-preview-container .html-preview h4, .html-preview-container .html-preview h5, .html-preview-container .html-preview h6 {
  font-size: inherit !important;
  line-height: inherit !important;
  margin: 0.5rem 0 !important;
}
.html-preview-container .html-preview script, .html-preview-container .html-preview style, .html-preview-container .html-preview link, .html-preview-container .html-preview meta, .html-preview-container .html-preview iframe, .html-preview-container .html-preview object, .html-preview-container .html-preview embed {
  display: none !important;
}
.html-preview-container .html-preview table {
  max-width: 100%;
  table-layout: fixed;
  word-wrap: break-word;
}
.html-preview-container .html-preview p, .html-preview-container .html-preview div, .html-preview-container .html-preview span {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.clipboard-item pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  max-height: 300px;
  overflow-y: auto;
}

.clipboard-image img {
  max-width: 100%;
  height: auto;
  border-radius: 0.375rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

/* Clipboard Items Styles */
.clipboard-item .html-preview {
  max-height: 200px;
  overflow-y: auto;
}

.clipboard-item .html-preview * {
  max-width: 100% !important;
}

.clipboard-item .html-preview img {
  max-width: 100%;
  height: auto;
}

.clipboard-item .html-preview script,
.clipboard-item .html-preview style,
.clipboard-item .html-preview link,
.clipboard-item .html-preview meta {
  display: none !important;
}

.clipboard-item pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  max-height: 300px;
  overflow-y: auto;
}

/* Image clipboard items */
.clipboard-image img {
  max-width: 100%;
  height: auto;
  border-radius: 0.375rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

#app-icon-preview .d-aip-none {
  display: none !important;
}
#app-icon-preview .d-aip-block {
  display: block !important;
}
#app-icon-preview .d-aip-flex {
  display: flex !important;
}
#app-icon-preview .d-aip-grid {
  display: grid !important;
}

/*# sourceMappingURL=/assets/application-dccc677f.css.map */