.mobile_container{border:12px solid #000;border-radius:40px;width:240px;height:473px;margin:2px 0;position:relative;box-shadow:1px 1px 5px gray}.specker_notch{z-index:2;background-color:#000;border-radius:0 0 15px 15px;justify-content:center;align-items:center;gap:12px;width:60%;height:22px;display:flex;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.speker_ele{background-color:gray;border-radius:4px;width:35px;height:4px}.camera_ele{background-color:gray;border-radius:50%;width:6px;height:6px}.button{background-color:gray;border-radius:4px 0 0 4px;width:4px;position:absolute}.left_top_btn{height:30px;top:60px;left:-16.7px}.left_avarage_btn{height:50px;top:110px;left:-16.7px}.left_bottom_btn{height:50px;top:175px;left:-16.7px}.right_btn{border-radius:0 4px 4px 0;height:70px;top:120px;right:-16.7px}.mobile_content{background-color:#fff;border-radius:28px;width:100%;height:100%;position:relative;overflow:hidden}
.tablet_container{border:12px solid #000;border-radius:30px;width:400px;height:280px;margin:2px 0;position:relative;box-shadow:1px 1px 5px gray}.tablet_notch{z-index:2;background-color:#000;border-radius:0 0 15px 15px;justify-content:center;align-items:center;width:80px;height:22px;display:flex;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.tablet_camera{background-color:gray;border-radius:50%;width:8px;height:8px}.tablet_button{background-color:gray;border-radius:4px 0 0 4px;width:4px;position:absolute}.left_tablet_btn{height:40px;top:50%;left:-16.7px;transform:translateY(-50%)}.right_tablet_btn{border-radius:0 4px 4px 0;height:40px;top:50%;right:-16.7px;transform:translateY(-50%)}.tablet_content{background-color:#fff;border-radius:20px;width:100%;height:100%;position:relative;overflow:hidden}