/* Viewer shell. Menu artwork rules below are taken from Birkly's current TV renderer. */
@font-face{font-family:MGMenuSunflower;src:url('/assets/asset-36ab88cf778c787f.woff') format('woff');font-display:swap;font-weight:400}
@font-face{font-family:MGMenuGotham;src:url('/assets/asset-a72e2f4af6354ceb.woff') format('woff');font-display:swap;font-weight:500}
#menu.mg-live-menu{padding:76px max(6%,20px) 60px;background:#f4efdf;color:#203c2d;font:14px/1.6 MGBook,Arial,sans-serif;color-scheme:light;scroll-margin-top:24px}
#menu.mg-live-menu *{box-sizing:border-box}#menu.mg-live-menu [hidden]{display:none!important}#menu.mg-live-menu .mg-live-menu-inner{max-width:1120px;margin:auto}#menu.mg-live-menu a{color:inherit;text-decoration:none}#menu.mg-live-menu button{font:inherit;cursor:pointer;touch-action:manipulation}#menu.mg-live-menu button:disabled{opacity:.35;cursor:default}#menu.mg-live-menu :is(a,button,[tabindex]):focus-visible{outline:3px solid #b87324;outline-offset:4px}
#menu.mg-live-menu .mg-live-menu-header{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:30px}#menu.mg-live-menu .mg-live-menu-eyebrow{font:11px MGMedium,Arial,sans-serif;letter-spacing:2.4px;color:#9b601e;margin:0 0 13px}#menu.mg-live-menu .mg-live-menu-header h2{font:400 clamp(34px,4vw,52px)/1.2 MGDisplay,Georgia,serif;margin:0 0 13px;letter-spacing:-1px}#menu.mg-live-menu .mg-live-menu-header p:last-child{color:#67725f;max-width:620px;margin:0}#menu.mg-live-menu .mg-live-menu-order{background:#183c2b;color:#f4efdf;padding:14px 21px;white-space:nowrap}
#menu.mg-live-menu .mg-live-menu-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #c3cbb6;padding-bottom:18px}#menu.mg-live-menu .mg-live-menu-tabs{display:flex;gap:8px}#menu.mg-live-menu .mg-live-menu-tabs button{border:1px solid #bdc7ae;border-radius:99px;background:transparent;padding:10px 22px;min-height:44px;color:#203c2d}#menu.mg-live-menu .mg-live-menu-tabs button[aria-selected=true]{background:#183c2b;color:#f4efdf;border-color:#183c2b}#menu.mg-live-menu .mg-live-menu-view-tools{display:flex;gap:8px}#menu.mg-live-menu .mg-live-menu-view-tools button{padding:10px 14px;min-height:44px;background:transparent;color:#203c2d;border:1px solid #bdc7ae;border-radius:3px}
#menu.mg-live-menu .mg-live-menu-meta{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#6f7965;margin:16px 0}#menu.mg-live-menu .mg-live-menu-meta p{margin:0}#menu.mg-live-menu [data-stale=true]{color:#8b501c}#menu.mg-live-menu .mg-live-menu-notice{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 18px;background:#e9e8d9;border-left:2px solid #9aa983;margin:16px 0;font-size:12px}#menu.mg-live-menu .mg-live-menu-notice[data-error=true]{background:#f0e2c9;border-color:#ab732c}#menu.mg-live-menu [data-menu-retry]{min-height:44px;background:transparent;border:1px solid #9aa983;padding:8px 14px}
#menu.mg-live-menu .mg-live-menu-viewer{background:#14231b;border:1px solid #344536;border-radius:6px;overflow:hidden}#menu.mg-live-menu .mg-live-menu-viewport{overflow:auto;max-height:1450px;background:#101a14;padding:20px;overscroll-behavior:contain;scrollbar-color:#697b5c #14231b}#menu.mg-live-menu .mg-tv-paper{--menu-background:#020604;--menu-surface:#111915;--menu-text:#f7f4ea;--menu-muted-text:#abb6b0;--menu-accent:#daaa4a;--menu-indica:#788cc8;--menu-hybrid:#6eb946;--menu-sativa:#e62323;--menu-hidden-gem:#38bdf8;--menu-closeout:#f2c94c;--menu-display-font:MGMenuSunflower,Georgia,serif;--menu-body-font:MGMenuGotham,Arial,Helvetica,sans-serif;width:var(--menu-paper-width,720px);max-width:none;margin:0 auto;background:#020604;isolation:isolate;color:#f7f4ea}
#menu.mg-live-menu .mg-live-menu-pagination{display:flex;justify-content:center;align-items:center;gap:22px;padding:13px 18px;color:#e0e5d3;font-size:12px}#menu.mg-live-menu .mg-live-menu-pagination p{margin:0;min-width:100px;text-align:center}#menu.mg-live-menu .mg-live-menu-pagination button{background:none;border:1px solid #708063;color:#e0e5d3;padding:9px 16px;min-height:44px;border-radius:3px}#menu.mg-live-menu .mg-live-menu-hint{font-size:11px;color:#6f7965;margin:12px 0}#menu.mg-live-menu .mg-live-menu-footer{display:flex;justify-content:space-between;gap:26px;padding-top:22px;margin-top:25px;border-top:1px solid #c3cbb6;font-size:11px;color:#6f7965}#menu.mg-live-menu .mg-live-menu-footer p{max-width:430px;margin:0}#menu.mg-live-menu .mg-live-menu-footer>div{display:flex;gap:22px;flex-wrap:wrap}#menu.mg-live-menu .mg-live-menu-footer a{min-height:32px;display:inline-flex;align-items:center}#menu.mg-live-menu .mg-live-menu-footer a:hover{text-decoration:underline}#menu.mg-live-menu .mg-live-menu-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#menu.mg-live-menu:fullscreen{overflow:auto;padding:20px;background:#14231b;color:#f4efdf}#menu.mg-live-menu:fullscreen .mg-live-menu-header,#menu.mg-live-menu:fullscreen .mg-live-menu-footer,#menu.mg-live-menu:fullscreen .mg-live-menu-meta,#menu.mg-live-menu:fullscreen .mg-live-menu-hint{display:none}#menu.mg-live-menu:fullscreen .mg-live-menu-inner{max-width:1450px}#menu.mg-live-menu:fullscreen .mg-live-menu-viewport{max-height:calc(100vh - 150px)}#menu.mg-live-menu:fullscreen .mg-live-menu-toolbar button{color:#f4efdf}
@media(max-width:620px){#menu.mg-live-menu{padding:48px 5% 40px}#menu.mg-live-menu .mg-live-menu-header{display:block}#menu.mg-live-menu .mg-live-menu-header h2{font-size:35px}#menu.mg-live-menu .mg-live-menu-header p:last-child{font-size:13px}#menu.mg-live-menu .mg-live-menu-order{display:inline-flex;margin-top:19px;font-size:12px;padding:12px 17px}#menu.mg-live-menu .mg-live-menu-toolbar{flex-direction:column;align-items:stretch;gap:14px}#menu.mg-live-menu .mg-live-menu-tabs button{flex:1;padding:9px 16px}#menu.mg-live-menu .mg-live-menu-view-tools{justify-content:flex-end}#menu.mg-live-menu .mg-live-menu-view-tools button{padding:7px 12px;font-size:11px}#menu.mg-live-menu .mg-live-menu-meta{flex-direction:column;gap:4px}#menu.mg-live-menu .mg-live-menu-viewport{padding:0;max-height:78vh}#menu.mg-live-menu .mg-live-menu-pagination{gap:12px;padding:11px 8px;font-size:11px}#menu.mg-live-menu .mg-live-menu-pagination button{padding:8px 11px;font-size:11px}#menu.mg-live-menu .mg-live-menu-pagination p{min-width:82px}#menu.mg-live-menu .mg-live-menu-footer{flex-direction:column;gap:9px}}

/* Canonical TV menu styles, scoped to this viewer. */


#menu.mg-live-menu .tvScreenGallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 540px));
  justify-content: center;
  gap: 24px;
}

