.sample-frame{aspect-ratio:420/640;width:100%;max-width:420px;max-height:var(--sample-frame-max-h,none);border:6px solid var(--color-product-ink,#171c1f);background:var(--color-product-surface,#fff);isolation:isolate;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 12px 32px #171c1f29}.sample-frame__poster{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:relative}.sample-frame__poster:focus-visible{outline:3px solid var(--color-product-accent-strong,#006c45);outline-offset:-3px}.sample-frame__image{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.sample-frame__cover{z-index:1;display:block;position:absolute;inset:0}.sample-frame__iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.sample-frame__play{background:var(--color-product-accent-strong,#006c45);color:#fff;border-radius:9999px;place-items:center;width:64px;height:64px;margin:-32px 0 0 -32px;transition:transform .15s;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 6px 18px #171c1f47}.sample-frame__play svg{margin-left:3px}.sample-frame__play--busy:before{content:"";border:3px solid #ffffff59;border-top-color:#fff;border-radius:9999px;width:28px;height:28px;animation:.9s linear infinite sample-frame-spin}@keyframes sample-frame-spin{to{transform:rotate(360deg)}}.sample-frame__poster:hover .sample-frame__play,.sample-frame__poster:focus-visible .sample-frame__play{transform:scale(1.06)}@media (prefers-reduced-motion:reduce){.sample-frame__play{transition:none}.sample-frame__play--busy:before{animation:none}}.sample-frame__chip{z-index:1;background:var(--color-product-ink,#171c1f);color:#fff;text-align:left;border-radius:9999px;max-width:calc(100% - 24px);padding:6px 12px;font-size:13px;font-weight:600;line-height:1.3;position:absolute;top:56px;left:12px;box-shadow:0 4px 12px #171c1f3d}