html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;padding:0}body{color:#000000de;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;line-height:1.2em}html,body{-ms-overflow-style:none}body::-webkit-scrollbar{display:none}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}ul,ol{margin:0;padding:0;list-style:none}a{text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;transition:all .2s ease-in-out}button:disabled{filter:grayscale();opacity:.12;cursor:default}#wallpaper{z-index:1;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}#view{z-index:2;padding-top:74px;padding-bottom:103px;position:relative}#top{z-index:3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom:1px solid #0000000f;width:100%;padding:8px;position:fixed;top:0;left:0}#bottom{z-index:4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;padding:8px;position:fixed;bottom:0;left:0}.form{width:100%;margin:0 0 -4px;display:block;position:relative}.form .textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;resize:none;width:100%;min-width:100%;max-width:100%;font-size:inherit;background:#fff;border:1px solid #0000000f;outline:none;margin:0;padding:8px 40px 8px 12px;font-family:inherit;line-height:1}.form .button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-color:#007aff;border:none;border-radius:100px;outline:none;padding:0;position:absolute;top:3px;right:3px}.form .button:disabled{background-color:#000}.messages li{display:block;overflow:auto}.message{max-width:calc(100% - 80px);padding:8px 12px}.message a{color:#007aff;text-decoration:underline}.attachment{max-width:calc(100% - 80px);position:relative}.attachment img,.attachment canvas{width:100%;height:auto;margin:0;display:block}.replay{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:0;right:0;transform:translate(100%)}.replay button{display:block}.replay img{vertical-align:middle;width:14px;height:14px;margin-bottom:2px;display:inline-block}.received{float:left}.sent{float:right}.fullscreen .messages li>div{opacity:0;transition:all 1s}.fullscreen .messages li:last-child .received.message{opacity:1!important}.x-top,.x-right,.x-bottom,.x-left,.x-all{width:100%}.x-top{padding-top:0;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.x-right{padding-right:0;padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}.x-bottom{padding-bottom:0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.x-left{padding-left:0;padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.x-all{padding-top:0;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);padding-right:0;padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right);padding-bottom:0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);padding-left:0;padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.flex{display:flex}.grow{flex-grow:1}.valign{align-items:center}.text-xs{font-size:12px}.text-base{font-size:16px}.text-md{font-size:18px}.text-lg{font-size:24px}.text-dark-primary{color:#000000de}.text-dark-secondary{color:#0000008a}.text-dark-hint{color:#00000061}.text-dark-separator{color:#0000001f}.text-dark-subtle{color:#0000000f}.text-light-primary{color:#fff}.text-light-secondary{color:#ffffffb3}.text-light-hint{color:#ffffff80}.text-light-separator{color:#ffffff1f}.text-light-subtle{color:#ffffff0f}.text-red{color:#ff3b30}.text-orange{color:#ff9500}.text-yellow{color:#fc0}.text-green{color:#4cd964}.text-teal-blue{color:#5ac8fa}.text-blue{color:#007aff}.text-purple{color:#5856d6}.text-pink{color:#ff2d55}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-bold{font-weight:700}.text-italic{font-style:italic}.text-strike{text-decoration:line-through}.text-line{text-decoration:underline}.bg-dark-primary{background-color:#000000de}.bg-dark-secondary{background-color:#0000008a}.bg-dark-hint{background-color:#00000061}.bg-dark-separator{background-color:#0000001f}.bg-dark-subtle{background-color:#0000000f}.bg-light-primary{background-color:#000}.bg-light-secondary{background-color:#000000b3}.bg-light-hint{background-color:#00000080}.bg-light-separator{background-color:#0000001f}.bg-light-subtle{background-color:#0000000f}.bg-red{background-color:#ff3b30}.bg-orange{background-color:#ff9500}.bg-yellow{background-color:#fc0}.bg-green{background-color:#4cd964}.bg-teal-blue{background-color:#5ac8fa}.bg-blue{background-color:#007aff}.bg-purple{background-color:#5856d6}.bg-pink{background-color:#ff2d55}.bg-grey{background-color:#e1e1e1}.bg-frost{backdrop-filter:saturate(180%)blur(20px);background:#ffffff1f}.pd-xs{padding:8px}.pd-sm{padding:16px}.pd-md{padding:32px}.pd-lg{padding:64px}.pd-x-xs{padding-left:8px;padding-right:8px}.pd-x-sm{padding-left:16px;padding-right:16px}.pd-x-md{padding-left:32px;padding-right:32px}.pd-x-lg{padding-left:64px;padding-right:64px}.pd-y-xs{padding-top:8px;padding-bottom:8px}.pd-y-sm{padding-top:16px;padding-bottom:16px}.pd-y-md{padding-top:32px;padding-bottom:32px}.pd-y-lg{padding-top:64px;padding-bottom:64px}.pd-t-xs{padding-top:8px}.pd-t-sm{padding-top:16px}.pd-t-md{padding-top:32px}.pd-t-lg{padding-top:64px}.pd-r-xs{padding-right:8px}.pd-r-sm{padding-right:16px}.pd-r-md{padding-right:32px}.pd-r-lg{padding-right:64px}.pd-b-xs{padding-bottom:8px}.pd-b-sm{padding-bottom:16px}.pd-b-md{padding-bottom:32px}.pd-b-lg{padding-bottom:64px}.pd-l-xs{padding-left:8px}.pd-l-sm{padding-left:16px}.pd-l-md{padding-left:32px}.pd-l-lg{padding-left:64px}.mg-xs{min:2px;margin:8px}.mg-sm{margin:16px}.mg-md{margin:32px}.mg-lg{margin:64px}.mg-x-min{margin-left:2px;margin-right:2px}.mg-x-xs{margin-left:8px;margin-right:8px}.mg-x-sm{margin-left:16px;margin-right:16px}.mg-x-md{margin-left:32px;margin-right:32px}.mg-x-lg{margin-left:64px;margin-right:64px}.mg-y-min{margin-top:2px;margin-bottom:2px}.mg-y-xs{margin-top:8px;margin-bottom:8px}.mg-y-sm{margin-top:16px;margin-bottom:16px}.mg-y-md{margin-top:32px;margin-bottom:32px}.mg-y-lg{margin-top:64px;margin-bottom:64px}.mg-t-min{margin-top:2px}.mg-t-xs{margin-top:8px}.mg-t-sm{margin-top:16px}.mg-t-md{margin-top:32px}.mg-t-lg{margin-top:64px}.mg-r-min{margin-right:2px}.mg-r-xs{margin-right:8px}.mg-r-sm{margin-right:16px}.mg-r-md{margin-right:32px}.mg-r-lg{margin-right:64px}.mg-b-min{margin-bottom:2px}.mg-b-xs{margin-bottom:8px}.mg-b-sm{margin-bottom:16px}.mg-b-md{margin-bottom:32px}.mg-b-lg{margin-bottom:64px}.mg-l-min{margin-left:2px}.mg-l-xs{margin-left:8px}.mg-l-sm{margin-left:16px}.mg-l-md{margin-left:32px}.mg-l-lg{margin-left:64px}.br-radius-xs{border-radius:4px}.br-radius-sm{border-radius:8px}.br-radius-md{border-radius:18px}.br-radius-lg{border-radius:36px}.c-pointer{cursor:pointer}.sr-only{clip:rect(1px, 1px, 1px, 1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.fade-enter-active,.fade-leave-active{transition:opacity 1s cubic-bezier(.075,.82,.165,1)}.fade-enter,.fade-leave-to{opacity:0}.slide-down-enter-active,.slide-down-leave-active{transition:all .5s cubic-bezier(.075,.82,.165,1)}.slide-down-enter,.slide-down-leave-to{opacity:0;transform:translateY(-100%)}.slide-up-enter-active,.slide-up-leave-active{transition:all .5s cubic-bezier(.075,.82,.165,1)}.slide-up-enter,.slide-up-leave-to{opacity:0;transform:translateY(100%)}.list-enter-active,.list-leave-active{transition:all .5s}.list-enter,.list-leave-to{opacity:0;transform:translateY(50%)}@keyframes writing{0%{transform:translateY(-75%)}to{transform:translateY(0%)}}.writing{background:#000000c7;border-radius:100px;width:4px;height:4px;animation-name:writing;animation-duration:.75s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;display:inline-block}.writing+.writing{margin-left:4px}