@layer components{.tour-crumbs ol{white-space:nowrap;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.tour-crumbs ol::-webkit-scrollbar{display:none}.tour-crumbs li{flex-shrink:0}.tour-slider{margin-inline:-16px;position:relative}@media (min-width:640px){.tour-slider{border-radius:20px;margin-inline:0;overflow:hidden}}.tour-slider-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;display:flex;overflow-x:auto}.tour-slider-track::-webkit-scrollbar{display:none}.tour-slider-track>li{aspect-ratio:4/3;scroll-snap-align:start;scroll-snap-stop:always;background:var(--paper-3);flex:0 0 100%;position:relative}.tour-counter{color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#1616169e;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600;position:absolute;bottom:12px;right:12px}.tour-mosaic{border-radius:20px;grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr;gap:8px;height:440px;display:grid;overflow:hidden}.tour-mosaic>*{background:var(--paper-3);position:relative}.tour-mosaic>:first-child{grid-row:span 2}.tour-mosaic[data-n="1"]{grid-template-columns:1fr}.tour-mosaic[data-n="2"]>:last-child{grid-row:span 2}.tour-viewer{background:var(--paper);border:0;border-radius:20px;width:min(1100px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0}.tour-viewer::backdrop{background:#0c120ab8}.tour-route{position:relative}.tour-route>li{padding-bottom:14px;padding-left:32px;position:relative}.tour-route>li:last-child{padding-bottom:0}.tour-route>li:before{content:"";background:var(--card);border:2px solid var(--ok);border-radius:50%;width:12px;height:12px;position:absolute;top:7px;left:6px}.tour-route>li:not(:last-child):after{content:"";background:var(--line-2);width:2px;position:absolute;top:21px;bottom:-5px;left:11px}.tour-route>li[data-end="1"]:before{background:var(--forest);border-color:var(--forest)}}