#menu.mg-live-menu .tvScreen {
  position: relative;
  container-type: inline-size;
  box-sizing: border-box;
  width: 100%;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  padding: 1.8519% 3.5185% 4.4444%;
  color: var(--menu-text);
  font-family: var(--menu-display-font);
  font-weight: 700;
  background:
    radial-gradient(circle at 12% 16%, rgba(120, 140, 200, 0.16), transparent 24%),
    radial-gradient(circle at 88% 74%, rgba(230, 35, 35, 0.1), transparent 28%),
    var(--menu-background);
  animation: tvMasterCycle 36s ease-in-out infinite;
}

#menu.mg-live-menu .cartridgeScreen,
#menu.mg-live-menu .catalogScreen {
  position: relative;
  container-type: inline-size;
  box-sizing: border-box;
  width: 100%;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  color: var(--menu-text);
}

#menu.mg-live-menu .cartridgeScreen {
  --cartridge-row-height: 4.0741cqw;
  box-sizing: border-box;
  padding: 2.037cqw 3.5185cqw 3.1481cqw;
  font-family: var(--menu-body-font);
  font-weight: 700;
  background: #050807;
}

#menu.mg-live-menu .cartridgeHeader {
  display: flex;
  height: 6.1111cqw;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 0.0926cqw solid #2f3a35;
}

