:where(.c-layout){position:fixed;top:0;right:0;bottom:0;left:0;opacity:.8;z-index:100;background:-webkit-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,.4) 0,rgba(0,0,0,.9) 100%)}.c-tour-content{--tour-color: var(--ui-color-gray-500);--tour-color-hover: var(--ui-color-gray-800);transition:transform .25s ease-in-out}:where(.c-tour-content){position:absolute;padding:.625rem;min-width:12.5rem;max-width:max(20vw,18.75rem);display:flex;flex-direction:column;line-height:1.5;border-radius:.1875rem;background-color:#fff;box-shadow:0 0 0 .125rem var(--tour-color) inset;z-index:101}:where(.c-tour-progress){height:.625rem;margin:.625rem 0 .3125rem;border-radius:.25rem;background-color:#d4d4d4;overflow:hidden}:where(.c-tour-progress-bar){float:left;width:100%;height:100%;text-align:center;background-color:var(--tour-color);transform:scaleX(0%);transform-origin:left;transition:transform .75s ease-in-out}:where(.c-tour-button-container){display:flex;justify-content:center;justify-content:space-between}:where(.c-tour-button-container button){width:2.75rem;height:2.75rem;display:grid;place-content:center;color:#d4d4d4;background-color:var(--tour-color);border-radius:50%;border:.125rem solid transparent}:where(.c-tour-button-container button:hover),:where(.c-tour-button-container button:focus){background-color:var(--tour-color-hover)}:where(.c-tour-button-container button:focus){outline:.125rem solid hsl(229,0%,83%);outline-offset:-.3125rem}:where(.c-tour-button-container button[disabled]){color:#000;background-color:#b8b8b8}:where(.c-tour-button-container button[disabled]:hover){cursor:not-allowed}:where(.c-tour-button-container span){width:revert;height:revert;font-size:1.3rem}:where(.c-tour-help){position:absolute;border-radius:4px;border:1px solid hsl(229,0%,83%);box-shadow:0 2px 15px #0006;transition:all .3s ease-out;z-index:9999998}:where(.c-tour-number){position:absolute;top:-1rem;right:-1rem;width:1.6rem;height:1.6rem;display:flex;justify-content:center;align-items:center;color:#fff;text-shadow:1px 1px 1px rgb(0 0 0 / 30%);border:3px solid hsl(0,0%,100%);border-radius:50%;background-color:var(--ui-color-gray-500);box-shadow:0 2px 5px #0006}