.mixbn-wrap{position:relative}.mixbn-wrap:has(.mixbn-new){margin-top:10px}.mixbn-new{z-index:5;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--orange-accent);border:2px solid color-mix(in srgb, var(--orange-accent) 70%, #000);pointer-events:none;border-radius:2px;padding:3px 8px;font-size:10px;font-weight:400;line-height:1;animation:2.2s ease-in-out infinite mixbn-new-breathe;position:absolute;top:-10px;left:36px;transform:translate(-50%);box-shadow:2px 2px #0003}@keyframes mixbn-new-breathe{0%,to{opacity:1;transform:translate(-50%)scale(1)}50%{opacity:.88;transform:translate(-50%)scale(1.1)}}.mixbn{--mixbn-mix:var(--mix-hub-rail,#c23a8a);--mixbn-mix-edge:var(--mix-hub-rail-edge,#8f2864);--mixbn-classic:var(--green-accent,#4a8f3c);--mixbn-classic-edge:color-mix(in srgb, var(--green-accent,#4a8f3c) 70%, #000);width:100%;min-height:var(--hub-tier-card-min-height,56px);border-radius:var(--hub-classic-radius,4px);background:var(--bg-card);color:var(--text-primary);align-items:stretch;text-decoration:none;transition:transform .13s,box-shadow 60ms;display:grid;position:relative;overflow:hidden}.mixbn--classic{border:1px solid var(--border-primary)}.mixbn--classic.mixbn--to-mix{border-color:color-mix(in srgb, var(--mixbn-mix) 35%, var(--border-primary))}.mixbn--classic.mixbn--to-classic{border-color:color-mix(in srgb, var(--mixbn-classic) 35%, var(--border-primary))}.mixbn--pixel{font-family:var(--font-silkscreen), var(--font-geist-mono), monospace;box-shadow:3px 3px 0 var(--vt-shadow,#0000002e);background:#fefcf8;border:none}html.dark .mixbn--pixel{background:color-mix(in srgb, var(--bg-card) 92%, #fff)}a.mixbn--classic:active{transform:scale(.985)}a.mixbn--pixel:active,html.theme-pixel a.mixbn--pixel:active,html.cms-pixel a.mixbn--pixel:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--vt-shadow,#0000002e)!important}.mixbn:focus-visible{outline:2px solid var(--mixbn-mix);outline-offset:2px}.mixbn--to-classic:focus-visible{outline-color:var(--mixbn-classic)}.mixbn--to-mix{grid-template-columns:var(--hub-tier-title-rail-width,72px) 1fr var(--hub-tier-action-rail-width,64px)}.mixbn--to-classic{grid-template-columns:var(--hub-tier-action-rail-width,64px) 1fr var(--hub-tier-title-rail-width,72px)}.mixbn-rail{color:#fff;border-right:1px solid var(--border-primary);flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:6px 4px;display:flex}.mixbn--to-mix .mixbn-rail{background:var(--mixbn-mix);border-right-color:var(--mixbn-mix-edge)}.mixbn-rail--classic{background:var(--mixbn-classic);border-right:none;border-left:1px solid var(--mixbn-classic-edge)}.mixbn-rail-line{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800;line-height:1.1}.mixbn--pixel .mixbn-rail-line{letter-spacing:.06em;font-family:inherit;font-size:8px;font-weight:400}.mixbn-body{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:5px 8px;display:flex;overflow:hidden}.mixbn-headline{letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary);font-size:11px;font-weight:800;line-height:1.15}.mixbn--pixel .mixbn-headline{letter-spacing:.04em;font-weight:400}.mixbn-sub{letter-spacing:.02em;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;font-weight:600;line-height:1.25;overflow:hidden}.mixbn--pixel .mixbn-sub{font-weight:400}.mixbn-action{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;font-size:10px;font-weight:800;display:flex}.mixbn--pixel .mixbn-action{letter-spacing:.04em;font-family:inherit;font-weight:400}.mixbn--to-mix .mixbn-action{background:var(--mixbn-mix);border-left:1px solid var(--mixbn-mix-edge);animation:2.4s ease-in-out infinite mixbn-action-pulse}.mixbn--to-classic .mixbn-action--back{background:var(--mixbn-classic);border-right:1px solid var(--mixbn-classic-edge);animation:2.4s ease-in-out infinite mixbn-action-pulse}@keyframes mixbn-action-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.09)}}.mixbn-action-label{line-height:1}.mixbn-chevrons{color:inherit;justify-content:center;align-items:center;line-height:0;display:flex}.mixbn-chevrons svg{display:block}.mixbn-chevrons--right svg:first-child{animation:1.05s ease-in-out infinite mixbn-chev-right}.mixbn-chevrons--right svg:nth-child(2){animation:1.05s ease-in-out .15s infinite mixbn-chev-right}.mixbn-chevrons--right svg:nth-child(3){animation:1.05s ease-in-out .3s infinite mixbn-chev-right}.mixbn-chevrons--left svg:first-child{animation:1.05s ease-in-out .3s infinite mixbn-chev-left}.mixbn-chevrons--left svg:nth-child(2){animation:1.05s ease-in-out .15s infinite mixbn-chev-left}.mixbn-chevrons--left svg:nth-child(3){animation:1.05s ease-in-out infinite mixbn-chev-left}@keyframes mixbn-chev-right{0%,to{opacity:.28;transform:translate(-2px)}45%{opacity:1;transform:translate(2px)}}@keyframes mixbn-chev-left{0%,to{opacity:.28;transform:translate(2px)}45%{opacity:1;transform:translate(-2px)}}.mixbn-shelf{justify-content:center;align-items:center;gap:3px;max-width:100%;display:flex}.mixbn-chip{background:var(--chip);color:#fff;height:14px;font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;animation:2.6s ease-in-out infinite mixbn-chip-pop;animation-delay:calc(var(--i,0) * .14s);border-radius:3px;justify-content:center;align-items:center;padding:0 5px;font-size:8px;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 1px #00000038}.mixbn--pixel .mixbn-chip{border-radius:2px;font-family:inherit;font-weight:400}.mixbn-more{border:1px dashed color-mix(in srgb, var(--mixbn-mix) 45%, var(--border-primary));width:14px;height:14px;color:var(--mixbn-mix);animation:2.6s ease-in-out infinite mixbn-chip-pop;animation-delay:calc(var(--i,0) * .14s);border-radius:3px;justify-content:center;align-items:center;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.mixbn--pixel .mixbn-more{border-radius:2px;font-weight:400}@keyframes mixbn-chip-pop{0%,to{transform:translateY(0)}45%{transform:translateY(-1.5px)}}.mixbn-tiles{justify-content:center;align-items:center;gap:4px;display:flex}.mixbn-tile{border:1.25px solid color-mix(in srgb, var(--mixbn-classic) 55%, var(--border-primary));background:color-mix(in srgb, var(--mixbn-classic) 12%, var(--bg-card));width:15px;height:15px;color:var(--mixbn-classic);font-family:var(--font-mono), ui-monospace, monospace;animation:3s ease-in-out infinite mixbn-tile-flip;animation-delay:calc(var(--i,0) * .22s);border-radius:3px;justify-content:center;align-items:center;font-size:9px;font-weight:800;display:inline-flex}.mixbn--pixel .mixbn-tile{border-radius:2px;font-family:inherit;font-weight:400}@keyframes mixbn-tile-flip{0%,70%,to{transform:translateY(0)rotate(0)}10%{transform:translateY(-2px)rotate(-4deg)}20%{transform:translateY(0)rotate(3deg)}28%{transform:translateY(0)rotate(0)}}html.dark .mixbn--to-mix.mixbn--classic{background:color-mix(in srgb, var(--mixbn-mix) 8%, var(--bg-card))}@media (prefers-reduced-motion:reduce){.mixbn,.mixbn-new,.mixbn-action,.mixbn-chevrons svg,.mixbn-chip,.mixbn-more,.mixbn-tile{transition:none;animation:none}}