.rbp-device-root{position:relative;display:inline-block}.rbp-device-motion{position:relative;display:inline-block;transform-style:preserve-3d}.rbp-device-frame{position:relative;width:35.6rem;height:72.2rem;border-radius:6rem;display:flex;justify-content:center;background:#000;-webkit-user-select:none;user-select:none;transition:box-shadow .3s ease}.rbp-device-screen{position:absolute;top:1.9rem;right:1.9rem;bottom:1.9rem;left:1.9rem;overflow:hidden;border-radius:5rem}.rbp-device-screen img,.rbp-device-screen>*{width:100%;height:100%;object-fit:cover;object-position:top}.rbp-notch{position:absolute;top:2.8rem;left:50%;transform:translate(-50%);width:12.6rem;height:3.7rem;background:#000;border-radius:3rem;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem}.rbp-notch-dots{display:flex;gap:.25rem;flex-shrink:0}.rbp-notch-dot{width:.4rem;height:.4rem;border-radius:50%;background:#1a1a2e;border:.1rem solid #0a0a15}.rbp-notch-speaker{flex:1;display:flex;align-items:center;justify-content:center;gap:.15rem;margin:0 .75rem}.rbp-notch-speaker-bar{width:.15rem;height:1.2rem;background:#0a0a15;border-radius:999px;opacity:.6}.rbp-notch-cam{width:1.1rem;height:1.1rem;border-radius:50%;flex-shrink:0;background:#1a1a2e;border:.15rem solid #0a0a15;box-shadow:inset 0 0 .3rem #0064c880}.rbp-btn{position:absolute;width:.3rem;background:#484848;border:.1rem solid rgba(0,0,0,.1);border-right:none;border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.rbp-btn--mute{top:9.8rem;left:-.2rem;height:2.5rem}.rbp-btn--vol-up{top:15rem;left:-.2rem;height:5rem}.rbp-btn--vol-down{top:21.6rem;left:-.2rem;height:5rem}.rbp-btn--power{top:16.9rem;right:-.3rem;height:5rem;transform:rotate(180deg)}.rbp-device-border-1{position:absolute;top:0;right:0;bottom:0;left:0;border:.4rem solid #484848;border-radius:6rem;pointer-events:none}.rbp-device-border-2{position:absolute;top:.3rem;right:.3rem;bottom:.3rem;left:.3rem;border:1.6rem solid #000;border-radius:5.6rem;pointer-events:none}.rbp-device-border-3{position:absolute;top:1.1rem;right:1.1rem;bottom:1.1rem;left:1.1rem;border:.3rem solid #484848;border-radius:5rem;pointer-events:none;opacity:.5;filter:blur(1px)}.rbp-device-border-4{position:absolute;top:.7rem;right:.7rem;bottom:.7rem;left:.7rem;border:.4rem solid #bcbcbc;border-radius:5.6rem;pointer-events:none;opacity:.5;filter:blur(1px)}.rbp-cycle-root{position:relative;width:100%;height:100%}.rbp-cycle-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top}