.showreel-player{position:fixed;inset:0;z-index:1000}.showreel-backdrop{position:absolute;inset:0;background:var(--base-300);opacity:0}.showreel-frame{position:fixed;overflow:hidden;background:var(--base-300);will-change:left,top,width,height,border-radius}.showreel-snapshot,.showreel-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.showreel-snapshot,.showreel-ui{pointer-events:none}.showreel-ui{position:absolute;inset:0;opacity:0;transition:opacity .4s ease}.showreel-player.is-idle{cursor:none}.showreel-player.is-idle .showreel-ui{opacity:0!important}.showreel-ui [role=slider],.showreel-ui button{pointer-events:auto}.showreel-ui button{background:none;border:0;color:var(--base-100);cursor:pointer;font-family:inherit}.showreel-close{top:var(--edge);padding:.5rem 0;letter-spacing:.02em}.showreel-close,.showreel-controls{position:absolute;right:var(--edge)}.showreel-controls{left:var(--edge);bottom:var(--edge);display:flex;align-items:center;gap:1.25rem;padding:.75rem 1.25rem;border-radius:999px;background:rgb(0 0 0/.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgb(255 255 255/.12)}.showreel-btn{display:grid;place-items:center;width:1.75rem;height:1.75rem;flex:none;transition:opacity .2s ease}.showreel-btn:hover{opacity:.6}.showreel-btn svg{width:1.15rem;height:1.15rem;fill:currentColor}.showreel-time{flex:none;font-size:var(--text-small);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:5.5em}.showreel-bar{flex:1 1;height:1.75rem;display:flex;align-items:center;cursor:pointer;touch-action:none}.showreel-bar-track{position:relative;width:100%;height:2px;background:var(--base-200);border-radius:2px;overflow:hidden;transition:height .2s ease}.showreel-bar:hover .showreel-bar-track{height:4px}.showreel-bar-fill{position:absolute;inset:0;background:var(--base-100);transform-origin:left center;transform:scaleX(0)}.showreel-cursor{position:fixed;top:0;left:0;z-index:20;width:4.5rem;height:4.5rem;margin:-2.25rem 0 0 -2.25rem;border-radius:50%;display:grid;place-items:center;color:var(--base-300);background:rgb(255 255 255/.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;opacity:0;transform:scale(.4)}.showreel-cursor svg{width:1.35rem;height:1.35rem;margin-left:.15rem;fill:currentColor}.showreel-source{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (max-width:1000px){.showreel-controls{gap:.75rem;padding:.5rem .9rem}}.showreel-title{position:absolute;top:var(--edge);left:var(--edge);padding:.5rem 0;max-width:60%;pointer-events:none}