html[data-accountdb-theme="accountdb-default"] {
  --accountdb-theme-name: "AccountDB Current";
  --accountdb-theme-canvas: #070b10;
  --accountdb-theme-surface: #0d1117;
  --accountdb-theme-panel: #151922;
  --accountdb-theme-text: #f8fafc;
  --accountdb-theme-muted: rgba(248, 250, 252, 0.58);
  --accountdb-theme-accent: #fb923c;
  --accountdb-theme-radius: 24px;
  --accountdb-theme-font: var(--font-primary), Vazirmatn, Tahoma, Arial, sans-serif;
}

html[data-accountdb-theme="accountdb-default"] body {
  font-family: var(--accountdb-theme-font);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-theme-update-panel {
  border-color: rgb(103 232 249 / 0.14);
  background:
    linear-gradient(135deg, rgb(103 232 249 / 0.055), transparent 62%),
    rgb(2 6 23 / 0.18);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.025);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-theme-update-status {
  letter-spacing: 0.01em;
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-theme-update-status-available {
  border-color: transparent;
  background: #fdba74;
  color: #431407;
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-theme-update-status-current {
  border-color: rgb(110 231 183 / 0.12);
  background: rgb(110 231 183 / 0.1);
  color: #d1fae5;
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-theme-update-token {
  border-color: rgb(255 255 255 / 0.1);
  background: rgb(2 6 23 / 0.32);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-theme-update-token:focus {
  border-color: rgb(103 232 249 / 0.42);
  box-shadow: 0 0 0 3px rgb(103 232 249 / 0.08);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-theme-update-check {
  border-color: rgb(103 232 249 / 0.18);
  background: rgb(103 232 249 / 0.08);
  color: #ecfeff;
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-theme-update-check:hover:not(:disabled) {
  border-color: rgb(103 232 249 / 0.34);
  background: rgb(103 232 249 / 0.14);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-theme-update-apply {
  border-color: transparent;
  background: #fdba74;
  color: #431407;
  box-shadow: 0 8px 24px rgb(251 146 60 / 0.12);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-theme-update-apply:hover:not(:disabled) {
  background: #fed7aa;
  box-shadow: 0 10px 30px rgb(251 146 60 / 0.2);
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-storefront-switch-icon {
  transition:
    opacity var(--accountdb-storefront-switch-effect-duration, 320ms) ease,
    transform var(--accountdb-storefront-switch-effect-duration, 320ms)
      cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-storefront-switch-icon-stage[data-effect="slide"]
  .accountdb-storefront-switch-icon-next {
  transform: translateY(100%);
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-storefront-switch-icon-stage[data-effect="slide"][data-animating="true"]
  .accountdb-storefront-switch-icon-current {
  transform: translateY(-100%);
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-storefront-switch-icon-stage[data-effect="slide"][data-animating="true"]
  .accountdb-storefront-switch-icon-next {
  transform: translateY(0);
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-storefront-switch-icon-stage[data-effect="fade"]
  .accountdb-storefront-switch-icon {
  transform: none;
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-storefront-switch-icon-stage[data-effect="scale"]
  .accountdb-storefront-switch-icon-next {
  transform: scale(1.4);
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-storefront-switch-icon-stage[data-effect="scale"][data-animating="true"]
  .accountdb-storefront-switch-icon-current {
  transform: scale(0.55);
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-storefront-switch-icon-stage[data-effect="scale"][data-animating="true"]
  .accountdb-storefront-switch-icon-next {
  transform: scale(1);
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-storefront-switch-icon-stage[data-effect="flip"]
  .accountdb-storefront-switch-icon-next {
  transform: rotateY(-90deg);
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-storefront-switch-icon-stage[data-effect="flip"][data-animating="true"]
  .accountdb-storefront-switch-icon-current {
  transform: rotateY(90deg);
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-storefront-switch-icon-stage[data-effect="flip"][data-animating="true"]
  .accountdb-storefront-switch-icon-next {
  transform: rotateY(0);
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-storefront-switch-icon-stage[data-effect="none"]
  .accountdb-storefront-switch-icon {
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  html[data-accountdb-theme="accountdb-default"]
    .accountdb-storefront-switch-icon {
    transition: none;
  }
}

html[data-accountdb-theme="accountdb-default"] .accountdb-app-hero {
  min-height: 31rem;
  isolation: isolate;
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-app-hero[data-hero-style="showcase"]
  .accountdb-app-hero-media {
  inset: 0 !important;
  width: 100% !important;
  opacity: 0.58 !important;
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-app-hero[data-hero-style="showcase"]
  .accountdb-app-hero-media
  img {
  filter: saturate(1.08) contrast(1.04) !important;
  transform: scale(1.03) !important;
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-app-hero[data-hero-style="showcase"]
  .accountdb-app-hero-scrim {
  background: linear-gradient(
    90deg,
    rgb(247 244 255 / 0.16),
    rgb(247 244 255 / 0.9) 48%,
    #f7f4ff 72%
  ) !important;
}

html[data-accountdb-theme="accountdb-default"][dir="ltr"]
  .accountdb-app-hero[data-hero-style="showcase"]
  .accountdb-app-hero-scrim {
  background: linear-gradient(
    90deg,
    #f7f4ff 28%,
    rgb(247 244 255 / 0.9) 52%,
    rgb(247 244 255 / 0.16)
  ) !important;
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-app-hero[data-hero-style="split"]
  .accountdb-app-hero-media {
  inset-block: 2rem !important;
  inset-inline-end: 2rem !important;
  width: 42% !important;
  border: 1px solid rgb(109 40 217 / 0.16);
  border-radius: 2rem;
  opacity: 1 !important;
  box-shadow: 0 24px 70px rgb(70 50 130 / 0.16);
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-app-hero[data-hero-style="split"]
  .accountdb-app-hero-media
  img {
  filter: none !important;
  transform: none !important;
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-app-hero[data-hero-style="split"]
  .accountdb-app-hero-scrim {
  background: linear-gradient(90deg, transparent 40%, rgb(23 32 51 / 0.3)) !important;
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-app-hero[data-hero-style="split"]
  .accountdb-app-hero-content {
  max-width: 52%;
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-app-hero[data-hero-style="spotlight"]
  .accountdb-app-hero-media {
  inset: -8% !important;
  width: 116% !important;
  opacity: 0.5 !important;
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-app-hero[data-hero-style="spotlight"]
  .accountdb-app-hero-media
  img {
  filter: blur(12px) saturate(1.25) !important;
  transform: scale(1.13) !important;
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-app-hero[data-hero-style="spotlight"]
  .accountdb-app-hero-scrim {
  background:
    radial-gradient(circle at 25% 50%, transparent 0 16%, rgb(247 244 255 / 0.45) 48%),
    linear-gradient(90deg, rgb(247 244 255 / 0.42), #f7f4ff 76%) !important;
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-app-hero[data-hero-style="minimal"] {
  min-height: 26rem;
  background:
    radial-gradient(circle at 16% 18%, rgb(167 139 250 / 0.2), transparent 30%),
    radial-gradient(circle at 82% 78%, rgb(244 114 182 / 0.14), transparent 34%),
    rgb(255 255 255 / 0.72);
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-app-hero[data-hero-style="minimal"]
  .accountdb-app-hero-media {
  display: none !important;
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-app-hero[data-hero-style="minimal"]
  .accountdb-app-hero-content {
  max-width: 62rem;
  margin-inline: auto;
  text-align: center;
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-app-hero[data-hero-style="minimal"]
  .accountdb-app-hero-content
  > * {
  margin-inline: auto;
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-app-hero[data-hero-style="minimal"]
  .accountdb-app-hero-content
  > div {
  justify-content: center;
}

html[data-accountdb-theme="accountdb-default"][data-theme="dark"]
  .accountdb-app-hero[data-hero-style="showcase"]
  .accountdb-app-hero-scrim {
  background: linear-gradient(
    90deg,
    rgb(18 16 26 / 0.08),
    rgb(18 16 26 / 0.88) 48%,
    #12101a 72%
  ) !important;
}

html[data-accountdb-theme="accountdb-default"][data-theme="dark"][dir="ltr"]
  .accountdb-app-hero[data-hero-style="showcase"]
  .accountdb-app-hero-scrim {
  background: linear-gradient(
    90deg,
    #12101a 28%,
    rgb(18 16 26 / 0.88) 52%,
    rgb(18 16 26 / 0.08)
  ) !important;
}

html[data-accountdb-theme="accountdb-default"][data-theme="dark"]
  .accountdb-app-hero[data-hero-style="spotlight"]
  .accountdb-app-hero-scrim {
  background:
    radial-gradient(circle at 25% 50%, transparent 0 16%, rgb(18 16 26 / 0.52) 48%),
    linear-gradient(90deg, rgb(18 16 26 / 0.5), #12101a 78%) !important;
}

html[data-accountdb-theme="accountdb-default"][data-theme="dark"]
  .accountdb-app-hero[data-hero-style="minimal"] {
  background:
    radial-gradient(circle at 16% 18%, rgb(139 92 246 / 0.22), transparent 30%),
    radial-gradient(circle at 82% 78%, rgb(236 72 153 / 0.16), transparent 34%),
    rgb(255 255 255 / 0.045);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-app-hero-style-option[data-hero-style="showcase"]
  .accountdb-app-hero-style-preview-media,
html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-app-hero-style-option[data-hero-style="spotlight"]
  .accountdb-app-hero-style-preview-media {
  inset: 0;
  width: 100%;
  border-radius: 0;
  opacity: 0.7;
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-app-hero-style-option[data-hero-style="spotlight"]
  .accountdb-app-hero-style-preview-media {
  filter: blur(7px);
  transform: scale(1.18);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-app-hero-style-option[data-hero-style="minimal"]
  .accountdb-app-hero-style-preview-media {
  display: none;
}

html[data-accountdb-theme="accountdb-default"]
  .accountdb-product-reviews-layout[data-empty="true"]
  .accountdb-product-review-form {
  max-width: none;
}

@media (max-width: 1023px) {
  html[data-accountdb-theme="accountdb-default"] .accountdb-app-hero {
    min-height: auto;
  }

  html[data-accountdb-theme="accountdb-default"]
    .accountdb-app-hero[data-hero-style="split"]
    .accountdb-app-hero-content {
    max-width: none;
  }
}

/* Admin catalog editor ---------------------------------------------------- */
html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"] {
  --accountdb-admin-editor-canvas: #0b1017;
  --accountdb-admin-editor-surface: #111821;
  --accountdb-admin-editor-raised: #17202b;
  --accountdb-admin-editor-field: #0e141d;
  --accountdb-admin-editor-border: rgb(255 255 255 / 0.09);
  --accountdb-admin-editor-border-strong: rgb(251 146 60 / 0.24);
  --accountdb-admin-editor-copy: #f8fafc;
  --accountdb-admin-editor-muted: rgb(226 232 240 / 0.52);
  --accountdb-admin-editor-accent-soft: rgb(251 146 60 / 0.09);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"][data-theme="light"] {
  --accountdb-admin-editor-canvas: #f5f7fb;
  --accountdb-admin-editor-surface: #ffffff;
  --accountdb-admin-editor-raised: #f8fafc;
  --accountdb-admin-editor-field: #ffffff;
  --accountdb-admin-editor-border: rgb(15 23 42 / 0.1);
  --accountdb-admin-editor-border-strong: rgb(234 88 12 / 0.24);
  --accountdb-admin-editor-copy: #111827;
  --accountdb-admin-editor-muted: rgb(51 65 85 / 0.68);
  --accountdb-admin-editor-accent-soft: rgb(249 115 22 / 0.08);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-product-workspace {
  border-color: var(--accountdb-admin-editor-border);
  background: var(--accountdb-admin-editor-canvas);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.025);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-product-page-heading {
  margin-block-end: 1rem;
  padding-block-end: 1rem;
  border-block-end: 1px solid var(--accountdb-admin-editor-border);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-product-editor {
  margin-block-start: 0;
  padding: clamp(0.8rem, 2vw, 1.35rem);
  border-color: var(--accountdb-admin-editor-border);
  border-radius: 1.5rem;
  background: var(--accountdb-admin-editor-surface);
  box-shadow: 0 22px 70px rgb(0 0 0 / 0.14);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-product-editor-header {
  margin-block-end: 1rem;
  padding: 0.25rem 0.25rem 1rem;
  border-block-end: 1px solid var(--accountdb-admin-editor-border);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-product-editor-header
  > a {
  display: none;
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-product-fields,
html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-package-fields {
  gap: 0.85rem;
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-editor-section-heading,
html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-package-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-width: 0;
  margin-block-start: 0.35rem;
  padding: 0.9rem 1rem;
  border: 1px solid var(--accountdb-admin-editor-border-strong);
  border-radius: 1rem;
  background:
    linear-gradient(110deg, var(--accountdb-admin-editor-accent-soft), transparent 64%),
    var(--accountdb-admin-editor-raised);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-editor-section-heading:first-child,
html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-package-section-heading:first-child {
  margin-block-start: 0;
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-editor-section-heading h4,
html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-package-section-heading h5 {
  color: var(--accountdb-admin-editor-copy);
  font-size: 0.86rem;
  font-weight: 900;
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-editor-section-heading p,
html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-package-section-heading p {
  margin-block-start: 0.25rem;
  color: var(--accountdb-admin-editor-muted);
  font-size: 0.69rem;
  font-weight: 700;
  line-height: 1.75;
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-editor-section-heading
  > span,
html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-package-section-heading
  > span {
  flex: 0 0 auto;
  padding: 0.38rem 0.65rem;
  border: 1px solid var(--accountdb-admin-editor-border);
  border-radius: 999px;
  background: var(--accountdb-admin-editor-field);
  color: var(--accountdb-admin-editor-muted);
  font-size: 0.62rem;
  font-weight: 900;
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  :is(.accountdb-admin-product-editor, .accountdb-admin-package-editor)
  :is(input, textarea, select) {
  border-color: var(--accountdb-admin-editor-border);
  background: var(--accountdb-admin-editor-field);
  color: var(--accountdb-admin-editor-copy);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.025);
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  :is(.accountdb-admin-product-editor, .accountdb-admin-package-editor)
  :is(input, textarea, select):focus {
  border-color: rgb(251 146 60 / 0.56);
  box-shadow: 0 0 0 3px rgb(251 146 60 / 0.1);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  :is(.accountdb-admin-product-editor, .accountdb-admin-package-editor)
  label {
  color: var(--accountdb-admin-editor-muted);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-product-switch,
html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-system-requirements,
html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-package-discount {
  border-color: var(--accountdb-admin-editor-border);
  background: var(--accountdb-admin-editor-raised);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-product-actions {
  align-items: center;
  justify-content: flex-start;
  margin: 1rem -0.25rem 0;
  padding: 0.75rem;
  border: 1px solid var(--accountdb-admin-editor-border);
  border-radius: 1rem;
  background: color-mix(in srgb, var(--accountdb-admin-editor-surface) 90%, transparent);
  box-shadow: 0 16px 38px rgb(0 0 0 / 0.18);
  backdrop-filter: blur(18px);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  :is(.accountdb-admin-product-editor, .accountdb-admin-package-manager)
  [class~="text-white"] {
  color: var(--accountdb-admin-editor-copy);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  :is(.accountdb-admin-product-editor, .accountdb-admin-package-manager)
  [class*="text-white/"] {
  color: var(--accountdb-admin-editor-muted);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"][data-theme="light"]
  :is(.accountdb-admin-product-editor, .accountdb-admin-package-manager)
  [class*="bg-black/"] {
  background: var(--accountdb-admin-editor-raised);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"][data-theme="light"]
  :is(.accountdb-admin-product-editor, .accountdb-admin-package-manager)
  [class*="bg-white/"] {
  background: rgb(15 23 42 / 0.045);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"][data-theme="light"]
  :is(.accountdb-admin-product-editor, .accountdb-admin-package-manager)
  [class*="border-white/"] {
  border-color: var(--accountdb-admin-editor-border);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-package-manager {
  margin-block-start: 1.5rem;
  padding: clamp(0.85rem, 2vw, 1.25rem);
  border-color: var(--accountdb-admin-editor-border-strong);
  border-radius: 1.4rem;
  background:
    radial-gradient(circle at 8% 0%, var(--accountdb-admin-editor-accent-soft), transparent 28rem),
    var(--accountdb-admin-editor-canvas);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-package-manager-header {
  padding: 0.25rem;
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-package-toolbar,
html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-package-editor {
  border-color: var(--accountdb-admin-editor-border);
  background: var(--accountdb-admin-editor-surface);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-package-toolbar {
  align-items: center;
  box-shadow: 0 14px 32px rgb(0 0 0 / 0.08);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-package-card {
  border-color: var(--accountdb-admin-editor-border);
  background: var(--accountdb-admin-editor-raised);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.025);
  transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-package-card:hover {
  border-color: var(--accountdb-admin-editor-border-strong);
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgb(0 0 0 / 0.1);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-package-editor {
  padding: clamp(0.85rem, 2vw, 1.25rem);
  box-shadow: 0 18px 46px rgb(0 0 0 / 0.1);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-package-editor-header {
  padding-block-end: 1rem;
  border-block-end: 1px solid var(--accountdb-admin-editor-border);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-package-manual-detail {
  overflow: clip;
  border-color: var(--accountdb-admin-editor-border);
  background: var(--accountdb-admin-editor-raised);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-package-manual-detail-summary {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 1rem;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-package-manual-detail-summary::-webkit-details-marker {
  display: none;
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-package-manual-detail-summary:hover {
  background: var(--accountdb-admin-editor-accent-soft);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-package-manual-detail-summary:focus-visible {
  outline: 3px solid rgb(251 146 60 / 0.28);
  outline-offset: -3px;
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-package-manual-detail-state {
  display: flex;
  flex: 0 0 auto;
  width: 2.4rem;
  height: 2.4rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--accountdb-admin-editor-border);
  border-radius: 0.8rem;
  color: var(--accountdb-admin-editor-muted);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-package-manual-detail-state
  svg {
  transition: transform 180ms ease;
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-package-manual-detail[open]
  .accountdb-admin-package-manual-detail-state
  svg {
  transform: rotate(180deg);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-package-manual-detail-body {
  border-block-start: 1px solid var(--accountdb-admin-editor-border);
}

html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
  .accountdb-admin-package-fields
  [data-package-save="true"] {
  position: sticky;
  z-index: 12;
  inset-block-end: 0.75rem;
  min-width: 12rem;
  grid-column: 10 / span 3;
  box-shadow: 0 12px 28px rgb(251 146 60 / 0.2);
}

@media (min-width: 1024px) {
  html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
    .accountdb-admin-product-fields,
  html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
    .accountdb-admin-package-fields {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
    .accountdb-admin-product-fields
    > .accountdb-admin-product-field {
    grid-column: span 4;
  }

  html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
    .accountdb-admin-product-fields
    > .accountdb-admin-product-field-media,
  html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
    .accountdb-admin-product-fields
    > .accountdb-admin-product-field-description {
    grid-column: span 6;
  }

  html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
    :is(.accountdb-admin-editor-section-heading, .accountdb-admin-product-field-wide, .accountdb-admin-package-section-heading, .accountdb-admin-package-field-wide) {
    grid-column: 1 / -1;
  }

  html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
    .accountdb-admin-package-fields
    > label {
    grid-column: span 3;
  }

  html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
    .accountdb-admin-package-fields
    > [class*="lg:col-span-2"] {
    grid-column: span 6;
  }

  html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
    .accountdb-admin-package-fields
    > [class*="lg:col-span-4"] {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767px) {
  html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
    :is(.accountdb-admin-editor-section-heading, .accountdb-admin-package-section-heading) {
    align-items: flex-start;
  }

  html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
    :is(.accountdb-admin-editor-section-heading, .accountdb-admin-package-section-heading)
    > span {
    display: none;
  }

  html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
    .accountdb-admin-product-actions,
  html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
    .accountdb-admin-package-fields
    [data-package-save="true"] {
    position: static;
    width: 100%;
  }

  html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
    .accountdb-admin-product-actions
    > * {
    flex: 1 1 9rem;
    text-align: center;
  }

  html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
    .accountdb-admin-package-manual-detail-summary {
    align-items: flex-start;
  }

  html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
    .accountdb-admin-package-manual-detail-state {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
    .accountdb-admin-package-card,
  html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
    :is(.accountdb-admin-product-editor, .accountdb-admin-package-editor)
    :is(input, textarea, select),
  html[data-accountdb-theme="accountdb-default"][data-accountdb-surface="admin"]
    .accountdb-admin-package-manual-detail-state
    svg {
    transition: none;
  }
}