.showcase{width:min(100%, var(--showcase-w,46rem));transition:width .9s var(--ease);margin-inline:auto;position:relative}.tablet{aspect-ratio:1.3067;background:linear-gradient(155deg,#33453b 0%,#16211b 38%,#0a120d 100%);border-radius:4.2%/5.49%;padding:3%;position:relative;box-shadow:inset 0 0 0 1px #ffffff17,0 40px 80px -24px #000000d9,0 0 90px -30px #a8e63d4d}.tablet-camera{aspect-ratio:1;background:#ffffff40;border-radius:50%;width:.75%;position:absolute;top:1.96%;left:50%;transform:translate(-50%,-50%)}.tablet-screen{background:#000;border-radius:3.19%/4.25%;width:100%;height:100%;position:relative;overflow:hidden}.phone{aspect-ratio:.4712;width:25%;transition:opacity .7s var(--ease), transform .7s var(--ease);position:absolute;top:28%;left:80%}.phone-body{background:linear-gradient(155deg,#3f5449 0%,#1b2721 40%,#070d09 100%);border-radius:13%/6.13%;width:100%;height:100%;padding:2.1%;position:relative;box-shadow:inset 0 0 0 1px #ffffff24,0 30px 60px -18px #000000e6}.phone-body:before{content:"";background:linear-gradient(90deg,#22302a,#405449);border-radius:0 3px 3px 0;width:1.4%;height:8.5%;position:absolute;top:23%;right:-1.1%}.phone-body:after{content:"";background:linear-gradient(270deg,#22302a,#405449);border-radius:3px 0 0 3px;width:1.4%;height:13%;position:absolute;top:19%;left:-1.1%}.phone-screen{background:#000;border-radius:11.38%/5.24%;width:100%;height:100%;position:relative;overflow:hidden}.phone-camera{aspect-ratio:1;z-index:5;background:#050a07;border-radius:50%;width:6%;position:absolute;top:1.8%;left:50%;transform:translate(-50%)}.device-media{object-fit:cover;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.device-shield{z-index:2;position:absolute;inset:0}.device-empty{background:radial-gradient(circle at 50% 45%,#a8e63d12 0%,#0000 62%),#05100b;position:absolute;inset:0}@media (max-width:56rem){.phone{width:30%;left:74%}}@media (prefers-reduced-motion:reduce){.showcase,.phone{transition:none}}