#menu.mg-live-menu .cartridgeHeader h2 {
  margin: 0;
  color: #fff;
  font-family: var(--menu-display-font);
  font-size: 4.4444cqw;
  letter-spacing: 0.015em;
  line-height: 1;
}

#menu.mg-live-menu .cartridgeHeader > span {
  padding-top: 0.7407cqw;
  color: #b2beb8;
  font-size: 1.4815cqw;
  line-height: 1;
  letter-spacing: 0.04em;
}

#menu.mg-live-menu .cartridgeGroups {
  display: flex;
  flex-direction: column;
}

#menu.mg-live-menu .cartridgeBrand {
  overflow: hidden;
  border: 0.0926cqw solid #2f3a35;
  border-radius: 0.9259cqw;
  background: #090d0c;
}

#menu.mg-live-menu .cartridgeBrand:not(:last-child) {
  margin-bottom: 1.4815cqw;
}

#menu.mg-live-menu .cartridgeBrand > h3 {
  position: relative;
  display: flex;
  box-sizing: border-box;
  height: 5.1852cqw;
  align-items: center;
  justify-content: space-between;
  gap: 1.8519cqw;
  margin: 0;
  padding: 0 1.4815cqw 0 1.8519cqw;
  border-bottom: 0.0926cqw solid #2f3a35;
  border-left: 0.6481cqw solid #daaa4a;
  background: #141b18;
}

#menu.mg-live-menu .cartridgeBrand > h3 strong {
  overflow: hidden;
  color: #fff;
  font-family: var(--menu-display-font);
  font-size: 2.963cqw;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#menu.mg-live-menu .cartridgeBrand > h3 span {
  flex: 0 0 auto;
  color: #b7c4bd;
  font-size: 1.4815cqw;
  font-weight: 700;
  letter-spacing: 0.03em;
}

#menu.mg-live-menu .cartridgeBrandBody {
  padding-top: 0.9259cqw;
}

#menu.mg-live-menu .cartridgeProcess + .cartridgeProcess {
  margin-top: 0.9259cqw;
}

#menu.mg-live-menu .cartridgeProcess:last-child {
  padding-bottom: 0.9259cqw;
}

#menu.mg-live-menu .cartridgeProcessTitle {
  display: flex;
  height: 2.7778cqw;
  align-items: center;
  justify-content: space-between;
  gap: 1.8519cqw;
  padding: 0 1.1111cqw;
  color: #daaa4a;
}

#menu.mg-live-menu .cartridgeProcessTitle strong {
  font-family: var(--menu-display-font);
  font-size: 1.8519cqw;
  line-height: 1;
}

