.film{--film-white:#f8f8f8;--film-ease:cubic-bezier(.22,.61,.36,1);--film-drawer-duration:.28s;--film-drawer-width:min(34%,520px);--film-mobile-player:max(min(56.25vw,42dvh),156px);display:block;background:var(--film-white);color:#000;font-family:"Suisse Intl","SuisseIntl",var(--font-body--family,Arial),sans-serif;overflow-anchor:none}.film [hidden]{display:none!important}.film *,.film *:before,.film *:after{box-sizing:border-box}.film__sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.film__journey{position:relative}.film__stage{position:relative;isolation:isolate;color:var(--film-white);background:#000}.film__screen{position:relative;width:100%;height:100svh;overflow:hidden;transition:width var(--film-drawer-duration) var(--film-ease),height var(--film-drawer-duration) var(--film-ease)}.film__scene{position:relative;height:100svh;background:#000;color:var(--film-white);overflow:hidden}.film:not(.is-ready) .film__screen{height:auto}.film:not(.is-ready) .film__scene:not(:first-child){display:none}.film__scene-poster,.film__playback,.film__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.film__scene-poster,.film__video{display:block;object-fit:cover}.film__scene-poster{pointer-events:none}.film__scene-title{position:absolute;z-index:2;bottom:calc(50% + 28px);left:50%;transform:translate(-50%);width:90%;margin:0;color:inherit;text-align:center;font-size:clamp(18px,3vw,var(--film-title-size,32px));font-weight:600;line-height:1.15;letter-spacing:-.035em;text-transform:var(--film-title-case,uppercase);text-shadow:0 1px 16px rgb(0 0 0 / .6);pointer-events:none;transition:opacity .2s ease;overflow-wrap:anywhere}.film.is-ready .film__journey[data-eido-parallax-ready]{height:calc(100svh * var(--eido-scroll-length,1))}.film.is-ready .film__stage{position:sticky;top:0;height:100svh;overflow:hidden}.film.is-ready .film__scenes{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:pan-y pinch-zoom}.film.is-ready .film__scene{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;visibility:hidden;pointer-events:none;transform:translate3d(0,var(--eido-scene-shift,0px),0);z-index:var(--eido-scene-layer,1)}.film.is-ready .film__scene[data-eido-scene-visible]{visibility:visible}.film.is-ready .film__scene-title{transform:translate(-50%,calc(-1 * var(--eido-scene-shift,0px)))}.film__playback{opacity:0;pointer-events:none;transition:opacity .2s ease}.film.has-frame .film__playback,.film.is-manual .film__playback{opacity:1}.film.is-manual .film__playback{background:#000}.film.is-manual .film__video,.film.is-fullscreen .film__video{object-fit:contain}.film.is-manual.is-playing .film__scene.is-active .film__scene-title{opacity:0}.film__surface{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;padding:0;background:transparent;color:inherit;cursor:pointer;box-shadow:none;border-radius:0}.film__surface:hover{background:transparent}.film__surface:disabled{cursor:default}.film__surface>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;min-width:64px;min-height:44px;font:inherit;font-size:10px;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 1px 8px #000;transition:opacity .2s ease}.film.is-idle .film__surface>span{opacity:0}.film__surface:focus-visible>span{opacity:1!important}.film__controls{position:absolute;z-index:4;inset:auto 0 0;display:grid;grid-template-columns:minmax(88px,1fr) minmax(120px,2fr) minmax(160px,1fr);align-items:end;gap:16px;padding:8px max(16px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));color:var(--film-white);background:#090e0ec2;border:0;box-shadow:none;transition:opacity .2s ease,padding var(--film-drawer-duration) var(--film-ease)}@supports (backdrop-filter:blur(1px)){.film__controls{background:#090e0e99;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}}.film__utilities,.film__view-actions{display:flex;align-items:center;gap:0}.film__view-actions{justify-content:flex-end;transition:opacity .14s ease}.film__view-actions.is-changing{opacity:0;pointer-events:none}.film .film__view-actions [data-episodes-toggle]{min-width:76px}.film__view-actions .is-unavailable{opacity:0;visibility:hidden;pointer-events:none}.film :is(.film__controls,.film__feedback,.film__episodes-heading) button{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 8px;border:0;border-radius:0;box-shadow:none;background:transparent;color:inherit;font:inherit;font-size:10px;line-height:1.2;letter-spacing:.025em;text-transform:uppercase;cursor:pointer}.film button:disabled{opacity:.4;cursor:default}.film__controls button:hover{background:#ffffff0f}.film__controls [aria-pressed=true]{text-decoration:underline;text-underline-offset:4px}.film__controls svg{width:18px;height:18px}.film__timeline{min-width:0}.film__seek-row{display:flex;align-items:center;gap:10px;min-height:44px;transition:min-height var(--film-drawer-duration) var(--film-ease)}.film__time{flex-shrink:0;white-space:nowrap;font-size:9px;font-variant-numeric:tabular-nums;opacity:.8}.film__scrubber{position:relative;flex:1;min-width:0;height:44px;transition:height var(--film-drawer-duration) var(--film-ease)}.film__progress-rail{position:absolute;inset:50% 0 auto;height:2px;transform:translateY(-50%);background:#f8f8f829;overflow:hidden;pointer-events:none;transition:height .2s cubic-bezier(.25,0,0,1)}.film__scrubber:hover .film__progress-rail{height:3px}.film__progress-buffer,.film__progress-fill{position:absolute;inset:0 auto 0 0;height:100%}.film__progress-buffer{width:var(--film-buffer,0%);background:#f8f8f847;transition:width .14s linear}.film__progress-fill{width:100%;background:#f8f8f8;transform:scaleX(0);transform-origin:left center}.film__seek{appearance:none;-webkit-appearance:none;position:absolute;top:0;right:0;bottom:0;left:0;display:block;min-width:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer;background:transparent;border:0;box-shadow:none;color:var(--film-white)}.film .film__seek:is(:hover,:focus,:active){background:transparent;box-shadow:none;border:0}.film .film__seek{border-radius:0;-webkit-tap-highlight-color:transparent}.film__seek::-webkit-slider-runnable-track{height:2px;background:transparent}.film__seek::-webkit-slider-thumb{-webkit-appearance:none;width:0;height:0;opacity:0}.film__seek::-moz-range-track,.film__seek::-moz-range-progress{height:2px;background:transparent}.film__seek::-moz-range-thumb{width:0;height:0;border:0;opacity:0}.film__seek:disabled{cursor:default}.film.is-idle .film__controls{opacity:0;pointer-events:none}.film.is-idle .film__controls:has(:focus-visible){opacity:1;pointer-events:auto}.film__feedback{position:absolute;z-index:5;left:50%;bottom:110px;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);padding:12px 18px;background:#000000d1;text-align:center}.film__feedback p{margin:0;font-size:12px;overflow-wrap:anywhere}.film :is(button,a,input,summary):focus-visible{outline:2px solid currentColor;outline-offset:-3px}.film__surface:focus-visible{outline-offset:-6px}.film__episodes{position:absolute;z-index:6;inset:0 0 0 auto;width:var(--film-drawer-width);background:#f8f8f8;color:#000;border-left:1px solid rgb(0 0 0 / .08);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--film-drawer-duration) var(--film-ease)}.film.is-menu-open .film__episodes{transform:translate(0)}.film.is-menu-closing .film__episodes{pointer-events:none}.film__episodes-heading{flex:none;display:flex;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) 20px 10px}.film__episodes-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#aaa transparent;padding:22px 28px max(32px,env(safe-area-inset-bottom)) 20px}.film__episode{-webkit-appearance:none;appearance:none;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:20px;width:100%;padding:8px 5px;margin:0 0 28px;border:0;border-radius:0;background:transparent;color:#000;box-shadow:none;text-align:center;font:inherit;cursor:pointer}.film__episode:hover{background:transparent;color:#000}.film__episode-number{font-size:11px;overflow-wrap:anywhere}.film__episode-content{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;line-height:1.4}.film__episode img,.film__episode-placeholder{display:block;width:100%;aspect-ratio:16 / 9;height:auto;object-fit:cover;background:#151515}.film__episode-runtime{font-size:10px;opacity:.6}.film__episode[aria-pressed=true] :is(img,.film__episode-placeholder){outline:1px solid #000;outline-offset:4px}.film.is-menu-mounted .film__stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;height:100dvh}.film.is-menu-open .film__screen{width:calc(100% - var(--film-drawer-width))}.film.is-menu-mounted .film__scene{transform:none}.film.is-menu-mounted .film__scene-title,.film__stage:fullscreen .film__scene-title{transform:translate(-50%)}.film.is-menu-mounted .film__scene:not(.is-active){visibility:hidden}.film__stage:fullscreen{height:100dvh;width:100%}.film__stage:fullscreen .film__screen{height:100%}.film__stage:fullscreen .film__scene{transform:none}.film__stage:fullscreen .film__scene:not(.is-active){visibility:hidden}.film__fallback,.film__empty{padding:24px}.film__fallback a{color:inherit}body.eido-film-visible #header-group{position:fixed;inset:0 0 auto;z-index:100}body.eido-film-visible #header-group .header{--header-bg-color:transparent;--color-background:transparent;background:transparent}body.eido-film-visible #header-group .header__row{--color-foreground:#f8f8f8;--color-foreground-rgb:248 248 248;--color-primary:#f8f8f8;color:#f8f8f8;background:transparent!important;border:0;text-shadow:0 1px 10px #000}body.eido-film-visible #header-group .header-logo__image{filter:brightness(0) invert(1)}body.eido-film-visible #header-group :is(header-actions,header-menu,.header__icon--menu,.header-localization,.search-action){transition:opacity .2s ease}body.eido-film-quiet #header-group :is(header-actions,header-menu,.header__icon--menu,.header-localization,.search-action){opacity:0}body.eido-film-quiet #header-group:is(:hover,:focus-within,:has([aria-expanded=true])) :is(header-actions,header-menu,.header__icon--menu,.header-localization,.search-action){opacity:1}@media(max-width:749px){.film__controls{grid-template-columns:1fr 1fr;gap:0 8px;padding:8px max(8px,env(safe-area-inset-right)) max(2px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.film__timeline{grid-column:1 / -1;grid-row:1}.film__utilities,.film__view-actions{grid-row:2}.film__seek-row{gap:8px;padding-inline:8px}.film__controls button{font-size:9px;padding-inline:6px}.film__feedback{bottom:136px}.film__episodes{top:var(--film-mobile-player);width:100%;border:0;transform:translateY(100%)}.film.is-menu-open .film__screen{width:100%;height:var(--film-mobile-player)}.film.is-menu-open .film__controls{right:0;padding-top:4px;padding-bottom:0}.film.is-menu-open .film__seek-row{min-height:28px}.film.is-menu-open .film__scrubber{height:28px}.film.is-menu-open .film__scene-title{opacity:0}.film.is-menu-open .film__feedback{bottom:76px}.film__episodes-heading{padding:8px 18px}.film__episodes-list{padding:20px 36px max(28px,env(safe-area-inset-bottom)) 24px}.film__episode{grid-template-columns:34px minmax(0,1fr);gap:24px;margin-bottom:28px}}@media(prefers-reduced-motion:reduce){.film *,.film *:before,.film *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}html[data-eido-a11y-reduce-motion=true] .film *{animation:none!important;transition:none!important}.film{--film-panel-height:144px;--film-player-height:60px;--film-dock-height:48px}.film__console{position:absolute;z-index:4;bottom:0;left:50%;width:100%;height:var(--film-panel-height);transform:translate(-50%);overflow:hidden;color:#000;background:var(--eido-glass-surface,rgb(248 248 248 / .72));backdrop-filter:var(--eido-glass-filter,blur(12px) saturate(120%));-webkit-backdrop-filter:var(--eido-glass-filter,blur(12px) saturate(120%));border:var(--eido-glass-border,1px solid rgb(0 0 0 / .12));border-radius:var(--eido-island-radius,6px) var(--eido-island-radius,6px) 0 0;box-shadow:var(--eido-glass-shadow,0 8px 28px rgb(0 0 0 / .07));transition:width .28s var(--film-ease),height .24s var(--film-ease),opacity .2s ease,background-color .24s ease}.film__browse-panel{position:absolute;top:0;right:0;bottom:0;left:0;padding:16px 16px max(12px,env(safe-area-inset-bottom));display:grid;grid-template-rows:1fr 48px;gap:8px}.film :is(.film__browse-panel,.film__tour) button,.film .film__expand,.film .film__mobile-sound{-webkit-appearance:none;appearance:none;border:0;border-radius:0;box-shadow:none;background:transparent;color:inherit;font:inherit;font-size:10px;text-transform:uppercase;min-height:44px;min-width:44px;padding:8px;cursor:pointer}.film__information{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:24px;transition:opacity .14s ease}.film__information.is-changing{opacity:0}.film__description{margin:0;font-size:11px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.film .film__browse-panel>.film__panel-play{width:100%;background:#000;color:#f8f8f8;transform:scaleX(1);transform-origin:center;transition:transform .18s var(--film-ease),opacity .12s ease}.film__console .film__controls{height:var(--film-player-height);opacity:0;visibility:hidden;border:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;transition:opacity .2s ease}.film[data-ui=player] .film__console,.film[data-launch=settle] .film__console,.film[data-launch=clear] .film__console{height:var(--film-player-height);width:100%;color:#f8f8f8;background:var(--eido-glass-dark,rgb(12 12 12 / .58));border:0;border-radius:0;box-shadow:none}.film[data-ui=player] .film__browse-panel{visibility:hidden;opacity:0}.film[data-ui=player] .film__controls{visibility:visible;opacity:1}.film[data-ui=player].is-idle .film__console{opacity:0;pointer-events:none}.film[data-ui=panel] .film__surface,.film[data-ui=dock] .film__surface,.film[data-ui=launch] .film__surface{visibility:hidden;pointer-events:none}.film[data-ui=dock] .film__console{width:min(392px,calc(100% - 32px));height:calc(var(--film-dock-height) + env(safe-area-inset-bottom))}.film[data-ui=dock] .film__browse-panel{padding:0 8px env(safe-area-inset-bottom);display:block}.film[data-ui=dock] .film__information{height:48px;display:flex;justify-content:space-between;gap:0}.film[data-ui=dock] .film__description,.film[data-ui=dock] .film__information [data-credits]{display:none}.film[data-ui=dock] .film__information [data-preview-sound]{margin-left:auto}.film[data-ui=dock] .film__panel-play{position:absolute;left:50%;top:0;transform:translate(-50%);width:96px;height:48px;background:transparent;color:#000}.film__tour{position:absolute;left:16px;bottom:max(0px,env(safe-area-inset-bottom));z-index:4;display:flex;align-items:center;width:min(25vw,320px);color:#f8f8f8;opacity:0;visibility:hidden;transition:opacity .2s ease}.film__rails{display:flex;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.film .film__rail{flex:1 0 20px;min-width:20px;padding:8px 3px}.film__rail>span{display:block;height:3px;background:#ffffff59;overflow:hidden}.film__rail i{display:block;width:100%;height:100%;background:currentColor;transform:scaleX(0);transform-origin:left}.film__expand{position:absolute;right:16px;bottom:max(0px,env(safe-area-inset-bottom));z-index:4;color:#f8f8f8!important;opacity:0;visibility:hidden;transition:opacity .2s ease}.film[data-ui=dock] :is(.film__tour,.film__expand){visibility:visible;opacity:1;transition-delay:.18s}.film__mobile-sound{display:none!important}.film__readiness{position:absolute;z-index:3;top:calc(50% - 12px);left:50%;transform:translate(-50%);width:124px}.film__readiness-line{display:block;height:2px;background:#ffffff4d;overflow:hidden}.film__readiness-line:after{content:"";display:block;height:100%;background:#f8f8f8;transform:scaleX(.9);transform-origin:left;animation:film-readiness-fill var(--film-launch-progress,6.2s) cubic-bezier(.22,.61,.36,1) both}@keyframes film-readiness-fill{0%{transform:scaleX(0)}to{transform:scaleX(.9)}}@keyframes film-readiness-complete{0%{transform:scaleX(.9)}to{transform:scaleX(1)}}.film[data-launch] .film__console{transition-duration:var(--film-launch-morph),var(--film-launch-morph),.2s,var(--film-launch-morph)}.film[data-launch] .film__scene-poster,.film[data-launch] .film__video{filter:blur(14px);transition:filter var(--film-launch-clear) ease}.film[data-launch] .film__scene.is-active .film__scene-title{opacity:1}.film[data-launch] .film__panel-play{transform:scaleX(0);opacity:0;transition-duration:var(--film-launch-button),var(--film-launch-button)}.film[data-launch=information] .film__information,.film[data-launch=settle] .film__information,.film[data-launch=clear] .film__information{opacity:0;transition-duration:var(--film-launch-information)}.film[data-launch=clear] .film__scene-poster,.film[data-launch=clear] .film__video{filter:blur(0)}.film[data-launch=clear] .film__readiness-line:after{transform:scaleX(1);animation:film-readiness-complete var(--film-launch-clear) ease-out both}.film[data-launch=clear] .film__controls{visibility:visible;opacity:1}.film__credits-content{padding:28px 32px 48px;font-size:12px;line-height:1.7}.film__credits-content h2{font-size:17px;line-height:1.3;margin:0 0 16px;color:inherit}.film__credits-content h3{font-size:10px;letter-spacing:.06em;text-transform:uppercase;margin:36px 0 16px;color:inherit}.film__credits-content p{margin:0 0 12px}.film__credits-content a{color:inherit;text-underline-offset:3px}.film[data-ui=panel] .film__feedback{bottom:calc(var(--film-panel-height) + 16px)}@media(max-width:749px){.film{--film-panel-height:184px;--film-player-height:94px}.film__browse-panel{padding:12px 8px max(8px,env(safe-area-inset-bottom))}.film__information{grid-template-columns:1fr 1fr 1fr;gap:0 8px}.film__description{grid-column:1 / -1;padding:0 8px}.film__information [data-part-count]{text-align:left;justify-self:start}.film__information [data-credits]{justify-self:end;font-size:9px}.film[data-ui=dock] .film__console{width:100%}.film[data-ui=dock] .film__information [data-preview-sound],.film[data-ui=dock] .film__panel-play{display:none}.film[data-ui=dock] .film__surface{visibility:visible;pointer-events:auto}.film[data-ui=dock] .film__mobile-sound{display:block!important;position:absolute;z-index:3;top:calc(50% + 22px);left:50%;transform:translate(-50%);color:#f8f8f8}.film__tour{left:50%;transform:translate(-50%);width:42%;bottom:max(2px,env(safe-area-inset-bottom));color:#000}.film__rail>span{background:#00000040}.film__expand{right:8px;color:#000!important}.film.is-menu-open .film__console{--film-player-height:76px}.film.is-menu-open:not([data-ui=player]) .film__console{height:48px}.film.is-menu-open:not([data-ui=player]) .film__browse-panel{display:block;padding:0 8px}.film.is-menu-open:not([data-ui=player]) .film__information{display:none}.film.is-menu-open:not([data-ui=player]) .film__panel-play{height:48px}}@media(prefers-reduced-motion:reduce){.film[data-launch] :is(.film__scene-poster,.film__video){filter:none}}@media(prefers-reduced-transparency:reduce){.film__console{background:#f8f8f8;backdrop-filter:none;-webkit-backdrop-filter:none}.film[data-ui=player] .film__console{background:#181818}}.film[data-launch-from=dock][data-launch] .film__information{visibility:hidden}.film[data-launch-from=dock][data-launch=button] .film__console,.film[data-launch-from=dock][data-launch=information] .film__console{height:var(--film-dock-height)}.film[data-launch-from=dock] .film__browse-panel{display:block;padding:0}.film[data-launch-from=dock] .film__browse-panel>.film__panel-play{position:absolute;top:0;left:calc(50% - 48px);width:96px;background:transparent;color:inherit}html[data-eido-a11y-reduce-motion=true] .film[data-launch] :is(.film__scene-poster,.film__video){filter:none}.film__screen{container-type:inline-size}@container (max-width:620px){.film__console{--film-player-height:94px}.film__controls{grid-template-columns:1fr 1fr;gap:0 8px;padding-inline:8px}.film__timeline{grid-column:1 / -1;grid-row:1}.film__utilities,.film__view-actions{grid-row:2}}@media(min-width:750px){.film__tour{max-width:calc((100% - 424px)/2)}}
/*# sourceMappingURL=/cdn/shop/t/85/assets/eido-film.css.map */