.PhoneMessagePreview_page__tNZPy{width:100%;height:inherit;display:flex;align-items:center;justify-content:center}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl{position:relative;width:360px;max-height:640px;height:100%;margin:auto;border-left:16px solid var(--color-graphics-primary-black);border-bottom-width:16px;border-right:16px solid var(--color-graphics-primary-black);border-top-width:16px;border-top:60px solid var(--color-graphics-primary-black);border-bottom:60px solid var(--color-graphics-primary-black);border-radius:36px;display:flex;flex-direction:column}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl:before{content:"";display:block;width:60px;height:5px;position:absolute;top:-20px;left:50%;transform:translate(-50%,-50%);background:var(--color-graphics-primary-black);border-radius:10px}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl:after{content:"";display:block;width:35px;height:35px;position:absolute;left:50%;bottom:-65px;transform:translate(-50%,-50%);background:var(--color-graphics-primary-black);border-radius:50%}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_sleep___ubBM{width:3px;position:absolute;right:-20px;top:110px;height:100px;background:var(--color-graphics-primary-black);border-radius:0 2px 2px 0}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_volume__BbF2C{width:3px;position:absolute;right:-20px;top:40px;height:45px;background:var(--color-graphics-primary-black);border-radius:0 2px 2px 0}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_camera__p5iUD{background:var(--color-graphics-primary-black);width:10px;height:10px;position:absolute;top:-40px;left:50%;z-index:3;margin-left:-5px;border-radius:100%;color:var(--color-graphics-caution-regular)}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz{text-align:left;width:100%;position:relative;height:100%;flex:1;z-index:0;background:var(--color-bg-neutral);overflow:hidden;display:block;border-radius:1px;-webkit-box-shadow:0 0 0 3px var(--color-graphics-primary-black);box-shadow:0 0 0 3px var(--color-graphics-primary-black)}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j{height:100%;position:absolute;top:0;left:0;right:0;bottom:0}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_status-bar__xD9kA{height:25px;background:var(--color-graphics-gray-subtle);color:var(--color-text-primary);font-size:14px;padding:0 8px}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_status-bar__xD9kA:after{content:"";display:table;clear:both}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_status-bar__xD9kA div{display:flex;float:right;position:relative;top:50%;transform:translateY(-50%);margin-left:4px}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_chat__M_I5r{height:calc(100% - 69px)}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_chat__M_I5r .PhoneMessagePreview_chat-container__ZXmXl{height:100%}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_chat__M_I5r .PhoneMessagePreview_user-bar__y5mA7{height:55px;background:var(--color-bg-neutral);padding:0 8px;font-size:24px;position:relative;z-index:1}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_chat__M_I5r .PhoneMessagePreview_user-bar__y5mA7 div{float:left;transform:translateY(-50%);position:relative;top:50%;display:flex}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_chat__M_I5r .PhoneMessagePreview_user-bar__y5mA7 .PhoneMessagePreview_name__NfMb8{display:block;color:var(--color-text-primary)}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_chat__M_I5r .PhoneMessagePreview_user-bar__y5mA7 .PhoneMessagePreview_avatar__Sm_zQ{margin:0 0 0 5px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-alert-bold);border-radius:50%;box-shadow:0 1px 0 rgba(255,255,255,.1)}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_chat__M_I5r .PhoneMessagePreview_user-bar__y5mA7 .PhoneMessagePreview_avatar__Sm_zQ .PhoneMessagePreview_avatarLetter__RLQMb{color:var(--color-text-invert);font-weight:700;font-size:20px;line-height:36px}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_chat__M_I5r .PhoneMessagePreview_user-bar__y5mA7 .PhoneMessagePreview_name__NfMb8{font-size:17px;font-weight:600;text-overflow:ellipsis;letter-spacing:.3px;margin:0 0 0 8px;overflow:hidden;white-space:nowrap;width:110px}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_chat__M_I5r .PhoneMessagePreview_user-bar__y5mA7 .PhoneMessagePreview_name__NfMb8 .PhoneMessagePreview_status__3LZ_h{display:block;font-size:13px;font-weight:400;letter-spacing:0}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_chat__M_I5r .PhoneMessagePreview_user-bar__y5mA7 .PhoneMessagePreview_actions__hV_Cs{float:right;margin:0 0 0 4px;color:var(--color-graphics-warning-regular)}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_chat__M_I5r .PhoneMessagePreview_user-bar__y5mA7 .PhoneMessagePreview_back__Uwuyj{color:var(--color-text-primary)}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_chat__M_I5r .PhoneMessagePreview_conversation__i77TB{height:calc(100% - 12px);position:relative;overflow-y:auto;background:var(--color-graphics-gray-extrasubtle) url(https://cloud.githubusercontent.com/assets/398893/15136779/4e765036-1639-11e6-9201-67e728e86f39.jpg) repeat;z-index:0}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_chat__M_I5r .PhoneMessagePreview_conversation__i77TB::-webkit-scrollbar{transition:all .5s;width:5px;height:1px;z-index:10}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_chat__M_I5r .PhoneMessagePreview_conversation__i77TB::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_chat__M_I5r .PhoneMessagePreview_conversation__i77TB::-webkit-scrollbar-thumb{background:var(--color-graphics-gray-light)}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_chat__M_I5r .PhoneMessagePreview_conversation__i77TB .PhoneMessagePreview_conversation-container__8rfXP{height:calc(100% - 68px);box-shadow:inset 0 10px 10px -10px var(--color-graphics-primary-black);padding:0 16px;margin-bottom:5px}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_chat__M_I5r .PhoneMessagePreview_conversation__i77TB .PhoneMessagePreview_conversation-container__8rfXP:after{content:"";display:table;clear:both}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_chat__M_I5r .PhoneMessagePreview_conversation__i77TB .PhoneMessagePreview_conversation-container__8rfXP .PhoneMessagePreview_message__XQ6js{color:var(--color-text-primary);clear:both;line-height:18px;font-size:15px;padding:8px;position:relative;margin:8px 0;max-width:85%;word-wrap:break-word;z-index:-1}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_chat__M_I5r .PhoneMessagePreview_conversation__i77TB .PhoneMessagePreview_conversation-container__8rfXP .PhoneMessagePreview_message__XQ6js:after{position:absolute;content:"";width:0;height:0;border-style:solid}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_chat__M_I5r .PhoneMessagePreview_conversation__i77TB .PhoneMessagePreview_conversation-container__8rfXP .PhoneMessagePreview_message__XQ6js.PhoneMessagePreview_sent__OL2BB{background:var(--color-bg-primary-bold);color:var(--color-text-invert);border-radius:5px 0 5px 5px;float:right}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_chat__M_I5r .PhoneMessagePreview_conversation__i77TB .PhoneMessagePreview_conversation-container__8rfXP .PhoneMessagePreview_message__XQ6js.PhoneMessagePreview_sent__OL2BB:after{border-width:0 0 10px 10px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) var(--color-graphics-primary-light);top:0;right:-10px}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_chat__M_I5r .PhoneMessagePreview_conversation__i77TB .PhoneMessagePreview_conversation-container__8rfXP .PhoneMessagePreview_message__XQ6js.PhoneMessagePreview_sent__OL2BB .PhoneMessagePreview_metadata__kjVd1{float:right;padding:0 0 0 7px;position:relative;bottom:-4px}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_chat__M_I5r .PhoneMessagePreview_conversation__i77TB .PhoneMessagePreview_conversation-container__8rfXP .PhoneMessagePreview_message__XQ6js.PhoneMessagePreview_sent__OL2BB .PhoneMessagePreview_metadata__kjVd1 .PhoneMessagePreview_time__vlO9E{color:var(--color-text-primary);font-size:11px;display:inline-block}.PhoneMessagePreview_page__tNZPy .PhoneMessagePreview_smartphone__W4Ogl .PhoneMessagePreview_screen__7cndz .PhoneMessagePreview_screen-container__4LF6j .PhoneMessagePreview_chat__M_I5r .PhoneMessagePreview_conversation__i77TB .PhoneMessagePreview_conversation-container__8rfXP .PhoneMessagePreview_time__vlO9E{color:var(--color-text-invert)!important}