#menu.mg-live-menu .cartridgeProcessTitle span {
  overflow: hidden;
  color: #b2beb8;
  font-size: 1.4815cqw;
  letter-spacing: 0.03em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#menu.mg-live-menu .cartridgeIslands {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 1.6667cqw;
}

#menu.mg-live-menu .cartridgeIslandColumn {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 0.7407cqw;
}

#menu.mg-live-menu .cartridgeStrainPanel {
  --cartridge-strain: #dcdcdc;
  position: relative;
  box-sizing: border-box;
  min-width: 0;
  overflow: hidden;
  padding: 0.9259cqw 1.1111cqw 1.1111cqw;
  border: 0.0926cqw solid #2f3a35;
  border-radius: 0.7407cqw;
  background: #0f1513;
}

#menu.mg-live-menu .cartridgeStrainPanel::after {
  position: absolute;
  inset: 0 0 auto;
  height: 0.3704cqw;
  background: var(--cartridge-strain);
  content: "";
}

#menu.mg-live-menu .cartridgeStrainPanel[data-strain="Indica"] { --cartridge-strain: var(--menu-indica); }
#menu.mg-live-menu .cartridgeStrainPanel[data-strain="Hybrid"] { --cartridge-strain: var(--menu-hybrid); }
#menu.mg-live-menu .cartridgeStrainPanel[data-strain="Sativa"] { --cartridge-strain: var(--menu-sativa); }

#menu.mg-live-menu .cartridgeStrainTitle {
  display: flex;
  height: 2.5926cqw;
  align-items: center;
  justify-content: space-between;
  color: var(--cartridge-strain);
  letter-spacing: 0.02em;
}

#menu.mg-live-menu .cartridgeStrainTitle strong {
  font-family: var(--menu-display-font);
  font-size: 1.6667cqw;
  line-height: 1;
}

#menu.mg-live-menu .cartridgeStrainTitle small {
  color: #b2beb8;
  font-size: 1.1111cqw;
  letter-spacing: 0.04em;
}

#menu.mg-live-menu .cartridgeFormatLabel {
  display: flex;
  height: 2.037cqw;
  align-items: center;
  color: #b2beb8;
  font-size: 1.2037cqw;
  letter-spacing: 0.03em;
}

#menu.mg-live-menu .cartridgeRow {
  display: grid;
  height: var(--cartridge-row-height);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.7407cqw;
  border-bottom: 0.0926cqw solid #1f2824;
  font-size: 2.2222cqw;
  font-weight: 700;
}

#menu.mg-live-menu .cartridgeFormatBlock:last-child .cartridgeRow:last-child {
  border-bottom: 0;
}

#menu.mg-live-menu .cartridgeRow > span {
  overflow: hidden;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#menu.mg-live-menu .cartridgeRow > strong {
  color: #e1e7e4;
  line-height: 1;
}

#menu.mg-live-menu .tvScreen::after {
  position: absolute;
  inset: 0;
  z-index: 4;
  background: linear-gradient(115deg, transparent 0%, transparent 42%, rgba(255, 255, 255, 0.08) 50%, transparent 58%, transparent 100%);
  mix-blend-mode: screen;
  content: "";
  pointer-events: none;
  transform: translateX(-120%);
  animation: tvScreenSheen 18s linear infinite;
}

#menu.mg-live-menu .tvMenuHeader,
#menu.mg-live-menu .tvMenuRow,
#menu.mg-live-menu .tvCloseoutNormal,
#menu.mg-live-menu .tvDealRow {
  display: grid;
  grid-template-columns: minmax(30.8765cqw, 1fr) 9.4622cqw 9.1633cqw minmax(0, 38.6454cqw);
  align-items: center;
  white-space: nowrap;
}

#menu.mg-live-menu .tvMenuHeader {
  height: 6.7729cqw;
  align-items: end;
}

#menu.mg-live-menu .tvMenuHeader strong {
  font-size: 4.7809cqw;
  line-height: 1;
}

#menu.mg-live-menu .tvMenuHeader span {
  align-self: end;
  font-size: 2.7888cqw;
  line-height: 1;
  text-align: center;
}

