.docs-tour{--docs-tour-dim:color-mix(in srgb, var(--pluto-gray-l0) 58%, transparent);font-family:var(--pluto-font-family);align-items:stretch;margin:5rem 0;container-type:inline-size;& [hidden]{display:none!important}}.docs-tour__frame{position:relative}.docs-tour__stage{isolation:isolate;border:var(--pluto-border);border-color:var(--pluto-gray-l5);background:var(--pluto-gray-l1);border-radius:1.5rem;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 12px 32px -8px #00000024;@media (prefers-color-scheme:dark){box-shadow:0 12px 40px -8px #00000080}&:focus-visible{outline:2px solid var(--pluto-primary-z);outline-offset:2px}}.docs-tour__still{z-index:1;opacity:0;transition:opacity 0s .25s;position:absolute;inset:0;&.docs-tour--active{z-index:2;opacity:1;transition:opacity .25s}&.docs-tour__still--base{z-index:0;opacity:1}.docs-tour__still--base.docs-tour--active~&{transition:opacity .25s}.docs-tour:not(.docs-tour--warm) &:not(.docs-tour__still--base){display:none}& img.docs-tour__image{width:100%;height:100%;box-shadow:none;user-select:none;border:none;border-radius:0;margin:0;display:block}}.docs-tour__spotlight{z-index:3;pointer-events:none;opacity:0;box-shadow:0 0 0 2px var(--pluto-primary-z), 0 0 0 200vmax var(--docs-tour-dim);border-radius:1.25rem;transition:left .3s,top .3s,width .3s,height .3s,opacity .2s;position:absolute;&.docs-tour--active{opacity:1}}.docs-tour__hotspots{z-index:4;position:absolute;inset:0}.docs-tour__hotspot,.docs-tour__blocker{position:absolute}.docs-tour__hotspot{cursor:pointer;background:0 0;border:none;border-radius:1rem;padding:0;transition:background .15s,box-shadow .15s;&:hover,&:focus-visible{background:oklch(from var(--pluto-primary-z) l c h / 6%);box-shadow:inset 0 0 0 2px oklch(from var(--pluto-primary-z) l c h / 55%);outline:none}}.docs-tour__card{z-index:1;border:var(--pluto-border);border-color:var(--pluto-gray-l5);background:var(--pluto-gray-l1);width:300px;box-shadow:var(--pluto-shadow-overlay);text-align:left;border-radius:1.5rem;flex-direction:column;gap:1.5rem;padding:2.5rem;font-style:normal;transition:left .3s,top .3s;display:flex;position:absolute}.docs-tour__card-arrow{background:var(--pluto-gray-l1);border:var(--pluto-border);border-color:var(--pluto-gray-l5);width:10px;height:10px;position:absolute;translate:-50% -50%;rotate:45deg;&[data-side=""]{display:none}&[data-side=left]{border-top-color:#0000;border-right-color:#0000;left:0}&[data-side=right]{border-bottom-color:#0000;border-left-color:#0000;left:100%}&[data-side=top]{border-bottom-color:#0000;border-right-color:#0000;top:0}&[data-side=bottom]{border-top-color:#0000;border-left-color:#0000;top:100%}}.docs-tour__card-meta{color:var(--pluto-gray-l8);font-size:var(--pluto-small-size);line-height:var(--pluto-small-line-height);&:empty{display:none}}.docs-tour__step{color:var(--docs-body-color);font-size:var(--pluto-small-size);line-height:var(--pluto-small-line-height);flex-direction:column;gap:1rem;display:flex;& h2.docs-tour__step-title{color:var(--pluto-gray-l11);font-size:var(--pluto-h5-size);font-weight:500;line-height:var(--pluto-h5-line-height);border:none;align-items:center;gap:1.5rem;margin:0;padding:0;display:flex}& :is(p,ul,li,.edition-block){font:inherit;color:inherit;margin:0}& ul{padding-left:2.5rem}& .pluto-icon{vertical-align:middle}}.docs-tour__card-actions{justify-content:flex-end;gap:1rem;margin-top:.5rem;display:flex}.docs-tour__progress{align-items:flex-end;gap:2rem;margin-top:3rem;padding:0 .5rem;display:flex;&>.docs-tour__toggle{flex-shrink:0}}.docs-tour__progress-group{flex-direction:column;flex-basis:0;gap:1rem;min-width:0;display:flex}.docs-tour__progress-label{color:var(--pluto-gray-l8);font-size:var(--pluto-small-size);line-height:var(--pluto-small-line-height);white-space:nowrap;transition:color .2s;.docs-tour__progress-group.docs-tour--active>&{color:var(--pluto-gray-l11)}}.docs-tour__progress-steps{gap:.75rem;display:flex}.docs-tour__progress-step{cursor:pointer;background:0 0;border:none;flex:1;height:3rem;padding:0;@media (pointer:coarse){height:6rem}&:before{content:"";background:var(--pluto-gray-l4);border-radius:2px;height:4px;transition:background .2s;display:block}&:hover:before{background:var(--pluto-gray-l7)}&.docs-tour--done:before{background:oklch(from var(--pluto-primary-z) l c h / 45%)}&.docs-tour--active:before{background:var(--pluto-primary-z)}&:focus-visible{outline:2px solid var(--pluto-primary-z);outline-offset:2px;border-radius:2px}}@container (width<=720px){.docs-tour__card{width:auto;box-shadow:none;margin-top:2rem;position:static}.docs-tour__progress{gap:1rem}.docs-tour__progress-label{display:none}}@media (prefers-reduced-motion:reduce){.docs-tour *{transition:none!important}}