.tt-film{position:relative;height:100vh;height:calc(100svh - var(--tt-film-offset, 0px));min-height:320px;overflow:hidden;background:var(--toee-surface);color:var(--toee-ink);font-family:var(--toee-font)}.tt-film.is-portrait{min-height:520px}.tt-film.tone-navy{background:var(--toee-navy);color:var(--toee-on-dark)}.tt-film:not(.is-playing)>:not([data-film-cover]),.tt-film.is-static>:not([data-film-cover]){display:none!important}.tt-film.is-playing:not(.is-static)>[data-film-cover]{display:none}.tt-film-cover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:16px;text-align:center}.tt-film-cover-mark{width:min(70%,360px);color:var(--toee-blue)}.tt-film-cover-mark svg,.tt-film-mark svg{display:block;width:100%;height:auto}.tt-film-pitch{margin:0;max-width:22ch;font:700 clamp(24px,5vw,44px) / 1.1 var(--toee-font);letter-spacing:-.02em;color:var(--toee-ink);text-wrap:balance}[data-film-block],.tt-film-bars>div,.tt-film-grid,[data-film-piece],[data-film-photo]{position:absolute;left:0;top:0}.tt-film-bars,.tt-film-photos,.tt-film-wall{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.tt-film-bars{z-index:1}[data-film-block]{z-index:2;background:var(--toee-blue)}.tt-film-grid{z-index:3}.tt-film-pieces{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.tt-film-dots,.tt-film-routes,.tt-film-branches,.tt-film-labels{z-index:3}.tt-film-photos,.tt-film-wall{z-index:4}.tt-film-mark{z-index:5}.tt-film-copy,.tt-film-peak{z-index:6}.tt-film-cta-final,.tt-film-phone{z-index:7}.tt-film-ui{z-index:8}.bar-ct{background:var(--toee-muted)}.bar-dealer{background:var(--toee-blue)}.bar-dealer.tone-grey{background:var(--toee-muted)}[data-film-piece].tone-blue{background:var(--toee-blue)}[data-film-piece].tone-grey{background:var(--toee-muted)}[data-film-piece].tone-navy{background:var(--toee-navy)}[data-film-piece].tone-pale{background:var(--toee-border)}.tt-film-grid>div{position:absolute;left:0;top:0;border:1px solid var(--toee-surface);background:var(--toee-border)}.tt-film-grid>div.is-lit{background:var(--toee-blue)}.tt-film.tone-navy .tt-film-grid>div{border-color:var(--toee-navy)}.tt-film-grid>div>i{display:none;box-sizing:border-box;border:.5px solid var(--toee-surface)}.tt-film-grid.sub-2>div,.tt-film-grid.sub-4>div{display:grid}.tt-film-grid.sub-2>div{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.tt-film-grid.sub-4>div{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.tt-film-grid.sub-2>div>i:nth-child(-n+4),.tt-film-grid.sub-4>div>i:nth-child(-n+16){display:block}.tt-film-dots{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.tt-film-dots>div{position:absolute;left:0;top:0;width:6px;height:6px;margin:-3px 0 0 -3px;background:var(--toee-border)}.tt-film-dots>div.is-lit{background:var(--toee-blue)}.tt-film-routes{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}.tt-film-routes line{stroke:var(--toee-blue);stroke-width:2;stroke-linecap:butt;fill:none}.tt-film-branches{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}.tt-film-branches,.tt-film-labels{clip-path:inset(var(--tt-clip-t, 0px) var(--tt-clip-r, 0px) var(--tt-clip-b, 0px) var(--tt-clip-l, 0px))}.tt-film-branches polyline{stroke:var(--toee-blue);stroke-width:calc(var(--w, 1.5px) / var(--tt-zoom, 1));stroke-linecap:butt;stroke-linejoin:round;fill:none}.tt-film-branches polyline.tone-grey{stroke:var(--toee-muted)}#tt-film-tip-blue rect{fill:var(--toee-blue)}#tt-film-tip-grey rect{fill:var(--toee-muted)}.tt-film-labels{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.tt-film-labels>span{position:absolute;left:0;top:0;margin-top:-.6em;white-space:nowrap;font:700 11px / 1.2 var(--toee-font);color:var(--toee-muted)}.tt-film-labels>span.is-hot{font-size:14px;color:var(--toee-ink)}[data-film-photo]{overflow:hidden;isolation:isolate}[data-film-photo]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--photo) center / cover no-repeat;filter:grayscale(1) contrast(1.15)}[data-film-photo]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--toee-blue);mix-blend-mode:color}.tt-film-mark{position:absolute;left:50%;top:calc(58% - 96px);width:min(60%,280px);transform:translate(-50%);color:var(--toee-blue)}.tt-film-copy{position:absolute;top:68px;bottom:16px;left:calc(32px + (100% - 32px)*.56);right:16px;display:flex;flex-direction:column;justify-content:center;gap:12px;pointer-events:none}.tt-film.is-portrait .tt-film-copy{top:calc(32px + (100% - 32px)*.58);left:var(--tt-copy-x, 16px);right:var(--tt-copy-r, 16px);justify-content:flex-start}.tt-film-line{display:none;margin:0}.tt-film-line.is-on{display:block}.tt-film-line{font:700 clamp(28px,3.6vw,64px) / 1.05 var(--toee-font);letter-spacing:-.02em;text-wrap:balance}.tt-film.is-portrait .tt-film-line{font-size:clamp(26px,8vw,48px)}.tt-film-line:not(.is-focal,[data-film-cue-key^=word_],[data-film-cue-key=cascade_size]),.tt-film.is-portrait .tt-film-line:not(.is-focal,[data-film-cue-key^=word_],[data-film-cue-key=cascade_size]){font-weight:300;font-size:clamp(16px,1.8vw,26px);letter-spacing:0}.tt-film-peak{position:absolute;left:50%;top:50%;width:max-content;max-width:84%;transform:translate(-50%,-50%);display:none;margin:0;font:700 clamp(32px,min(15vw,18svh),160px) / 1.05 var(--toee-font);letter-spacing:-.02em;text-align:center;text-wrap:balance;color:var(--toee-on-dark);pointer-events:none}.tt-film-peak.is-on{display:block}.tt-film-cta-final{position:absolute;left:50%;top:58%;width:min(100% - 32px,360px);height:56px;transform:translate(-50%);display:none;align-items:center;justify-content:center;font:700 18px / 1 var(--toee-font);color:var(--toee-on-dark);text-decoration:none}.tt-film-cta-final.is-on{display:flex}.tt-film-phone{position:absolute;left:50%;top:calc(58% + 68px);transform:translate(-50%);display:none;font:700 18px / 1 var(--toee-font);color:inherit;text-decoration:none;white-space:nowrap}.tt-film-phone.is-on{display:block}.tt-film-ui{position:absolute;left:16px;right:16px;top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tt-film-ctl,.tt-film-cta-short{display:inline-flex;align-items:center;box-sizing:border-box;height:40px;padding:0 14px;border:1px solid currentColor;border-radius:0;background:transparent;color:inherit;font:700 13px / 1 var(--toee-font);white-space:nowrap;text-decoration:none;cursor:pointer}@media(max-width:400px){.tt-film-ui{gap:6px}.tt-film-ctl,.tt-film-cta-short{padding:0 10px;font-size:12px}}.tt-film-ctl[hidden]{display:none}.tt-film-cta-short{margin-left:auto;border-color:var(--toee-blue);background:var(--toee-blue);color:var(--toee-on-dark)}.tt-film-ctl:focus-visible,.tt-film-cta-short:focus-visible,.tt-film-cta-final:focus-visible,.tt-film-phone:focus-visible{outline:2px solid var(--toee-blue);outline-offset:2px}.tt-film.tone-navy .tt-film-ctl:focus-visible{outline-color:var(--toee-on-dark)}.tt-dealer-prices-wrap{overflow-x:auto}.tt-dealer-prices{width:100%;border-collapse:collapse;font:var(--type-body);color:var(--toee-text)}.tt-dealer-prices th,.tt-dealer-prices td{padding:14px 12px;border-bottom:1px solid var(--toee-border);text-align:left;vertical-align:top}.tt-dealer-prices thead th{font:var(--type-label);letter-spacing:var(--toee-tracking-label);text-transform:uppercase;color:var(--toee-muted)}.tt-dealer-prices tbody th{font-weight:700;color:var(--toee-ink);white-space:nowrap}.tt-dealer-prices-label{display:block;font-weight:300;color:var(--toee-muted)}.tt-dealer-prices-masked{color:var(--toee-muted);white-space:nowrap}.tt-dealer-prices-masked a{color:inherit;text-decoration:underline}.tt-dealer-prices-gap{font-weight:700;color:var(--toee-blue);white-space:nowrap}.tt-dealer-note{margin:12px 0 0;font:var(--type-body);color:var(--toee-muted)}.tt-dealer-stock{list-style:none;margin:40px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;font:var(--type-body-lg);color:var(--toee-ink)}
/*# sourceMappingURL=/cdn/shop/t/67/assets/toee-dealer-film.css.map */