.tt-tour{position:relative;margin-top:3rem}.tt-tour__frame{position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(168deg,#191410,#0e0c09 62%);border:1px solid rgb(246 241 232 / .12);box-shadow:0 10px 28px #00000038}.tt-tour__bar{display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border-bottom:1px solid rgb(246 241 232 / .08);background:#00000040;font-family:var(--font-body--family);font-size:.74rem;color:#f6f1e88c}.tt-tour__dot{width:9px;height:9px;border-radius:50%;background:#f6f1e829}.tt-tour__url{margin-left:.5rem;letter-spacing:.02em}.tt-tour__url span{color:#f6f1e8d9}.tt-tour__live{margin-left:auto;display:inline-flex;align-items:center;gap:.4rem;color:var(--tt-orange);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.66rem}.tt-tour__pulse{width:7px;height:7px;border-radius:50%;background:var(--tt-orange);box-shadow:0 0 #f2642299;animation:tt-tour-pulse 2s ease-out infinite}@keyframes tt-tour-pulse{0%{box-shadow:0 0 #f2642299}to{box-shadow:0 0 0 9px #f2642200}}.tt-tour__screens{position:relative;aspect-ratio:2720 / 1366;background:#0e0c09}.tt-tour__screen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transform:scale(1.012);transition:opacity .55s var(--tt-ease),transform .9s var(--tt-ease)}.tt-tour__screen.is-on{opacity:1;transform:none}.tt-tour__tabs{position:relative;z-index:2;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:.6rem;margin-top:1.25rem}.tt-tour__tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.22rem;padding:.95rem .95rem 1.05rem;border-radius:14px;text-align:left;cursor:pointer;border:1px solid rgb(127 127 127 / .18);background:#ffffff0a;color:inherit;font:inherit;transition:border-color .25s ease,background .25s ease,transform .25s var(--tt-ease)}.tt-tour__tab:hover{border-color:#f2642273;transform:translateY(-2px)}.tt-tour__tab.is-on{border-color:#f26422a6;background:#f2642214}.tt-tour__tab.is-pressed{transform:translateY(1px) scale(.985)}.tt-tour__tab-num{font-family:var(--font-body--family);font-size:.64rem;letter-spacing:.16em;color:var(--tt-orange);font-weight:600}.tt-tour__tab-name{font-size:.95rem;font-weight:600;line-height:1.2}.tt-tour__tab-kicker{font-size:.78rem;opacity:.85;line-height:1.3}.tt-tour__tab-body{font-size:.72rem;opacity:.6;line-height:1.4;margin-top:.25rem;display:none}.tt-tour__tab.is-on .tt-tour__tab-body{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.tt-tour__tab-bar{position:absolute;left:.95rem;right:.95rem;bottom:.55rem;height:2px;background:#7f7f7f2e;border-radius:2px;overflow:hidden}.tt-tour__tab-bar i{display:block;height:100%;width:0;background:var(--tt-orange)}.tt-tour__tab.is-on .tt-tour__tab-bar i{animation:tt-tour-fill var(--tt-tour-dwell, 6s) linear forwards}.tt-tour.is-paused .tt-tour__tab-bar i{animation-play-state:paused}@keyframes tt-tour-fill{0%{width:0}to{width:100%}}.tt-tour__pointer{position:absolute;z-index:3;left:0;top:0;pointer-events:none;opacity:0;transform:translate(0);filter:drop-shadow(0 4px 10px rgb(0 0 0 / .45));transition:transform .9s cubic-bezier(.65,0,.25,1),opacity .3s ease}.tt-tour__pointer.is-visible{opacity:1}.tt-tour__pointer.is-pressing svg{animation:tt-tour-press .32s ease-out}@keyframes tt-tour-press{0%{transform:scale(1)}45%{transform:scale(.78)}to{transform:scale(1)}}.tt-tour__note{margin-top:1.5rem;text-align:center;font-size:.8rem;opacity:.6}@media(max-width:1299px){.tt-tour__tabs{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:989px){.tt-tour__tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.tt-tour__pointer{display:none}}@media(max-width:749px){.tt-tour__tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.tt-tour__tab{padding:.8rem .75rem .95rem}.tt-tour__tab-body{display:none!important}.tt-tour__screen{object-position:top left}}@media(prefers-reduced-motion:reduce){.tt-tour__screen{transition:opacity .2s linear;transform:none}.tt-tour__pointer{display:none}.tt-tour__tab.is-on .tt-tour__tab-bar i{animation:none;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/telltale-tour.css.map */