.portal-row,.portal-row-anchor{--portal-row-top:calc(var(--g-frame-margin) * 2 + var(--g-topbar-h));scroll-margin-top:var(--portal-row-top)}@media (min-width:1024px){.portal-row{top:var(--portal-row-top);z-index:40;position:sticky}}.portal-tabs{scrollbar-width:none}.portal-tabs::-webkit-scrollbar{display:none}.portal-scene{--portal-scene-ratio:1 / 1;--portal-phone-w:40%;--portal-phone-overlap:-3%;--portal-scene-top:16%;--portal-scene-bleed:0%;--portal-perspective:1400px;--portal-tilt:6deg;--portal-tilt-step:1deg;--portal-turn:-12deg;--portal-scale:1.12;--portal-scale-step:.14;--portal-dim-step:.12;--portal-lift:9%;--portal-float:1.5%;--portal-float-dur:10s;--portal-float-stagger:-1.9s;--portal-fade-start:70%;--portal-phone-radius:1.6rem;--portal-bezel:6px;--portal-glow:46%;--portal-floor:45%;--portal-toast-loop:18s;--portal-toast-solo-loop:24s;--portal-toast-w:13.5rem;--portal-toast-tilt:2deg}@media (min-width:640px){.portal-scene{--portal-scene-ratio:16 / 9;--portal-phone-w:23%;--portal-scene-top:4%;--portal-scene-bleed:10%;--portal-fade-start:78%}}@media (min-width:1024px){.portal-scene{--portal-scene-ratio:21 / 10;--portal-phone-w:21%;--portal-scene-top:2%;--portal-toast-w:12.5rem}}.portal-scene-plate{aspect-ratio:var(--portal-scene-ratio)}.portal-scene-glow{border-radius:inherit;background:radial-gradient(45% 50% at 50% 38%, color-mix(in oklab, var(--ember-2) var(--portal-glow), transparent), transparent 70%), radial-gradient(50% 30% at 50% 100%, color-mix(in oklab, var(--ember-1) var(--portal-floor), transparent), transparent);position:absolute;inset:0;overflow:hidden}.portal-scene-strip{inset:calc(-1 * var(--portal-scene-bleed)) 0 0;padding-top:var(--portal-scene-top);perspective:var(--portal-perspective);-webkit-mask-image:linear-gradient(to bottom, #000 var(--portal-fade-start), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, #000 var(--portal-fade-start), transparent 100%);mask-image:linear-gradient(to bottom, #000 var(--portal-fade-start), transparent 100%);justify-content:center;align-items:flex-start;display:flex;position:absolute}.portal-scene-phone{--rx:calc(var(--portal-tilt) + var(--d) * var(--portal-tilt-step));--ry:calc(var(--s) * var(--portal-turn));--sc:calc(var(--portal-scale) - var(--d) * var(--portal-scale-step));--ty:calc(var(--d) * var(--portal-lift));z-index:calc(var(--portal-phones) - var(--d));width:var(--portal-phone-w);margin-inline:var(--portal-phone-overlap);aspect-ratio:390/844;border-radius:var(--portal-phone-radius);border:1px solid color-mix(in oklab, var(--foreground) 18%, transparent);box-shadow:inset 1px 1px 0 var(--g-specular), 0 0 0 var(--portal-bezel) color-mix(in oklab, var(--foreground) 6%, transparent), 0 40px 80px -30px var(--g-drop);filter:brightness(calc(1 - var(--d) * var(--portal-dim-step)));transform-origin:top;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateY(var(--ty)) scale(var(--sc));animation:portal-scene-float var(--portal-float-dur) ease-in-out infinite alternate;animation-delay:calc(var(--i) * var(--portal-float-stagger));flex:none;position:relative;overflow:hidden}.portal-scene-center{border-color:color-mix(in oklab, var(--ember-1) 55%, transparent)}@media (max-width:639px){.portal-scene-phone:first-child,.portal-scene-phone:last-child{display:none}}@keyframes portal-scene-float{to{transform:rotateX(var(--rx)) rotateY(var(--ry)) translateY(calc(var(--ty) - var(--portal-float))) scale(var(--sc))}}.portal-toast-slot{width:min(var(--portal-toast-w), 84%);display:grid;position:absolute}.portal-toast-slot:first-child{rotate:calc(-1 * var(--portal-toast-tilt));bottom:30%;left:-5%}.portal-toast-slot:nth-child(2){rotate:var(--portal-toast-tilt);top:22%;right:-5%}@media (max-width:639px){.portal-toast-slot:first-child{bottom:14%;left:50%;transform:translate(-50%)}}.portal-toast{animation:portal-toast-thirds var(--portal-toast-loop) ease-in-out infinite both;animation-delay:calc((var(--k) * var(--portal-toast-loop) + var(--slot) * var(--portal-toast-loop) / var(--slots)) / var(--n));grid-area:1/1}@keyframes portal-toast-thirds{0%,2%{opacity:0;transform:translateY(12px)scale(.97)}5%,27%{opacity:1;transform:none}32%,to{opacity:0;transform:translateY(-8px)scale(.98)}}.portal-toast-sixths{animation-name:portal-toast-sixths;animation-duration:var(--portal-toast-solo-loop);animation-delay:calc(var(--k) * var(--portal-toast-solo-loop) / var(--n))}@keyframes portal-toast-sixths{0%,1%{opacity:0;transform:translateY(12px)scale(.97)}3%,14%{opacity:1;transform:none}16%,to{opacity:0;transform:translateY(-8px)scale(.98)}}@media (prefers-reduced-motion:reduce){.portal-scene-phone,.portal-toast{animation:none}.portal-toast:not(:first-child){visibility:hidden}}