@tailwind base;
@tailwind components;
@tailwind utilities;
@layer utilities {
  .kb-focus:focus { outline:2px solid rgb(167 139 250); outline-offset:2px }
  .to-live-wrap{position:relative}
  .to-live-pill{background:rgba(124,58,237,.9);color:#fff;border-radius:.375rem;padding:.1rem .45rem;font-size:.75rem;font-weight:700}
  .to-marquee{white-space:nowrap;overflow:hidden}
  .to-marquee p{display:inline-block;padding-left:100%;animation:to-scroll 18s linear infinite}
  @keyframes to-scroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
  .to-youtube-section{display:flex;flex-direction:column;height:100%}
  .to-buttons-container{margin-top:auto;padding-top:1rem}
  .to-recent-posts-card{display:flex;flex-direction:column;height:100%}
  .to-recent-posts-inner{flex:1}
}