.svid{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:start;gap:32px;margin:0;display:grid}.svid__frame{aspect-ratio:9/16;border-radius:var(--radius);background:var(--c-sand);position:relative;overflow:hidden}.svid__poster,.svid__video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.svid__frame[data-started=no] .svid__video{visibility:hidden}.svid__poster{transition:opacity var(--dur) var(--ease)}.svid__frame[data-started=yes] .svid__poster{opacity:0;visibility:hidden}.svid__play{cursor:pointer;color:var(--c-on-olive);transition:background var(--dur) var(--ease);background:linear-gradient(#2e2a222e,#2e2a2285);border:0;grid-template-rows:1fr auto;place-items:center;padding:0 16px 18px;display:grid;position:absolute;inset:0}.svid__play:hover{background:linear-gradient(#2e2a2247,#2e2a229e)}.svid__play:focus-visible{outline:3px solid var(--c-caramel);outline-offset:-3px}.svid__playDisc{background:var(--c-paper);width:64px;height:64px;color:var(--c-wine);transition:transform var(--dur) var(--ease);border-radius:50%;place-items:center;display:grid}.svid__playDisc .icon{width:26px;height:26px;margin-left:3px}.svid__play:hover .svid__playDisc{transform:scale(1.06)}.svid__playText{font-family:var(--f-ui);text-shadow:0 1px 2px #2e2a2280;flex-direction:column;align-items:center;gap:4px;font-size:16px;font-weight:500;display:flex}.svid__playSound{letter-spacing:.04em;color:var(--c-on-olive-2);font-size:13px;font-weight:400}.svid__side{flex-direction:column;gap:12px;display:flex}.svid__title{font-family:var(--f-ui);color:var(--c-olive-ink);font-size:19px;font-weight:600;line-height:1.3}.svid__caption{font-family:var(--f-ui);color:var(--c-ink-2);font-size:17px;line-height:1.7}.svid__state{font-family:var(--f-ui);color:var(--c-ink-3);font-size:15px;line-height:1.7}.svid__state--bad{color:var(--c-wine)}.svid__retry{font:inherit;color:var(--c-wine);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.svid__retry:hover{color:var(--c-caramel-ink)}.svid__retry:focus-visible{outline:2px solid var(--c-olive);outline-offset:2px}@media (max-width:1100px){.svid{grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:24px}}@media (max-width:700px){.svid{grid-template-columns:minmax(0,1fr);gap:18px}.svid__frame{width:100%;max-width:300px}}@media (prefers-reduced-motion:reduce){.svid__play,.svid__poster,.svid__playDisc{transition:none}.svid__play:hover .svid__playDisc{transform:none}}.svid--solo{grid-template-columns:minmax(0,1fr);justify-items:center;gap:14px}.svid--solo .svid__frame{background:var(--c-paper);border:1px solid var(--c-line);border-radius:6px;width:min(340px,100%);padding:10px}.svid--solo .svid__poster,.svid--solo .svid__video{border-radius:3px;width:calc(100% - 20px);height:calc(100% - 20px);inset:10px}.svid--solo .svid__play{border-radius:3px;inset:10px}.svid--solo .svid__side{text-align:center;align-items:center}.svid--tile{grid-template-columns:minmax(0,1fr);gap:10px}.svid--tile .svid__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40.5px;font-size:15px;line-height:1.35;display:-webkit-box;overflow:hidden}.svid--tile .svid__playText{font-size:13px}.svid--tile .svid__playDisc{width:48px;height:48px}.svid--tile .svid__playDisc .icon{width:20px;height:20px}