#menu.mg-live-menu .tvRotatingColumns {
  position: relative;
  align-self: stretch;
  min-width: 0;
  min-height: 100%;
}

#menu.mg-live-menu .tvPriceState,
#menu.mg-live-menu .tvDescriptorState {
  position: absolute;
  inset: 0;
  display: grid;
  align-items: center;
  grid-template-columns: repeat(3, 9.1633cqw) 11.1554cqw;
  text-align: center;
}

#menu.mg-live-menu .tvPriceState {
  opacity: var(--tv-price-opacity);
  filter: blur(var(--tv-price-blur));
}

#menu.mg-live-menu .tvDescriptorState {
  opacity: var(--tv-descriptor-opacity);
  filter: blur(var(--tv-descriptor-blur));
}

#menu.mg-live-menu .tvDescriptorState span:first-child {
  grid-column: 1 / 3;
}

#menu.mg-live-menu .tvDescriptorState span:last-child {
  grid-column: 3 / 5;
}

#menu.mg-live-menu .tvMenuGroups {
  display: flex;
  flex-direction: column;
}

#menu.mg-live-menu .tvMenuGroup:not(:last-child) {
  margin-bottom: var(--tv-gap-between-groups);
}

#menu.mg-live-menu .tvMenuGroup h3 {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box;
  height: var(--tv-section-height);
  margin: 0 0 var(--tv-gap-after-section);
  padding-left: var(--tv-section-pad-left);
  font-size: var(--tv-section-size);
  line-height: 1;
}

#menu.mg-live-menu .tvMenuGroup h3::before,
#menu.mg-live-menu .tvMenuGroup h3::after {
  position: absolute;
  inset: 0;
  content: "";
}

#menu.mg-live-menu .tvMenuGroup h3::before {
  background: linear-gradient(90deg, var(--tv-section-color), rgba(0, 0, 0, 0.92));
}

#menu.mg-live-menu .tvMenuGroup h3::after {
  background: linear-gradient(110deg, transparent 0%, transparent 38%, rgba(255, 255, 255, 0.18) 50%, transparent 62%, transparent 100%);
  transform: translateX(-125%);
  animation: tvBarSheen 9s ease-in-out infinite;
}

#menu.mg-live-menu .tvSectionWord {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: var(--tv-section-pad-left);
  opacity: 0;
  line-height: 1;
  animation: tvSectionWordCycle 14s ease-in-out infinite;
}

#menu.mg-live-menu .tvSectionWord:nth-child(2) {
  animation-delay: 3.5s;
}

#menu.mg-live-menu .tvSectionWord:nth-child(3) {
  animation-delay: 7s;
}

#menu.mg-live-menu .tvSectionWord:nth-child(4) {
  animation-delay: 10.5s;
}

#menu.mg-live-menu .tvMenuRow {
  position: relative;
  height: var(--tv-row-height);
  font-size: var(--tv-body-size);
  line-height: 1;
}

#menu.mg-live-menu .tvMenuRow > strong,
#menu.mg-live-menu .tvCloseoutNormal > strong {
  display: flex;
  align-items: center;
  min-width: 0;
  overflow: hidden;
  padding-right: var(--tv-name-pad-right);
  text-overflow: clip;
  white-space: nowrap;
}

#menu.mg-live-menu .tvAttentionRow > strong {
  overflow: visible;
}

#menu.mg-live-menu .tvMenuRow > span {
  text-align: center;
}

#menu.mg-live-menu .tvMenuRow .tvDescriptorState {
  color: #fff7d6;
  font-size: 1em;
  text-shadow: 0 0 1.2037cqw rgba(0, 0, 0, 0.35);
}

#menu.mg-live-menu .tvBucketIcon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: var(--tv-bucket-icon-size);
  height: var(--tv-bucket-icon-size);
  margin-left: var(--tv-bucket-icon-offset);
  color: #fff;
  filter: drop-shadow(0 0 0.7407cqw rgba(0, 0, 0, 0.5));
}

