.example-journey{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:calc(100% - 20px);max-width:560px;color:var(--paper-fixed);background:#0b0b0bcc;border:1px solid #f6f5f024;border-radius:12px;flex-shrink:0;margin:6px auto 0;padding:8px 10px;position:relative}:where(.example-journey) p{margin:0}.example-journey-kicker,.example-journey-link,.example-journey-steps button,.example-journey-action,.example-journey-clock{text-transform:uppercase;font-family:Space Mono,ui-monospace,monospace}.example-journey-kicker{letter-spacing:.16em;color:var(--slapp);font-size:10px;display:none}.example-journey-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.example-journey-steps button{letter-spacing:.08em;text-align:left;color:#f6f5f080;cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;min-height:28px;transition:color .167s var(--ease-main);background:0 0;border:0;border-radius:6px;flex-direction:column;align-items:stretch;gap:5px;padding:2px 0;font-size:9px;display:flex}.example-journey-steps button:disabled{cursor:default}.example-journey-steps button:hover:not(:disabled),.example-journey-steps button:focus-visible{color:var(--paper-fixed);outline:none}.example-journey-steps button:focus-visible .example-journey-bar{box-shadow:0 0 0 2px #f6f5f099}.example-journey-bar{height:3px;transition:background-color .32s var(--ease-main);background:#f6f5f02e;border-radius:2px;display:block}.example-journey-step[data-state=done] .example-journey-bar{background:color-mix(in srgb, var(--slapp) 55%, transparent)}.example-journey-step[data-state=current] .example-journey-bar{background:var(--slapp)}.example-journey-step[data-state=done] button{color:#f6f5f0b8}.example-journey-step[data-state=current] button{color:var(--paper-fixed)}.example-journey-dot,.example-journey-label,.example-journey-meta{display:none}.example-journey-short{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.example-journey-now{margin-top:6px}.example-journey-title-row,.example-journey-body{display:none}.example-journey-actions{align-items:center;gap:10px;display:flex}.example-journey-hint{color:#f6f5f0d1;flex:auto;min-width:0;font-size:12.5px;line-height:1.35}.example-journey-clock{letter-spacing:.06em;color:var(--slapp);font-variant-numeric:tabular-nums;font-size:11px}.example-journey-action{border:1px solid var(--slapp);letter-spacing:.12em;white-space:nowrap;color:var(--paper-fixed);cursor:pointer;transition:background-color .167s var(--ease-main), color .167s var(--ease-main);background:0 0;border-radius:999px;flex-shrink:0;align-items:center;padding:6px 11px;font-size:9.5px;display:inline-flex}.example-journey-action:hover,.example-journey-action:focus-visible{background:var(--slapp);color:#0b0b0b;outline:none}.example-journey-link{letter-spacing:.12em;white-space:nowrap;color:#f6f5f0b3;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:2px 0;font-size:9.5px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.example-journey-link:hover,.example-journey-link:focus-visible{color:var(--paper-fixed)}.example-journey-wide,.example-journey-action~.example-journey-link,.example-journey-link~.example-journey-link,.example-journey-fine{display:none}@media (min-width:1024px){.example-journey{width:300px;max-width:none;max-height:calc(100% - 88px);margin:0;padding:16px 16px 14px;position:absolute;top:64px;left:24px;overflow-y:auto;transform:none}.example-journey-kicker{display:block}.example-journey-steps{flex-direction:column;gap:2px;margin-top:14px;display:flex}.example-journey-steps button{letter-spacing:.1em;flex-direction:row;align-items:center;gap:10px;min-height:0;padding:7px 8px;font-size:11px}.example-journey-steps button:hover:not(:disabled),.example-journey-steps button:focus-visible{background:#f6f5f00f}.example-journey-steps button:focus-visible .example-journey-bar{box-shadow:none}.example-journey-steps button:focus-visible .example-journey-dot{box-shadow:0 0 0 2px #f6f5f099}.example-journey-step[data-state=current] button{background:#f6f5f014}.example-journey-bar,.example-journey-short{display:none}.example-journey-dot{letter-spacing:0;border:1px solid #f6f5f047;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:10px;display:grid}.example-journey-step[data-state=done] .example-journey-dot{border-color:color-mix(in srgb, var(--slapp) 60%, transparent);color:var(--slapp)}.example-journey-step[data-state=current] .example-journey-dot{border-color:var(--slapp);background:var(--slapp);color:#0b0b0b}.example-journey-label{display:block}.example-journey-meta{letter-spacing:.06em;color:#f6f5f080;font-variant-numeric:tabular-nums;margin-left:auto;font-size:10px;display:block}.example-journey-step[data-state=current] .example-journey-meta{color:var(--slapp)}.example-journey-now{border-top:1px solid #f6f5f01f;margin-top:14px;padding-top:14px}.example-journey-title-row{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.example-journey-title{letter-spacing:.02em;color:var(--paper-fixed);font-family:Anton,sans-serif;font-size:20px}.example-journey-body{color:#f6f5f0cc;font-size:13.5px;line-height:1.5;display:block}.example-journey-hint,.example-journey-narrow{display:none}.example-journey-wide{display:inline}.example-journey-actions{flex-wrap:wrap;gap:10px 14px;margin-top:12px}.example-journey-actions:not(:has(button)){display:none}.example-journey-action,.example-journey-link{letter-spacing:.14em;font-size:10px}.example-journey-action{padding:7px 14px}.example-journey-action~.example-journey-link,.example-journey-link~.example-journey-link{display:inline-block}.example-journey-fine{color:#f6f5f080;margin-top:14px;font-size:11.5px;line-height:1.45;display:block}}@media (max-width:719px){.media-stage:has(.example-journey) .media-stage-slot-in>p.media-stage-note{display:none}}.example-cta-stage{justify-content:center;align-items:center;gap:4px 20px;margin:0;display:flex}.media-stage-foot .example-cta-stage a{min-height:36px;text-shadow:none;align-items:center;display:inline-flex}.media-stage-foot .example-cta-stage .example-cta-button{background:var(--brand);color:#0b0b0b;padding:0 16px;font-weight:700}.media-stage-foot .example-cta-stage .example-cta-link{color:#f6f5f0d1;text-underline-offset:3px;text-decoration:underline}.media-stage-foot .example-cta-stage .example-cta-button:hover,.media-stage-foot .example-cta-stage .example-cta-button:focus-visible{background:var(--paper-fixed);color:#0b0b0b}.media-stage-foot .example-cta-stage .example-cta-link:hover,.media-stage-foot .example-cta-stage .example-cta-link:focus-visible{color:var(--paper-fixed)}.media-stage-foot .example-cta-stage a:focus-visible{outline:2px solid var(--paper-fixed);outline-offset:2px}.example-journey-stats,.example-journey-dash{display:none}@media (min-width:1024px){.example-journey-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:12px 0 0;display:grid}.example-journey-stats div{border:1px solid #f6f5f024;border-radius:8px;justify-content:space-between;align-items:baseline;gap:6px;min-width:0;padding:7px 10px;display:flex}.example-journey-stats dt{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;color:#f6f5f099;font-family:Space Mono,ui-monospace,monospace;font-size:9px;overflow:hidden}.example-journey-stats dd{font-variant-numeric:tabular-nums;margin:0;font-family:Anton,sans-serif;font-size:17px;line-height:1}.example-journey-dash{margin-top:10px;display:inline-block}}.example-scan{width:min(100%,380px);color:var(--paper-fixed);text-align:center;flex-direction:column;align-items:center;gap:14px;margin:0 auto;padding:8px 12px 20px;display:flex}.example-scan-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--slapp);margin:0;font-family:Space Mono,ui-monospace,monospace;font-size:11px}.example-scan-card{cursor:pointer;background:#0b0b0b80;border:1px solid #f6f5f033;border-radius:14px;width:min(62vw,250px);padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000080}.example-scan-card img{width:100%;height:auto;display:block}.example-scan-card:focus-visible{outline:2px solid var(--slapp);outline-offset:3px}.example-scan-beam{background:var(--slapp);height:3px;box-shadow:0 0 18px 4px color-mix(in srgb, var(--slapp) 70%, transparent);opacity:0;position:absolute;top:0;left:0;right:0}.example-scan-card[data-scanning=true] .example-scan-beam{animation:.7s linear forwards example-scan-sweep}@keyframes example-scan-sweep{0%{opacity:1;top:0}to{opacity:1;top:calc(100% - 3px)}}@media (prefers-reduced-motion:reduce){.example-scan-card[data-scanning=true] .example-scan-beam{opacity:1;animation:none;top:50%}}.example-scan-copy{color:#f6f5f0db;max-width:34ch;margin:0;font-size:15px;line-height:1.45}.example-scan-button{background:var(--slapp);color:#0b0b0b;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:0;border-radius:999px;min-height:48px;padding:0 28px;font-family:Space Mono,ui-monospace,monospace;font-size:12px;font-weight:700}.example-scan-button:disabled{opacity:.7;cursor:default}.example-scan-note{color:#f6f5f099;max-width:36ch;margin:0;font-size:12px;line-height:1.45}.media-stage-main:has(.example-dash){overscroll-behavior:contain;justify-content:flex-start;align-items:stretch;overflow-y:auto}.media-stage-main:has(.example-dash) .media-stage-slot{flex:none;width:min(880px,100%);height:auto;margin:0 auto}:is(.media-stage-main:has(.example-dash) .media-stage-slot-in,.media-stage-main:has(.example-dash) .media-stage-slot-in>*){height:auto}@media (min-width:1024px){.media-stage-main:has(.example-dash){padding-left:312px;padding-right:32px}}.example-dash{--paper:var(--paper-fixed);--grey:#f6f5f09e;--line:#f6f5f029;--surface:#0b0b0b8c;color:var(--paper-fixed);flex-direction:column;gap:28px;padding:8px 0 40px;display:flex}.example-dash-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--slapp);margin:0;font-family:Space Mono,ui-monospace,monospace;font-size:10px}.example-dash-title{text-transform:uppercase;margin:8px 0 0;font-family:Anton,sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:400;line-height:1}.example-dash-lede{max-width:60ch;color:var(--grey);margin:12px 0 0;font-size:15px;line-height:1.5}.example-dash-lede strong{color:var(--paper-fixed);font-weight:600}.example-dash-back{color:var(--paper-fixed);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#0b0b0b73;border:1px solid #f6f5f059;border-radius:2px;margin-top:16px;padding:10px 16px;font-family:Space Mono,ui-monospace,monospace;font-size:11px}.example-dash-back:hover,.example-dash-back:focus-visible{border-color:var(--slapp);color:var(--slapp);outline:none}.example-dash-now{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0b0b94;border-radius:12px;padding:16px 18px}.example-dash-now-title{text-transform:uppercase;margin:6px 0 0;font-family:Anton,sans-serif;font-size:1.5rem}.example-dash-now-body{color:var(--grey);margin:4px 0 0;font-size:14px;line-height:1.45}.example-dash [class*="bg-[var(--surface)]"],.example-dash [class*=bg-surface]{background-color:#0b0b0b80}.example-dash [class*="bg-[var(--line)]"]{background-color:#f6f5f01f}.example-dash [data-example-cta]{margin-top:8px}.example-journey-scene{display:none}.example-journey-how{border:1px solid var(--slapp);width:24px;height:24px;color:var(--slapp);cursor:pointer;background:#0b0b0b;border-radius:50%;place-items:center;padding:0;font-family:Space Mono,ui-monospace,monospace;font-size:12px;line-height:1;display:grid;position:absolute;top:-11px;right:12px}.example-scene{--scene-ease:cubic-bezier(.65, 0, .35, 1)}.example-scene-track{height:28px;margin:10px 18px 0;position:relative}.example-scene-line{background:#f6f5f02e;height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:0}.example-scene-node,.example-scene-dot{border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.example-scene-node{background:#0b0b0b;border:2px solid #f6f5f066;width:14px;height:14px;transition:border-color .3s,background-color .3s}.example-scene-node[data-passed=true]{border-color:color-mix(in srgb, var(--slapp) 60%, transparent)}.example-scene-node[data-active=true]{border-color:var(--slapp);background:var(--slapp)}.example-scene-dot{z-index:1;background:var(--paper-fixed);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb, var(--slapp) 35%, transparent);transition:left .9s var(--scene-ease)}.example-scene-names{letter-spacing:.08em;text-transform:uppercase;color:#f6f5f080;justify-content:space-between;margin:8px 0 0;padding:0;font-family:Space Mono,ui-monospace,monospace;font-size:9.5px;list-style:none;display:flex}.example-scene-names li{text-align:center;flex:1 1 0;transition:color .3s}.example-scene-names li[data-active=true]{color:var(--paper-fixed)}.example-scene-text{color:#f6f5f0eb;min-height:3em;animation:example-scene-in .4s var(--scene-ease);margin:10px 0 0;font-size:13.5px;line-height:1.45}@keyframes example-scene-in{0%{opacity:0;transform:translateY(4px)}}.example-scene-controls{align-items:center;gap:10px;margin-top:10px;display:flex}.example-scene-steps{gap:6px;margin:0;padding:0;list-style:none;display:flex}.example-scene-steps button{color:#f6f5f0cc;cursor:pointer;background:0 0;border:1px solid #f6f5f047;border-radius:50%;width:28px;height:28px;padding:0;font-family:Space Mono,ui-monospace,monospace;font-size:11px}.example-scene-steps button[data-state=current]{border-color:var(--slapp);background:var(--slapp);color:#0b0b0b}.example-scene-steps button[data-state=done]{border-color:color-mix(in srgb, var(--slapp) 60%, transparent);color:var(--slapp)}.example-scene-stat{color:#f6f5f0b3;font-size:12px;margin:0 0 0 auto!important}.example-scene-stat b{color:var(--paper-fixed);font-family:Anton,sans-serif;font-size:16px;font-weight:400}.example-scene-stat b[data-bump=true]{animation:example-scene-bump .6s var(--scene-ease);display:inline-block}@keyframes example-scene-bump{40%{color:var(--slapp);transform:scale(1.5)}}.example-sheet{z-index:60;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.example-sheet-backdrop{cursor:default;background:#0009;border:0;position:absolute;inset:0}.example-sheet-panel{width:100%;max-width:560px;padding:16px 16px calc(18px + env(safe-area-inset-bottom));color:var(--paper-fixed);animation:example-sheet-up .3s var(--ease-main);background:#120b10;border:1px solid #f6f5f024;border-radius:16px 16px 0 0;position:relative}@keyframes example-sheet-up{0%{opacity:0;transform:translateY(24px)}}.example-sheet-head{justify-content:space-between;align-items:center;display:flex}.example-sheet-body{color:#f6f5f0b8;margin:8px 0 0;font-size:13px;line-height:1.45}@media (min-width:1024px){.example-journey-scene{border-top:1px solid #f6f5f01f;margin-top:12px;padding-top:12px;display:block}.example-journey-how,.example-sheet{display:none}}@media (prefers-reduced-motion:reduce){.example-scene-dot,.example-scene-text,.example-scene-stat b,.example-sheet-panel{transition:none;animation:none}}html[data-example-embed] [aria-label=Analytics\ choice]{display:none!important}.example-phone-room{place-items:center;width:100%;height:100%;min-height:0;display:grid}.example-phone{box-sizing:border-box;background:#000;border:10px solid #1c1c1c;border-radius:46px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #f6f5f01f,0 30px 80px #0009}.example-phone-screen{transform-origin:0 0;background:#000;border:0;position:absolute;top:0;left:0}.example-phone-poster{place-items:center;display:grid}.example-phone-poster img{border-radius:6%/3.4%;width:62%;height:auto}.example-cam{background:#000;border-radius:18px;flex-direction:column;width:100%;max-width:420px;height:min(100%,720px);min-height:560px;margin-inline:auto;display:flex;overflow:hidden}.example-cam-top{color:#fff;justify-content:space-between;align-items:center;padding:12px 22px;font-size:16px;display:flex}.example-cam-chev{font-size:18px}.example-cam-view{background:radial-gradient(90% 70% at 30% 20%,#3a2a30 0%,#0000 60%),radial-gradient(80% 60% at 80% 90%,#1d2530 0%,#0000 60%),#0d0b0c;flex:auto;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.example-cam-card{cursor:pointer;filter:drop-shadow(0 18px 30px #0000008c);background:0 0;border:0;width:min(66%,250px);padding:0;display:block;position:relative;transform:rotate(-2deg)}.example-cam-card img{border-radius:8px;width:100%;height:auto;display:block}.example-cam-hand{pointer-events:none;filter:drop-shadow(0 6px 10px #00000073);width:94%;height:auto;position:absolute;top:87%;left:3%}.example-cam-frame{pointer-events:none;width:31%;height:18.5%;position:absolute;top:75.5%;left:34.5%}.example-cam-frame i{border:0 solid #ffd60a;width:16px;height:16px;position:absolute}.example-cam-frame i:first-child{border-width:3px 0 0 3px;border-top-left-radius:7px;top:0;left:0}.example-cam-frame i:nth-child(2){border-width:3px 3px 0 0;border-top-right-radius:7px;top:0;right:0}.example-cam-frame i:nth-child(3){border-width:0 0 3px 3px;border-bottom-left-radius:7px;bottom:0;left:0}.example-cam-frame i:nth-child(4){border-width:0 3px 3px 0;border-bottom-right-radius:7px;bottom:0;right:0}.example-cam[data-scanning=true] .example-cam-frame{animation:example-cam-lock .75s var(--ease-main) both}@keyframes example-cam-lock{40%{transform:scale(1.12)}to{transform:scale(1)}}.example-cam-pill{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;text-align:left;cursor:pointer;background:#323232d1;border:0;border-radius:999px;align-items:center;gap:10px;max-width:calc(100% - 20px);padding:8px 14px 8px 10px;display:inline-flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.example-cam-pill-icon{color:#000;background:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:16px;display:grid}.example-cam-pill-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.example-cam-pill-text b{white-space:nowrap;font-size:13px;font-weight:500}.example-cam-pill-text i{color:#fff9;font-size:11px;font-style:normal}.example-cam-controls{color:#fff;background:#000;padding:10px 0 18px}.example-cam-zoom{justify-content:center;gap:10px;display:flex}.example-cam-zoom span{background:#3c3c3cb3;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.example-cam-zoom span[data-on=true]{color:#ffd60a}.example-cam-modes{letter-spacing:.06em;text-transform:uppercase;color:#ffffffbf;justify-content:center;gap:22px;margin-top:12px;font-size:12px;display:flex}.example-cam-modes span[data-on=true]{color:#ffd60a}.example-cam-shutter-row{justify-content:space-around;align-items:center;margin-top:14px;display:flex}.example-cam-thumb{background:linear-gradient(135deg,#5b1b6b,#e0447c);border-radius:10px;width:44px;height:44px}.example-cam-shutter{background:#fff;border:4px solid #fff;border-radius:50%;width:68px;height:68px;box-shadow:inset 0 0 0 3px #000}.example-cam-flip{background:#3c3c3cb3;border-radius:50%;place-items:center;width:44px;height:44px;font-size:20px;display:grid}@media (min-width:1024px){.media-stage-main:has(.example-phone-room) .media-stage-slot{flex:auto;width:100%;max-width:none;height:100%}}.example-phone-status{z-index:3;color:#fff;letter-spacing:.01em;background:#0b0b0b;justify-content:space-between;align-items:center;padding:0 26px;font-size:15px;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.example-phone-status button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.example-phone-time{text-align:left;font-variant-numeric:tabular-nums;min-width:56px;padding:4px 0}.example-phone-camera{justify-content:flex-end;align-items:center;gap:8px;width:96px;height:28px;padding:0 10px 0 12px;display:flex;position:absolute;top:9px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #f6f5f014;background:#000!important;border-radius:999px!important}.example-phone-camera[data-wiggle=true]{animation:.5s ease-in-out example-phone-wiggle}@keyframes example-phone-wiggle{20%{transform:translate(-50%)scale(1.12,.9)}50%{transform:translate(-50%)scale(.94,1.1)}}.example-phone-camera-bars{opacity:0;align-items:flex-end;gap:2px;height:12px;margin-right:auto;display:flex}.example-phone-camera[data-playing=true] .example-phone-camera-bars{opacity:1}.example-phone-camera-bars i{background:var(--slapp);border-radius:1px;width:3px;height:40%}.example-phone-camera[data-playing=true] .example-phone-camera-bars i{animation:.9s ease-in-out infinite alternate example-island-bar}.example-phone-camera[data-playing=true] .example-phone-camera-bars i:nth-child(2){animation-delay:-.3s}.example-phone-camera[data-playing=true] .example-phone-camera-bars i:nth-child(3){animation-delay:-.6s}.example-phone-camera:after{content:"";background:radial-gradient(circle at 35% 35%,#2b3a55,#05070c 70%);border-radius:50%;width:10px;height:10px}.example-phone-right{align-items:center;gap:8px;display:inline-flex}.example-phone-signal{align-items:flex-end;gap:3px;padding:4px 0;display:inline-flex}.example-phone-signal i{background:#fff;border-radius:1px;width:3px}.example-phone-signal i:first-child{height:5px}.example-phone-signal i:nth-child(2){height:8px}.example-phone-signal i:nth-child(3){height:11px}.example-phone-signal em{margin-left:4px;font-size:11px;font-style:normal;line-height:1}.example-phone-battery{padding:4px 0}.example-phone-battery b{background:#fff;border-radius:3px;width:24px;height:11px;display:block}.example-phone-battery[data-mode=low] b{background:#ffd60a;width:14px}.example-phone-battery[data-mode=charging] b{background:#30d158}.example-phone-home{z-index:3;background:#0b0b0b;position:absolute;bottom:0;left:0;right:0}.example-phone-home:after{content:"";background:#ffffffd9;border-radius:999px;width:38%;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}html[data-example-embed] .media-stage-top{display:none}.example-browser{z-index:4;transform-origin:0 0;font-family:Archivo,system-ui,sans-serif;position:absolute;left:0}.example-browser-bottom{transform-origin:0 100%;top:auto}.example-safari{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e21f0;border-bottom:1px solid #ffffff14;align-items:center;gap:8px;height:46px;padding:0 10px;display:flex}.example-safari-url{color:#ffffffeb;white-space:nowrap;text-overflow:ellipsis;background:#7676803d;border-radius:11px;flex:auto;justify-content:center;align-items:center;gap:6px;min-width:0;height:34px;padding:0 12px;font-size:14px;font-weight:500;display:inline-flex;overflow:hidden}.example-safari-url svg{opacity:.7;flex-shrink:0}.example-safari-aa{color:#ffffffd9;justify-content:center;align-items:baseline;width:30px;font-size:16px;display:inline-flex}.example-safari-aa small{font-size:11px}.example-safari-reload{color:#ffffffd9;cursor:pointer;background:0 0;border:0;place-items:center;width:30px;height:30px;display:grid}.example-safari-bottom{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e21f0;border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;height:44px;display:flex}.example-safari-bottom button{color:#4da3ff;cursor:pointer;width:48px;height:36px;transition:transform .12s var(--ease-main), opacity .12s;background:0 0;border:0;place-items:center;display:grid}.example-safari-bottom button:active:not(:disabled){opacity:.7;transform:scale(.88)}.example-safari-bottom button:disabled{color:#ffffff40;cursor:default}.example-safari-toast{color:#fff;background:#3c3c3ef2;border-radius:999px;width:max-content;margin:0 auto 8px;padding:8px 14px;font-size:13px}.example-safari-return{background:var(--slapp);color:#0b0b0b;cursor:pointer;border:0;border-radius:999px;margin:0 auto 8px;padding:9px 16px;font-size:13px;font-weight:600;display:block}.example-remote{background:#f6f5f014;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:3px;display:inline-flex;box-shadow:0 0 0 1px #f6f5f01f}.example-remote[data-idle=true]{opacity:.6}.example-remote-art{-o-object-fit:contain;object-fit:contain;border-radius:6px;width:22px;height:22px}.example-remote-bars{align-items:flex-end;gap:2px;width:14px;height:12px;display:flex}.example-remote-bars i{background:var(--slapp);border-radius:1px;flex:1;height:30%}.example-remote[data-playing=true] .example-remote-bars i{animation:.9s ease-in-out infinite alternate example-island-bar}.example-remote[data-playing=true] .example-remote-bars i:nth-child(2){animation-delay:-.3s}.example-remote[data-playing=true] .example-remote-bars i:nth-child(3){animation-delay:-.6s}@keyframes example-island-bar{to{height:100%}}.example-remote button{width:26px;height:26px;color:var(--paper-fixed);cursor:pointer;background:#f6f5f024;border:0;border-radius:50%;place-items:center;padding:0;font-size:9px;display:grid}.example-remote button:disabled{cursor:default;opacity:.5}.example-remote button[aria-pressed=true]{background:var(--slapp);color:#0b0b0b}@media (prefers-reduced-motion:reduce){.example-remote[data-playing=true] .example-remote-bars i{height:70%;animation:none}}.example-phone{transition:box-shadow .4s var(--ease-main)}html[data-example-scene-at=phone] .example-phone{box-shadow:0 0 0 1px #f6f5f01f, 0 0 0 4px color-mix(in srgb, var(--slapp) 70%, transparent), 0 0 60px color-mix(in srgb, var(--slapp) 45%, transparent), 0 30px 80px #0009}html[data-example-scene-at=slapp] .media-stage-main:before{content:"";background:linear-gradient(90deg, transparent, var(--slapp));width:40%;height:3px;box-shadow:0 0 18px var(--slapp);transform-origin:100%;animation:example-beam 1.2s var(--ease-main) infinite;pointer-events:none;z-index:4;border-radius:3px;position:absolute;top:50%;right:50%}@keyframes example-beam{0%{opacity:0;transform:translate(0)scaleX(.2)}30%{opacity:1}to{opacity:0;transform:translate(-100%)scaleX(1)}}html[data-example-scene-at=you][data-example-scene-stat=scans] .example-journey-stats [data-stat=scans],html[data-example-scene-at=you][data-example-scene-stat=fans] .example-journey-stats [data-stat=fans],html[data-example-scene-at=you][data-example-scene-stat=plays] .example-journey-stats [data-stat=plays],html[data-example-scene-at=you][data-example-scene-stat=downloads] .example-journey-stats [data-stat=downloads]{border-color:var(--slapp);background:color-mix(in srgb, var(--slapp) 18%, transparent);animation:example-scene-bump .7s var(--ease-main)}[data-tour-section]{transition:box-shadow .3s var(--ease-main), transform .3s var(--ease-main);border-radius:14px}[data-tour-section][data-tour-active=true]{box-shadow:0 0 0 2px var(--slapp), 0 0 40px color-mix(in srgb, var(--slapp) 30%, transparent)}html[data-example-scene-at=you] [data-tour-section][data-tour-active=true]{transform:scale(1.01)}@media (prefers-reduced-motion:reduce){html[data-example-scene-at=slapp] .media-stage-main:before{opacity:.8;animation:none}}.example-demo-helper{border:1px dashed color-mix(in srgb, var(--slapp) 70%, transparent);background:color-mix(in srgb, var(--slapp) 10%, #0b0b0b8c);color:var(--paper-fixed);border-radius:999px;justify-content:space-between;align-items:center;gap:10px;margin:0 auto 14px;padding:8px 8px 8px 12px;font-family:Space Mono,ui-monospace,monospace;display:flex}.example-demo-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--slapp);white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:inline-flex}.example-demo-tag:before{content:"";background:var(--slapp);border-radius:50%;width:6px;height:6px}.example-fill{background:var(--slapp);color:#0b0b0b;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;cursor:pointer;border:0;border-radius:999px;padding:8px 14px;font-family:Space Mono,ui-monospace,monospace;font-size:11px}.example-fill:disabled{cursor:default;opacity:.9}.example-fill[data-filled=true]{box-shadow:inset 0 0 0 1px var(--slapp);color:var(--slapp);background:0 0}.example-scene-controls{flex-wrap:wrap;row-gap:8px}.example-scene-stat{white-space:nowrap;min-width:0}.example-scene-stat b{font-size:15px}.example-journey{scrollbar-width:thin;scrollbar-color:#f6f5f040 transparent}.example-journey::-webkit-scrollbar{width:6px}.example-journey::-webkit-scrollbar-thumb{background:#f6f5f040;border-radius:3px}@media (max-width:719px){.example-dash{gap:18px;padding:16px 16px 32px}.example-dash-title{font-size:28px;line-height:1}.example-dash-lede{font-size:13px;line-height:1.45}.example-dash .grid.grid-cols-1{background:0 0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.example-dash .grid.grid-cols-1>div{border:1px solid #f6f5f01a;border-radius:14px;min-width:0;background:#17121ae6!important;padding:14px!important}.example-dash section{margin-bottom:0}.example-dash h2{font-size:20px!important}.example-dash table,.example-dash tbody,.example-dash tr,.example-dash td{width:100%;display:block}.example-dash thead{display:none}.example-dash tr{background:#17121ae6;border:1px solid #f6f5f01a;border-radius:12px;margin-bottom:8px;padding:12px 14px}.example-dash td{color:#f6f5f0b3;font-size:12px;border:0!important;padding:2px 0!important}.example-dash td:first-child{color:var(--paper-fixed);font-size:14px;font-weight:600}.example-dash td:nth-child(2):before{content:"Plays "}.example-dash td:nth-child(3):before{content:"Listened "}.example-dash td:nth-child(4):before{content:"Finished "}.example-dash td:nth-child(5):before{content:"Downloads "}[data-tour-section]{margin:0 -8px;padding:8px}}.example-phone-panel{z-index:3;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:#fff;background:#141416f7;flex-direction:column;padding:14px;font-family:Archivo,system-ui,sans-serif;display:flex;position:absolute;left:0;right:0;overflow-y:auto}.example-phone-panel-head{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:1.15em;display:flex}.example-phone-panel-head button{color:#4da3ff;cursor:pointer;background:0 0;border:0;font-size:1em}.example-phone-list,.example-phone-tabs{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.example-phone-list button,.example-phone-tabs button{color:#fff;text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px;display:flex}.example-phone-list button[data-current=true],.example-phone-tabs button[data-current=true]{border-color:var(--slapp);background:color-mix(in srgb, var(--slapp) 16%, transparent)}.example-phone-list img,.example-phone-list-art{-o-object-fit:contain;object-fit:contain;background:#ffffff1a;border-radius:8px;flex-shrink:0;width:44px;height:44px}.example-phone-list b{font-weight:600;display:block}.example-phone-list i{color:#fff9;font-size:.85em;font-style:normal;display:block}.example-phone-tabs button span{background:#ffffff1f;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.85em;display:grid}.example-phone-empty{color:#fff9;padding:12px}.example-phone-share p{color:#ffffffbf;margin:0 0 12px}.example-phone-share>div{flex-direction:column;gap:8px;display:flex}.example-phone-share button,.example-phone-share a{color:#fff;text-align:left;cursor:pointer;background:#ffffff14;border:0;border-radius:12px;padding:12px 14px;font-size:1em;text-decoration:none;display:block}.example-phone-group{letter-spacing:.14em;text-transform:uppercase;color:#ffffff80;margin:14px 0 8px;font-family:Space Mono,ui-monospace,monospace;font-size:.7em}.example-phone-group:first-child{margin-top:0}.media-stage-gate[data-filled=true] .media-stage-gate-submit{animation:1.4s ease-in-out infinite example-unlock-nudge}@keyframes example-unlock-nudge{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--slapp) 55%, transparent)}50%{box-shadow:0 0 0 8px #0000}}@media (prefers-reduced-motion:reduce){.media-stage-gate[data-filled=true] .media-stage-gate-submit{box-shadow:0 0 0 3px var(--slapp);animation:none}}
.media-stage .media-stage-main:has(.example-player){justify-content:flex-start;align-items:stretch}.media-stage .media-stage-main:has(.example-player) .media-stage-slot{flex:auto;width:100%;max-width:920px;height:auto;min-height:0;margin-inline:auto;overflow:hidden auto}@media (min-width:1024px){.media-stage .media-stage-main:has(.example-player){padding-left:304px;padding-right:304px}}.example-player{justify-content:center;width:100%;min-height:0;margin:auto;padding:4px 0 12px;display:flex}.example-player-card{flex-direction:column;align-self:flex-start;gap:10px;width:min(100%,400px);height:auto;margin-block:auto;display:flex}.example-player-card[data-fit-scale]{width:360px;max-width:100%}.example-player-card[data-fit-scale] .example-player-body .slapp-media-card .smc-shell{transform:scale(var(--fit-scale,1));transform-origin:50% 0;margin-bottom:calc(-1 * var(--fit-drop,0px))}.example-player-body>.media-stage-note{width:100%;max-width:var(--fit-w,360px);text-wrap:balance;margin:0 auto 14px}.example-player-body{flex-direction:column;flex:auto;min-height:0;display:flex}.example-player-card .example-player-body .slapp-media-card,.example-player-card .example-player-body .slapp-media-themed{--smc-h:auto;height:auto;max-height:none}.example-player-card .example-player-body .slapp-media-card .smc-shell{height:auto;overflow:visible}.example-player-body>*,.example-player-card .example-player-body .slapp-media-themed .slapp-media-card{flex:none;min-height:auto}.example-player-card .example-player-body .slapp-media-card .trk-list{flex:0 auto;min-height:0;padding-bottom:0}.media-stage .media-stage-main:has(.example-player) .media-stage-slot{scrollbar-width:none}.media-stage .media-stage-main:has(.example-player) .media-stage-slot::-webkit-scrollbar{display:none}