/* Tiny Cup Collective shared frame. One file, used by every bar's site. Colours come from the site it sits in. */
.top .tcc-status{margin:0 auto 0 clamp(14px,2vw,28px);font-size:.85rem;font-weight:500;white-space:nowrap}
footer .tcc-by{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
footer .tcc-by img{width:38px;height:38px;border-radius:50%;display:block}
footer .tcc-bars{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin:0 0 6px;padding:0 0 22px;border-bottom:1px solid var(--rule,currentColor);order:-1}
footer .tcc-bars b{font-weight:600;margin-right:6px;color:var(--ink,inherit)}
footer .tcc-bars a,footer .tcc-bars span{display:block;width:66px;height:66px;border-radius:50%;box-shadow:0 6px 14px -6px rgba(0,0,0,.45);transition:transform .25s cubic-bezier(.22,.8,.2,1)}
footer .tcc-bars img{width:100%;height:100%;display:block;border-radius:50%}
footer .tcc-bars :nth-child(2){transform:rotate(-6deg)}footer .tcc-bars :nth-child(3){transform:rotate(5deg)}footer .tcc-bars :nth-child(4){transform:rotate(-4deg)}footer .tcc-bars :nth-child(5){transform:rotate(7deg)}
footer .tcc-bars a:hover,footer .tcc-bars a:focus-visible{transform:rotate(0) scale(1.12)}
footer .tcc-links{display:flex;flex-wrap:wrap;gap:8px 28px;margin:0}footer .tcc-links a,footer .tcc-by{color:inherit;text-decoration:none}footer .tcc-links a:hover,footer .tcc-by:hover{text-decoration:underline}
footer .tcc-mark{flex:none}
.tcc-open{display:flex;align-items:center;gap:8px;margin:0}.tcc-open i{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.35;flex:none}.tcc-open.is-open i{opacity:1;background:var(--tcc-open,currentColor)}
@media (max-width:620px){footer .tcc-bars b{flex-basis:100%}footer .tcc-bars{gap:10px 14px}.top{flex-wrap:wrap}.top .tcc-status{order:3;flex-basis:100%;margin:0}}
@media (prefers-reduced-motion:reduce){footer .tcc-bars a{transition:none}}