.tour-viewport{position:relative;aspect-ratio:1200 / 740;overflow:hidden;border-radius:1.25rem;isolation:isolate}.tour-canvas{--tour-scale: .3;position:absolute;inset-block-start:0;inset-inline-start:0;width:1200px;height:740px;transform:scale(var(--tour-scale));transform-origin:top left}[dir=rtl] .tour-canvas{transform-origin:top right}@media(min-width:640px){.tour-canvas{--tour-scale: .5}}@media(min-width:768px){.tour-canvas{--tour-scale: .6}}@media(min-width:1024px){.tour-canvas{--tour-scale: .82}}@media(min-width:1280px){.tour-canvas{--tour-scale: 1.04}}.tour-spot{position:absolute;inset-block-start:-1.2rem;inset-inline-start:-1.2rem;z-index:5;display:grid;place-items:center;width:2rem;height:2rem;border:3px solid var(--color-bg);border-radius:9999px;background:var(--color-accent);box-shadow:0 8px 24px -6px rgb(var(--color-accent-rgb) / .75);color:#0b0b0b;font-size:.875rem;font-weight:800;pointer-events:none;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s}.tour-spot:after{content:"";position:absolute;inset:-3px;border:2px solid var(--color-accent);border-radius:inherit;animation:tour-ping 2.4s cubic-bezier(.16,1,.3,1) infinite}@keyframes tour-ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}.tour-canvas[data-focus] .tour-spot{opacity:.35}.tour-canvas[data-focus="1"] .tour-spot[data-spot="1"],.tour-canvas[data-focus="2"] .tour-spot[data-spot="2"],.tour-canvas[data-focus="3"] .tour-spot[data-spot="3"]{opacity:1;transform:scale(1.35)}.tour-zone{position:relative;border-radius:1rem;transition:box-shadow .3s}.tour-canvas[data-focus="1"] .tour-zone[data-zone="1"],.tour-canvas[data-focus="2"] .tour-zone[data-zone="2"],.tour-canvas[data-focus="3"] .tour-zone[data-zone="3"]{box-shadow:0 0 0 3px var(--color-accent),0 0 0 9px rgb(var(--color-accent-rgb) / .18)}@media(prefers-reduced-motion:no-preference){.tour-screen .tour-in{animation:tour-in .7s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i, 0) * 70ms + 60ms)}.tour-screen .tour-grow{transform-origin:left center;animation:tour-grow 1.1s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i, 0) * 70ms + .25s)}[dir=rtl] .tour-screen .tour-grow{transform-origin:right center}.tour-screen .tour-rise{transform-origin:center bottom;animation:tour-rise 1s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i, 0) * 60ms + .25s)}.tour-screen .tour-draw{stroke-dasharray:1;animation:tour-draw 1.8s cubic-bezier(.65,0,.35,1) both;animation-delay:.35s}.tour-screen .tour-type{animation:tour-type 1.2s ease-in-out infinite;animation-delay:calc(var(--i, 0) * .16s)}.tour-live{animation:tour-live 1.6s ease-in-out infinite}}@keyframes tour-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes tour-grow{0%{transform:scaleX(0)}to{transform:none}}@keyframes tour-rise{0%{transform:scaleY(.08)}to{transform:none}}@keyframes tour-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes tour-type{0%,to{opacity:.25}50%{opacity:1}}@keyframes tour-live{0%,to{opacity:1}50%{opacity:.25}}.tour-progress{transform:scaleX(0);transform-origin:left center}[dir=rtl] .tour-progress{transform-origin:right center}.tour-progress[data-running]{animation:tour-progress var(--tour-dwell, 9s) linear forwards}.tour-progress[data-running=paused]{animation-play-state:paused}@keyframes tour-progress{to{transform:none}}.tour-tabs{scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 3rem),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 3rem),transparent);padding-inline-end:2rem}[dir=rtl] .tour-tabs{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 3rem),transparent);mask-image:linear-gradient(270deg,#000 calc(100% - 3rem),transparent)}.tour-tabs::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){.tour-spot,.tour-zone{transition:none}.tour-spot:after{animation:none}}