.modal{width:100%;max-width:400px;margin:0 auto;max-height:70vh;overflow-y:auto;overflow-x:hidden}.modal .phone-frame{background-image:url(https://d2vawm7u8pr5bs.cloudfront.net/assets/client/guest_messaging/phone-frame-e724bfb6bf75df8d394bcc1bfc9d54008cb4c95e25179846693564a5dea04359.png),url(https://d2vawm7u8pr5bs.cloudfront.net/assets/client/guest_messaging/phone-frame-bg-4e7352b014c86bb1d2f13e72b3b077499657c13e617ad309290282c172edf1ab.png);background-repeat:no-repeat,repeat-y;background-position:center top,center center;position:relative;padding:22.5% 15% 7.5%;background-size:90% auto,90% auto;min-height:450px;width:100%;overflow:hidden}.modal .phone-frame:before{width:200%;content:" ";background-image:url(https://d2vawm7u8pr5bs.cloudfront.net/assets/client/guest_messaging/phone-gradient-19f98b5c7b6cee0c45b1da6b964a6450f2b7d888408f8b6bb4d1c8e321c9d1ad.png);position:absolute;left:-50%;bottom:0;height:10rem;background-size:cover;background-position:top center}@media (max-width: 575.98px){.modal .phone-frame:before{opacity:.5}}.modal .phone-frame:after{display:block;clear:both;content:""}.modal .phone-frame.whatsapp{background-image:url(https://d2vawm7u8pr5bs.cloudfront.net/assets/client/guest_messaging/phone-frame-e724bfb6bf75df8d394bcc1bfc9d54008cb4c95e25179846693564a5dea04359.png),url(https://d2vawm7u8pr5bs.cloudfront.net/assets/client/guest_messaging/phone-frame-bg-4e7352b014c86bb1d2f13e72b3b077499657c13e617ad309290282c172edf1ab.png),url(https://d2vawm7u8pr5bs.cloudfront.net/assets/client/guest_messaging/whatsapp-bg-3377b06cc9decf98283e5586a9e2c1c5043ce918aa295679295b8ccee133a871.jpg);background-repeat:no-repeat,repeat-y,repeat-y;background-position:center top,center center,center top;background-size:90% auto,90% auto,90% auto}.modal .phone-frame.whatsapp .list-group .list-group-item:first-child{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.modal .phone-frame.whatsapp .list-group .list-group-item:last-child{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.modal .phone-frame .text-message{border-radius:10px;padding:1rem;position:relative;max-width:85%;clear:both;background-color:#e5e5ea;margin:20px 15px 15px auto}@media (max-width: 575.98px){.modal .phone-frame .text-message{max-width:90%;padding:.5rem 1rem}}.modal .phone-frame .text-message:after{content:"";position:absolute;bottom:-8px;right:15px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #E5E5EA}.modal .phone-frame .text-message.sent{background-color:#e5e5ea}.modal .phone-frame .text-message.sent:after{border-top-color:#e5e5ea;right:15px}.modal .phone-frame .time{font-size:80%;color:#666}@media (max-width: 575.98px){.modal .phone-frame .time{font-size:60%}}