.device-wrapper{display:inline-block;position:relative}.device-body{-webkit-user-select:none;user-select:none;background-color:#000;border-radius:6rem;flex-shrink:0;justify-content:center;width:35.6rem;height:72.2rem;transition:box-shadow .3s;display:flex;position:relative}.device-content{border-radius:5rem;position:absolute;inset:1.9rem;overflow:hidden}.device-content-scrollable{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto}.device-content-scrollable::-webkit-scrollbar{display:none}.device-screen-image{object-fit:cover;object-position:top;-webkit-user-select:none;user-select:none;width:100%;height:100%}.device-screen-image-scrollable{height:auto;min-height:100%}.device-dynamic-island{z-index:10;background-color:#000;border-radius:3rem;justify-content:space-between;align-items:center;width:12.6rem;height:3.7rem;padding:0 2.4rem;display:flex;position:absolute;top:2.8rem;left:50%;transform:translate(-50%)}.device-camera{background-color:#1a1a2e;border:.15rem solid #0a0a15;border-radius:50%;flex-shrink:0;width:1.1rem;height:1.1rem;box-shadow:inset 0 0 .3rem #0064c880}.device-speaker-grill{flex:1;justify-content:center;align-items:center;gap:.15rem;margin:0 1.2rem;display:flex}.device-speaker-grill-line{opacity:.6;background-color:#0a0a15;border-radius:999px;width:.15rem;height:1.2rem}.device-sensors{flex-shrink:0;gap:.4rem;display:flex}.device-sensor{background-color:#1a1a2e;border:.1rem solid #0a0a15;border-radius:50%;width:.4rem;height:.4rem}.device-button{background-color:#484848;border:.1rem solid #0000001a;border-right:none;border-top-left-radius:.3rem;border-bottom-left-radius:.3rem;width:.3rem;position:absolute}.device-button-silent{height:2.5rem;top:9.8rem;left:-.2rem}.device-button-volume-up{height:5rem;top:15rem;left:-.2rem}.device-button-volume-down{height:5rem;top:21.6rem;left:-.2rem}.device-button-power{height:5rem;top:16.9rem;right:-.3rem;transform:rotate(180deg)}.device-layer{pointer-events:none;position:absolute}.device-layer-1{border:.4rem solid #484848;border-radius:6rem;inset:0}.device-layer-2{border:1.6rem solid #000;border-radius:5.6rem;inset:.3rem}.device-layer-gradient-1{filter:blur(1px);opacity:.5;border:.3rem solid #484848;border-radius:5rem;inset:1.1rem}.device-layer-gradient-2{opacity:.5;filter:blur(1px);border:.4rem solid #bcbcbc;border-radius:5.6rem;inset:.7rem}