.showcase-phone-stage{perspective:1200px;isolation:isolate;justify-content:center;align-items:center;width:100%;min-width:0;height:530px;display:flex}.showcase-phone-device{background:hsl(var(--primary));border:2px solid hsl(var(--primary));width:236px;height:460px;box-shadow:8px 4px 0 color-mix(in srgb, hsl(var(--primary)) 75%, hsl(var(--foreground))), 11px 5px 0 hsl(var(--primary) / .65), 20px 28px 35px hsl(var(--foreground) / .2);transform-style:preserve-3d;border-radius:42px;flex-shrink:0;padding:8px;transition:transform .55s;position:relative;transform:rotateX(8deg)rotateY(-18deg)rotate(7deg)}.showcase-phone-device:after{content:"";background:color-mix(in srgb, hsl(var(--primary)) 75%, hsl(var(--foreground)));border-radius:4px;width:4px;height:65px;position:absolute;top:125px;right:-10px}.showcase-phone-screen{border-radius:33px;height:100%;position:relative;overflow:hidden}.showcase-phone-notch{background:hsl(var(--primary));z-index:2;border-radius:0 0 15px 15px;width:106px;height:22px;position:absolute;top:0;left:50%;transform:translate(-50%)}.showcase-phone-header{justify-content:space-between;align-items:center;gap:10px;padding:38px 16px 12px;display:flex}.showcase-phone-backdrop{padding:8px 16px}.showcase-phone-home{background:hsl(var(--foreground) / .4);border-radius:8px;width:80px;height:4px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.showcase-phone-popout{width:218px;transform-style:preserve-3d;filter:drop-shadow(12px 18px 12px hsl(var(--creator-bg-tone) / .22));transition:transform .55s;position:absolute;top:104px;left:10px;transform:translate3d(-27px,0,65px)}.showcase-phone-bio .showcase-phone-popout{width:224px;top:85px;transform:translate3d(-25px,0,55px)}.showcase-phone-bio-panel{background:hsl(var(--card));border-radius:24px;height:355px;overflow:hidden}.showcase-phone-bio-panel .origin-top-left>div{box-shadow:none;border:0;border-radius:0;min-height:680px!important}.showcase-phone-bio .showcase-phone-backdrop{visibility:hidden}.showcase-phone-bio .showcase-phone-home{opacity:.4;background:currentColor}@media (hover:hover) and (pointer:fine){.showcase-phone-stage:hover .showcase-phone-device{transform:rotateX(5deg)rotateY(-10deg)rotate(3deg)translateY(-5px)}.showcase-phone-stage:hover .showcase-phone-popout{transform:translate3d(-34px,-5px,85px)}}@media (width<=639px){.showcase-phone-stage{height:490px}.showcase-phone-device{transform:rotateX(6deg)rotateY(-16deg)rotate(6deg)scale(.93)}}@media (prefers-reduced-motion:reduce){.showcase-phone-device,.showcase-phone-popout{transition:none}.showcase-phone-stage:hover .showcase-phone-device{transform:rotateX(8deg)rotateY(-18deg)rotate(7deg)}.showcase-phone-stage:hover .showcase-phone-popout{transform:translate3d(-27px,0,65px)}}