/* JoyJoy subscriptions tabs v729 — front-end only. */
body[data-account-page="subscriptions"] .subscription-jump-nav-b99adaf3b{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  padding:7px;
  border:1px solid rgba(148,163,184,.26);
  border-radius:16px;
  background:rgba(241,245,249,.72);
  overflow:visible;
}
body[data-account-page="subscriptions"] .subscription-jump-nav-b99adaf3b a[data-subscription-section-tab]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:8px 12px;
  border:1px solid rgba(148,163,184,.34);
  border-radius:11px;
  background:rgba(255,255,255,.9);
  color:#64748b;
  font:800 13px/1.15 Nunito,Arial,sans-serif;
  text-decoration:none;
  box-shadow:0 1px 2px rgba(15,23,42,.02);
  transition:color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
  white-space:nowrap;
}
body[data-account-page="subscriptions"] .subscription-jump-nav-b99adaf3b a[data-subscription-section-tab]:hover,
body[data-account-page="subscriptions"] .subscription-jump-nav-b99adaf3b a[data-subscription-section-tab]:focus-visible{
  color:#0f7fc2;
  border-color:rgba(14,165,233,.38);
  background:#fff;
  box-shadow:0 6px 18px rgba(14,165,233,.10);
  transform:translateY(-1px);
  outline:none;
}
body[data-account-page="subscriptions"] .subscription-jump-nav-b99adaf3b a[data-subscription-section-tab].is-active{
  color:#087dbb;
  border-color:rgba(14,165,233,.55);
  background:#fff;
  box-shadow:0 7px 20px rgba(14,165,233,.13),inset 0 -2px 0 rgba(14,165,233,.72);
}
.subscription-tab-icon-v729{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 20px;
  width:20px;
  height:20px;
  color:currentColor;
}
.subscription-tab-icon-v729 svg{
  width:20px;
  height:20px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.subscription-tab-icon-v729 .fill-current{fill:currentColor;stroke:none}
.subscription-tab-icon-v729 *{transform-box:fill-box}

/* Current subscription: star softly wakes up. */
a[data-subscription-section-tab="current"]:hover .subtab-star-v729,
a[data-subscription-section-tab="current"]:focus-visible .subtab-star-v729,
a[data-subscription-section-tab="current"].is-animating .subtab-star-v729{
  animation:subscriptionTabStarV729 .62s cubic-bezier(.2,.8,.2,1);
  transform-origin:center;
}
@keyframes subscriptionTabStarV729{0%,100%{transform:scale(1) rotate(0)}42%{transform:scale(1.20) rotate(-9deg)}72%{transform:scale(1.08) rotate(7deg)}}

/* Card: the card slides while the magnetic stripe sweeps. */
a[data-subscription-section-tab="card"]:hover .subtab-card-body-v729,
a[data-subscription-section-tab="card"]:focus-visible .subtab-card-body-v729,
a[data-subscription-section-tab="card"].is-animating .subtab-card-body-v729{
  animation:subscriptionTabCardV729 .62s cubic-bezier(.2,.8,.2,1);
  transform-origin:center;
}
a[data-subscription-section-tab="card"]:hover .subtab-card-stripe-v729,
a[data-subscription-section-tab="card"]:focus-visible .subtab-card-stripe-v729,
a[data-subscription-section-tab="card"].is-animating .subtab-card-stripe-v729{
  animation:subscriptionTabStripeV729 .62s ease;
}
@keyframes subscriptionTabCardV729{0%,100%{transform:translateX(0) rotate(0)}45%{transform:translateX(1.8px) rotate(2deg)}75%{transform:translateX(-.7px) rotate(-1deg)}}
@keyframes subscriptionTabStripeV729{0%,100%{opacity:1;transform:translateX(0)}45%{opacity:.38;transform:translateX(2px)}}

/* Servers: status LEDs light one after another. */
a[data-subscription-section-tab="servers"]:hover .subtab-server-led-a-v729,
a[data-subscription-section-tab="servers"]:focus-visible .subtab-server-led-a-v729,
a[data-subscription-section-tab="servers"].is-animating .subtab-server-led-a-v729{animation:subscriptionTabLedV729 .72s ease 0s}
a[data-subscription-section-tab="servers"]:hover .subtab-server-led-b-v729,
a[data-subscription-section-tab="servers"]:focus-visible .subtab-server-led-b-v729,
a[data-subscription-section-tab="servers"].is-animating .subtab-server-led-b-v729{animation:subscriptionTabLedV729 .72s ease .10s}
@keyframes subscriptionTabLedV729{0%,100%{opacity:.35;transform:scale(.86)}45%{opacity:1;transform:scale(1.45)}}

/* Tariff: coin turns and settles. */
a[data-subscription-section-tab="tariff"]:hover .subtab-coin-v729,
a[data-subscription-section-tab="tariff"]:focus-visible .subtab-coin-v729,
a[data-subscription-section-tab="tariff"].is-animating .subtab-coin-v729{
  animation:subscriptionTabCoinV729 .68s cubic-bezier(.18,.8,.28,1);
  transform-origin:center;
}
@keyframes subscriptionTabCoinV729{0%,100%{transform:rotateY(0) translateY(0)}45%{transform:rotateY(180deg) translateY(-1.5px)}78%{transform:rotateY(330deg) translateY(0)}}

/* History: clock hand makes a short turn. */
a[data-subscription-section-tab="history"]:hover .subtab-clock-hand-v729,
a[data-subscription-section-tab="history"]:focus-visible .subtab-clock-hand-v729,
a[data-subscription-section-tab="history"].is-animating .subtab-clock-hand-v729{
  animation:subscriptionTabClockV729 .72s cubic-bezier(.2,.8,.2,1);
  transform-origin:2px 5px;
}
@keyframes subscriptionTabClockV729{0%{transform:rotate(0)}72%{transform:rotate(310deg)}100%{transform:rotate(360deg)}}

/* Promocode: ticket pops and the percent mark draws attention. */
a[data-subscription-section-tab="promocodes"]:hover .subtab-ticket-v729,
a[data-subscription-section-tab="promocodes"]:focus-visible .subtab-ticket-v729,
a[data-subscription-section-tab="promocodes"].is-animating .subtab-ticket-v729{
  animation:subscriptionTabTicketV729 .66s cubic-bezier(.2,.82,.2,1);
  transform-origin:center;
}
a[data-subscription-section-tab="promocodes"]:hover .subtab-percent-v729,
a[data-subscription-section-tab="promocodes"]:focus-visible .subtab-percent-v729,
a[data-subscription-section-tab="promocodes"].is-animating .subtab-percent-v729{
  animation:subscriptionTabPercentV729 .66s ease;
  transform-origin:center;
}
@keyframes subscriptionTabTicketV729{0%,100%{transform:scale(1) rotate(0)}42%{transform:scale(1.13) rotate(-3deg)}72%{transform:scale(1.05) rotate(2deg)}}
@keyframes subscriptionTabPercentV729{0%,22%{opacity:.28;transform:scale(.72)}58%{opacity:1;transform:scale(1.18)}100%{opacity:1;transform:scale(1)}}

body[data-account-page="subscriptions"].subscription-tabs-ready-v729 .subscription-section-label-b99adaf3b{display:none!important}
body[data-account-page="subscriptions"] .subscription-tab-panel-v729[hidden]{display:none!important}
body[data-account-page="subscriptions"] .subscription-tab-panel-v729.is-entering-v729{animation:subscriptionPanelInV729 .22s ease both}
@keyframes subscriptionPanelInV729{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}

body[data-account-page="subscriptions"] .subscription-promocode-panel-v729{
  margin-top:0;
}
body[data-account-page="subscriptions"] .subscription-promocode-panel-v729 .promocode-layout{
  margin-top:0;
}
body[data-account-page="subscriptions"] .subscription-promocode-intro-v729{
  margin:0 0 12px;
  color:#64748b;
  font-size:13px;
  font-weight:700;
}

html[data-theme="dark"] body[data-account-page="subscriptions"] .subscription-jump-nav-b99adaf3b,
html.dark body[data-account-page="subscriptions"] .subscription-jump-nav-b99adaf3b{
  border-color:rgba(100,116,139,.32);
  background:rgba(15,23,42,.46);
}
html[data-theme="dark"] body[data-account-page="subscriptions"] .subscription-jump-nav-b99adaf3b a[data-subscription-section-tab],
html.dark body[data-account-page="subscriptions"] .subscription-jump-nav-b99adaf3b a[data-subscription-section-tab]{
  border-color:rgba(100,116,139,.42);
  background:rgba(30,41,59,.88);
  color:#cbd5e1;
}
html[data-theme="dark"] body[data-account-page="subscriptions"] .subscription-jump-nav-b99adaf3b a[data-subscription-section-tab].is-active,
html.dark body[data-account-page="subscriptions"] .subscription-jump-nav-b99adaf3b a[data-subscription-section-tab].is-active{
  color:#7dd3fc;
  border-color:rgba(56,189,248,.62);
  background:rgba(30,41,59,.98);
  box-shadow:0 8px 22px rgba(14,165,233,.12),inset 0 -2px 0 rgba(56,189,248,.8);
}
html[data-theme="dark"] body[data-account-page="subscriptions"] .subscription-promocode-intro-v729,
html.dark body[data-account-page="subscriptions"] .subscription-promocode-intro-v729{color:#94a3b8}

@media (max-width:760px){
  body[data-account-page="subscriptions"] .subscription-jump-nav-b99adaf3b{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  body[data-account-page="subscriptions"] .subscription-jump-nav-b99adaf3b a[data-subscription-section-tab]{justify-content:flex-start;min-width:0;white-space:normal}
}
@media (max-width:430px){
  body[data-account-page="subscriptions"] .subscription-jump-nav-b99adaf3b{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  body[data-account-page="subscriptions"] .subscription-jump-nav-b99adaf3b a[data-subscription-section-tab],
  body[data-account-page="subscriptions"] .subscription-tab-panel-v729.is-entering-v729,
  body[data-account-page="subscriptions"] .subscription-tab-icon-v729 *{animation:none!important;transition:none!important;transform:none!important}
}

/* Reuse the existing promocode UI inside subscriptions without changing its API code. */
body[data-account-page="subscriptions"] .subscription-promocode-panel-v729 .promocode-layout{align-items:start}
body[data-account-page="subscriptions"] .subscription-promocode-panel-v729 .promocode-card{z-index:3;overflow:visible}
body[data-account-page="subscriptions"] .subscription-promocode-panel-v729 .promocode-info-card{z-index:1}
body[data-account-page="subscriptions"] .subscription-promocode-panel-v729 .promocode-form{display:grid!important;gap:18px!important;margin-top:18px}
body[data-account-page="subscriptions"] .subscription-promocode-panel-v729 .promocode-code-field,
body[data-account-page="subscriptions"] .subscription-promocode-panel-v729 .promocode-server-field{display:grid;gap:9px;min-width:0}
body[data-account-page="subscriptions"] .subscription-promocode-panel-v729 .promocode-code-field>label,
body[data-account-page="subscriptions"] .subscription-promocode-panel-v729 .promocode-server-label{margin:0;color:var(--account-text,var(--theme-text));font-weight:900}
body[data-account-page="subscriptions"] .subscription-promocode-panel-v729 .promocode-server-label{display:flex;align-items:center;justify-content:space-between;gap:12px}
body[data-account-page="subscriptions"] .subscription-promocode-panel-v729 .promocode-optional-badge{flex:0 0 auto;padding:4px 8px;border:1px solid var(--account-border,var(--gh-border));border-radius:999px;background:var(--account-surface-soft,var(--gh-subtle));color:var(--account-muted,var(--gh-muted));font-size:11px;font-weight:900;line-height:1}
body[data-account-page="subscriptions"] .subscription-promocode-panel-v729 .promocode-input-row{order:initial!important}
body[data-account-page="subscriptions"] .subscription-promocode-panel-v729 .promocode-input-row input{width:100%;box-sizing:border-box}
body[data-account-page="subscriptions"] .subscription-promocode-panel-v729 .promocode-form small{order:initial!important;margin:0!important}
body[data-account-page="subscriptions"] .subscription-promocode-panel-v729 .promocode-form-note{display:flex;align-items:flex-start;gap:8px;padding-top:2px}
body[data-account-page="subscriptions"] .subscription-promocode-panel-v729 .promocode-form-note::before{content:"i";display:grid;flex:0 0 18px;width:18px;height:18px;margin-top:1px;place-items:center;border-radius:50%;background:var(--account-surface-soft,var(--gh-subtle));color:var(--account-muted,var(--gh-muted));font-size:11px;font-weight:1000}
body[data-account-page="subscriptions"] #account-promocode-guild{width:100%;min-height:52px;box-sizing:border-box;padding:11px 42px 11px 14px;border:1px solid var(--account-border,var(--gh-border));border-radius:13px;appearance:none;-webkit-appearance:none;background:linear-gradient(45deg,transparent 50%,currentColor 50%) calc(100% - 20px) 22px/6px 6px no-repeat,linear-gradient(135deg,currentColor 50%,transparent 50%) calc(100% - 14px) 22px/6px 6px no-repeat,var(--account-surface-soft,var(--gh-subtle));color:var(--account-text,var(--theme-text));font:800 14px/1.35 Nunito,Arial,sans-serif;outline:none}
body[data-account-page="subscriptions"] #account-promocode-guild:focus{border-color:var(--account-accent,var(--gh-blue));box-shadow:0 0 0 3px rgba(47,129,247,.14)}
body[data-account-page="subscriptions"] #account-promocode-guild.promocode-native-select--enhanced{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}

/* JoyJoy subscriptions tabs v730 — larger, clearer icons and stronger micro-animations. */
body[data-account-page="subscriptions"] .subscription-jump-nav-b99adaf3b a[data-subscription-section-tab]{
  gap:10px;
  min-height:44px;
  padding:8px 13px;
}
body[data-account-page="subscriptions"] .subscription-tab-icon-v729{
  flex:0 0 27px;
  width:27px;
  height:27px;
}
body[data-account-page="subscriptions"] .subscription-tab-icon-v729 svg{
  width:27px;
  height:27px;
  stroke-width:2.05;
}

/* Current subscription: a clearly visible pop + tilt. */
a[data-subscription-section-tab="current"]:hover .subtab-star-v729,
a[data-subscription-section-tab="current"]:focus-visible .subtab-star-v729,
a[data-subscription-section-tab="current"].is-animating .subtab-star-v729{
  animation:subscriptionTabStarV730 .82s cubic-bezier(.16,.85,.22,1);
}
@keyframes subscriptionTabStarV730{
  0%,100%{transform:scale(1) rotate(0)}
  35%{transform:scale(1.42) rotate(-14deg)}
  68%{transform:scale(1.14) rotate(10deg)}
}

/* Card: stronger slide and tilt, stripe visibly sweeps. */
a[data-subscription-section-tab="card"]:hover .subtab-card-body-v729,
a[data-subscription-section-tab="card"]:focus-visible .subtab-card-body-v729,
a[data-subscription-section-tab="card"].is-animating .subtab-card-body-v729{
  animation:subscriptionTabCardV730 .82s cubic-bezier(.16,.85,.22,1);
}
a[data-subscription-section-tab="card"]:hover .subtab-card-stripe-v729,
a[data-subscription-section-tab="card"]:focus-visible .subtab-card-stripe-v729,
a[data-subscription-section-tab="card"].is-animating .subtab-card-stripe-v729{
  animation:subscriptionTabStripeV730 .82s ease;
}
@keyframes subscriptionTabCardV730{
  0%,100%{transform:translateX(0) rotate(0)}
  38%{transform:translateX(3.3px) rotate(4deg)}
  72%{transform:translateX(-1.6px) rotate(-2deg)}
}
@keyframes subscriptionTabStripeV730{
  0%,100%{opacity:1;transform:translateX(0)}
  42%{opacity:.22;transform:translateX(3.4px)}
  70%{opacity:1;transform:translateX(-1px)}
}

/* Servers: LEDs pulse much more clearly. */
a[data-subscription-section-tab="servers"]:hover .subtab-server-led-a-v729,
a[data-subscription-section-tab="servers"]:focus-visible .subtab-server-led-a-v729,
a[data-subscription-section-tab="servers"].is-animating .subtab-server-led-a-v729{animation:subscriptionTabLedV730 .88s ease 0s}
a[data-subscription-section-tab="servers"]:hover .subtab-server-led-b-v729,
a[data-subscription-section-tab="servers"]:focus-visible .subtab-server-led-b-v729,
a[data-subscription-section-tab="servers"].is-animating .subtab-server-led-b-v729{animation:subscriptionTabLedV730 .88s ease .12s}
@keyframes subscriptionTabLedV730{
  0%,100%{opacity:.28;transform:scale(.72)}
  42%{opacity:1;transform:scale(1.95)}
  68%{opacity:.8;transform:scale(1.25)}
}

/* Tariff: full coin turn + a small hop. */
a[data-subscription-section-tab="tariff"]:hover .subtab-coin-v729,
a[data-subscription-section-tab="tariff"]:focus-visible .subtab-coin-v729,
a[data-subscription-section-tab="tariff"].is-animating .subtab-coin-v729{
  animation:subscriptionTabCoinV730 .9s cubic-bezier(.16,.85,.22,1);
}
@keyframes subscriptionTabCoinV730{
  0%,100%{transform:rotateY(0) translateY(0) scale(1)}
  38%{transform:rotateY(180deg) translateY(-2.8px) scale(1.13)}
  74%{transform:rotateY(330deg) translateY(.5px) scale(1.04)}
}

/* Promocode: ticket pops, while the percent symbol pulses independently. */
a[data-subscription-section-tab="promocodes"]:hover .subtab-ticket-v729,
a[data-subscription-section-tab="promocodes"]:focus-visible .subtab-ticket-v729,
a[data-subscription-section-tab="promocodes"].is-animating .subtab-ticket-v729{
  animation:subscriptionTabTicketV730 .86s cubic-bezier(.16,.85,.22,1);
}
a[data-subscription-section-tab="promocodes"]:hover .subtab-percent-v729,
a[data-subscription-section-tab="promocodes"]:focus-visible .subtab-percent-v729,
a[data-subscription-section-tab="promocodes"].is-animating .subtab-percent-v729{
  animation:subscriptionTabPercentV730 .86s ease;
}
@keyframes subscriptionTabTicketV730{
  0%,100%{transform:scale(1) rotate(0)}
  36%{transform:scale(1.28) rotate(-6deg)}
  70%{transform:scale(1.09) rotate(4deg)}
}
@keyframes subscriptionTabPercentV730{
  0%,18%{opacity:.18;transform:scale(.58) rotate(-8deg)}
  48%{opacity:1;transform:scale(1.38) rotate(5deg)}
  74%{transform:scale(1.08) rotate(0)}
  100%{opacity:1;transform:scale(1)}
}

/* History is the final tab: the hand makes a clearly visible full turn. */
a[data-subscription-section-tab="history"]:hover .subtab-clock-hand-v729,
a[data-subscription-section-tab="history"]:focus-visible .subtab-clock-hand-v729,
a[data-subscription-section-tab="history"].is-animating .subtab-clock-hand-v729{
  animation:subscriptionTabClockV730 .92s cubic-bezier(.16,.85,.22,1);
  transform-origin:0 5px;
}
@keyframes subscriptionTabClockV730{
  0%{transform:rotate(0) scale(1)}
  70%{transform:rotate(330deg) scale(1.12)}
  100%{transform:rotate(360deg) scale(1)}
}

@media (max-width:760px){
  body[data-account-page="subscriptions"] .subscription-tab-icon-v729{
    flex-basis:25px;
    width:25px;
    height:25px;
  }
  body[data-account-page="subscriptions"] .subscription-tab-icon-v729 svg{width:25px;height:25px}
}


/* JoyJoy subscriptions tabs v731 — right-menu card motion + precise clock hands. */
/* Card animation now exactly mirrors the existing card icon in the account dropdown. */
a[data-subscription-section-tab="card"]:hover .subtab-card-body-v729,
a[data-subscription-section-tab="card"]:focus-visible .subtab-card-body-v729,
a[data-subscription-section-tab="card"].is-animating .subtab-card-body-v729{
  animation:subscriptionTabBankCardV731 .72s cubic-bezier(.2,.78,.2,1);
  transform-box:fill-box;
  transform-origin:center;
}
a[data-subscription-section-tab="card"]:hover .subtab-card-chip-v731,
a[data-subscription-section-tab="card"]:focus-visible .subtab-card-chip-v731,
a[data-subscription-section-tab="card"].is-animating .subtab-card-chip-v731{
  animation:subscriptionTabBankChipV731 .72s ease;
}
a[data-subscription-section-tab="card"]:hover .subtab-card-stripe-v729,
a[data-subscription-section-tab="card"]:focus-visible .subtab-card-stripe-v729,
a[data-subscription-section-tab="card"].is-animating .subtab-card-stripe-v729{
  animation:subscriptionTabBankStripeV731 .72s ease;
}
@keyframes subscriptionTabBankCardV731{
  0%,100%{transform:translateY(0) scale(1) rotate(0)}
  48%,62%{transform:translateY(-1.4px) scale(1.13) rotate(-3deg)}
}
@keyframes subscriptionTabBankChipV731{
  0%,35%,100%{opacity:1}
  48%{opacity:.12}
  62%{opacity:1}
}
@keyframes subscriptionTabBankStripeV731{
  0%,100%{transform:translateX(0)}
  50%,62%{transform:translateX(2px)}
}

/* v733 History: one hand rotates around the exact clock centre (12,12). */
.subscription-tab-icon-v729 .subtab-clock-minute-v731{
  transform-box:view-box;
  transform-origin:12px 12px;
}
a[data-subscription-section-tab="history"]:hover .subtab-clock-minute-v731,
a[data-subscription-section-tab="history"]:focus-visible .subtab-clock-minute-v731,
a[data-subscription-section-tab="history"].is-animating .subtab-clock-minute-v731{
  animation:subscriptionTabClockMinuteV731 .92s linear;
}
a[data-subscription-section-tab="history"]:hover .subtab-clock-pin-v731,
a[data-subscription-section-tab="history"]:focus-visible .subtab-clock-pin-v731,
a[data-subscription-section-tab="history"].is-animating .subtab-clock-pin-v731{
  animation:subscriptionTabClockPinV731 .92s ease;
}
@keyframes subscriptionTabClockMinuteV731{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes subscriptionTabClockPinV731{0%,100%{opacity:.82;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}

/* v733: smaller JoyJoy J inside the tariff coin. */
.subscription-tab-icon-v729 .subtab-coin-j-v732{
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:2;
  transform-box:view-box;
  transform-origin:12px 12px;
  transform:scale(.82);
}


/* v735: Premium assignment follows the currently selected JoyJoy bot.
   Visual layer only: selected-bot accent + stable loading spinner. */
#premium-assignment-b40c621d5{
  --assignment-accent:#149ee4;
  --assignment-accent-rgb:20,158,228;
  transition:border-color .18s ease,box-shadow .18s ease;
}
#premium-assignment-b40c621d5[data-assignment-bot="tunetune"]{
  --assignment-accent:#149ee4;
  --assignment-accent-rgb:20,158,228;
}
#premium-assignment-b40c621d5[data-assignment-bot="shieldy"]{
  --assignment-accent:#27c96f;
  --assignment-accent-rgb:39,201,111;
}
#premium-assignment-b40c621d5[data-assignment-bot="gamey"]{
  --assignment-accent:#f04478;
  --assignment-accent-rgb:240,68,120;
}
#premium-assignment-b40c621d5[data-assignment-bot]{
  border-color:var(--assignment-accent)!important;
  box-shadow:0 0 0 1px rgba(var(--assignment-accent-rgb),.20),0 8px 26px rgba(var(--assignment-accent-rgb),.055);
}
#premium-assignment-b40c621d5[data-assignment-bot] .subscription-secure-mark-b560c7ed7{
  color:var(--assignment-accent);
}
#premium-assignment-b40c621d5 .premium-assignment-subscription-b40c621d5{
  border-color:rgba(var(--assignment-accent-rgb),.28);
  box-shadow:0 1px 0 rgba(var(--assignment-accent-rgb),.04);
  transition:border-color .18s ease,box-shadow .18s ease;
}
#premium-assignment-b40c621d5 .premium-assignment-title-v735{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
#premium-assignment-b40c621d5 .premium-assignment-title-v735>img{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:10px;
  object-fit:cover;
  box-shadow:0 0 0 1px rgba(var(--assignment-accent-rgb),.2),0 4px 12px rgba(var(--assignment-accent-rgb),.12);
}
#premium-assignment-b40c621d5 .premium-assignment-title-v735>div{min-width:0}
#premium-assignment-b40c621d5 .premium-assignment-counter-b40c621d5{
  color:var(--assignment-accent);
  background:rgba(var(--assignment-accent-rgb),.10);
  border:1px solid rgba(var(--assignment-accent-rgb),.22);
}
#premium-assignment-b40c621d5 .premium-server-row-b40c621d5 button.primary{
  background:var(--assignment-accent);
  border-color:var(--assignment-accent);
}
#premium-assignment-b40c621d5 .premium-server-row-b40c621d5 button.primary:hover:not(:disabled),
#premium-assignment-b40c621d5 .premium-server-row-b40c621d5 button.primary:focus-visible:not(:disabled){
  filter:brightness(.96);
}
#premium-assignment-b40c621d5 .premium-server-row-b40c621d5 button.secondary{
  color:var(--assignment-accent);
  background:rgba(var(--assignment-accent-rgb),.08);
  border-color:var(--assignment-accent);
}
#premium-assignment-b40c621d5 .premium-server-row-b40c621d5 button.secondary:hover:not(:disabled),
#premium-assignment-b40c621d5 .premium-server-row-b40c621d5 button.secondary:focus-visible:not(:disabled){
  color:var(--assignment-accent);
  background:rgba(var(--assignment-accent-rgb),.14);
  border-color:var(--assignment-accent);
}
#premium-assignment-b40c621d5 .premium-server-row-b40c621d5 button.premium-assignment-loading-v735{
  min-width:116px;
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding-inline:12px;
  cursor:wait;
  opacity:.82;
}
#premium-assignment-b40c621d5 .premium-assignment-spinner-v735{
  width:15px;
  height:15px;
  display:block;
  border:2px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  animation:premiumAssignmentSpinnerV735 .7s linear infinite;
}
#premium-assignment-b40c621d5 button.primary .premium-assignment-spinner-v735{color:#fff}
#premium-assignment-b40c621d5 button.secondary .premium-assignment-spinner-v735{color:var(--assignment-accent)}
@keyframes premiumAssignmentSpinnerV735{to{transform:rotate(360deg)}}
@media(max-width:680px){
  #premium-assignment-b40c621d5 .premium-assignment-title-v735>img{
    width:32px;height:32px;flex-basis:32px;border-radius:9px;
  }
  #premium-assignment-b40c621d5 .premium-server-row-b40c621d5 button.premium-assignment-loading-v735{
    width:100%;
  }
}
@media(prefers-reduced-motion:reduce){
  #premium-assignment-b40c621d5 .premium-assignment-spinner-v735{animation-duration:1.4s}
}
html[data-theme="dark"] #premium-assignment-b40c621d5[data-assignment-bot]{
  border-color:var(--assignment-accent)!important;
  box-shadow:0 0 0 1px rgba(var(--assignment-accent-rgb),.24),0 8px 26px rgba(0,0,0,.12)!important;
}
html[data-theme="dark"] #premium-assignment-b40c621d5 .premium-assignment-subscription-b40c621d5{
  border-color:rgba(var(--assignment-accent-rgb),.30)!important;
}
html[data-theme="dark"] #premium-assignment-b40c621d5 .premium-assignment-counter-b40c621d5{
  color:var(--assignment-accent)!important;
  background:rgba(var(--assignment-accent-rgb),.14)!important;
  border-color:rgba(var(--assignment-accent-rgb),.28)!important;
}
html[data-theme="dark"] #premium-assignment-b40c621d5 .premium-server-row-b40c621d5 button.secondary{
  color:var(--assignment-accent)!important;
  background:rgba(var(--assignment-accent-rgb),.10)!important;
  border-color:var(--assignment-accent)!important;
}
html[data-theme="dark"] #premium-assignment-b40c621d5 .premium-server-row-b40c621d5 button.secondary:hover:not(:disabled),
html[data-theme="dark"] #premium-assignment-b40c621d5 .premium-server-row-b40c621d5 button.secondary:focus-visible:not(:disabled){
  background:rgba(var(--assignment-accent-rgb),.18)!important;
}