.tpl-tm-film{--tm-cream: #fde6cd;--tm-card: #fbf7ee;--tm-card-ink: #9b2a20;--tm-day: #7c1913;--tm-night: #221a5c;--tmf-sky: 66px;--tmf-gx: 150px;position:relative;z-index:1;isolation:isolate;overflow:hidden;height:calc(100svh - var(--header-height, 56px));min-height:600px;max-height:820px;color:var(--tm-cream);background:var(--tm-day) url(tpl-tm-film-day.jpg) center top / cover no-repeat}.tpl-tm-film[data-mode=night]{background-color:var(--tm-night);background-image:url(tpl-tm-film-night.jpg)}@media screen and (min-width:750px){.tpl-tm-film{--tmf-sky: 96px;height:min(84vh,800px);min-height:620px;background-image:url(tpl-tm-film-day-wide.jpg)}.tpl-tm-film[data-mode=night]{background-image:url(tpl-tm-film-night-wide.jpg)}}.tpl-tm-film__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;pointer-events:none}.tpl-tm-film__head{position:relative;z-index:3;display:grid;justify-items:center;gap:2px;padding:10px 16px 0;text-align:center}@media screen and (min-width:750px){.tpl-tm-film__head{padding-top:12px}}.tpl-tm-film__kicker{margin:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--tm-cream);opacity:.9}.tpl-tm-film .tpl-tm-film__mark{margin:0;font-family:Table Manners,Sulphur Point,cursive!important;font-weight:400!important;font-size:clamp(44px,12vw,76px);letter-spacing:0!important;line-height:1;text-transform:none!important;color:var(--tm-cream)}.tpl-tm-film__stage{position:absolute;top:calc(var(--tmf-sky) + 58px);right:0;bottom:128px;left:0;z-index:2}@media screen and (min-width:750px){.tpl-tm-film__stage{top:calc(var(--tmf-sky) + 64px);bottom:136px}}.tpl-tm-film__item{position:absolute;top:0;right:0;bottom:0;left:0;display:block;color:inherit;text-decoration:none;visibility:hidden}.tpl-tm-film__item.is-on,.tpl-tm-film__item.is-out{visibility:visible}.tpl-tm-film__item.is-on{animation:tmf-beat 4.4s linear both}.tpl-tm-film__item:focus-visible{outline:2px solid var(--tm-cream);outline-offset:-6px}.tpl-tm-film__print{position:absolute;top:0;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:88vw;height:84%;margin-left:-44vw}@media screen and (min-width:750px){.tpl-tm-film__print{width:560px;height:90%;margin-left:-280px}}.tpl-tm-film__print img{position:relative;z-index:1;display:block;flex:0 1 auto;width:auto;height:auto;min-height:0;max-width:100%;max-height:calc(100% - 36px);filter:drop-shadow(0 12px 14px rgba(0,0,0,.4))}.tpl-tm-film__card{position:relative;z-index:4;flex:none;display:grid;justify-items:center;max-width:60vw;margin-top:-18px;padding:5px 14px 4px;background:var(--tm-card);color:var(--tm-card-ink);box-shadow:0 6px 12px -6px #0009;transform:rotate(-2deg);text-align:center}.tpl-tm-film__name{font-family:Table Manners,Sulphur Point,cursive;font-size:22px;line-height:1.1;text-wrap:balance}@media screen and (min-width:750px){.tpl-tm-film__card{max-width:340px;margin-top:-22px}.tpl-tm-film__name{font-size:26px}}.tpl-tm-film__price{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.04em;color:#6e5d50}.tpl-tm-film__guest{position:absolute;z-index:3;bottom:0;height:40%;pointer-events:none}.tpl-tm-film__guest[data-side=left]{left:3vw}.tpl-tm-film__guest[data-side=right]{right:3vw}.tpl-tm-film__guest--el{height:30%}@media screen and (min-width:750px){.tpl-tm-film__guest{height:54%}.tpl-tm-film__guest--el{height:42%}.tpl-tm-film__guest[data-side=left]{right:calc(50% + var(--tmf-gx));left:auto}.tpl-tm-film__guest[data-side=right]{left:calc(50% + var(--tmf-gx));right:auto}}.tpl-tm-film__body{display:block;position:relative;height:100%;transform-origin:50% 100%}.tpl-tm-film__guest[data-tm-tap]{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.tpl-tm-film__frame{display:block;width:auto;height:100%;max-width:44vw;object-fit:contain;object-position:50% 100%}.tpl-tm-film__frame+.tpl-tm-film__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;max-width:none}@media screen and (min-width:750px){.tpl-tm-film__frame{max-width:340px}}.tpl-tm-film__guest--f3 .tpl-tm-film__frame{opacity:0;animation:tmf-frame3 1.2s steps(1,end) infinite}.tpl-tm-film__guest--f3 .tpl-tm-film__frame:nth-child(2){animation-delay:-.8s}.tpl-tm-film__guest--f3 .tpl-tm-film__frame:nth-child(3){animation-delay:-.4s}.is-on .tpl-tm-film__print img{animation:tmf-drop .7s cubic-bezier(.2,.9,.3,1.25) both}.is-on.tpl-tm-film__item--solo .tpl-tm-film__print img{animation:tmf-drop .7s cubic-bezier(.2,.9,.3,1.25) both,tmf-swing 1.4s .7s ease-in-out infinite alternate;transform-origin:50% 0}.is-on .tpl-tm-film__card{animation:tmf-card .45s .55s cubic-bezier(.2,.9,.3,1.2) both}.is-on .tpl-tm-film__guest[data-side=left]{animation:tmf-hop-l 1.1s .25s ease-out both,tmf-dance 1.2s 1.35s steps(1,end) infinite}.is-on .tpl-tm-film__guest[data-side=right]{animation:tmf-hop-r 1.1s .25s ease-out both,tmf-dance 1.2s 1.35s steps(1,end) infinite}.is-on .tpl-tm-film__guest--2[data-side=left]{animation:tmf-hop-l 1.1s .55s ease-out both,tmf-dance 1.2s 1.65s steps(1,end) infinite}.is-on .tpl-tm-film__guest--2[data-side=right]{animation:tmf-hop-r 1.1s .55s ease-out both,tmf-dance 1.2s 1.65s steps(1,end) infinite}.is-on .tpl-tm-film__guest--el[data-side=left]{animation:tmf-hop-l 1.1s .25s ease-out both,tmf-sway 1.6s 1.35s ease-in-out infinite alternate}.is-on .tpl-tm-film__guest--el[data-side=right]{animation:tmf-hop-r 1.1s .25s ease-out both,tmf-sway 1.6s 1.35s ease-in-out infinite alternate}.is-on .tpl-tm-film__guest--el.tpl-tm-film__guest--2[data-side=left]{animation:tmf-hop-l 1.1s .55s ease-out both,tmf-sway 1.6s 1.65s ease-in-out infinite alternate-reverse}.is-on .tpl-tm-film__guest--el.tpl-tm-film__guest--2[data-side=right]{animation:tmf-hop-r 1.1s .55s ease-out both,tmf-sway 1.6s 1.65s ease-in-out infinite alternate-reverse}.tpl-tm-film__guest--el{transform-origin:50% 100%}.is-out .tpl-tm-film__print{animation:tmf-lift .5s ease-in both}.is-out .tpl-tm-film__card{animation:tmf-card-out .3s ease-in both}.is-out .tpl-tm-film__guest[data-side=left]{animation:tmf-exit-l .6s ease-in both}.is-out .tpl-tm-film__guest[data-side=right]{animation:tmf-exit-r .6s ease-in both}@keyframes tmf-beat{0%{opacity:1}to{opacity:1}}@keyframes tmf-drop{0%{transform:translateY(-130%) rotate(-9deg)}to{transform:translateY(0) rotate(0)}}@keyframes tmf-swing{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}@keyframes tmf-lift{0%{transform:translateY(0) rotate(0);opacity:1}55%{opacity:0}to{transform:translateY(-16%) rotate(5deg);opacity:0}}@keyframes tmf-card{0%{transform:rotate(-2deg) rotateX(90deg);opacity:0}to{transform:rotate(-2deg);opacity:1}}@keyframes tmf-card-out{to{transform:rotate(-2deg) rotateX(90deg);opacity:0}}@keyframes tmf-hop-l{0%{transform:translate(-110vw)}35%{transform:translate(-55vw,-18%)}60%{transform:translate(-20vw)}80%{transform:translate(-5vw,-8%)}to{transform:translate(0)}}@keyframes tmf-hop-r{0%{transform:translate(110vw)}35%{transform:translate(55vw,-18%)}60%{transform:translate(20vw)}80%{transform:translate(5vw,-8%)}to{transform:translate(0)}}@keyframes tmf-exit-l{40%{transform:translate(6vw,-12%)}to{transform:translate(110vw)}}@keyframes tmf-exit-r{40%{transform:translate(-6vw,-12%)}to{transform:translate(-110vw)}}@keyframes tmf-dance{0%{transform:rotate(-4deg) translateY(0)}25%{transform:rotate(2deg) translateY(-6%)}50%{transform:rotate(5deg) translateY(0)}75%{transform:rotate(-2deg) translateY(-4%)}}@keyframes tmf-sway{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}@keyframes tmf-frame3{0%{opacity:1}33.33%{opacity:0}}.tpl-tm-film.is-paused *,.tpl-tm-film.is-paused .tpl-tm-film__item{animation-play-state:paused!important}.tpl-tm-film__foot{position:absolute;right:0;bottom:64px;left:0;z-index:3;display:grid;justify-items:center;gap:12px}@media screen and (min-width:750px){.tpl-tm-film__foot{bottom:70px}}.tpl-tm-film__dots{display:flex;gap:2px}.tpl-tm-film__dot{width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer}.tpl-tm-film__dot:before{content:"";display:block;width:6px;height:6px;margin:8px auto;border-radius:50%;background:var(--tm-cream);opacity:.4;transition:opacity .3s,transform .3s}.tpl-tm-film__dot[aria-current=true]:before{opacity:1;transform:scale(1.4)}.tpl-tm-film__dot:focus-visible{outline:2px solid var(--tm-cream);outline-offset:-2px}.tpl-tm-film__cta{display:inline-block;padding:12px 22px;border-radius:999px;background:var(--tm-cream);color:var(--tm-day);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;font-weight:600;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.tpl-tm-film[data-mode=night] .tpl-tm-film__cta{color:var(--tm-night)}.tpl-tm-film__cta:focus-visible{outline:2px solid var(--tm-cream);outline-offset:3px}.tpl-tm-film__table{position:absolute;right:0;bottom:0;left:0;z-index:1;display:block;height:120px;background:url(tpl-tm-band-table.png) 50% 0 / 320px auto repeat-x;opacity:.9;pointer-events:none}@media screen and (min-width:750px){.tpl-tm-film__table{height:18.8125vw;max-height:220px;background:url(tpl-tm-band-table-wide.png) 50% 100% / 100% auto no-repeat}}.tpl-tm-film__lights{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:url(tpl-tm-film-lights-day.png) center top / cover no-repeat}.tpl-tm-film[data-mode=night] .tpl-tm-film__lights{background-image:url(tpl-tm-film-lights-night.png)}@media screen and (min-width:750px){.tpl-tm-film__lights{background-image:url(tpl-tm-film-lights-day-wide.png)}.tpl-tm-film[data-mode=night] .tpl-tm-film__lights{background-image:url(tpl-tm-film-lights-night-wide.png)}}.tpl-tm-film{--tmf-lights: url(tpl-tm-film-lights-day.png)}.tpl-tm-film[data-mode=night]{--tmf-lights: url(tpl-tm-film-lights-night.png)}@media screen and (min-width:750px){.tpl-tm-film{--tmf-lights: url(tpl-tm-film-lights-day-wide.png)}.tpl-tm-film[data-mode=night]{--tmf-lights: url(tpl-tm-film-lights-night-wide.png)}}.tpl-tm-film__lights:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0 42%,rgba(255,222,150,.95) 50%,transparent 58% 100%) 160% 0 / 260% 100% no-repeat;-webkit-mask:var(--tmf-lights) center top / cover no-repeat;mask:var(--tmf-lights) center top / cover no-repeat;opacity:0}.tpl-tm-film__lights.is-chasing:after{animation:tmf-chase 1.7s ease-in-out both}@keyframes tmf-chase{0%{opacity:0;background-position:160% 0}12%{opacity:1}88%{opacity:1}to{opacity:0;background-position:-60% 0}}.tpl-tm-film__lights-hit{position:absolute;top:var(--tmf-sky);right:0;left:0;z-index:3;height:58px;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.tpl-tm-film__lights-hit:focus-visible{outline:2px solid var(--tm-cream);outline-offset:-4px}@media screen and (min-width:750px){.tpl-tm-film__lights-hit{height:64px}}.tpl-tm-film .tpl-tm-tap-layer{--tpl-tm-tap-ink: #fde6cd;--tpl-tm-tap-word: #fde6cd;--tpl-tm-tap-word-dark: #fde6cd}.tpl-tm-film .tpl-tm-tap-pol{top:auto;bottom:86%;transform-origin:50% 100%;animation-name:tmf-pol-up}@keyframes tmf-pol-up{0%,16%{opacity:0;transform:translate(-50%,100%) rotate(0);clip-path:polygon(-40% -50%,140% -50%,140% 0,-40% 0)}17%{opacity:1}62%,88%{opacity:1;transform:translate(-50%) rotate(-4deg);clip-path:polygon(-40% -50%,140% -50%,140% 100%,-40% 100%)}to{opacity:0;transform:translate(-50%,-6px) rotate(-4deg);clip-path:polygon(-40% -50%,140% -50%,140% 100%,-40% 100%)}}@media(prefers-reduced-motion:reduce){.tpl-tm-film *,.tpl-tm-film__item.is-on{animation:none!important}.tpl-tm-film__guest--f3 .tpl-tm-film__frame:first-child{opacity:1}.tpl-tm-film__lights-hit{display:none}.tpl-tm-film__item.is-out{visibility:hidden}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/tpl-tm-film.css.map */