.demo-module__e420dW__page{padding-top:max(12px, calc(var(--sec) - 40px));padding-bottom:clamp(48px,7vw,88px)}.demo-module__e420dW__back{width:fit-content;color:var(--ink-2);align-items:center;margin-bottom:6px;padding-block:6px;font-size:15px;line-height:22px;text-decoration:none;display:flex}.demo-module__e420dW__back:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.demo-module__e420dW__layout{margin-top:var(--head-gap);gap:16px;display:grid}.demo-module__e420dW__layout .demo-module__e420dW__player{margin-top:0}.demo-module__e420dW__outs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.demo-module__e420dW__outs li{display:flex}.demo-module__e420dW__out{border-radius:var(--r-shot);background:var(--bg);min-width:0;box-shadow:0 0 0 1px var(--line), 0 1px 2px #28261e0d;flex-direction:column;flex:1;gap:10px;padding:8px 8px 12px;transition:box-shadow .16s,transform .16s;display:flex}.demo-module__e420dW__out:active{transform:scale(.98)}@media (hover:hover){.demo-module__e420dW__out:hover{box-shadow:0 0 0 1px var(--line-2), 0 14px 30px -16px #28261e59;transform:translateY(-2px)}.demo-module__e420dW__out:hover .demo-module__e420dW__arrow{color:var(--ink);translate:2px -2px}}.demo-module__e420dW__thumb{aspect-ratio:4/3;background:var(--bg-2);border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.demo-module__e420dW__thumb img{object-fit:contain;width:100%;height:100%}.demo-module__e420dW__thumb[data-kind=doc] img{border-radius:2px;width:auto;height:86%;box-shadow:0 0 0 1px #28261e0f,0 6px 14px -6px #28261e4d}.demo-module__e420dW__thumb[data-kind="3d"] img{width:92%;height:92%}.demo-module__e420dW__thumb[data-kind=video] img{object-fit:cover;object-position:80% 50%}.demo-module__e420dW__play{color:#fff;background:#0a0a0bc7;border-radius:50%;place-items:center;width:28px;height:28px;padding-left:2px;display:grid;position:absolute;bottom:8px;left:8px}.demo-module__e420dW__label{justify-content:space-between;align-items:flex-start;gap:4px;padding-inline:4px;display:flex}.demo-module__e420dW__outTitle{letter-spacing:-.01em;font-size:14px;font-weight:600;line-height:1.25}.demo-module__e420dW__arrow{color:var(--ink-3);flex:none;margin-top:1px;transition:color .16s,translate .16s}@media (max-width:639px){.demo-module__e420dW__arrow{display:none}}@media (min-width:640px){.demo-module__e420dW__outs{gap:14px}.demo-module__e420dW__out{padding:10px 10px 14px}.demo-module__e420dW__outTitle{font-size:16px}}@media (min-width:1000px){.demo-module__e420dW__layout{align-items:stretch;gap:20px;display:flex}.demo-module__e420dW__layout .demo-module__e420dW__player{width:min(calc(100% - 300px), max(320px, 100svh - var(--nav-h) - var(--sec) * 2 - var(--h1) - var(--head-gap) - 2px) * 16 / 9);flex:none;align-self:flex-start}.demo-module__e420dW__outs{contain:size;flex:1;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:none;gap:12px;max-width:380px}.demo-module__e420dW__out{flex-direction:row;align-items:center;gap:16px;padding:10px 18px 10px 10px}.demo-module__e420dW__thumb{aspect-ratio:auto;align-self:stretch;width:48%;min-height:0}.demo-module__e420dW__label{flex:1;align-items:center;padding:0}.demo-module__e420dW__outTitle{font-size:17px}}.vc.demo-module__e420dW__close{min-height:0}.demo-module__e420dW__close .vc-close{min-height:0}