.rr-film{--rr-mono: "NB Architekt RR", Menlo, SFMono-Regular, monospace;position:relative;background:#0a0a0a;color:#f2f2f0}.rr-film .fm-frame{position:relative;width:100%;aspect-ratio:16 / 9;max-height:92vh;overflow:hidden;background:#000}.rr-film video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.rr-film .fm-frame:fullscreen video,.rr-film .fm-frame:-webkit-full-screen video{object-fit:contain}.rr-film .fm-hit{all:unset;position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.rr-film .fm-top,.rr-film .fm-bar{position:absolute;left:0;right:0;z-index:2;padding:0 var(--rr-g, 24px);transition:opacity .45s ease}.rr-film .fm-top{top:0;padding-top:18px;display:flex;justify-content:space-between;pointer-events:none}.rr-film .m{font-family:var(--rr-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.rr-film .fm-top .m{color:#f2f2f0c7;text-shadow:0 0 10px rgba(0,0,0,.7)}.rr-film .fm-bar{bottom:0;padding-top:56px;padding-bottom:18px;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto auto;gap:18px;align-items:center;background:linear-gradient(180deg,#0a0a0a00,#0a0a0ab8)}.rr-film .fm-btn{all:unset;box-sizing:border-box;cursor:pointer;height:32px;padding:0 12px;display:inline-grid;place-items:center;border:1px solid rgba(242,242,240,.34);color:#f2f2f0;white-space:nowrap;transition:border-color .2s ease,background .2s ease}.rr-film .fm-btn:hover{border-color:#f2f2f0}.rr-film .fm-btn:focus-visible,.rr-film .fm-scrub:focus-visible{outline:1px solid var(--rr-core, #D8F25A);outline-offset:3px}.rr-film .fm-btn[aria-pressed=true]{border-color:var(--rr-core, #D8F25A);color:var(--rr-core, #D8F25A)}.rr-film .fm-btn[data-fm-toggle]{min-width:68px}.rr-film .fm-time{color:#f2f2f0c7;font-variant-numeric:tabular-nums;min-width:42px}.rr-film .fm-scrub{position:relative;height:28px;cursor:pointer;touch-action:none}.rr-film .fm-scrub:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#f2f2f04d}.rr-film .fm-scrub:after{content:"";position:absolute;left:0;right:0;top:calc(50% - 4px);height:9px;background:repeating-linear-gradient(90deg,rgba(242,242,240,.42) 0 1px,transparent 1px 10%);background-position:0 0;pointer-events:none;border-right:1px solid rgba(242,242,240,.42)}.rr-film .fm-buf,.rr-film .fm-fill{position:absolute;left:0;top:50%;height:1px;width:0}.rr-film .fm-buf{background:#f2f2f08c}.rr-film .fm-fill{height:3px;margin-top:-1px;background:var(--rr-core, #D8F25A)}.rr-film .fm-thumb{position:absolute;top:50%;left:0;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;background:var(--rr-core, #D8F25A);transition:scale .15s ease}.rr-film .fm-scrub:hover .fm-thumb,.rr-film .fm-scrub:active .fm-thumb{scale:1.5}.rr-film .fm-flag{position:absolute;left:var(--rr-g, 24px);top:44px;z-index:3;color:#d8f25a}.rr-film.is-playing:not(.is-awake) .fm-bar,.rr-film.is-playing:not(.is-awake) .fm-top{opacity:0}.rr-film.is-playing:not(.is-awake) .fm-hit{cursor:none}@media(max-width:767px){.rr-film .fm-frame{aspect-ratio:auto;max-height:none;overflow:visible;background:#0a0a0a}.rr-film video{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:contain;background:#000}.rr-film .fm-hit{inset:0 0 auto 0;aspect-ratio:16 / 9}.rr-film .fm-top{padding:10px 12px 0}.rr-film .fm-top .m{font-size:9.5px}.rr-film .fm-bar{position:static;background:none;padding:6px 20px 18px;grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px 10px}.rr-film.is-playing:not(.is-awake) .fm-bar{opacity:1}.rr-film .fm-scrub{grid-column:1 / -1;grid-row:1}.rr-film .fm-time[data-fm-dur]{display:none}.rr-film .fm-btn{height:30px;padding:0 10px;font-size:10px}.rr-film .fm-btn[data-fm-toggle]{grid-column:1;grid-row:2;min-width:58px}.rr-film .fm-time[data-fm-time]{grid-column:2;grid-row:2}.rr-film .fm-btn[data-fm-sound]{grid-column:3;grid-row:2}.rr-film .fm-btn[data-fm-full]{grid-column:4;grid-row:2}.rr-film .fm-frame:fullscreen video,.rr-film .fm-frame:-webkit-full-screen video{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;aspect-ratio:auto}}@media(max-width:767px){.shopify-section:has(.rr-float.fl-wide):has(+.shopify-section .rr-film) .rr-float{padding-bottom:24px}}@media(prefers-reduced-motion:reduce){.rr-film .fm-top,.rr-film .fm-bar{transition:none}}@media(min-width:768px){.rr-film{position:relative;z-index:1;padding:28px max(var(--rr-g, 24px),96px) 96px}.rr-film .fm-frame{width:min(100%,calc(70vh * 16 / 9));max-height:none;margin:0 auto}.rr-film .fm-frame:fullscreen,.rr-film .fm-frame:-webkit-full-screen{width:100%}.rr-film .fm-top,.rr-film .fm-bar{padding-left:20px;padding-right:20px}}.rr-film .fm-corner{--off: -60px;position:absolute;z-index:2;width:18px;height:18px;border:0 solid rgba(242,242,240,.9);pointer-events:none}.rr-film .fm-corner.tl{left:var(--off);top:var(--off);border-width:1px 0 0 1px}.rr-film .fm-corner.tr{right:var(--off);top:var(--off);border-width:1px 1px 0 0}.rr-film .fm-corner.bl{left:var(--off);bottom:var(--off);border-width:0 0 1px 1px}.rr-film .fm-corner.br{right:var(--off);bottom:var(--off);border-width:0 1px 1px 0}.rr-film .fm-frame{overflow:visible}.rr-film .fm-frame video{clip-path:inset(0)}@media(max-width:767px){.rr-film .fm-corner{display:none}.rr-film .fm-frame video{clip-path:none}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/rr-film.css.map */