html.ss-tour-active,body.ss-tour-active {
    overflow:hidden!important
}
.ss-tour {
    --tour-accent:#c5ff45;
    position:fixed;
    inset:0;
    width:100%;
    height:100vh;
    height:100dvh;
    max-width:none;
    max-height:none;
    margin:0;
    border:0;
    border-radius:0;
    box-sizing:border-box;
    padding:calc(20px + max(env(safe-area-inset-top,0px),var(--maui-safe-area-top,0px))) calc(26px + env(safe-area-inset-right,0px)) calc(20px + max(env(safe-area-inset-bottom,0px),var(--maui-safe-area-bottom,0px))) calc(26px + env(safe-area-inset-left,0px));
    background:#07130f;
    color:#eef5ef;
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    overflow:hidden;
    isolation:isolate
}
.ss-tour[open] {
    display:flex;
    flex-direction:column;
    animation:ss-tour-open .7s cubic-bezier(.16,1,.3,1) both
}
.ss-tour::backdrop {
    background:#07130f
}
.ss-tour:before,.ss-tour:after {
    content:"";
    position:absolute;
    pointer-events:none;
    z-index:-1;
    inset:-25%;
    background:radial-gradient(ellipse at 25% 20%,color-mix(in srgb,var(--tour-accent) 10%,transparent),transparent 45%),radial-gradient(ellipse at 85% 80%,#31cfa714,transparent 40%);
    animation:ss-tour-aurora 14s ease-in-out infinite alternate
}
.ss-tour:after {
    inset:0;
    background-image:radial-gradient(#ffffff14 1px,transparent 1px);
    background-size:28px 28px;
    mask-image:linear-gradient(black,transparent 75%);
    animation:none
}
.ss-tour-header,.ss-tour-footer {
    flex-shrink:0;
    width:100%;
    max-width:1240px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px
}
.ss-tour-brand {
    display:flex;
    align-items:center;
    gap:11px;
    font-size:17px;
    font-weight:800;
    letter-spacing:-.7px;
    color:#f1f6f0
}
.ss-tour-brand-mark {
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border:1px solid #ffffff20;
    border-radius:10px;
    font-size:20px;
    color:var(--tour-accent)
}
.ss-tour-brand small {
    margin-left:12px;
    padding-left:20px;
    border-left:1px solid #ffffff25;
    color:#84968b;
    font-size:10px;
    letter-spacing:2px;
    font-weight:500
}
.ss-tour-close {
    border:1px solid #ffffff22;
    border-radius:100px;
    display:flex;
    align-items:center;
    gap:10px;
    background:#ffffff05;
    color:#c3d0c8;
    padding:11px 16px;
    cursor:pointer;
    font:inherit;
    font-size:12px;
    transition:background .2s
}
.ss-tour-close:hover {
    background:#ffffff15;
    color:white
}
.ss-tour-close span {
    font-size:19px;
    line-height:1
}
.ss-tour-stage {
    position:relative;
    flex:1;
    min-height:0;
    display:flex;
    max-width:1250px;
    width:100%;
    margin:18px auto;
    overflow:hidden;
    border-radius:18px
}
.ss-tour-stage iframe {
    width:100%;
    height:100%;
    border:0;
    background:transparent;
    animation:ss-tour-slide .8s cubic-bezier(.16,1,.3,1) both
}
.ss-tour-footer {
    align-items:flex-end
}
.ss-tour-progress {
    max-width:470px;
    width:48%
}
.ss-tour-step {
    font-size:10px;
    letter-spacing:2px;
    color:#84998d;
    display:block;
    margin-bottom:11px
}
.ss-tour-title {
    display:block;
    font-size:13px;
    font-weight:650;
    color:#c9d8cf;
    margin-bottom:16px
}
.ss-tour-bars {
    display:flex;
    gap:6px
}
.ss-tour-bars span {
    height:3px;
    flex:1;
    border-radius:10px;
    background:#ffffff17;
    overflow:hidden
}
.ss-tour-bars span:after {
    content:"";
    display:block;
    height:100%;
    background:var(--tour-accent);
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .7s cubic-bezier(.16,1,.3,1)
}
.ss-tour-bars span.is-passed:after,.ss-tour-bars span.is-current:after {
    transform:scaleX(1)
}
.ss-tour-actions {
    display:flex;
    align-items:center;
    gap:12px
}
.ss-tour-back {
    border:0;
    background:none;
    color:#b1c2b7;
    font:inherit;
    font-size:12px;
    padding:14px;
    cursor:pointer
}
.ss-tour-back:disabled {
    opacity:.25;
    cursor:default
}
.ss-tour-next {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    border:0;
    border-radius:14px;
    background:var(--tour-accent);
    color:#0a170e;
    font:inherit;
    font-size:13px;
    font-weight:750;
    padding:17px 24px;
    min-width:160px;
    cursor:pointer;
    box-shadow:0 5px 28px color-mix(in srgb,var(--tour-accent) 13%,transparent);
    transition:transform .2s,box-shadow .2s
}
.ss-tour-next:hover {
    transform:translateY(-2px);
    box-shadow:0 8px 35px color-mix(in srgb,var(--tour-accent) 22%,transparent)
}
.ss-tour-next:disabled {
    opacity:.6;
    cursor:wait
}
.ss-tour-error {
    color:#ffc5b7;
    font-size:12px;
    margin:0 auto 10px;
    max-width:1240px;
    width:100%;
    flex-shrink:0
}
.ss-tour-error:empty {
    display:none
}
.ss-tour-finish {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    flex:1;
    gap:16px;
    animation:ss-tour-slide 1s both
}
.ss-tour-finish b {
    font-size:clamp(40px,7vw,84px);
    letter-spacing:-3px;
    color:#f4f8f0;
    line-height:1.05
}
.ss-tour-finish p {
    color:#a2b5a8;
    font-size:16px
}
.ss-tour-finish-icon {
    width:100px;
    height:100px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#c5ff4515;
    border:1px solid #c5ff4540;
    color:#c5ff45;
    font-size:42px;
    box-shadow:0 0 100px #c5ff4515
}
.ss-tour-confetti {
    position:absolute;
    width:7px;
    height:14px;
    top:-20px;
    pointer-events:none;
    background:var(--tour-accent);
    animation:ss-tour-confetti 2.8s ease-in both
}
.ss-tour :focus-visible {
    outline:2px solid var(--tour-accent);
    outline-offset:5px
}
@keyframes ss-tour-open {
    from {
        opacity:0;
        transform:scale(1.035);
        filter:blur(10px)
    }
}
@keyframes ss-tour-slide {
    from {
        opacity:0;
        transform:translateX(45px) scale(.98);
        filter:blur(7px)
    }
}
@keyframes ss-tour-aurora {
    to {
        transform:translate(5%,3%) rotate(9deg)
    }
}
@keyframes ss-tour-confetti {
    to {
        transform:translateY(110vh) rotate(650deg);
        opacity:0
    }
}
@media(max-width:650px) {
    .ss-tour {
        padding:calc(15px + max(env(safe-area-inset-top,0px),var(--maui-safe-area-top,0px))) calc(12px + env(safe-area-inset-right,0px)) calc(16px + max(env(safe-area-inset-bottom,0px),var(--maui-safe-area-bottom,0px))) calc(12px + env(safe-area-inset-left,0px))
    }
    .ss-tour-brand small {
        display:none
    }
    .ss-tour-close {
        padding:9px 12px;
        font-size:11px
    }
    .ss-tour-stage {
        margin:18px auto 14px
    }
    .ss-tour-footer {
        flex-wrap:wrap;
        gap:17px
    }
    .ss-tour-progress {
        width:100%;
        max-width:none
    }
    .ss-tour-title {
        display:none
    }
    .ss-tour-step {
        margin-bottom:10px;
        font-size:9px
    }
    .ss-tour-actions {
        width:100%;
        justify-content:space-between
    }
    .ss-tour-next {
        min-width:170px;
        padding:15px 20px
    }
    .ss-tour-back {
        padding:12px
    }
    .ss-tour-finish p {
        font-size:14px
    }
}
@media(max-height:450px) {
    .ss-tour {
        padding-top:calc(8px + max(env(safe-area-inset-top,0px),var(--maui-safe-area-top,0px)));
        padding-bottom:calc(8px + max(env(safe-area-inset-bottom,0px),var(--maui-safe-area-bottom,0px)))
    }
    .ss-tour-stage {
        margin:8px auto
    }
    .ss-tour-title {
        display:none
    }
    .ss-tour-step {
        margin-bottom:6px
    }
    .ss-tour-next {
        padding:11px 18px
    }
    .ss-tour-footer {
        flex-wrap:nowrap
    }
    .ss-tour-progress {
        width:48%
    }
    .ss-tour-actions {
        width:auto
    }
}
@media(prefers-reduced-motion:reduce) {
    .ss-tour,.ss-tour *,.ss-tour:before {
        animation:none!important;
        transition:none!important
    }
}