@import url(https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i);
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,1,0);
.btC .dC:hover{background-color:rgba(0,0,0,0);box-shadow:none}.btC .mt-send-and-archive-mode+.dC:hover .mt-send:hover{background-color:rgba(32,33,36,.059)}.btC .mt-send-and-archive-mode+.dC:hover .mt-send:hover+.mt-send-options{background-color:rgba(32,33,36,.059)}.btC .mt-send-and-archive-mode+.dC:hover .mt-send-options:hover{background-color:rgba(32,33,36,.059)}.mt-btn{align-items:center;background-color:#ccc;border:none;border-radius:4px;color:#9b9b9b;cursor:pointer;display:flex;font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:14px;font-weight:500;justify-content:center;padding:10px 30px;transition:box-shadow .15s ease-out,background-color .15s ease-out}.mt-btn:hover,.mt-btn:focus{background-color:#ddd;box-shadow:0 1px 2px 0 rgba(170,170,170,.4),0 1px 3px 1px rgba(170,170,170,.3)}.mt-btn.mt-no-btn{background-color:rgba(0,0,0,0);border:none}.mt-btn.mt-no-btn:active,.mt-btn.mt-no-btn:focus{outline:none}.mt-btn.mt-no-btn:hover,.mt-btn.mt-no-btn:focus{background-color:#f1f3f4;box-shadow:none}.mt-btn.mt-no-btn.mt-btn--primary,.mt-btn.mt-no-btn.mt-btn--green{background-color:rgba(0,0,0,0)}.mt-btn.mt-no-btn.mt-btn--primary.mt-btn--simple-hover:hover,.mt-btn.mt-no-btn.mt-btn--primary.mt-btn--simple-hover:focus,.mt-btn.mt-no-btn.mt-btn--green.mt-btn--simple-hover:hover,.mt-btn.mt-no-btn.mt-btn--green.mt-btn--simple-hover:focus{background-color:#f1f3f4;box-shadow:none}.mt-btn.mt-no-btn.mt-btn--primary{color:#8bb4f9}.mt-btn.mt-no-btn.mt-btn--primary:not(.mt-btn--simple-hover):hover,.mt-btn.mt-no-btn.mt-btn--primary:not(.mt-btn--simple-hover):focus{background-color:#1a73e8;color:#fff;background-color:#2379e9;box-shadow:0 1px 2px 0 rgba(26,115,232,.4),0 1px 3px 1px rgba(26,115,232,.3)}.mt-btn.mt-no-btn.mt-btn--green{color:#007a50}.mt-btn.mt-no-btn.mt-btn--green:not(.mt-btn--simple-hover):hover,.mt-btn.mt-no-btn.mt-btn--green:not(.mt-btn--simple-hover):focus{background-color:#ebf5f1;background-color:#f2f8f6;box-shadow:0 1px 2px 0 rgba(235,245,241,.4),0 1px 3px 1px rgba(235,245,241,.3)}.mt-btn.mt-no-btn:disabled{background-color:rgba(0,0,0,0);box-shadow:none;cursor:default;opacity:.3}.mt-btn.mt-btn--gray{color:#aaa}.mt-btn.mt-btn--primary{background-color:#1a73e8;color:#fff}.mt-btn.mt-btn--primary:not(.mt-btn--simple-hover):hover{background-color:#2379e9;box-shadow:0 1px 2px 0 rgba(26,115,232,.4),0 1px 3px 1px rgba(26,115,232,.3)}.mt-btn.mt-btn--green{background-color:#007a50;color:#fff}.mt-btn.mt-btn--green:not(.mt-btn--simple-hover):hover{background-color:#008457;box-shadow:0 1px 2px 0 rgba(0,122,80,.4),0 1px 3px 1px rgba(0,122,80,.3)}.mt-btn.mt-btn--green-border{background-color:#fff;border:2px solid #007a50;color:#007a50}.mt-btn.mt-btn--green-border:hover{background-color:#ebf5f1}.mt-btn.mt-btn--grey-border{background-color:#fff;border:1px solid #e6e6e6;color:#007a50}.mt-btn.mt-btn--white{background-color:#fff;border:1px solid #aaa;color:#5f6368}.mt-btn.mt-btn--white:hover{background-color:#f1f3f4}.mt-btn.mt-btn--disabled,.mt-btn:disabled{cursor:not-allowed;opacity:.75}.mt-btn.mt-btn--round{border-radius:50%;padding:8px}.mt-btn .mt-btn-icon{background-position:center;background-repeat:no-repeat;background-size:cover;font-size:18px;height:1em;margin-right:.5em;width:1em}.mt-btn .mt-btn-icon--only{margin-right:0}.mt-btn.loading-btn svg{animation:rotation 1s infinite linear;height:20px;margin-left:8px;width:20px}.mt-btn.loading-btn.is-loading{padding:8px 10px}.mt-no-btn-bar{margin-left:-8px;margin-right:-8px}.mt-no-btn-bar .mt-no-btn{padding-left:8px;padding-right:8px}.mt-no-btn-bar .mt-no-btn:not(:last-child){margin-right:8px}.tw-bs button.mt-btn{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:14px;font-weight:500}.tw-bs button.mt-btn:disabled{cursor:not-allowed;opacity:.75}button{font-size:24px;padding:4px 8px}button.big{align-items:center;border-radius:10px;display:flex;flex-direction:row;font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:14px;font-weight:700;gap:10px;justify-content:center;padding:10px 20px;width:274px}button.big::before{display:block;font-size:2.5em}button.toggle{background-color:#404040;color:#fff}button.toggle.withIcon{padding:10px}button.toggle.withIcon::before{margin-right:0}button.mt-btn--red{background-color:#ff390b;border:1px solid rgba(255,57,11,.75);color:#fff}button.mt-btn--red:hover{background-color:rgba(255,57,11,.75)}button.mt-btn--red-inverted{background-color:#fff;border:1px solid rgba(255,57,11,.75);color:#ff390b}button.mt-btn--red-inverted:hover{background-color:#fff}.mt-btn{font-family:inter,helvetica,"Helvetica Neue",sans-serif;text-decoration:none}.mt-btn.with-icon{display:flex;flex-direction:row;gap:10px;padding-left:18px}.mt-btn.with-icon img,.mt-btn.with-icon svg{height:20px;width:20px}.mt-btn.mt-btn--green-border{padding:7px 26px 7px}.mt-btn.mt-btn--green-border.with-icon{padding:7px 26px 7px 18px}.mt-btn:disabled{background-color:#9b9b9b}.mt-btn:disabled:hover{background-color:#9b9b9b}.mt-btn.hidden{display:none}.withIcon::before{color:currentcolor;content:attr(data-icon);display:inline-block;font-family:"Material Symbols Outlined",sans-serif;font-feature-settings:"liga";font-size:1.4em;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal}.withIcon:not(:empty)::before{margin-right:8px}.withIcon.red::before{color:#ff390b}.withIcon.toggle.active::before{content:attr(data-icon-active)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;font-family:inter,helvetica,"Helvetica Neue",sans-serif;height:100dvh;overflow:hidden;padding:16px}body .ms-video-freemium-banner{align-items:center;background-color:#e1e0f5;border-radius:4px;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-bottom:12px;padding:8px 24px}body .ms-video-freemium-banner .mt-btn.upgrade{background-color:#6964ce;color:#fff;padding:4px 12px}body.preview .only-recording,body.preview .only-recorded{display:none}body.preview .only-preview{display:inherit}body.preview .player #video.inverted{transform:scaleX(-1)}body.preview .deviceControl.only-preview{display:flex}body.recording .only-preview,body.recording .only-recorded{display:none}body.recording .only-recording{display:inherit}body.recording .player #video.inverted{transform:scaleX(-1)}body.recording .deviceControl.only-recording{display:flex}body.recorded .only-preview,body.recorded .only-recording{display:none}body.recorded .only-recorded:not(.hidden){display:inherit}body.recorded #save-controls:not(.hidden),body.recorded #share-link:not(.hidden){align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:space-between}body.camera .only-desktop{display:none}body .hidden{display:none}body .deviceControl{align-items:center;border:1px solid #007a50;border-radius:10px;display:flex;flex-direction:row;gap:16px;height:44px;padding:10px}body .deviceControl select{background:none;border:none;color:#666;cursor:pointer;flex:1 1 auto;font-size:14px;height:24px;line-height:24px;max-width:171px;min-width:114px}body .deviceControl button{background:none;border:none;color:#666;cursor:pointer;flex:1 1 auto;font-size:14px;line-height:24px;text-align:start}body .toggle input{display:none}body .toggle .slider{background-color:#aaa;border-radius:34px;cursor:pointer;display:inline-block;height:22px;position:relative;transition:.4s;width:40px}body .toggle .slider::before{background-color:#fff;border-radius:50%;content:"";height:16px;left:3px;position:absolute;top:3px;transition:.4s;width:16px}body .toggle input:checked+.slider{background-color:#007a50}body .toggle input:checked+.slider::before{transform:translateX(18px)}body header{margin-bottom:24px}body header h1{display:flex;flex-direction:row;font-size:22px;font-weight:500;gap:10px;line-height:24px}body header h1 a{color:inherit;text-decoration:none}body header h1 svg{height:24px;width:fit-content}body main{align-items:stretch;display:flex;flex-direction:column;gap:8px;height:100%;margin:0 auto;max-width:100%;width:600px}body main #controls{display:flex;flex-direction:row;justify-content:space-between}body main #controls>div{display:flex;flex-direction:row;gap:8px}body main #controls button{font-size:2em}body main canvas{opacity:0}body main video#webcamstream,body main video#desktopstream{height:0;width:0}body main h2{font-family:inter,helvetica,"Helvetica Neue",sans-serif;font-size:14px;font-weight:700;line-height:150%;text-transform:uppercase}body .player{position:relative}body .player #video{aspect-ratio:16/9;background-color:#9b9b9b;width:100%}body .player #controls{background-color:#000;border-radius:10px;bottom:20px;display:flex;flex-direction:row;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);transition:1s all;transition:opacity .5s;user-select:none;width:400px}body .player #controls:hover{opacity:1}body .player #controls button{align-items:center;background:rgba(0,0,0,0);border:none;cursor:pointer;display:flex;flex:0 0 auto;flex-direction:row;height:42px;justify-content:center;margin:0;padding:0;width:42px}body .player #controls button::before{color:#aaa;font-size:24px;margin:0}body .player #controls button:hover::before{color:#fff}body .player #controls button:not(:last-child){border-right:1px solid #aaa}body .player #controls button.hidden{display:none}body .player #controls button#start.hidden,body .player #controls button#desktop.hidden{border:none;display:flex;overflow:hidden;transition:width .5s;width:0}body .player #controls button.recording::before{color:red}body .player #controls #timer{color:#fff;flex:1 0 auto;font-size:16px;justify-content:start;line-height:42px;padding:0 8px;position:relative}body section.options{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:10px}body section.options>*{display:flex;flex:1 1 auto}body section.recordControls{align-items:center;display:flex;flex-flow:row wrap;gap:10px;justify-content:end}body section.recordControls #share-link{border:1px solid #ddd;padding:8px 12px;width:100%}body section.recordControls #share-link .wrapper{display:flex;flex-direction:column;gap:8px;justify-content:start}body section.recordControls #share-link .shared-link-name{font-size:14px;font-weight:700}body section.recordControls #share-link .shared-link-url{color:#9b9b9b;display:block;flex:1 1 auto;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body section.recordControls #share-link .copy-btn{padding:4px 8px}body section.recordControls #status{align-items:center;display:flex;flex:1 1 auto;flex-direction:row;font-size:14px;font-weight:700;justify-content:center;line-height:150%;padding:0 10px}body section.recordControls #status.withIcon::before{flex:0 0 auto;font-size:18px;font-weight:500;line-height:150%}body section.recordControls #status:empty{display:none}body section.recordControls #status .timer{font-weight:500;margin-left:18px}body section.recordControls button,body section.recordControls .mt-btn{font-weight:700}body section.recordControls button.expanded,body section.recordControls .mt-btn.expanded{flex:1 1 auto}body aside{align-items:center;display:flex;flex-direction:column;gap:10px;height:90vh;margin-top:16px;padding:10px 0}body aside button{color:#fff;font-size:1.5em}body.debug{overflow:auto}body.debug main video#webcamstream,body.debug main video#desktopstream{height:160px;width:160px}body.debug main #canvas{opacity:1}