tcg-flex-upsell{display:block;width:100%;max-width:100%;min-width:0;padding:18px 0 2px;border-top:1px solid rgb(var(--color-foreground-rgb)/.16);color:var(--color-foreground)}
.tcg-flex h2{margin:0;font:650 18px/1.3 var(--font-body--family);letter-spacing:-.02em}
.tcg-flex__intro{margin:6px 0 12px;font-size:12px;line-height:1.5;opacity:.75}
.tcg-flex__list{list-style:none;margin:0;padding:0;display:grid;gap:8px;min-width:0}
.tcg-flex__row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:8px 10px;align-items:center;min-width:0;padding:10px;border:1px solid rgb(var(--color-foreground-rgb)/.15);border-radius:7px;background:var(--color-background)}
.tcg-flex__image{display:block;width:52px;height:52px;background:#fff;border-radius:4px;overflow:hidden}
.tcg-flex__image img{width:100%;height:100%;object-fit:contain;padding:3px}
.tcg-flex__info{display:grid;gap:5px;min-width:0;font-size:12px;line-height:1.4}
.tcg-flex__title{color:inherit;text-decoration:none;overflow-wrap:anywhere;font-weight:500}
.tcg-flex__title:hover{text-decoration:underline;text-underline-offset:3px}
.tcg-flex__info strong{font-size:13px;font-weight:650}
.tcg-flex .tcg-flex__add{display:inline-flex;align-items:center;justify-content:center;min-height:44px;height:auto;min-width:76px;padding:10px;font-size:12px;line-height:1.25;font-weight:650;white-space:normal;text-transform:none;border-radius:4px;--button-background-color:var(--flex-button-bg,#00b67a);--button-color:var(--flex-button-text,#fff);--button-border-color:var(--flex-button-bg,#00b67a)}
.tcg-flex__variant:not(.visually-hidden){grid-column:2/-1;display:block;width:100%;min-height:44px;padding:8px;border:1px solid rgb(var(--color-foreground-rgb)/.2);border-radius:4px;background:var(--color-background);color:inherit;font-size:12px}
.tcg-flex__row:has(.tcg-flex__variant:not(.visually-hidden)) .tcg-flex__add{grid-column:2/-1}
.tcg-flex__row-status{grid-column:1/-1;margin:0;font-size:12px;line-height:1.5}.tcg-flex__row-status:empty{display:none}
.tcg-flex__offer{margin:0 0 12px;padding:10px 12px;border-radius:6px;background:color-mix(in srgb,var(--flex-button-bg,#00b67a) 7%,var(--color-background));border-left:3px solid var(--flex-button-bg,#00b67a);font-size:12px;line-height:1.5}.tcg-flex__offer p{margin:4px 0}.tcg-flex__offer small{font-size:11px}
.tcg-flex :is(select,button,a):focus-visible{outline:2px solid currentColor;outline-offset:3px}
.tcg-flex--horizontal{overflow:hidden}
.tcg-flex--horizontal .tcg-flex__list{grid-auto-flow:column;grid-auto-columns:76%;grid-template-columns:none;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:3px 2px 10px;scrollbar-width:thin;touch-action:pan-x pan-y}
.tcg-flex--horizontal .tcg-flex__row{grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;align-content:start;align-items:start;scroll-snap-align:start;padding:12px;gap:10px}
.tcg-flex--horizontal .tcg-flex__image{width:64px;height:72px}
.tcg-flex--horizontal .tcg-flex__info{height:100%;align-content:start;gap:8px}
.tcg-flex--horizontal .tcg-flex__add{grid-column:1/-1;width:100%;min-height:40px;padding:9px}
.tcg-flex--horizontal .tcg-flex__variant:not(.visually-hidden){grid-column:1/-1}
@media(min-width:750px){.tcg-flex--horizontal .tcg-flex__list{grid-auto-columns:calc((100% - 8px)/2)}}
@media(max-width:374px){.tcg-flex:not(.tcg-flex--horizontal) .tcg-flex__row{grid-template-columns:48px minmax(0,1fr)}.tcg-flex:not(.tcg-flex--horizontal) .tcg-flex__add{grid-column:2}.tcg-flex:not(.tcg-flex--horizontal) .tcg-flex__image{grid-row:span 2;width:48px;height:48px}}
