.st-ribbon{padding:8px 0 4px;scrollbar-width:none;gap:4px;margin:0 -16px;padding-inline:12px;display:flex;overflow-x:auto}.st-ribbon::-webkit-scrollbar{display:none}.st-bubble{width:90px;color:var(--text);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:5px;padding:0;display:flex}.st-ring,.st-inner,.st-initial{box-sizing:border-box}.st-ring{background:linear-gradient(45deg, var(--m-primary,#b5c4ff), #ff7a45);border-radius:50%;width:80px;height:80px;padding:2.5px;display:block;position:relative}.st-seen .st-ring{background:var(--border);padding:1.5px}.st-inner{background:var(--bg,#111);border-radius:50%;place-items:center;width:100%;height:100%;padding:2px;display:grid;position:relative;overflow:hidden}.st-inner img{object-fit:cover;border-radius:50%;width:calc(100% - 4px);max-width:none;height:calc(100% - 4px);display:block;position:absolute;inset:2px}.st-initial{background:var(--surface-2);border-radius:50%;place-items:center;width:100%;height:100%;font-size:26px;font-weight:800;display:grid}.st-play{border:2px solid var(--bg,#111);color:#fff;background:#000000bf;border-radius:50%;place-items:center;width:20px;height:20px;font-size:8px;line-height:1;display:grid;position:absolute;bottom:0;right:0}.st-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:600;overflow:hidden}.st-seen .st-name{color:var(--text-3)}.st-viewer{z-index:100;background:#000;outline:none;place-items:center;display:grid;position:fixed;inset:0}.st-stage{background:#000;width:min(100vw,56.25dvh);height:100dvh;position:relative;overflow:hidden}.st-bars{top:max(8px, env(safe-area-inset-top));z-index:3;gap:4px;display:flex;position:absolute;left:8px;right:8px}.st-bars span{background:#ffffff59;border-radius:2px;flex:1;height:2.5px;overflow:hidden}.st-bars i{transform-origin:0;background:#fff;height:100%;display:block}.st-top{top:calc(max(8px, env(safe-area-inset-top)) + 10px);z-index:3;justify-content:space-between;align-items:center;display:flex;position:absolute;left:10px;right:6px}.st-shop{color:#fff;text-shadow:0 1px 2px #00000080;align-items:center;gap:8px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.st-shop-logo{background:#333;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;overflow:hidden}.st-shop-logo img{object-fit:cover;width:100%;height:100%}.st-close{color:#fff;cursor:pointer;background:0 0;border:0;width:44px;height:44px;font-size:22px}.st-media{place-items:center;display:grid;position:absolute;inset:0}.st-media img,.st-media video{object-fit:contain;width:100%;height:100%}.st-wait{color:#ddd;text-align:center;padding:24px}.st-tap{z-index:2;cursor:pointer;background:0 0;border:0;position:absolute;top:80px;bottom:110px}.st-tap-prev{width:33%;left:0}.st-tap-next{width:67%;right:0}.st-bottom{z-index:3;padding:40px 16px max(20px, env(safe-area-inset-bottom));color:#fff;background:linear-gradient(#0000,#000000b3);position:absolute;bottom:0;left:0;right:0}.st-caption{overflow-wrap:anywhere;margin:0 0 12px;font-size:14.5px;line-height:1.4}.st-cta{color:#111;text-align:center;background:#fff;border-radius:999px;padding:12px;font-weight:800;text-decoration:none;display:block}
