.hs-reel-preview{position:relative;display:grid;place-items:center;width:100%;height:min(34dvh,280px);padding:0;border:0;background:#05090c;cursor:pointer;color:#fff}.hs-reel-preview img{display:block;width:100%;height:100%;object-fit:contain}.hs-reel-preview>span{position:absolute;display:grid;place-items:center;width:52px;height:52px;border:1px solid #efb86c;border-radius:50%;background:#0009;font-size:25px;color:#efb86c}.hs-profile #creatorPosts>.hs-social-post>.hs-reel-preview{height:100%}.hs-post-viewer .hs-reel-preview{height:65dvh}.hs-reel-viewer,.hs-profile .hs-reel-viewer{position:fixed;inset:0;width:min(560px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:auto;border:0;border-radius:0;padding:0;background:#030507;color:white;overflow:hidden}.hs-reel-viewer::backdrop{background:#000e}.hs-reel-media{width:100%;height:100%;display:grid;place-items:center}.hs-reel-media video{display:block;width:100%;height:100%;object-fit:contain}.hs-reel-top{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;gap:6px;padding:calc(9px + env(safe-area-inset-top)) 10px 12px;background:linear-gradient(#000b,transparent)}.hs-reel-top a{margin-right:auto;min-width:0;font-size:13px;overflow-wrap:anywhere}.hs-reel-top button,.hs-reel-bottom button{min-height:38px;padding:6px 9px;font-size:12px;color:white}.hs-reel-bottom{position:absolute;left:0;bottom:0;right:0;z-index:2;padding:18px 10px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#000d);pointer-events:none}.hs-reel-bottom>*{pointer-events:auto}.hs-reel-bottom p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:17dvh;overflow:auto;margin:7px 0}.hs-reel-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.hs-reel-work{font-size:13px;text-decoration:underline;color:#efbd72}.hs-reel-comment-panel{position:absolute;bottom:0;left:0;right:0;z-index:5;background:#10171a;border-top:1px solid #96713c;max-height:72dvh;overflow:auto;padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.hs-reel-comment-panel .hs-comments{margin:8px 0;padding:10px}.hs-reel-comment-panel h2{font-size:16px}.hs-reel-form-progress{width:100%;height:7px;accent-color:#edbd6c}.hs-reel-form input[type=text]{width:100%;padding:10px;color:#eee;background:#0c1113;border:1px solid #635034;border-radius:6px}.hs-reel-own-status{font-size:12px;margin:8px 0}.hs-reel-own-status button{padding:5px 8px;font-size:11px;min-height:30px}.hs-reel-viewer [hidden]{display:none!important}
.hs-profile #creatorPosts>.hs-social-post:has(>.hs-reel-preview)>.hs-post-caption{inset:auto 0 0!important;max-height:40px!important;display:block!important;padding:7px 5px!important;text-align:left!important;font-size:10px!important;background:#080c10db!important}

/* The entire original frame fits between the controls, including on short screens. */
.hs-reel-viewer[open],.hs-profile .hs-reel-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;box-sizing:border-box}
.hs-reel-viewer .hs-reel-top,.hs-reel-viewer .hs-reel-bottom{position:relative;inset:auto;background:#080b0e}
.hs-reel-viewer .hs-reel-bottom{padding-top:6px}
.hs-reel-viewer .hs-reel-media{min-width:0;min-height:0;overflow:hidden;grid-template-rows:minmax(0,1fr)}
.hs-reel-viewer .hs-reel-media video{min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain}
.hs-reel-preview{grid-template-rows:minmax(0,1fr)}
.hs-reel-preview img{min-width:0;min-height:0;max-height:100%;max-width:100%;object-fit:contain}

/* The entire original frame fits between the controls, including on short screens. */
html[data-hs-route] .hs-reel-viewer[open],html[data-hs-route] .hs-profile .hs-reel-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;box-sizing:border-box}
html[data-hs-route] .hs-reel-viewer .hs-reel-top,.hs-reel-viewer .hs-reel-bottom{position:relative;inset:auto;background:#080b0e}
html[data-hs-route] .hs-reel-viewer .hs-reel-bottom{padding-top:6px}
html[data-hs-route] .hs-reel-viewer .hs-reel-media{min-width:0;min-height:0;overflow:hidden;grid-template-rows:minmax(0,1fr)}
html[data-hs-route] .hs-reel-viewer .hs-reel-media video{min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain}
html[data-hs-route] .hs-reel-preview{grid-template-rows:minmax(0,1fr)}
html[data-hs-route] .hs-reel-preview img{min-width:0;min-height:0;max-height:100%;max-width:100%;object-fit:contain}

html[data-hs-route] .hs-reel-viewer .hs-reel-bottom{position:relative;inset:auto;background:#080b0e;padding-top:6px}