.phone{border-bottom:1px solid #232d3f;margin:1.5rem 0}.phone .phone--body{background-color:#232d3f;border-radius:40px 40px 0 0;max-width:90%;margin:0 auto;padding:10px 10px 0 10px;text-align:center;width:240px}.phone .phone--screen{position:relative;background-color:#fff;border-radius:30px 30px 0 0;border-left:1px solid #232d3f;border-right:1px solid #232d3f;border-top:1px solid #232d3f;height:390px;padding:.5rem;text-align:center}.phone .phone--screen .phone--screen-top{background-color:#232d3f;border-radius:0 0 10px 10px;border-bottom:1px solid #232d3f;border-left:1px solid #232d3f;border-right:1px solid #232d3f;height:20px;margin:0 auto;text-align:center;width:120px}.phone .phone--screen .phone--screen-top .phone--screen-top--speaker-camera{margin:-11px auto 0 auto;position:relative;width:60px}.phone .phone--screen .phone--screen-top .phone--screen-top--speaker-camera .phone--screen-top--speaker{background-color:#232d3f;border-radius:2px;display:inline-block;height:5px;margin-right:.5rem;position:relative;top:-10px;width:40px}.phone.phone--size-full{border-bottom:none}.phone.phone--size-full .phone--body{border-radius:40px;height:490px}.phone.phone--size-full .phone--screen{border-radius:30px;height:470px}.phone.phone-size-md .phone--body{height:305px}.phone.phone-size-md .phone--screen{height:295px}.phone.phone-size-sm .phone--body{height:205px}.phone.phone-size-sm .phone--screen{height:195px}.phone--text{margin-bottom:.5rem}.phone--text.phone--text-style-received{text-align:left}.phone--text.phone--text-style-received .phone--text-content{background-color:#eee;border-radius:1rem 1rem 1rem 0}.phone--text.phone--text-style-sent{text-align:right}.phone--text.phone--text-style-sent .phone--text-content{background-color:#0067FF;border-radius:1rem 1rem 0 1rem;color:#fff}.phone--text.phone--text-type-mms img{border-radius:1rem 1rem 0 0;margin-bottom:0;max-width:90%!important}.phone--text.phone--text-type-mms.phone--text-style-received .phone--text-content{border-radius:0 0 1rem 0}.phone--text.phone--text-type-mms.phone--text-style-sent .phone--text-content{border-radius:0 0 0 1rem}.phone--text:last-of-type{margin-bottom:0}.phone--text-content{display:inline-block;font-size:.938rem;line-height:120%;padding:.5rem;text-align:left;max-width:90%}@media screen and (min-width:768px){.phone--text-content{font-size:16px}}.phone--screen-content{margin-top:.5rem}