html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,:before,:after{box-sizing:border-box}:root{--primary-color:#01a05a;--accent-color:#7c5beb;--error-color:#e63b3b;--text-color-dark:black;--text-color-light:white;--text-field-background-color:#eeeef0;--text-field-text-color-dark:black;--text-field-border-color:#00000026;--warning-background-color:#fff5d1;--warning-text-color:black;--modal-background-color:white;--modal-border-color:#ababab;--room-background-color:#eeeef0;--room-background-transparent-color:#eeeef000;--message-bubble-background-color:white;--message-bubble-text-color:black;--message-bubble-border-color:#00000026;--tooltip-background-color:black;--tooltip-text-color:white;--welcome-screen-background-color:white;--qr-scanner-target-normal-color:white;--qr-scanner-target-success-color:lime;--qr-scanner-target-error-color:var(--error-color);--focus-ring-outer-color:var(--accent-color);--focus-ring-inner-color:white;--link-color:var(--accent-color)}body{background-color:var(--primary-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow:hidden}.spinner{background:var(--primary-color);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.spinner--gray{color:#b3e3ce}.spinner__flower{animation:3s linear infinite spin}.spinner__flower,.spinner__flower-stem{background-color:currentColor;border-radius:100px;width:11px;height:43px;position:absolute}.spinner__flower:before,.spinner__flower:after{content:"";background-color:currentColor;border-radius:100px;width:11px;height:43px;position:absolute}.spinner__flower-stem{transform:rotate(90deg)}.spinner__flower:before{transform:rotate(45deg)}.spinner__flower:after{transform:rotate(135deg)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(365deg)}}.button{cursor:pointer;color:#4829af;letter-spacing:.3px;background:#e4dcff;border:none;border-radius:44px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-width:90px;height:44px;padding:0 14px;font-size:16px;font-weight:700;transition:filter .15s;display:flex;position:relative}.button:focus{outline:none}.button:focus:before{content:"";border-radius:inherit;box-shadow:0 0 0 2px var(--focus-ring-inner-color) inset, 0 0 0 2px var(--focus-ring-outer-color);position:absolute;inset:-2px}.button:hover{filter:brightness(105%)}.button--primary:hover{filter:brightness(115%)}.button:active:after{content:"";border-radius:inherit;background:#0003;width:100%;height:100%;transition:none;position:absolute;top:0;left:0}.button[disabled]{cursor:default;color:gray;pointer-events:none}.button--icon-position-end{flex-direction:row-reverse}.button--alignment-edge{justify-content:space-between}.button--transparent{background:0 0;border:none}.button--icon-only{color:var(--text-color-dark);justify-content:center;width:44px;min-width:0;padding:0}.button--primary{background:var(--accent-color);border-color:var(--accent-color);color:var(--text-color-light);font-weight:700}.button--secondary{color:var(--text-color-dark);background:0 0;border-color:#0000;min-width:0;padding:0 10px;font-weight:700}.button--small{width:22px;height:22px}.button__icon{width:24px}.button__label{margin-top:1px}.button__hidden-label{display:none}.icon svg{width:100%;height:100%;display:block}.overlay{z-index:100;background-color:#0000;border-radius:38px;outline:0;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:10px;overflow:hidden}.overlay--show{background-color:#0003}@media (width<=420px){.overlay{border-radius:36px;align-items:flex-end}}.overlay__hit-area{width:100%;height:100%;position:absolute;top:0;left:0}.modal{background:#fff;border-radius:31px;flex-direction:column;min-width:400px;max-height:95vh;margin:10px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 2px #999,0 1px 4px #00000014,0 5px 10px #00000021}.modal__header{text-align:center;padding:20px 0;font-size:22px;font-weight:700}.modal__content{text-align:center;padding:5px 20px 30px;line-height:1.3}.modal__content--has-no-actions{text-align:center;padding:5px 20px 35px;line-height:1.3}.modal__content--scrollable{overflow:auto}.modal__actions{flex-direction:row;justify-content:space-between;padding:0 15px 15px;display:flex}.modal__actions--single-action{justify-content:center}.modal__action--primary{margin-left:auto}.modal__close-button{position:absolute;top:10px;right:10px}@media (width<=420px){.modal{border-radius:36px;width:100%;min-width:0;min-height:40%}.modal__actions{padding-bottom:calc(15px + env(safe-area-inset-bottom));margin-top:auto}}.modal{transform:translateY(101%)}.modal-transition-enter,.modal-transition-exit{transition:all .15s}.modal-transition-enter-active,.modal-transition-exit,.modal-transition-enter-done{transform:translateY(0%)}.modal-transition-exit-active,.modal-transition-exit-done{transform:translateY(101%)}@media (width>=420px){.modal{opacity:0;transform:scale(1)}.modal-transition-enter,.modal-transition-exit{transition:all .15s}.modal-transition-enter-active,.modal-transition-exit,.modal-transition-enter-done{opacity:1;transform:scale(1)}.modal-transition-exit-active,.modal-transition-exit-done{opacity:0;transform:scale(1)}}.progress{z-index:1;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:10px;width:100%;height:30px;padding:0 11px 11px;display:flex;position:relative}.progress progress{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.progress__label{color:gray;font-size:13px}.progress__bar{background:#eee;border-radius:100px;width:100%;height:8px;position:relative;overflow:hidden}.progress__bar:after{content:"";z-index:1;background:repeating-linear-gradient(-45deg,#0000,#0000 10px,#00000014 10px 20px);width:110%;height:100%;animation:.4s linear infinite stripes;position:absolute;left:0}.progress__fill{background:var(--accent-color);pointer-events:none;z-index:2;border-radius:100px 0 0 100px;width:30%;height:100%;transition:width 50ms ease-in-out;position:absolute;box-shadow:0 2px 5px red}.progress__fill:after{content:"";background:var(--accent-color);border-radius:0 100px 100px 0;width:8px;height:8px;position:absolute;right:-8px}@keyframes stripes{0%{transform:translate(0)}to{transform:translate(-28px)}}.text-field{position:relative}.text-field__label{color:var(--text-field-text-color-dark);text-align:left;margin-bottom:6px;font-weight:500;display:block}.text-field__input{background-color:var(--text-field-background-color);border:2px solid var(--text-field-border-color);letter-spacing:1.1px;text-transform:uppercase;border-radius:8px;width:100%;height:44px;padding:10px;font-family:Roboto Mono,sans-serif;font-size:18px;font-weight:500;transition:filter .15s}.text-field__input:hover{filter:brightness(103%)}.text-field__input:focus{box-shadow:0 0 0 2px var(--focus-ring-inner-color), 0 0 0 4px var(--focus-ring-outer-color);filter:brightness(103%);outline:none}.text-field__input::placeholder{color:var(--input-placeholder-color)}.text-field__input--collapsed{background-color:0;opacity:0;cursor:pointer;z-index:2;border:0;width:65px;position:absolute;top:0;right:0}.text-field__input--inactive{pointer-events:none;-webkit-user-select:none;user-select:none}.text-field__input--uppercase{text-transform:uppercase}.text-field__input--toggle-visible{padding-right:60px}.text-field__required{color:var(--error-color)}.text-field__input-container{position:relative}.text-field__toggle-button{pointer-events:none;z-index:3;border-radius:8px;width:65px;min-width:0;position:absolute;top:0;right:0}.join-modal__message{color:var(--error-color);text-align:left;margin-top:12px}@media (width<=420px){.scan-qr-modal{min-height:0}}.scan-qr-modal__content{padding:0}.scan-qr-modal__header{filter:drop-shadow(0 0 1px #000);width:100%;color:var(--text-color-light);z-index:2;position:absolute}.scan-qr-modal__close-icon{color:var(--text-color-light)}.scan-qr-modal__view-finder{background-color:#ddd;background-size:100px 100px;padding-bottom:100%;animation:.5s step-end infinite noise;position:relative;overflow:hidden}@keyframes noise{0%{background-position:0 0}25%{background-position:20px 50px}50%{background-position:-12px 5px}75%{background-position:5px 80px}to{background-position:35px 70px}}.scan-qr-modal__video{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.scan-qr-modal__video-container{background:#000;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.scan-qr-modal__video-container--not-ready{transform:scale(0)}.scan-qr-modal__video-container--ready{animation:.3s ease-in-out both video-open-simple}@keyframes video-open-simple{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.scan-qr-modal__message{color:var(--text-color-light);text-shadow:0 0 2px #000000b3;z-index:3;background:#0000004d;border-radius:10px;padding:5px 10px;font-weight:500;position:absolute;bottom:20px;left:20px;right:20px;box-shadow:0 0 10px #0009}.scan-qr-modal__message--transition-enter,.scan-qr-modal__message--transition-enter-done{animation:.3s forwards message-enter}.scan-qr-modal__message--transition-exit,.scan-qr-modal__message--transition-exit-done{animation:.3s forwards message-exit}@keyframes message-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes message-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.scan-qr-modal__target{color:var(--qr-scanner-target-normal-color);z-index:2;animation:4s ease-in-out infinite qr-idle;position:absolute;inset:20%}.scan-qr-modal__target-shadow{z-index:2;position:absolute;inset:20%;box-shadow:0 0 0 100px #000000b3,inset 0 0 5px 10px #000000b3}.scan-qr-modal__target-corners{z-index:3;width:100%;height:100%;transition:all .3s;position:absolute}.scan-qr-modal__target-corners--failed{animation:.7s forwards qr-error}.scan-qr-modal__target-corners--success{animation:.7s forwards qr-success}.scan-qr-modal__target-corner{filter:drop-shadow(0 0 1px #000);width:20px;height:6px;transform-origin:top 6px;background-color:currentColor;border-radius:100px;position:absolute}.scan-qr-modal__target-corner:after{content:"";background:currentColor;border-radius:100px;width:6px;height:20px;position:absolute;left:0}.scan-qr-modal__target-corner:first-child{top:0;left:0}.scan-qr-modal__target-corner:nth-child(2){top:0;right:0;transform:scaleX(-1)}.scan-qr-modal__target-corner:nth-child(3){bottom:0;right:0;transform:scale(-1)}.scan-qr-modal__target-corner:nth-child(4){bottom:0;left:0;transform:scaleY(-1)}@keyframes qr-idle{0%{transform:scale(1.05)}50%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes qr-error{0%{color:var(--qr-scanner-target-error-color);transform:translate(-15px)}10%{color:var(--qr-scanner-target-error-color);transform:translate(15px)}20%{color:var(--qr-scanner-target-error-color);transform:translate(-10px)}30%{color:var(--qr-scanner-target-error-color);transform:translate(10px)}40%{color:var(--qr-scanner-target-error-color);transform:translate(-5px)}50%{color:var(--qr-scanner-target-error-color);transform:translate(5px)}60%{color:var(--qr-scanner-target-error-color);transform:translate(-2px)}70%{color:var(--qr-scanner-target-error-color);transform:translate(2px)}80%{color:var(--qr-scanner-target-error-color);transform:translate(0)}90%{color:var(--qr-scanner-target-error-color);transform:translate(0)}to{color:var(--qr-scanner-target-normal-color);transform:translate(0)}}@keyframes qr-success{0%{color:var(--qr-scanner-target-success-color);transform:scale(1)}25%{color:var(--qr-scanner-target-success-color);transform:scale(.9)}85%{color:var(--qr-scanner-target-success-color);transform:scale(1)}to{color:var(--qr-scanner-target-normal-color);transform:scale(1)}}.recent-rooms__title{margin-bottom:12px;padding-left:23px;font-size:13px;font-weight:500}.recent-rooms__buttons{flex-direction:column;gap:12px;display:flex}.recent-rooms__button{color:#4829af;background:0 0;width:100%;height:54px;padding:0 19px 0 22px;font-size:18px;font-weight:500;transition:box-shadow .15s;box-shadow:inset 0 0 0 2px #9b85e5}.recent-rooms__button:hover{filter:brightness();box-shadow:inset 0 0 0 2px #4829af}.recent-rooms__button svg{stroke:#4829af}.recent-rooms__button[disabled]{box-shadow:inset 0 0 0 2px #dadada}.recent-rooms__button-label{font-size:13px;position:absolute;top:50%;right:22px;transform:translateY(-50%)}@media (width<=800px){.recent-rooms{padding-bottom:15px}.recent-rooms__title{padding:0}}.start-buttons{flex-direction:column;justify-content:center;gap:12px;display:flex}.start-buttons__group{gap:10px;display:flex}.start-buttons__button{flex-grow:1;height:54px;font-size:18px}.start-buttons__button--icon-only{flex-grow:0;width:54px}.start-buttons__icon{color:#4829af}.welcome-screen{background-color:var(--welcome-screen-background-color);color:var(--text-color-dark);width:100%;height:99.9%;min-height:540px;position:absolute;overflow:auto}.welcome-screen__special-message{text-align:center;background:#ffeead;width:100%;padding:5px;font-size:12px;position:absolute}@media (width<=400px){.welcome-screen__special-message{font-size:8px}}.welcome-screen__content{grid-template-columns:auto;grid-template-areas:"title title""subtitle illustration""actions illustration""footer footer";grid-auto-rows:auto;max-width:1200px;height:100%;margin:0 auto;padding:60px 50px;display:grid}.welcome-screen__logo{height:46px}.welcome-screen__title{text-transform:uppercase;grid-area:title;align-self:start;font-size:22px;font-weight:700}.welcome-screen__hidden-title{display:none}.welcome-screen__subtitle{grid-area:subtitle;align-self:end;margin-bottom:30px;font-size:42px;font-weight:700;line-height:1.25}.welcome-screen__actions{flex-direction:column;grid-area:actions;align-self:start;gap:40px;width:100%;max-width:280px;margin-top:30px;display:flex}.welcome-screen__illustration-container{grid-area:illustration;place-self:center end;padding-left:50px}.welcome-screen__illustration{image-rendering:pixelated;position:relative}.welcome-screen__illustration img{width:100%}.welcome-screen__footer{text-align:center;grid-area:footer;align-self:end;font-size:16px}.welcome-screen__footer-link{color:inherit;border-radius:4px;margin-right:10px;padding:5px 6px;text-decoration:none;transition:background .1s;display:inline;position:relative}.welcome-screen__footer-link:hover{background:#eee}.welcome-screen__footer-link:active{background:#d4d4d4}.welcome-screen__footer-link:focus{outline:2px solid var(--focus-ring-outer-color);border-radius:4px}.welcome-screen__footer-link--twitter{color:var(--link-color)}.welcome-screen__footer-link:last-child{margin-right:0}@media (width<=960px){.welcome-screen__subtitle{font-size:32px}}@media (width<=800px){.welcome-screen{min-height:0}.welcome-screen__credit{margin-top:8px;display:inline-block}.welcome-screen__content{text-align:center;grid-template-columns:1fr;grid-template-areas:"title""subtitle""illustration""actions""footer";grid-auto-rows:minmax(min-content,max-content) minmax(min-content,max-content) auto auto;row-gap:10px;height:100%;padding:30px 25px}.welcome-screen__subtitle{align-self:start;margin-bottom:0;font-size:22px}.welcome-screen__illustration-container{place-self:center;width:100%;max-width:433px;padding:30px}.welcome-screen__illustration{width:100%;padding-bottom:78.98%;position:relative}.welcome-screen__illustration img{width:100%;height:100%;position:absolute;top:0;left:0}.welcome-screen__actions{place-self:center;margin-top:0}.welcome-screen__footer{padding:15px 0}.welcome-screen__footer-link--twitter:hover:after{left:-100%}}@media (width<=400px){.welcome-screen__content{row-gap:5px;padding:20px}.welcome-screen__subtitle{font-size:18px}.welcome-screen__illustration-container{width:85%}.welcome-screen__illustration{image-rendering:auto}}@media (height<=600px) and (width>=800px){.welcome-screen__subtitle{margin-bottom:15px}.welcome-screen__actions{margin-top:15px}}.text-reference{pointer-events:none;-webkit-user-select:none;user-select:none;visibility:hidden;background:red;line-height:normal;position:absolute}.text-reference__text{word-wrap:break-word;white-space:pre-line;background:#ff0}.composer{background:var(--modal-background-color);box-shadow:0 0 0 2px var(--modal-border-color), 0 1px 4px 0 #00000014, 0 5px 10px 0 #00000021;z-index:4;border-radius:30px;align-items:flex-end;height:60px;transition:height .15s cubic-bezier(.45,0,.55,1);display:flex;position:relative}.composer--expanded{height:250px}.composer__file-form{display:none}.composer__actions{justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 8px;transition:box-shadow .25s cubic-bezier(.45,0,.55,1);display:flex}.composer__text-reference{height:100%;padding:0 15px;position:absolute;top:0;left:64px;right:64px}.composer__text-input-container{background-color:var(--text-field-background-color);border-radius:22px;align-items:center;transition:left .25s cubic-bezier(.45,0,.55,1),top .25s cubic-bezier(.45,0,.55,1),right .25s cubic-bezier(.45,0,.55,1),bottom .25s cubic-bezier(.45,0,.55,1);display:flex;position:absolute;inset:8px 62px 8px 8px;overflow:hidden}.composer__text-input-container:focus-within{box-shadow:0 0 0 2px var(--focus-ring-outer-color)}.composer__text-input-container--expanded{background:var(--text-field-background-color);border-radius:22px;height:auto;inset:8px 8px 60px}.composer__text-input{background-color:inherit;resize:none;border:0;width:100%;padding:16px 15px 16px 45px;font-family:inherit;font-size:16px;font-weight:500;line-height:1.2;transition:background .25s cubic-bezier(.45,0,.55,1),padding .25s cubic-bezier(.45,0,.55,1);overflow:hidden}.composer__text-input:focus{outline:none}.composer__text-input--expanded{background:0 0;padding-top:12px;padding-bottom:10px;padding-left:15px;line-height:1.4;overflow-y:scroll}.composer__help-message{color:#0009;opacity:0;visibility:hidden;font-size:13px;transition:all .25s cubic-bezier(.45,0,.55,1);transform:translateY(20px)}.composer__help-message--expanded{opacity:1;visibility:visible;transform:translateY(0)}.composer__send-icon{color:var(--text-color-light)}.composer-transition-enter-active{animation:.5s .15s forwards composer-bounce-open}.composer-transition-exit-active{animation:.45s .15s forwards composer-bounce-close}@keyframes composer-bounce-open{0%{transform:translateY(0)}25%{transform:translateY(-10px)}75%{transform:translateY(2px)}to{transform:translateY(0)}}@keyframes composer-bounce-close{0%{transform:translateY(0)}25%{transform:translateY(10px)}75%{transform:translateY(-2px)}to{transform:translateY(0)}}.send-box{pointer-events:auto;max-width:480px;margin:0 auto}@media (width<=419px){.send-box{padding-bottom:env(safe-area-inset-bottom)}}.empty-state{text-align:center;z-index:1;-webkit-user-select:none;user-select:none;pointer-events:none;line-height:1.4;position:absolute;top:50%;left:50%;transform:translate(-50%,15px)}.empty-state__title{color:#4a4a4a;margin-bottom:8px;font-size:18px;font-weight:700}.empty-state__text{color:#696969;width:280px}@media (height<=420px){.empty-state{display:none}}.room-errors{background:var(--warning-background-color);color:var(--warning-text-color);text-align:center;padding:10px}@media (orientation:landscape){.room-errors{padding-left:calc(10px + env(safe-area-inset-bottom));padding-right:calc(10px + env(safe-area-inset-bottom))}}.tooltip-bubble{background:var(--tooltip-background-color);color:var(--tooltip-text-color);z-index:99;text-align:center;opacity:1;border-radius:15px;max-width:280px;padding:12px 8px;font-weight:500;line-height:1.35;transition:opacity .3s ease-in-out;position:fixed;box-shadow:0 1px 4px #00000014,0 5px 10px #00000021}.tooltip-bubble--transition-enter{transition:none}.tooltip-bubble--transition-exit-active{opacity:0}.room-details{background-color:var(--primary-color);cursor:pointer;border-radius:60px;align-items:center;height:60px;padding:0 22px;font-family:Roboto Mono,sans-serif;transition:filter .15s;animation:1s forwards button-bounce;display:flex;box-shadow:0 1px 4px #00000014,0 5px 10px #00000021}@keyframes button-bounce{0%{transform:translateY(0)}25%{transform:translateY(1.5px)}75%{transform:translateY(-.5px)}to{transform:translateY(0)}}.room-details__icon{color:var(--text-color-light);width:22px;margin-right:10px}.room-details__code{color:var(--text-color-light);letter-spacing:1.1px;text-transform:uppercase;align-items:center;font-size:24px;font-weight:700;display:inline-flex}.room-details__character{animation:1s forwards character-bounce}.room-details__character--empty{width:8px}@keyframes character-bounce{0%{transform:translateY(0)}25%{transform:translateY(-2px)}50%{transform:translateY(.5px)}to{transform:translateY(0)}}.room-details__icon path:nth-child(3){animation:5s ease-in-out .1s infinite room-details-pulse}.room-details__icon path:first-child{animation:5s ease-in-out .35s infinite room-details-pulse}.room-details__icon path:nth-child(2){animation:5s ease-in-out .6s infinite room-details-pulse}@keyframes room-details-pulse{0%{opacity:1}10%{opacity:1}15%{opacity:.3}20%{opacity:1}30%{opacity:1}35%{opacity:.3}40%{opacity:1}to{opacity:1}}@media (width<=530px){.room-details{height:44px;padding:0 15px}.room-details__code{font-size:21px;line-height:30px}.room-details__character--empty{width:6px}}.qr-code{background:#eee;border:0;width:160px;height:160px;padding:0;transition:all .3s}.qr-code__image{width:160px;height:160px;image-rendering:pixelated;display:block}.big-code{text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;font-size:32px;font-weight:700;display:flex}.big-code__char{background:var(--text-field-background-color);color:var(--text-color-dark);border-radius:8px;justify-content:center;align-items:center;width:35px;height:45px;padding:0 3px;font-family:Roboto Mono,sans-serif;display:inline-flex;position:relative}.big-code__char--empty{width:8px;height:0}.copy-to-clipboard{background:var(--tooltip-background-color);color:var(--text-color-light);-webkit-user-select:none;user-select:none;pointer-events:none;opacity:0;border-radius:100px;padding:10px 12px;transition:opacity 1s ease-in-out;position:absolute;transform:translateY(-40px);box-shadow:0 1px 4px #00000014,0 5px 10px #00000021}.copy-to-clipboard--transition-enter,.copy-to-clipboard--transition-enter-done{opacity:1;animation:.5s ease-in-out forwards copy-to-clipboard-in}.copy-to-clipboard--transition-exit,.copy-to-clipboard--transition-exit-done{opacity:1;animation:.5s ease-in-out forwards copy-to-clipboard-out}@keyframes copy-to-clipboard-in{0%{opacity:0;transform:translateY(-30px)}40%{opacity:1;transform:translateY(-42px)}to{opacity:1;transform:translateY(-40px)}}@keyframes copy-to-clipboard-out{0%{opacity:1;transform:translateY(-40px)}to{opacity:0;transform:translateY(-38px)}}.share-modal__content{flex-direction:column;align-items:center;display:flex}.share-modal__message{max-width:274px;margin:0 auto;line-height:1.3}.share-modal__message a{color:var(--link-color);text-decoration:none}.share-modal__code{-webkit-user-select:none;user-select:none;margin:15px 0 18px}.share-modal__qr{justify-content:center;display:flex}.header{z-index:1;height:80px;position:relative}.header__foreground{z-index:2;justify-content:space-between;gap:8px;width:100%;height:100px;padding:0 28px;display:flex;position:relative;top:0;left:0}.header__group{align-items:center;gap:8px;height:100%;display:flex}.header__group--center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.header__button,.header__button:disabled{background:var(--primary-color);color:var(--text-color-light);min-width:0;box-shadow:0 1px 4px #00000014,0 5px 10px #00000021}.header__icon{color:var(--text-color-light)}@media (width<=530px){.header{height:73px}.header__group--center{position:relative;top:auto;left:auto;transform:none}}@media (width<=420px){.header{height:57px}.header__foreground{height:70px;padding:0 15px}}.message-bubble{background:var(--message-bubble-background-color);color:var(--message-bubble-text-color);border:2px solid var(--message-bubble-border-color);border-radius:30px;flex-direction:column;min-width:320px;max-width:500px;display:inline-flex}.message-bubble--warning{background:var(--warning-background-color);text-align:center}@media (width<=530px){.message-bubble{width:100%;min-width:220px;max-width:none}}.message-content{word-break:break-word;padding:25px;font-weight:500;line-height:1.4}.message-content--with-header{padding-top:12px}.message-content--with-footer{padding-bottom:6px}@media (width<=530px){.message-content{padding:20px}.message-content--with-header{padding-top:12px}.message-content--with-footer{padding-bottom:6px}}.message-footer{align-items:center;padding:0 15px 15px;display:flex}.message-footer__actions{margin-left:auto;display:flex}.message-footer__metadata{margin-left:-2px;display:flex}.message-footer__action,.message-footer__metadata{justify-content:center;align-items:center;min-width:44px;height:44px;margin-right:5px;display:flex}.message-footer__meta{padding:0 12px}.message-footer__action:last-child,.message-footer__meta:last-child{margin-right:0}@media (width<=530px){.message-footer{padding-bottom:10px;padding-left:10px;padding-right:10px}}.attachment{align-items:top;text-align:left;flex-direction:row;padding-right:2px;display:flex}.attachment--clickable{cursor:pointer}.attachment__icon{background:#efefef;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-right:12px;display:flex}.attachment__icon .icon{color:#aeaeae;width:24px}.attachment__name{word-break:break-all;margin-top:1px;font-size:14px;font-weight:500;line-height:1.15}.attachment__meta{color:gray;margin-top:3px;font-size:12px}.text{white-space:pre-wrap}.text a,.text a:visited{color:var(--link-color);text-decoration:none}.text a:focus{outline:2px solid var(--focus-ring-outer-color);border-radius:4px}.countdown{border-radius:100px;align-items:center;height:14px;display:flex}.countdown svg{flex-shrink:0}.countdown path{fill:var(--accent-color);transition:fill 1s ease-in-out,opacity .3s ease-in-out}.countdown--disabled path,.countdown--disabled .countdown__label{opacity:0}.countdown--green,.countdown--orange{fill:var(--accent-color)}.countdown--red path{fill:#fa1900}.countdown--show-alert .countdown__label{transform:translate(0)}.countdown__label{color:gray;-webkit-user-select:none;user-select:none;margin-left:8px;font-size:13px;transition:all .3s ease-in-out;transform:translate(-5px)}.message__error{color:var(--text-color-light);background:#f24438;border-radius:3px;justify-content:center;align-items:center;width:100%;padding:10px;font-weight:500;display:flex}.message-stack{flex-direction:column;min-height:100%;display:flex}.message-stack__item{justify-content:center;margin-bottom:20px;display:flex}.message-stack__item:last-child{margin-bottom:0}@media (width<=530px){.message-stack__item:nth-child(2){margin-top:auto}.message-stack__item{margin-bottom:15px}}.drop-zone{z-index:999;box-shadow:0 0 0 50px var(--accent-color);-webkit-backdrop-filter:grayscale();backdrop-filter:grayscale();background-color:#7c5bebb3;border:4px dashed #fff;border-radius:38px;justify-content:center;align-items:center;display:none;position:fixed;inset:10px}.drop-zone--ready{animation:.5s ease-in-out infinite drop-highlight;display:flex}.drop-zone__message{color:var(--accent-color);pointer-events:none;background:#fffc;border-radius:100px;padding:10px 18px;font-size:20px;font-weight:700}@keyframes drop-highlight{0%{border-color:#fff}50%{border-color:#ffffff80}to{border-color:#fff}}@media (width<=420px){.drop-zone{border-radius:30px}}.scroll-to-end-button{background:var(--primary-color);pointer-events:auto;z-index:3;width:38px;height:38px;transition:all .15s ease-out;position:absolute;top:-58px;left:50%;transform:translate(-50%)translateY(0);box-shadow:0 1px 4px #00000014,0 5px 10px #00000021}.scroll-to-end-button--hidden{visibility:hidden;transform:translate(-50%)translateY(80px)scale(.5)}.scroll-to-end-button__icon{color:var(--text-color-light);width:24px}.clipboard-zone__preview{object-fit:scale-down;background-image:linear-gradient(45deg,#0000000d 25%,#0000 25% 75%,#0000000d 75%,#0000000d),linear-gradient(45deg,#0000000d 25%,#0000 25% 75%,#0000000d 75%,#0000000d);background-position:0 0,30px 30px;background-size:20px 20px;border:1px solid silver;width:100%;max-width:600px;max-height:200px;margin-bottom:15px}.clipboard-zone__attachment{margin-bottom:10px}.clipboard-zone__attachment:last-child{margin-bottom:0}.smart-actions__item--transition-enter{opacity:0;transform:scale(.9)}.smart-actions__item--transition-enter-active{opacity:1;transition:all .3s .1s;transform:scale(1)}.smart-actions__item--transition-exit{opacity:1}.smart-actions__item--transition-exit-active{opacity:0;transition:all .3s;transform:scale(.9)}.home-screen{background-color:var(--room-background-color);border-radius:38px;flex-direction:column;display:flex;position:absolute;inset:10px;overflow:hidden}.home-screen__title{clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;overflow:hidden;position:absolute!important}.home-screen__header{z-index:2;position:relative}.home-screen__header:after{content:"";background:linear-gradient(to bottom, var(--room-background-color) 0%, var(--room-background-transparent-color) 100%);height:20px;position:absolute;bottom:-20px;left:20px;right:20px}.home-screen__messages{-webkit-overflow-scrolling:touch;height:100%;padding:25px 15px 20px;position:relative;overflow:auto}.home-screen__footer{padding:0 20px 22px;position:relative}.home-screen__footer:after{content:"";background:linear-gradient(to top, var(--room-background-color) 0%, var(--room-background-transparent-color) 100%);height:20px;position:absolute;top:-20px;left:20px;right:20px}@media (width<=530px){.home-screen__messages{padding-top:20px}}@media (width<=420px){.home-screen{border-radius:36px}}.debugger-screen{background:#fff;width:100%;height:100%;font-size:12px;display:flex;position:absolute}.debugger-screen__loading{z-index:999;background:#ffeead;border-radius:0 0 3px 3px;padding:5px;position:absolute;top:0;left:50%;transform:translate(-50%)}.debugger-screen__panels{flex-direction:column;width:100%;display:flex}.debugger-screen__panel{background:#fff;outline:1px solid #000;width:100%;height:100%;overflow:scroll}.debugger-screen__panels--sidebar{width:auto;min-width:300px}.debugger-screen__panel--attachments{height:auto;min-height:100px}.debugger-screen__panel-header{background:silver;border-bottom:1px solid #000;justify-content:space-between;align-items:center;padding:8px;display:flex;position:sticky;top:0}.debugger-screen__panel-content{border-top:1px solid #eee;flex-direction:column;gap:8px;padding:12px 8px;display:flex}.debugger-screen__panel-content:first-child{border:none}.debugger-screen table{width:100%}.debugger-screen table tr:nth-child(2n){background:#eee}.debugger-screen table td{padding:5px}.debugger-screen table tr.debugger-screen__selected-row{background:#87ceeb}.debugger-screen dialog{height:100%;top:0;right:0}
