.sf-highlights.shl-tray{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding:12px 16px}.sf-highlights.shl-tray::-webkit-scrollbar{display:none}.sf-highlights.shl-tray .shl-item{flex:none;width:76px;max-width:none;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px}.sf-highlights.shl-tray .shl-ring{position:relative;flex:none;width:68px;height:68px;aspect-ratio:1;padding:0;border:0;border-radius:50%;background:conic-gradient(from 210deg,var(--brand,#24624b),color-mix(in srgb,var(--brand,#24624b) 40%,#f59e0b),var(--brand,#24624b))}.sf-highlights.shl-tray .shl-ring img{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);max-width:none;object-fit:cover;border-radius:50%;border:3px solid #fff;background:#f2f4f3}.sf-highlights.shl-tray .shl-label{width:100%;color:inherit}.shl-viewer{position:fixed;inset:0;z-index:1000;background:#000;color:#fff;touch-action:none;user-select:none}.shl-backdrop{position:absolute;inset:-40px;background-size:cover;background-position:50%;filter:blur(28px) brightness(.45);transform:scale(1.1)}.shl-stage{position:absolute;inset:0;display:grid;place-items:center}.shl-stage img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.shl-top{position:absolute;top:0;left:0;right:0;padding:calc(10px + env(safe-area-inset-top)) 12px 24px;background:linear-gradient(rgba(0,0,0,.55),transparent)}.shl-bars{display:flex;gap:4px}.shl-bars span{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden}.shl-bars i{display:block;height:100%;background:#fff}.shl-head{display:flex;align-items:center;gap:10px;margin-top:10px}.shl-avatar,.shl-head>img{width:34px;height:34px;flex:none;border-radius:50%;object-fit:cover;background:#fff;color:#18302a;display:grid;place-items:center;font-weight:700}.shl-head div{flex:1;min-width:0;display:grid;line-height:1.25}.shl-head strong{font-size:14px}.shl-head small,.shl-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shl-head small{font-size:12px;opacity:.8}.shl-head button{width:44px;height:44px;flex:none;display:grid;place-items:center;color:#fff}.shl-bottom{position:absolute;left:0;right:0;bottom:0;padding:40px 16px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(0,0,0,.7));display:grid;gap:12px}.shl-bottom p{font-size:14px;line-height:1.5;max-height:6.5em;overflow:auto}.shl-cta{justify-self:center;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 20px;border-radius:999px;background:#fff;color:#111;font-weight:700;font-size:14px}@media(min-width:760px){.shl-stage{inset:0 max(0px,calc(50% - 280px))}.sf-highlights.shl-tray{gap:18px}}.shl-stage img[data-fit=cover]{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}@media(min-width:760px){.shl-stage img[data-fit=cover]{object-fit:contain}}.sf-highlights.shl-tray .shl-label{display:block;width:auto;height:auto;max-width:84px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}