body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@media (prefers-color-scheme:dark){html{color-scheme:dark}body{color:#fff;background:#000}}:root{--max-width:1100px;--border-radius:12px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255;--primary-glow:conic-gradient(from 180deg at 50% 50%,#16abff33 0deg,#0885ff33 55deg,#54d6ff33 120deg,#0071ff33 160deg,transparent 360deg);--secondary-glow:radial-gradient(#fff,hsla(0,0%,100%,0));--tile-start-rgb:239,245,249;--tile-end-rgb:228,232,233;--tile-border:conic-gradient(#00000080,#00000040,#00000030,#00000020,#00000010,#00000010,#00000080);--callout-rgb:238,240,241;--callout-border-rgb:172,175,176;--card-rgb:180,185,188;--card-border-rgb:131,134,135}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0;--primary-glow:radial-gradient(rgba(1,65,255,.4),rgba(1,65,255,0));--secondary-glow:linear-gradient(to bottom right,rgba(1,65,255,0),rgba(1,65,255,0),rgba(1,65,255,.3));--tile-start-rgb:2,13,46;--tile-end-rgb:2,5,19;--tile-border:conic-gradient(#ffffff80,#ffffff40,#ffffff30,#ffffff20,#ffffff10,#ffffff10,#ffffff80);--callout-rgb:20,20,20;--callout-border-rgb:108,108,108;--card-rgb:100,100,100;--card-border-rgb:200,200,200}}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb))}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;height:100%;margin:0;padding:0}.chat-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;margin:0;padding:0;background:url(https://i.ibb.co/q9mygMq/background.jpg);background-repeat:repeat;background-size:cover}.page{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.marvel-device .screen{text-align:left;max-width:480px}.screen-container{height:100%}.status-bar{height:25px;background:#004e45;color:#fff;font-size:14px;padding:0 8px}.status-bar:after{content:"";display:table;clear:both}.status-bar div{float:right;position:relative;top:50%;transform:translateY(-50%);margin:0 0 0 8px;font-weight:600}.chat,.chat-container{height:100%}.user-bar{height:55px;background:#005e54;color:#fff;padding:0 8px;font-size:24px;position:relative;z-index:1}.user-bar:after{content:"";display:table;clear:both}.user-bar div{float:left;transform:translateY(-50%);position:relative;top:50%}.user-bar .actions{float:right;margin:5px 0 0 10px}.user-bar .actions img{height:28px}.user-bar .actions.more{margin:0 12px 0 20px}.user-bar .actions.attachment{margin:0 0 0 20px}.user-bar .actions.attachment i{display:block}.user-bar .avatar{margin:0 0 0 5px;width:36px;height:36px}.user-bar .avatar img{border-radius:50%;box-shadow:0 1px 0 hsla(0,0%,100%,.1);display:block;width:100%}.user-bar .name{font-size:17px;font-weight:600;text-overflow:ellipsis;letter-spacing:.3px;margin:0 0 0 8px;overflow:hidden;white-space:nowrap}.user-bar .status{display:block;font-size:13px;font-weight:400;letter-spacing:0}.conversation{height:100%;position:relative;background:url(https://i.ibb.co/3s1f9Jq/default-wallpaper.png) repeat;background-size:cover;z-index:0}.conversation ::-webkit-scrollbar{-webkit-transition:all .5s;transition:all .5s;width:5px;height:1px;z-index:10}.conversation ::-webkit-scrollbar-track{background:transparent}.conversation ::-webkit-scrollbar-thumb{background:#b3ada7}.conversation .conversation-container{height:100%;box-shadow:inset 0 10px 10px -10px #000;overflow-x:hidden;padding:0 16px;margin-bottom:19px}.conversation .conversation-container:after{content:"";display:table;clear:both}.chat-opener{width:100%;color:grey;text-align:center;margin:36px 0 24px;padding:0 12px;font-size:.9rem}.message{color:#000;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;white-space:pre-line}.message:after{position:absolute;content:"";width:0;height:0;border-style:solid}.metadata{display:inline-block;float:right;padding:0 0 0 7px;position:relative;bottom:-4px}.metadata .time{color:rgba(0,0,0,.45);font-size:11px;display:inline-block}.metadata .tick{display:inline-block;margin-left:2px;position:relative;top:4px;height:16px;width:16px}.metadata .tick svg{position:absolute;transition:.5s ease-in-out}.metadata .tick svg:first-child{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:perspective(800px) rotateY(180deg)}.metadata .tick svg:last-child{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:perspective(800px) rotateY(0deg)}.metadata .tick-animation svg:first-child{transform:perspective(800px) rotateY(0)}.metadata .tick-animation svg:last-child{transform:perspective(800px) rotateY(-179.9deg)}.message:first-child{margin:16px 0 8px}.message.received{background:#fff;border-radius:0 5px 5px 5px;float:left}.message.received .metadata{padding:0 0 0 16px}.message.received:after{border-width:0 10px 10px 0;border-color:transparent #fff transparent transparent;top:0;left:-10px}.message.sent{background:#e1ffc7;border-radius:5px 0 5px 5px;float:right}.message.sent:after{border-width:0 0 10px 10px;border-color:transparent transparent transparent #e1ffc7;top:0;right:-10px}.message.attachment{display:flex;flex-direction:column;align-items:flex-end}.attached{border-radius:5px}@media (max-width:768px){.marvel-device.nexus5{border-radius:0;flex:none;padding:0;max-width:none;overflow:hidden;height:100%;width:100%}.marvel-device>.screen .chat{visibility:visible}.marvel-device{visibility:hidden}.marvel-device .status-bar{display:none}.screen-container{position:absolute;top:0;left:0;right:0;bottom:0}}