.ssp{--ssp-max-h:min(78vh,calc(100svh - 120px));--ssp-pad:clamp(10px,2vw,24px);position:relative;display:flex;flex-direction:column;min-width:0;background:var(--g-surface,#f1f0ec);color:var(--g-text,#171715);font-family:var(--g-font-body,system-ui,sans-serif);font-weight:var(--g-weight-body,400);font-size:14px;line-height:1.4;letter-spacing:0;-webkit-tap-highlight-color:transparent}.ssp:focus{outline:none}.ssp:focus-visible{outline:2px solid var(--g-accent,currentColor);outline-offset:2px}.ssp :focus-visible{outline:2px solid var(--g-accent,currentColor);outline-offset:2px}.ssp-stage{display:grid;place-items:center;min-height:0;padding:var(--ssp-pad) var(--ssp-pad) 0}.ssp-frame{position:relative;overflow:hidden;container-type:size;width:min(100%,calc(var(--ssp-max-h) * var(--ssp-ratio)));aspect-ratio:var(--ssp-ratio);background:var(--g-bg,#fbfbf9);cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:pan-y}.ssp-layer,.ssp-zoom{position:absolute;inset:0}.ssp-zoom{transform-origin:var(--ssp-origin,50% 50%)}.ssp-zoom.kb{animation:ssp-kb var(--ssp-kb) linear both}.ssp-paused .ssp-zoom.kb{animation-play-state:paused}@keyframes ssp-kb{0%{transform:scale(1)}to{transform:scale(var(--ssp-kb-to))}}.ssp-layer.first{animation:ssp-fade-in .6s ease both}.ssp-layer.in.fade{animation:ssp-fade-in var(--ssp-t) ease both}.ssp-layer.out.fade{animation:ssp-fade-out var(--ssp-t) ease both}.ssp-layer.in.slide{animation:ssp-slide-in var(--ssp-t) cubic-bezier(.2,.8,.2,1) both}.ssp-layer.out.slide{animation:ssp-slide-out var(--ssp-t) cubic-bezier(.2,.8,.2,1) both}@keyframes ssp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ssp-fade-out{0%{opacity:1}to{opacity:0}}@keyframes ssp-slide-in{0%{transform:translateX(calc(100% * var(--ssp-dir)))}to{transform:none}}@keyframes ssp-slide-out{0%{transform:none}to{transform:translateX(calc(-100% * var(--ssp-dir)))}}.ssp-ph{position:absolute;overflow:hidden}.ssp-ph img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s ease;-webkit-user-drag:none}.ssp-ph.ok img{opacity:1}.ssp-title{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:4cqh;padding:8cqw;text-align:center}.ssp-title p{margin:0;max-width:24ch;font-family:var(--g-font-heading,inherit);font-weight:var(--g-weight-heading,400);font-size:min(8.5cqh,6.4cqw);line-height:1.12;letter-spacing:var(--g-cover-tracking,0);color:var(--g-text,inherit);text-wrap:balance;overflow-wrap:anywhere}.ssp-title i{display:block;width:min(9cqw,72px);height:1px;background:var(--g-accent,currentColor)}.ssp-title .ssp-empty{font-family:var(--g-font-body,inherit);font-size:min(4.2cqh,16px);color:var(--g-muted,inherit);max-width:none}.ssp-flash{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.42);color:#ffffff;pointer-events:none;animation:ssp-flash .7s ease-out both}.ssp-flash svg{width:26px;height:26px;fill:currentColor;stroke:none}@keyframes ssp-flash{0%{opacity:0;transform:scale(.8)}20%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}.ssp-bar{display:grid;gap:4px;padding:10px var(--ssp-pad) 10px;transition:opacity .3s ease}.ssp-track{position:relative;height:16px;display:flex;align-items:center;cursor:pointer;touch-action:none}.ssp-track:focus-visible{outline-offset:0;border-radius:2px}.ssp-cur,.ssp-done,.ssp-rail{position:absolute;height:4px;top:50%;margin-top:-2px;border-radius:2px}.ssp-rail{left:0;right:0;height:2px;margin-top:-1px;background:color-mix(in srgb,var(--g-muted,#6b6b66) 80%,var(--g-surface,#f1f0ec))}.ssp-done{left:0;background:var(--g-accent,currentColor)}.ssp-cur{overflow:hidden}.ssp-cur i{display:block;width:100%;height:100%;background:var(--g-accent,currentColor);transform-origin:left center;animation-name:ssp-fill;animation-timing-function:linear;animation-fill-mode:both}.ssp-paused .ssp-cur i{animation-play-state:paused}@keyframes ssp-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ssp-ctrls{display:flex;align-items:center;gap:2px;min-width:0}.ssp-grow{flex:1}.ssp-btn{flex:none;width:40px;height:40px;padding:0;display:inline-grid;place-items:center;border:0;border-radius:min(var(--g-radius,8px),20px);background:transparent;color:inherit;cursor:pointer;transition:background-color .16s ease}.ssp-btn:hover:not(:disabled){background:color-mix(in srgb,var(--g-text,#000) 9%,transparent)}.ssp-btn:disabled{opacity:.4;cursor:default}.ssp-btn svg{width:20px;height:20px;stroke-width:var(--g-icon-stroke,1.6)}.ssp-btn.ssp-play{background:var(--g-accent,#171715);color:var(--g-accent-text,#ffffff);margin:0 2px}.ssp-btn.ssp-play:hover:not(:disabled){background:color-mix(in srgb,var(--g-accent,#171715) 86%,var(--g-text,#000))}.ssp-btn.ssp-play svg{fill:currentColor;stroke-width:0;width:18px;height:18px}.ssp-count,.ssp-time{font-variant-numeric:tabular-nums;font-size:13px;color:var(--g-muted,inherit);white-space:nowrap;padding-left:10px}.ssp-time{padding-left:4px}.ssp-vol{display:inline-flex;align-items:center;gap:2px}.ssp-vol input[type=range]{width:88px;accent-color:var(--g-accent,currentColor);cursor:pointer}.ssp-sound{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;margin-right:4px;border:1px solid var(--g-line,rgba(0,0,0,.16));border-radius:min(var(--g-radius,8px),16px);background:var(--g-bg,transparent);color:inherit;font:inherit;font-size:13px;cursor:pointer}.ssp-sound svg{width:16px;height:16px}.ssp-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ssp[data-full]{width:100vw;height:100vh;height:100dvh}.ssp.ssp-pseudo{position:fixed;inset:0;z-index:2147483000}.ssp[data-full] .ssp-stage{flex:1;container-type:size;padding:18px 18px 0}.ssp[data-full] .ssp-frame{width:min(100cqw,calc(100cqh * var(--ssp-ratio)))}.ssp[data-idle],.ssp[data-idle] .ssp-frame{cursor:none}.ssp[data-idle] .ssp-bar{opacity:0}@media (max-width:600px){.ssp-time,.ssp-vol input[type=range]{display:none}.ssp-bar{padding-top:6px;padding-bottom:6px}.ssp-btn{width:44px;height:44px}.ssp[data-full] .ssp-stage{padding:8px 0 0}}@media (prefers-reduced-motion:reduce){.ssp-zoom.kb{animation:none}.ssp-flash{animation-duration:1ms}}