.film-track{scrollbar-width:none}.film-track::-webkit-scrollbar{display:none}.film-slide{flex:0 0 calc(100% - 40px)}@media (min-width:768px){.film-slide{flex-basis:min(100% - 96px,max(480px,164.571svh - 460.8px))}}@media (min-width:1024px){.film-slide{flex-basis:min(100% - 160px,max(560px,164.571svh - 460.8px))}}.film-frame{background:var(--ff-light-sm), var(--ff-ground);height:440px;box-shadow:inset 0 0 0 1px var(--ff-edge);border-radius:20px;position:relative;overflow:hidden}.film-frame[data-product=nala]{--ff-ground:#f1eee8;--ff-light:radial-gradient(70% 80% at 50% 0%, #e62e7d17 0%, #e62e7d00 70%);--ff-light-sm:radial-gradient(90% 80% at 50% 0%, #e62e7d17 0%, #e62e7d00 70%);--ff-edge:#0000000f;--ff-shot-edge:#0000001a;--ff-back-opacity:.6}.film-frame[data-product=openstable]{--ff-ground:#f6f4ee;--ff-light:radial-gradient(70% 75% at 62% 0%, #5d705242 0%, #5d705200 72%);--ff-light-sm:radial-gradient(90% 70% at 60% 0%, #5d705242 0%, #5d705200 72%);--ff-edge:#0000000f;--ff-shot-edge:#00000014;--ff-back-opacity:.6}.film-desktop,.film-phone{position:absolute}.film-desktop img,.film-phone img{width:100%;height:auto;display:block}.film-ui{container-type:inline-size}.film-desktop.film-ui{--ui-w:1280px;--ui-h:860px;aspect-ratio:1280/860}.film-front-wide.film-ui{--ui-w:1120px;--ui-h:720px;aspect-ratio:1120/720}.film-front-phone.film-ui{--ui-w:360px;--ui-h:760px;aspect-ratio:360/760}.film-ui-view{width:var(--ui-w);transform-origin:0 0;scale:tan(atan2(100cqw, var(--ui-w)));position:absolute;top:0;left:0}.film-ui .nx.n-app{height:var(--ui-h);box-shadow:none;border-radius:0}.film-desktop{width:480px;box-shadow:0 0 0 1px var(--ff-shot-edge);opacity:var(--ff-back-opacity);border-radius:8px;top:24px;overflow:hidden}.film-phone{width:180px;top:60px}.film-frame[data-phone=right] .film-desktop{left:20px}.film-frame[data-phone=right] .film-phone{right:24px}.film-frame[data-phone=left] .film-desktop{right:20px}.film-frame[data-phone=left] .film-phone{left:24px}.film-front{box-shadow:0 0 0 1px var(--ff-shot-edge);border-radius:8px;position:absolute;overflow:hidden}.film-front-phone{width:min(100% - 40px,280px);margin-inline:auto;top:24px;left:0;right:0}.film-front-wide,.film-frame[data-layout=stack] .film-desktop{display:none}@media (min-width:768px){.film-frame{aspect-ratio:1152/700;background:var(--ff-light), var(--ff-ground);border-radius:24px;height:auto}.film-desktop{opacity:1;border-radius:12px;width:76%;top:10%}.film-phone{width:18%;top:24%}.film-frame[data-phone=right] .film-desktop{left:6%}.film-frame[data-phone=right] .film-phone{right:5.5%}.film-frame[data-phone=left] .film-desktop{right:6%}.film-frame[data-phone=left] .film-phone{left:5.5%}.film-frame[data-layout=stack] .film-desktop{width:62%;display:block;top:7%;left:5%}.film-front-phone{display:none}.film-front-wide{border-radius:12px;width:64%;display:block;top:27%;right:5%}}.film-shader{animation:film-shader-in .9s var(--ease-out-quiet,ease-out) both;position:absolute;inset:0}@keyframes film-shader-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.film-shader{animation:none}}