#menu.mg-live-menu .tvBucketIcon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentcolor;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#menu.mg-live-menu .tvTreatmentMarker {
  display: inline-block;
  flex: 0 1 auto;
  overflow: hidden;
  margin-left: 0.5556cqw;
  padding: 0.1852cqw 0.463cqw;
  border: 0.0926cqw solid var(--menu-closeout);
  border-radius: 999px;
  color: #fff7c2;
  background: rgb(55, 40, 5);
  filter: drop-shadow(0 0 0.7407cqw rgba(0, 0, 0, 0.55));
  font-size: 1.2037cqw;
  line-height: 1;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#menu.mg-live-menu .tvAttentionSlot {
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
  width: var(--tv-attention-icon-size);
  height: var(--tv-attention-icon-size);
  margin-left: var(--tv-attention-icon-offset);
}

#menu.mg-live-menu .tvAttentionIcon {
  --tv-attention-active: #b8ff70;
  --tv-attention-rest: #7ed957;
  --tv-attention-border-active: rgba(184, 255, 112, 0.74);
  --tv-attention-bg-active: rgb(18, 45, 16);
  --tv-attention-shadow-active: rgba(0, 0, 0, 0.94);
  --tv-attention-shadow-rest: rgba(0, 0, 0, 0.62);
  --tv-attention-active-width: max-content;
  position: absolute;
  left: 0;
  z-index: 5;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-start;
  gap: var(--tv-attention-icon-gap);
  box-sizing: border-box;
  width: var(--tv-attention-icon-size);
  height: var(--tv-attention-icon-size);
  margin-left: 0;
  overflow: hidden;
  padding: 0;
  border: var(--tv-attention-pill-border) solid transparent;
  border-radius: 999px;
  color: var(--tv-attention-rest);
  background: transparent;
  filter: drop-shadow(0 0 0.9259cqw var(--tv-attention-shadow-rest));
  line-height: 1;
  transform-origin: left center;
  animation: tvAttentionPill 36s ease-in-out infinite;
  animation-delay: var(--tv-treatment-delay);
}

#menu.mg-live-menu .tvHiddenGemIcon {
  --tv-attention-active: var(--menu-hidden-gem);
  --tv-attention-rest: var(--menu-hidden-gem);
  --tv-attention-border-active: color-mix(in srgb, var(--menu-hidden-gem) 78%, transparent);
  --tv-attention-bg-active: rgb(7, 32, 52);
  --tv-attention-shadow-active: rgba(0, 0, 0, 0.95);
  --tv-attention-shadow-rest: rgba(0, 0, 0, 0.7);
  --tv-attention-active-width: max-content;
}

#menu.mg-live-menu .tvAttentionIcon > svg {
  display: block;
  flex: 0 0 auto;
  width: var(--tv-attention-icon-glyph-size);
  height: var(--tv-attention-icon-glyph-size);
  fill: currentcolor;
}

#menu.mg-live-menu .tvAttentionOffer {
  display: inline-block;
  flex: 0 0 auto;
  color: #f7ffd9;
  font-size: min(var(--tv-attention-pill-text-size), 1.9444cqw);
  line-height: 1;
  opacity: 0;
  white-space: nowrap;
  text-transform: uppercase;
  text-shadow: 0 0 1.1111cqw rgba(0, 0, 0, 0.72);
  transform: translateX(calc(var(--tv-attention-pill-shift) * -1));
  animation: tvAttentionOffer 36s ease-in-out infinite;
  animation-delay: var(--tv-treatment-delay);
}

#menu.mg-live-menu .tvCloseoutRow {
  position: relative;
}

#menu.mg-live-menu .tvCloseoutNormal,
#menu.mg-live-menu .tvDealRow {
  position: absolute;
  inset: 0;
}

#menu.mg-live-menu .tvCloseoutNormal > span {
  text-align: center;
}

#menu.mg-live-menu .tvCloseoutNormal > strong {
  position: relative;
  z-index: 3;
  overflow: visible;
}

#menu.mg-live-menu .tvCloseoutDetail {
  animation: tvNormalRowFade 36s ease-in-out infinite;
}

