.tf-film{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:none;background:#050505;color:#f7f3ea;opacity:0;pointer-events:none;transition:opacity .8s ease}.tf-film.is-on{display:block}.tf-film.is-visible{opacity:1;pointer-events:auto;touch-action:none;overscroll-behavior:contain}.tf-video{display:block;width:100%;height:100%;object-fit:contain;background:#050505;mix-blend-mode:lighten}.tf-map{position:absolute;overflow:hidden;background:#050505;pointer-events:none;opacity:1;transition:opacity .3s ease}.tf-map.is-clear{opacity:0}.tf-controls{position:absolute;right:max(26px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:2;display:flex;align-items:center;gap:2px}.tf-skip,.tf-again{position:static;min-width:44px;min-height:44px;padding:10px 6px 10px 14px;border:0;border-radius:0;background:none;color:#f7f3ea;font:inherit;font-size:13px;font-weight:400;letter-spacing:.09em;line-height:1;white-space:nowrap;text-shadow:0 0 3px #050505,0 0 14px #050505;cursor:pointer;opacity:1;transition:opacity .4s ease}.tf-skip:after{content:"\2192";display:inline-block;margin-left:.6em;transition:transform .25s ease}.tf-again:before{content:"\21bb";display:inline-block;margin-right:.5em;transition:transform .3s ease}.tf-again:hover:before,.tf-again:active:before{transform:rotate(-180deg)}.tf-skip:hover,.tf-again:hover{color:#f7f3ea}.tf-skip:hover,.tf-skip:active,.tf-skip:focus-visible,.tf-again:hover,.tf-again:active,.tf-again:focus-visible{opacity:1}.tf-skip:hover:after,.tf-skip:active:after{transform:translate(4px)}.tf-film.is-visible .tf-skip,.tf-film.is-visible .tf-again{animation:tf-skip-in .7s ease 2s backwards}@keyframes tf-skip-in{0%{opacity:0}}@media(hover:hover)and (pointer:fine){.tf-film.is-idle:not(.is-paused){cursor:none}.tf-film.is-idle:not(.is-paused) :is(.tf-skip,.tf-again,.tf-hold,.tf-track,.tf-time):not(:hover):not(:focus-visible){opacity:0}}.tf-skip:focus-visible,.tf-again:focus-visible{outline:2px solid #f7f3ea;outline-offset:3px}.tf-skip.is-quiet:focus-visible{outline:none}.tf-skip.is-quiet:focus-visible:not(:hover){opacity:.74}@media(hover:hover)and (pointer:fine){.tf-film.is-idle:not(.is-paused) :is(.tf-skip,.tf-again,.tf-hold).is-quiet:not(:hover){opacity:0}}.tf-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#d32f2f;transform:scaleX(var(--p,0));transform-origin:0 50%;transition:transform .3s linear;pointer-events:none}@media(max-width:600px){.tf-controls{right:max(12px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}}html.tf-playing,html.tf-playing body{overflow:hidden}html.tf-playing body{padding-right:var(--tf-gutter,0px)}.st-quiet .st-title{opacity:0!important;transform:none;transition:none}.st-quiet .st-rule{transform:scaleX(0)!important;transition:none}.tf-replay{position:absolute;right:12px;bottom:12px;z-index:4;min-height:36px;margin:0;padding:5px 10px;border:1px solid #f7f3ea35;background:#050505cc;color:var(--muted);font-size:11px;letter-spacing:.02em;cursor:pointer}.tf-replay[hidden]{display:none}.tf-replay:hover,.tf-replay:focus-visible{color:var(--paper);border-color:var(--paper)}.tf-replay:focus-visible{outline:2px solid #d32f2f;outline-offset:3px}@media(max-width:760px),(hover:none)and (pointer:coarse){.tf-replay{min-height:44px}}[data-help].is-busy,.menu-burger.is-busy{cursor:progress;animation:tf-wait 1s ease-in-out infinite alternate}@keyframes tf-wait{0%{opacity:1}to{opacity:.45}}.tf-told{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));z-index:130;width:max-content;max-width:min(560px,calc(100vw - 32px));margin:0;padding:12px 16px;transform:translate(-50%);border:1px solid #f7f3ea;background:#050505;color:#f7f3ea;font:inherit;font-size:13px;line-height:1.45;text-align:left;cursor:pointer}.tf-told:hover{color:#f7f3ea}.tf-told:focus-visible{outline:2px solid #d32f2f;outline-offset:3px}@media(prefers-reduced-motion:reduce){.tf-film,.tf-skip,.tf-skip:after,.tf-map,.tf-progress{transition:none}.tf-film.is-visible .tf-skip{animation:none}[data-help].is-busy,.menu-burger.is-busy{animation:none;opacity:.6}}.tf-debug{position:fixed;left:8px;top:8px;z-index:200;max-width:92vw;margin:0;padding:6px 8px;background:#000c;color:#9f9;font:11px/1.35 ui-monospace,monospace;white-space:pre-wrap;pointer-events:none}.tf-controls{left:max(22px,env(safe-area-inset-left));gap:6px}.tf-film:before{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;z-index:1;background:linear-gradient(transparent,#050505b3);pointer-events:none;opacity:1;transition:opacity .4s ease}@media(hover:hover)and (pointer:fine){.tf-film.is-idle:not(.is-paused):before{opacity:0}}.tf-hold{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:0;background:none;color:#f7f3ea;filter:drop-shadow(0 0 6px #050505);cursor:pointer;transition:opacity .4s ease}.tf-hold:hover{color:#f7f3ea}.tf-hold .i-play{display:none}.tf-film.is-paused .tf-hold .i-play{display:block}.tf-film.is-paused .tf-hold .i-pause,.tf-hold[hidden],.tf-track[hidden],.tf-time[hidden]{display:none}.tf-hold:focus-visible,.tf-track:focus-visible{outline:2px solid #f7f3ea;outline-offset:3px}.tf-hold.is-quiet:focus-visible{outline:none}.tf-track{flex:1;display:flex;align-items:center;min-height:44px;margin:0 8px;cursor:default;touch-action:none;transition:opacity .4s ease}.tf-film.is-seekable .tf-track{cursor:pointer}.tf-rail{position:relative;display:block;width:100%;height:2px;background:#f7f3ea40;transition:height .2s ease}.tf-rail i{position:absolute;top:0;right:0;bottom:0;left:0;background:#d32f2f;transform:scaleX(0);transform-origin:0 50%;transition:transform .25s linear}.tf-film.is-scrubbing .tf-rail i{transition:none}.tf-film.is-seekable .tf-track:hover .tf-rail,.tf-film.is-scrubbing .tf-rail,.tf-track:focus-visible .tf-rail{height:4px}.tf-rail i:after{content:"";position:absolute;right:-6px;top:50%;width:12px;height:12px;border-radius:50%;background:#d32f2f;transform:translateY(-50%) scaleX(var(--k,1));opacity:0;transition:opacity .2s ease}.tf-film.is-seekable .tf-track:hover .tf-rail i:after,.tf-film.is-scrubbing .tf-rail i:after{opacity:1}.tf-time{min-width:7.5em;color:#f7f3ea;font-size:12px;letter-spacing:.06em;font-variant-numeric:tabular-nums;text-shadow:0 0 3px #050505,0 0 14px #050505;transition:opacity .4s ease}.tf-film.is-visible :is(.tf-hold,.tf-track,.tf-time),.tf-film.is-visible:before{animation:tf-skip-in .7s ease 2s backwards}.tf-skip.is-back:after{content:none}.tf-skip.is-back:before{content:"\2190";display:inline-block;margin-right:.6em;transition:transform .25s ease}.tf-skip.is-back:hover:before{transform:translate(-4px)}.tf-skip.is-back{padding:10px 14px}.tf-film.is-visible .tf-video{cursor:pointer}.tf-film.is-paused:after{content:"";position:absolute;left:50%;top:50%;z-index:1;width:76px;height:76px;margin:-38px 0 0 -38px;border:1px solid #f7f3ea;border-radius:50%;background:#050505a6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76'%3E%3Cpath d='M31 25l22 13-22 13z' fill='%23f7f3ea'/%3E%3C/svg%3E") center/100% no-repeat;pointer-events:none;animation:tf-skip-in .25s ease both}.tf-progress{z-index:2}@media(max-width:600px){.tf-controls{left:max(8px,env(safe-area-inset-left))}.tf-time{display:none}.tf-skip.is-back{padding:10px 8px}}@media(prefers-reduced-motion:reduce){.tf-rail i,.tf-film:before{transition:none}}.tf-progress{transition:transform .3s linear,opacity .4s ease}.tf-film:not(.is-idle) .tf-progress,.tf-film.is-paused .tf-progress{opacity:0}.tf-controls{left:50%;right:auto;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);flex-wrap:wrap;justify-content:center;gap:2px 6px;width:min(calc(100% - 32px),420px);box-sizing:border-box;padding:4px 6px 6px;border-radius:22px;background:#0e0d0c33;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 0 0 1px #f7f3ea24 inset,0 12px 34px #00000073;transition:opacity .4s ease}@media(max-width:600px){.tf-controls{left:50%;right:auto;bottom:max(12px,env(safe-area-inset-bottom))}}.tf-film.is-visible .tf-controls{animation:tf-skip-in .7s ease 2s backwards}@media(hover:hover)and (pointer:fine){.tf-film.is-idle:not(.is-paused) .tf-controls:not(:hover):not(:focus-within){opacity:0}}.tf-film:before{display:none}.tf-track{order:-1;flex:1 0 100%;margin:0;min-height:30px;padding:0 8px;box-sizing:border-box}.tf-rail{height:4px;border-radius:2px;overflow:hidden}.tf-film.is-seekable .tf-track:hover .tf-rail,.tf-film.is-scrubbing .tf-rail,.tf-track:focus-visible .tf-rail{height:6px}.tf-time{display:none!important}.tf-hold,.tf-again,.tf-skip{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;display:grid;place-items:center;border-radius:50%;text-shadow:none;filter:none;transition:background .2s,color .2s,transform .2s,opacity .4s ease}.tf-hold{background:#f7f3ea;color:#120b0a}.tf-hold:hover{background:#fff;color:#120b0a}.tf-again{border:0;background:transparent;color:#f7f3ea}.tf-again:hover{background:#f7f3ea1f;color:#f7f3ea}.tf-skip{border:1px solid rgba(247,243,234,.3);background:transparent;color:#f7f3ea}.tf-skip:hover{border-color:#d32f2f;color:#d32f2f}.tf-hold:active,.tf-again:active,.tf-skip:active{transform:scale(.92)}.tf-again:before,.tf-skip:not(.is-back):after{content:none}.tf-skip.is-back{width:auto;padding:0 16px;border-radius:999px;font-size:12px;letter-spacing:.06em}.tf-hold[hidden],.tf-again[hidden],.tf-skip[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/19/assets/tsfa-map-parks-edition-film.css.map */
