/* Artwork is contained inside the existing controls and their existing flow
   layout. Sizes below use CSS pixels, independent of display pixel density. */
.tvdb-premium-icon-r1 {object-fit: contain; flex: none; vertical-align: middle; pointer-events: none; user-select: none; -webkit-user-drag: none;}
#ui .tvdb-premium-control-r1 {
  --tvdb-premium-icon-size: 34px;
  min-width: 44px;
  min-height: 44px;
  border: 1px solid #cfbd91;
  border-radius: 14px;
  color: #35553f;
  background: linear-gradient(155deg, #fffdf3f5, #f4efd9f5);
  box-shadow: inset 0 1px 0 #ffffffbf, 0 3px 9px #283e3020;
  touch-action: manipulation;
}
#ui .tvdb-premium-control-r1:not([hidden]) {display: inline-flex; align-items: center; justify-content: center; gap: 7px;}
#ui .tvdb-premium-control-r1[hidden] {display: none !important;}
#ui .tvdb-premium-control-r1 .tvdb-premium-icon-r1 {display: inline-block; width: var(--tvdb-premium-icon-size); height: var(--tvdb-premium-icon-size);}
#ui .tvdb-premium-control-r1:focus-visible {outline: 3px solid #2f806d; outline-offset: 2px;}
#ui .tvdb-premium-control-r1:disabled {cursor: default;}
#ui .tvdb-premium-control-r1[aria-pressed="true"] {border-color: #95ad84; background: #f2f7e7f5;}
#ui .tvdb-premium-control-r1[aria-pressed="false"] {border-color: #c5c5ae; background: #f2f0e1f2;}
#ui #motion-toggle.tvdb-premium-control-r1[aria-pressed="false"] .tvdb-premium-icon-r1 {filter: saturate(.45); opacity: .75;}
#ui .tvdb-premium-paw-r1 {display: inline-flex; font-size: 0 !important; line-height: 0;}
#tvdb-hud-layout-r1 #tvdb-profile-button.tvdb-premium-control-r1::before,
#tvdb-hud-layout-r1 #aquaculture-station-open.tvdb-premium-control-r1::before,
#tvdb-hud-layout-r1 #livestock-shop-open.tvdb-premium-control-r1::before,
#tvdb-hud-layout-r1 #livestock-go.tvdb-premium-control-r1::before,
#tvdb-hud-layout-r1 #livestock-overview.tvdb-premium-control-r1::before {content: none !important; display: none !important;}
#ui .wallet > .tvdb-premium-icon-r1 {--tvdb-premium-icon-size: 26px; width: 26px; height: 26px;}
#ui .shop-balance > .tvdb-premium-icon-r1,
#ui .buy-button .tvdb-premium-icon-r1 {--tvdb-premium-icon-size: 20px;}
@media (max-width: 700px), (max-height: 500px) {
  #ui .tvdb-premium-control-r1 {--tvdb-premium-icon-size: 34px;}
  #tvdb-hud-layout-r1 #tvdb-profile-button.tvdb-premium-control-r1,
  #tvdb-hud-layout-r1 #aquaculture-station-open.tvdb-premium-control-r1,
  #tvdb-hud-layout-r1 #livestock-shop-open.tvdb-premium-control-r1,
  #tvdb-hud-layout-r1 #livestock-go.tvdb-premium-control-r1,
  #tvdb-hud-layout-r1 #livestock-overview.tvdb-premium-control-r1 {font-size: 0; gap: 0; padding: 0;}
  #ui .wallet > .tvdb-premium-icon-r1 {--tvdb-premium-icon-size: 24px; width: 24px; height: 24px;}
}
@media (prefers-reduced-motion: no-preference) {
  #ui .tvdb-premium-control-r1 {transition: background-color .15s, border-color .15s;}
}
@media (hover: hover) {
  #ui .tvdb-premium-control-r1:hover:not(:disabled) {border-color: #79946e;}
}