#menu.mg-live-menu .tvCloseoutLeaf {
  display: inline-block;
  flex: 0 0 auto;
  width: var(--tv-closeout-leaf-size);
  height: var(--tv-closeout-leaf-size);
  margin-left: var(--tv-closeout-leaf-offset);
  fill: var(--menu-closeout);
  filter: drop-shadow(0 0 0.7407cqw rgba(0, 0, 0, 0.82));
}

#menu.mg-live-menu .tvDealRow {
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  animation: tvDealRowFade 36s ease-in-out infinite;
}

#menu.mg-live-menu .tvDealMessage {
  position: relative;
  z-index: 6;
  grid-column: 2 / -1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  gap: var(--tv-closeout-pill-gap);
  box-sizing: border-box;
  width: max-content;
  height: 1.52em;
  padding: 0 var(--tv-closeout-pill-padding-x) 0.0926cqw;
  overflow: hidden;
  border: var(--tv-closeout-pill-border) solid var(--menu-closeout);
  border-radius: 999px;
  color: #fff7c2;
  background: rgb(55, 40, 5);
  filter: drop-shadow(0 0 1.4815cqw rgba(0, 0, 0, 0.82));
  font-size: var(--tv-closeout-pill-text-size);
  line-height: 1;
  text-align: center;
  text-shadow: 0 0 1.1111cqw rgba(0, 0, 0, 0.72);
  text-transform: uppercase;
  animation: tvDealPillPulse 36s ease-in-out infinite;
}

#menu.mg-live-menu .tvDealLeaf {
  display: block;
  flex: 0 0 auto;
  width: 0.72em;
  height: 0.72em;
  fill: currentcolor;
  filter: drop-shadow(0 0 0.7407cqw rgba(0, 0, 0, 0.88));
}

@property --tv-price-opacity {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}

@property --tv-descriptor-opacity {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}

@property --tv-price-blur {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}

@property --tv-descriptor-blur {
  syntax: "<length>";
  inherits: true;
  initial-value: 2px;
}

@keyframes tvMasterCycle {
  0%, 46%, 100% {
    --tv-price-opacity: 1;
    --tv-price-blur: 0px;
    --tv-descriptor-opacity: 0;
    --tv-descriptor-blur: 2px;
  }
  50%, 52% {
    --tv-price-opacity: 0;
    --tv-price-blur: 2px;
    --tv-descriptor-opacity: 0;
    --tv-descriptor-blur: 2px;
  }
  56%, 86% {
    --tv-price-opacity: 0;
    --tv-price-blur: 2px;
    --tv-descriptor-opacity: 1;
    --tv-descriptor-blur: 0px;
  }
  90% {
    --tv-price-opacity: 0;
    --tv-price-blur: 2px;
    --tv-descriptor-opacity: 0;
    --tv-descriptor-blur: 2px;
  }
  94% {
    --tv-price-opacity: 1;
    --tv-price-blur: 0px;
    --tv-descriptor-opacity: 0;
    --tv-descriptor-blur: 2px;
  }
}

@keyframes tvAttentionPill {
  0%, 10.5%, 100% {
    width: var(--tv-attention-icon-size);
    padding-right: 0;
    padding-left: 0;
    border-color: transparent;
    color: var(--tv-attention-rest);
    background: transparent;
    filter: drop-shadow(0 0 0.9259cqw var(--tv-attention-shadow-rest));
    transform: scale(1);
  }
  1.1%, 2% {
    width: var(--tv-attention-active-width);
    padding-right: var(--tv-attention-pill-padding-right);
    padding-left: var(--tv-attention-pill-padding-left);
    border-color: var(--tv-attention-border-active);
    color: var(--tv-attention-active);
    background: var(--tv-attention-bg-active);
    filter: drop-shadow(0 0 1.6667cqw var(--tv-attention-shadow-active));
    transform: scale(1.04);
  }
  3.5% {
    width: var(--tv-attention-active-width);
    padding-right: var(--tv-attention-pill-padding-right);
    padding-left: var(--tv-attention-pill-padding-left);
    border-color: var(--tv-attention-border-active);
    color: var(--tv-attention-active);
    background: var(--tv-attention-bg-active);
    filter: drop-shadow(0 0 1.6667cqw var(--tv-attention-shadow-active));
    transform: scale(1.08);
  }
  8.8% {
    width: var(--tv-attention-active-width);
    padding-right: var(--tv-attention-pill-padding-right);
    padding-left: var(--tv-attention-pill-padding-left);
    border-color: var(--tv-attention-border-active);
    color: var(--tv-attention-active);
    background: var(--tv-attention-bg-active);
    filter: drop-shadow(0 0 1.6667cqw var(--tv-attention-shadow-active));
    transform: scale(1.04);
  }
}

