@layer theme,base;@layer components{.inf-video-clip{border:1px solid var(--inf-line);background:var(--surface-picture);border-radius:.625rem;overflow:hidden}.inf-video-card{border:1px solid var(--inf-line);background:var(--card);border-radius:1rem;padding:.75rem}.inf-video-facts{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.75rem;display:flex}.inf-video-facts>.inf-label{margin-right:.35rem}.inf-video-chip{border:1px solid var(--inf-line);background:var(--background);border-radius:999px;padding:.15rem .65rem;font-size:.8125rem}.inf-video-loop{max-width:40rem;margin-inline:auto}.inf-video-loop-words{color:var(--inf-quiet);grid-template-columns:1fr auto 1fr;align-items:baseline;gap:.5rem;margin-top:.5rem;font-size:.8125rem;display:grid}.inf-video-loop-words>strong{color:var(--inf-copper)}.inf-video-loop-words>:last-child{text-align:right}.inf-video-thick{stroke-width:5px}.inf-video-check{fill:var(--secondary)}.inf-video-kinds{gap:1.5rem;display:grid}.inf-video-moving{grid-template-columns:5.5rem minmax(0,1fr);gap:.875rem;margin-top:.75rem;display:grid}.inf-video-file{gap:.75rem;display:grid}.inf-video-side{align-content:start;gap:.75rem;display:grid}.inf-video-part{border:1px solid var(--inf-line);border-radius:.625rem;padding:.75rem;position:relative}.inf-video-player{background:var(--surface-picture);padding:0}.inf-video-player img{border-radius:.625rem .625rem 0 0}.inf-video-bar{border-top:1px solid var(--inf-line);background:var(--card);border-radius:0 0 .625rem .625rem;align-items:center;gap:.6rem;padding:.5rem .75rem;display:flex}.inf-video-bar>svg{fill:currentColor;width:.75rem;height:.75rem}.inf-video-bar>i{background:linear-gradient(to right, var(--inf-copper) 0 38%, var(--secondary) 38% 100%);border-radius:999px;flex:1;height:.25rem}.inf-video-data{gap:.2rem;margin-top:.4rem;font-size:.8125rem;display:grid}.inf-video-data>div{justify-content:space-between;gap:.75rem;display:flex}.inf-video-data dt{color:var(--inf-quiet)}.inf-video-button{background:var(--foreground);color:var(--background);border-radius:999px;padding:.3rem .8rem;font-size:.8125rem;font-weight:600;display:inline-block}.inf-video-poster{color:var(--inf-quiet);grid-template-columns:3.5rem minmax(0,1fr);align-items:center;gap:.75rem;font-size:.8125rem;display:grid}.inf-video-studio{container-type:inline-size}.inf-video-studio>div{gap:1rem;display:grid}.inf-video-films{gap:.4rem;margin-block:.6rem .9rem;display:grid}.inf-video-films>li{align-items:center;gap:.5rem;display:flex}.inf-video-films .inf-glyph{width:1.125rem;height:1.125rem}.inf-video-studio .inf-video-chip{display:inline-block}@media (min-width:48rem){.inf-video-kinds{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}}@container (min-width:30rem){.inf-video-file{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start}.inf-video-studio>div{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center;gap:1.5rem}}}@layer utilities;