@keyframes tvAttentionOffer {
  0%, 1%, 9.5%, 100% {
    opacity: 0;
    transform: translateX(calc(var(--tv-attention-pill-shift) * -1));
  }
  1.8%, 8.8% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes tvNormalRowFade {
  0%, 8%, 38%, 100% { opacity: 1; }
  12%, 34% { opacity: 0; }
}

@keyframes tvDealRowFade {
  0%, 8%, 38%, 100% { opacity: 0; }
  12%, 34% { opacity: 1; }
}

@keyframes tvDealPillPulse {
  0%, 8%, 38%, 100% {
    filter: drop-shadow(0 0 0.7407cqw rgba(0, 0, 0, 0.42));
    transform: scale(0.96);
  }
  12%, 34% {
    filter: drop-shadow(0 0 1.6667cqw rgba(0, 0, 0, 0.92));
    transform: scale(1);
  }
}

@keyframes tvSectionWordCycle {
  0%, 100% { opacity: 0; }
  10%, 24% { opacity: 1; }
  34% { opacity: 0; }
}

@keyframes tvScreenSheen {
  0%, 45% { transform: translateX(-120%); }
  100% { transform: translateX(120%); }
}

@keyframes tvBarSheen {
  0%, 35% { transform: translateX(-125%); }
  70%, 100% { transform: translateX(125%); }
}

@media (prefers-reduced-motion: reduce) {
  #menu.mg-live-menu .tvScreen,
  #menu.mg-live-menu .tvScreen::after,
  #menu.mg-live-menu .tvMenuGroup h3::after,
  #menu.mg-live-menu .tvSectionWord,
  #menu.mg-live-menu .tvAttentionIcon,
  #menu.mg-live-menu .tvAttentionOffer,
  #menu.mg-live-menu .tvCloseoutDetail,
  #menu.mg-live-menu .tvDealRow,
  #menu.mg-live-menu .tvDealMessage {
    animation: none;
  }

  #menu.mg-live-menu .tvPriceState,
  #menu.mg-live-menu .tvSectionWord:first-child {
    opacity: 1;
    transform: none;
  }

  #menu.mg-live-menu .tvDescriptorState,
  #menu.mg-live-menu .tvSectionWord:not(:first-child) {
    opacity: 0;
  }

  #menu.mg-live-menu .tvAttentionOffer,
  #menu.mg-live-menu .tvDealRow {
    display: none;
  }

}
#menu.mg-live-menu .tvScreenGallery { gap: 14px; }
#menu.mg-live-menu .mg-tv-paper{container-type:inline-size}#menu.mg-live-menu :is(.tvTreatmentMarker,.tvAttentionOffer,.tvDealMessage){font-family:MGMenuGotham,Arial,Helvetica,sans-serif}

#menu.mg-live-menu .mg-live-menu-pagination{border-bottom:1px solid #344536}
/* Match the heading baseline inherited by the current public TV routes. */
#menu.mg-live-menu .mg-tv-paper{line-height:1.5}
#menu.mg-live-menu .tvMenuGroup h3,#menu.mg-live-menu .cartridgeBrand>h3{color:#1d1d1f;font-family:-apple-system,system-ui,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;font-weight:600}
#menu.mg-live-menu .cartridgeHeader h2{font-weight:600}