@import url(https://fonts.googleapis.com/css?family=Lato);@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box;font-family:"Source Sans Pro","Lato",sans-serif}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:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}.invalid-input{border:1px solid red!important}.disabled-btn{background-color:grey!important;opacity:.5!important;cursor:default!important}html{overflow:auto}body,html{height:100%}body{margin:0;padding:0;background-color:#fff;font-family:"Source Sans Pro","Lato",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{object-fit:cover}.route{width:100%;padding-top:50px;min-height:100vh;position:relative}.bold{font-weight:700}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.fullscreen-modal{width:100vw;height:100vh;position:fixed;left:0;top:0;background:rgba(65,65,65,.8);z-index:9000;overflow:hidden}.close-x{color:#fff;position:absolute;top:-25px;right:-15px;padding:3px;cursor:pointer}.modal-input{width:220px;height:22px;margin:10px auto;display:block;outline:none}.modal-single-row{width:220px;margin:0 auto;display:flex;justify-content:space-around}.modal-button{padding:5px 10px;background:#007caf;border-radius:4px;color:#fff}.modal-button,button{cursor:pointer}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@media (min-width:850px){.route{padding-top:100px}}.Modal{margin-bottom:20px;outline:none;min-height:80%;min-width:500px;width:60%;border-radius:8px;padding:40px;background:#fff;position:absolute;top:10%;left:20%;box-shadow:6px 6px 20px #626262;display:flex;flex-direction:column;align-items:center;text-align:center}.Modal .modal-title{margin-bottom:15px;font-size:18px;color:#007caf}.Modal .modal-close-btn{position:absolute;top:20px;right:20px;height:20px;width:20px;cursor:pointer}.Modal .modal-content{min-width:400px;width:80%}.Overlay{overflow:scroll;z-index:1000000;height:100vh;width:100vw;background:rgba(60,60,60,.6);position:fixed;top:0;left:0}@-webkit-keyframes bounce{0%{height:25px}50%{height:30px}to{height:25px}}@keyframes bounce{0%{height:25px}50%{height:30px}to{height:25px}}.App{font-family:"Source Sans Pro","Lato",sans-serif!important;height:100vh;width:100vw;position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto minmax(0,1fr)}.App .flags{grid-column:1/3;grid-row:1/2;transition:height .2 ease-in-out}.App .flags .chrome-flag{z-index:100;display:flex;justify-content:center;align-items:center;overflow:hidden;height:50px;background:#007caf;color:#fff}.App .flags .chrome-flag p{margin-left:5px}.App .flags .top-bar{height:25px;background:#007caf;width:100vw;z-index:100;transition:height .2s ease-in-out,background .2s linear;justify-content:center;align-items:center;overflow:hidden;padding:0 20px;display:flex}.App .flags .top-bar p{display:block;color:#fff;font-weight:600}.App .flags .top-bar p.count{position:absolute;left:5px}.App .Main{overflow:scroll}.auth-input-parent{width:100%;height:40px;display:flex;justify-content:left}.auth-input-parent input{border:none;border-bottom:1px solid grey}.conversation-modal{width:100vw;height:100vh;position:fixed;top:0;left:0;background:rgba(50,50,50,.9);z-index:8000}.conversation-modal .conversation-modal-div{width:680px;height:920px;left:calc(50% - 340px);top:calc(50% - 460px);background:#fff;position:absolute;padding:40px;display:flex;flex-direction:row;justify-content:space-around}.conversation-modal .conversation-modal-div .video-container{width:calc(100% - 100px);height:100%!important;position:relative;display:flex;flex-direction:column;justify-content:space-around;background:#000;border-radius:2px}.conversation-modal .conversation-modal-div .video-container video{width:100%!important;height:auto!important;max-height:100%!important}.conversation-modal .conversation-modal-div .video-container .reply-button{width:120px;color:#fff;position:absolute;bottom:35px;left:calc(50% - 60px);padding:8px 20px;background:#4100e4;border-radius:5px;border:none;font-size:15px;font-weight:600}.conversation-modal .conversation-modal-div .video-container .play-pause-button-container{width:100%;height:100%;position:absolute;top:0;left:0}.conversation-modal .conversation-modal-div .video-container .play-pause-button-container .play-button{width:40px;height:40px;position:absolute;top:calc(50% - 20px);left:calc(50% - 20px)}.conversation-modal .conversation-modal-div .video-list{width:70px;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.conversation-modal .conversation-modal-div .video-list img{width:70px;height:70px;margin-bottom:10px;cursor:pointer;border-radius:3px;border-width:4px;border-color:#4100e4}@media only screen and (max-height:1000px) and (min-width:851px){.conversation-modal .conversation-modal-div{width:440px;height:560px;left:calc(50% - 220px);top:calc(50% - 280px);padding:20px}}@media only screen and (max-width:850px){.conversation-modal .conversation-modal-div{width:100vw!important;height:100vh!important;padding:0!important;position:fixed!important;top:0!important;left:0!important}.conversation-modal .conversation-modal-div .close-x{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:35px;height:35px;text-align:center;line-height:30px;left:5px!important;top:5px!important;font-size:24px;text-shadow:2px 2px #000;color:#fff;z-index:800}.conversation-modal .conversation-modal-div .video-container{width:100%!important}.conversation-modal .conversation-modal-div .video-list{position:absolute;height:70%;top:15%;right:5px}.conversation-modal .conversation-modal-div .video-list img{border-color:#fff!important}}@media only screen and (max-height:415px){.video-list{position:absolute;top:0;right:0;padding:3% 0!important}}.conversation-preview{width:100%;margin:20px 0;overflow:hidden}.conversation-preview .conversation-icon{width:45px;height:45px;border-radius:3px}.conversation-preview .conversation-fallback-image{width:45px;height:45px;background:linear-gradient(130deg,#ff0,green);position:relative;border-radius:3px}.conversation-preview .conversation-fallback-image p{font-size:20px;font-weight:700;color:#fff;position:absolute;top:12px;left:15px}.conversation-preview .conversation-name-date-wrapper{padding:6px 4px}.conversation-preview .conversation-name-date-wrapper .conversation-name{font-size:18px}.conversation-preview .conversation-name-date-wrapper .conversation-updatedDate{font-size:12px}.conversation-preview .conversation-gifs-wrapper{width:100%;max-width:100%;height:135px;margin:5px 0;position:relative;display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.conversation-preview .conversation-gifs-wrapper *{flex:0 0 auto;position:relative;width:100px;height:135px;border-radius:4px;margin:0 2px;display:inline-block;vertical-align:top;cursor:pointer}.conversation-preview .conversation-gifs-wrapper .no-videos-div{background:#000;color:#fff;text-align:center;padding:55px 0}.conversation-preview .conversation-gifs-wrapper .gray-background-preview{background:#d8d8d8}.conversation-preview .conversation-gifs-wrapper .view-all-modal{width:100%;height:100%;padding:55px 0;background:rgba(50,50,50,.5);color:#fff;text-align:center;position:absolute;top:0;left:0;z-index:1000}.eliipses-button{width:40px;height:40px;position:absolute;bottom:30px;left:5%;cursor:pointer}.elipses-menu-container{width:100%;height:120px;position:absolute;bottom:0;left:0;z-index:1200}.elipses-menu-container .elipses-menu{width:99%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;bottom:0;left:.5%;background:#fff;border-top-left-radius:4px;border-top-right-radius:4px}.elipses-menu-container .elipses-menu .close-elipses-menu-button{color:#fff;position:absolute;font-size:20px;top:-25px;right:10px;padding:3px;cursor:pointer}.elipses-menu-container .elipses-menu .elipses-menu-row{width:100%;height:80px;border-bottom:1px solid grey;padding:20px 10px;position:relative;display:flex;align-content:center;cursor:pointer}.elipses-menu-container .elipses-menu .elipses-menu-row img{margin-right:10px;cursor:pointer}.elipses-menu-container .elipses-menu .elipses-menu-row p{text-align:center;padding-top:10px;cursor:pointer}.elipses-menu-container .elipses-menu .elipses-menu-row .flag-video-menu{width:auto;height:0%;overflow:hidden;position:absolute;right:10px;bottom:0;padding:5px 10px;background:#fff;border-top:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;border-radius:4px;transition:height .3s linear}.elipses-menu-container .elipses-menu .elipses-menu-row .flag-video-menu .flag-video-menu-buttons-container{position:relative;width:100%;display:flex;justify-content:center}.elipses-menu-container .elipses-menu .elipses-menu-row .flag-video-menu .flag-video-menu-buttons-container .flag-video-menu-button{width:80px;height:30px;background:#009dca;color:#fff;cursor:pointer}.DirectMessages{height:100%;overflow:hidden;display:flex;flex-direction:column;position:relative}.DirectMessages .create-new-dm-container{padding:20px 40px}.DirectMessages .create-new-dm-container .button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:3px 0;display:flex;justify-content:flex-start;align-items:center;cursor:pointer;color:#007caf}.DirectMessages .create-new-dm-container .button .icon-container{height:32px;width:32px;margin-right:2px;background:#fff;border-radius:6px;display:flex;border:thin dashed #004460;justify-content:center;align-items:center}.DirectMessages .create-new-dm-container .button .icon-container .icon{margin-right:0;height:60%;color:#004460}.DirectMessages .create-new-dm-container .button .icon{display:flex;height:18px;margin-right:2px;color:#004460}.DirectMessages .create-new-dm-container .button .label{padding-left:10px;color:#004460}.DirectMessages .topics-container{overflow:scroll;height:100%;display:flex;flex-direction:column;flex:1 1;padding:40px}.DirectMessages .topics-container .sub-group-container .topic-img{border-radius:8px}.DirectMessages .topics-container .sub-group-container:nth-of-type(5n+1) .topic-img{background:transparent linear-gradient(307deg,#00ff94,#007caf) 0 0 no-repeat padding-box}.DirectMessages .topics-container .sub-group-container:nth-of-type(5n+2) .topic-img{background:transparent linear-gradient(135deg,#003044,#00c4ff) 0 0 no-repeat padding-box}.DirectMessages .topics-container .sub-group-container:nth-of-type(5n+3) .topic-img{background:transparent linear-gradient(315deg,#d3ef00,#00ac64) 0 0 no-repeat padding-box}.DirectMessages .topics-container .sub-group-container:nth-of-type(5n+4) .topic-img{background:transparent linear-gradient(315deg,#ffd803,#fc4317) 0 0 no-repeat padding-box}.DirectMessages .topics-container .sub-group-container:nth-of-type(5n+5) .topic-img{background:transparent linear-gradient(315deg,#f23e9f,#6c2196) 0 0 no-repeat padding-box}.DirectMessages .topics-container .sub-group-container .preview-label-container{justify-content:space-between}.DirectMessages .topics-container .sub-group-container .preview-label-container .preview-label{margin-left:0}.DirectMessages .topics-container .sub-group-container .preview-label-container .dm-menu-button{position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.DirectMessages .topics-container .sub-group-container .preview-label-container .dm-menu-button .delete-dm-confirmation{width:220px;padding:10px;background:#fff;text-align:center;border:1px solid #000;border-radius:5px;position:absolute;right:0;top:0}.DirectMessages .topics-container .sub-group-container .preview-label-container .dm-menu-button .delete-dm-confirmation .button-wrapper{width:100px;margin:0 auto;display:flex;justify-content:space-around;padding-top:6px}.DirectMessages .topics-container .sub-group-container .preview-label-container .dm-hide-img{cursor:pointer}.DirectMessages .topics-container .sub-group-container .name-display{text-align:left}.DirectMessages .topics-container .sub-group-container .time-display{font-size:13px;margin-top:3px;text-align:left}.DirectMessages .topics-container .sub-group-container .preview-container .group-preview .preview-giphy{max-height:135px;max-width:90px;border-radius:12px}.DirectMessages .topics-container .sub-group-container .preview-container .group-preview .blue-border{border:3px solid #007caf}.Header{width:100%}.Header .metadata{height:80px;padding:10px 20px;display:flex}.Header .metadata .hamburger-container{display:none;margin-right:10px;margin-top:10px;min-width:20px;height:20px;position:relative;cursor:pointer}.Header .metadata .hamburger-container .hamburger,.Header .metadata .hamburger-container .hamburger:after,.Header .metadata .hamburger-container .hamburger:before{content:" ";height:3px;width:100%;background:#004460;position:absolute}.Header .metadata .hamburger-container .hamburger{top:calc(50% - 3px)}.Header .metadata .hamburger-container .hamburger:before{top:calc(50% - 8px)}.Header .metadata .hamburger-container .hamburger:after{top:calc(50% + 4px)}.Header .metadata .group-info{max-width:calc(100% - 20px);overflow:hidden}.Header .metadata .group-info .group-name{font-size:28px;color:#004460;margin:0;max-width:100%;min-width:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:120%}.Header .metadata .group-info .group-members{color:#004460;display:flex;align-items:flex-end;line-height:120%}.Header .metadata .spacer{flex:1 1}.Header .metadata .group-actions{display:flex;align-items:center}.Header .button{width:auto;display:flex;justify-content:flex-start;cursor:pointer;color:#25a4b4}.Header .button.group-settings .icon{width:16px;height:16px;fill:#25a4b4;margin-right:4px}.Header .button.group-invite{margin-right:20px}.Header .button.group-invite .icon g use{fill:#25a4b4}.Header .button .icon{display:flex;height:18px;width:18px;margin-right:4px}.Header .button .label{color:#00ff94}.Header .action-container{width:100%;background:#fff;padding:0 20px;border-bottom:#b0c4ce;border-top:#b0c4ce;border-bottom-width:thin;border-top-width:thin;border-style:solid}.Header .action-container .actions{margin-top:15px;display:flex;width:100%}.Header .action-container .actions .spacer{flex:1 1}.Header .action-container .actions .action-label{display:flex;width:auto;padding-bottom:10px}.Header .action-container .actions .topics{padding-right:20px;display:flex;flex-direction:row}.Header .action-container .actions .direct-messages{display:flex;flex-direction:row}.Header .action-container .actions .direct-messages .unread{height:8px;width:8px;display:block;background:#e84326;border-radius:100%;margin-left:3px;margin-top:-3px}.Header .action-container .actions .selected{border-bottom:thick solid #00ff94;color:#004460}.Header .action-container .actions .not-selected{color:#7e99a8}.Header .action-container .actions .gray-svg g,.Header .action-container .actions .gray-svg path,.Header .action-container .actions .gray-svg svg{fill:#7e99a8}.Header .filters{padding:5px 20px;height:auto;display:flex;align-items:center;justify-content:space-between}.Header .filters .filter-dropdown{cursor:pointer;padding:5px 0}.Header .filters .filter-dropdown .dropdown-content{background:#fff;box-shadow:2px 4px 10px 1px #7e99a8;top:30px;bottom:unset}.Header .filters .filter-dropdown .dropdown-content ul{min-width:130px}.Header .filters .filter-dropdown .dropdown-content ul li{color:#3c3c3c}.Header .filters .filter-dropdown .dropdown-content ul li:focus,.Header .filters .filter-dropdown .dropdown-content ul li:hover{background:#eff4f7}.Header .filters .filter-dropdown .dropdown-content ul li+li{border-top:1px solid rgba(126,153,168,.5)}.Header .filters .filter-dropdown .filter-type{cursor:pointer;position:relative;display:flex;align-items:center}.Header .filters .filter-dropdown .dropdown-arrow{margin-left:10px;margin-top:2px;height:12px;width:12px;fill:#3c3c3c}.Header .filters .view-type-container{cursor:pointer;padding:5px 0;min-width:90px}.Header .filters .view-type-container .view{display:flex;align-items:center;justify-content:space-between}.Header .filters .view-type-container .view svg{margin-top:2px;height:12px;width:12px}.Header .filters .view-type-container .view .view-text{color:#25a4b4}@media screen and (max-height:768px) and (orientation:landscape),screen and (max-width:768px) and (orientation:portrait){.Header .metadata .hamburger-container{display:block}}@media screen and (max-height:425px) and (orientation:landscape),screen and (max-width:425px) and (orientation:portrait){.Header .metadata{height:50px}.Header .metadata .hamburger-container{margin-top:7px}.Header .metadata .group-info{width:100%;display:flex;align-items:center}.Header .metadata .group-info .group-name{font-weight:400;font-size:16px}.Header .metadata .group-info .group-members{display:none}.Header .metadata .spacer{min-width:50px}.Header .metadata .group-actions p{display:none}}.loading-gif-modal{width:100vw;height:100vh;position:fixed;top:0;left:0;background:hsla(0,0%,78.4%,.1);z-index:9999}.loading-gif{width:60px;height:60px;position:fixed;left:calc(50% - 30px);top:calc(50% - 30px)}.loading-gif.local{position:absolute}@media only screen and (max-width:850px){.loading-gif{width:40px;height:40px;left:calc(50% - 20px);top:calc(50% - 20px)}}.message-modal-container{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(50,50,50,.5);z-index:9999}.message-modal-container .message-modal{width:300px;height:300px;position:fixed;left:calc(50% - 150px);top:calc(50% - 150px);background:#fff;padding:20px;font-size:18px;border-radius:5px}.message-modal-container .message-modal .message-modal-text{width:260px;height:210px;overflow:scroll}.message-modal-container .message-modal .close-button{width:260px;height:30px;position:absolute;bottom:20px;background:#009dca;color:#fff;font-size:14px;border-radius:5px}.progress-bar-container{width:80%;height:5px;background:#999;border-radius:2px;position:absolute;bottom:20px;left:5%}.progress-bar-container .progress-bar{width:0;height:5px;background:#fff;border-radius:2px}.progress-bar-container .time-remaining{font-size:14px;color:#fff;position:absolute;right:-40px;top:-5px}.new-group-modal{height:100%;display:flex;flex-direction:column}.new-group-modal .modal-title{text-align:center;margin-bottom:15px;font-weight:600;font-size:20px}.new-group-modal .modal-button{width:150px;margin:auto}.group-invite-modal{height:100%;position:relative}.group-invite-modal .modal-title{text-align:center;margin-bottom:15px;font-weight:600;font-size:20px}.group-invite-modal .modal-subtitle{margin-bottom:20px;text-align:center}.group-invite-modal .group-invite-modal-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:12px;background:#00ff94;border-radius:4px;cursor:pointer}.group-invite-modal .bottom-nav-buttons{position:absolute;bottom:10px;width:100%;height:50px}.group-invite-modal .bottom-nav-buttons .done-button{position:absolute;bottom:0;right:0}.Sidebar{width:300px;background:#003044;display:grid;grid-template-rows:80px 1fr 60px;transition:width .5s ease-in-out}.Sidebar .grid-item{width:300px;transition:width .5s ease-in-out,padding .5s ease-in-out;border-bottom:1px solid #005276;padding-left:30px;position:relative;display:flex;justify-content:flex-start;align-items:center;overflow:hidden}.Sidebar .grid-item.overflow{overflow:visible;overflow:initial}.Sidebar .grid-item.centered{padding-left:0;justify-content:center}.Sidebar.hide{width:0}.Sidebar.hide .grid-item{width:0;padding:0}.Sidebar .user-profile{width:100%;height:100%;display:flex;align-items:center;cursor:pointer}.Sidebar .user-profile .profile-img{border-radius:50%;background:transparent linear-gradient(307deg,#00ff94,#007caf) 0 0 no-repeat padding-box;height:35px;width:35px}.Sidebar .user-profile .user-name{color:#fff;box-sizing:border-box}.Sidebar .user-profile:hover .user-name{-webkit-text-decoration:underline #a8d5db;text-decoration:underline #a8d5db}.Sidebar .notifications-dropdown{width:80%}.Sidebar .notifications-dropdown .dropdown-trigger>.notifications{width:100%;display:flex;justify-content:center}.Sidebar .notifications-dropdown .dropdown-content{background:#fff;height:400px;width:400px;max-width:85vw;max-height:80vh;border:1px solid #7e99a8;box-shadow:3px 3px 10px 0 rgba(60,60,60,.4)}.Sidebar .notifications-dropdown .dropdown-content:before{content:" ";height:0;width:0;position:absolute;display:block;bottom:-10px;left:25px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff}.Sidebar .notifications-dropdown .notifications-list{position:relative;max-height:100%;overflow:scroll;padding-top:20px}.Sidebar .notifications-dropdown .notifications-list .no-notifications{text-align:center}.Sidebar .notifications-dropdown .notifications-list .settings-icon{position:absolute;right:0;top:0;max-height:15px;max-width:15px;cursor:pointer;z-index:1000}.Sidebar .notifications-dropdown .notifications-list .settings-icon path,.Sidebar .notifications-dropdown .notifications-list .settings-icon svg{fill:#3c3c3c}.Sidebar .notifications-dropdown .notifications-list .notification-item{border-top:unset;max-height:70px;display:flex;align-items:flex-start;justify-content:flex-start}.Sidebar .notifications-dropdown .notifications-list .notification-item img{height:25px;width:25px;min-height:25px;min-width:25px;margin-right:10px;border-radius:50%;margin-top:2px}.Sidebar .notifications-dropdown .notifications-list .notification-item .label{color:#000}.Sidebar .notifications-dropdown .notifications-list .notification-item .timestamp{color:#b0c4ce;margin-top:2px;font-size:12px}.Sidebar .notifications-dropdown .notifications-list .notification-item:hover{background:#eff4f7}.Sidebar .notifications-dropdown .notifications{overflow:hidden;width:100%;height:100%;display:flex;align-items:center;cursor:pointer;color:#fff}.Sidebar .notifications-dropdown .notifications .notifications-icon{max-height:20px;max-width:20px;margin-right:10px}.Sidebar .notifications-dropdown .notifications .notifications-icon path,.Sidebar .notifications-dropdown .notifications .notifications-icon svg{fill:#fff}.Sidebar .notifications-dropdown .notifications .notification-label{align-self:center}.Sidebar .notifications-dropdown .notifications .notification-image-container{height:35px;width:35px;padding-right:10px;align-items:center}.Sidebar .group-container{height:100%;width:100%;display:flex;flex-direction:column}.Sidebar .group-container h4{padding:15px 20px;color:#fff;font-size:24px;font-weight:700;margin:0;width:100%}.Sidebar .group-container .group-list{padding-left:20px;flex:1 1;display:flex;flex-direction:column;overflow:scroll}.Sidebar .group-container .group-list .group-item{min-height:70px;display:flex;align-items:center;cursor:pointer;margin-bottom:10px;position:relative}.Sidebar .group-container .group-list .group-item .unwatched-content-badge{width:8px;height:8px;border-radius:50%;background-color:#fff;position:absolute;left:-14px;top:21x}.Sidebar .group-container .group-list .group-item#group-item:nth-of-type(5n+1) .group-img{background:transparent linear-gradient(307deg,#00ff94,#007caf) 0 0 no-repeat padding-box}.Sidebar .group-container .group-list .group-item#group-item:nth-of-type(5n+2) .group-img{background:transparent linear-gradient(135deg,#003044,#00c4ff) 0 0 no-repeat padding-box}.Sidebar .group-container .group-list .group-item#group-item:nth-of-type(5n+3) .group-img{background:transparent linear-gradient(315deg,#d3ef00,#00ac64) 0 0 no-repeat padding-box}.Sidebar .group-container .group-list .group-item#group-item:nth-of-type(5n+4) .group-img{background:transparent linear-gradient(315deg,#ffd803,#fc4317) 0 0 no-repeat padding-box}.Sidebar .group-container .group-list .group-item#group-item:nth-of-type(5n+5) .group-img{background:transparent linear-gradient(315deg,#f23e9f,#6c2196) 0 0 no-repeat padding-box}.Sidebar .group-container .group-list .group-item.selected .group-name,.Sidebar .group-container .group-list .group-item:hover .group-name{color:#fff;font-weight:700;width:100%;height:50px;line-height:50px}.Sidebar .group-container .group-list .group-item.selected{border-right:5px solid #00ff94}.Sidebar .group-container .group-list .group-item .group-img{border-radius:12px;height:50px;min-height:50px;width:50px;min-width:50px}.Sidebar .group-container .group-list .group-item .new-group-button{border:1px dashed #a8d5db;border-radius:12px;height:50px;width:50px;min-width:50px;padding:10px;display:flex;justify-content:center;align-items:center}.Sidebar .group-container .group-list .group-item .new-group-button .group-img{height:20px;width:20px;background:unset;min-width:unset;min-height:unset}.Sidebar .group-name,.Sidebar .user-name{padding-left:15px;color:#7e99a8;font-family:"Source Sans Pro","Lato";font-weight:400;font-size:16px}.ImagePreview{height:50px;width:50px;border-radius:8px}.ImagePreview.broken{background:transparent linear-gradient(307deg,#00ff94,#007caf) 0 0 no-repeat padding-box}.InputField{position:relative;min-height:40px;width:100%;margin:15px 0;display:flex;flex-direction:column}.InputField.TextArea{height:100%}.InputField .input-field-label{font-size:10px;color:#3c3c3c;padding-left:1px;margin-bottom:5px}.InputField .input-field-label .required{color:#e84326;font-weight:700}.InputField .input-error{display:inline;color:#e84326;font-size:10px;margin-left:10px}.InputField .input-field,.InputField .PhoneInputInput,.InputField .text-area{height:100%;width:100%;min-height:40px;border-radius:4px;border:unset;background:#eff4f7;padding:10px;font-size:14px;box-sizing:border-box;color:#000}.InputField .input-field.text-area,.InputField .PhoneInputInput.text-area,.InputField .text-area.text-area{min-height:120px}.InputField .input-field.disabled,.InputField .PhoneInputInput.disabled,.InputField .text-area.disabled{background:#b0c4ce;cursor:not-allowed}.InputField .input-field.disabled::-webkit-input-placeholder,.InputField .PhoneInputInput.disabled::-webkit-input-placeholder,.InputField .text-area.disabled::-webkit-input-placeholder{color:#1c3542}.InputField .input-field.disabled:-ms-input-placeholder,.InputField .PhoneInputInput.disabled:-ms-input-placeholder,.InputField .text-area.disabled:-ms-input-placeholder{color:#1c3542}.InputField .input-field.disabled::-ms-input-placeholder,.InputField .PhoneInputInput.disabled::-ms-input-placeholder,.InputField .text-area.disabled::-ms-input-placeholder{color:#1c3542}.InputField .input-field.disabled::placeholder,.InputField .PhoneInputInput.disabled::placeholder,.InputField .text-area.disabled::placeholder{color:#1c3542}.InputField .input-field::-webkit-input-placeholder,.InputField .PhoneInputInput::-webkit-input-placeholder,.InputField .text-area::-webkit-input-placeholder{color:#3c5562}.InputField .input-field:-ms-input-placeholder,.InputField .PhoneInputInput:-ms-input-placeholder,.InputField .text-area:-ms-input-placeholder{color:#3c5562}.InputField .input-field::-ms-input-placeholder,.InputField .PhoneInputInput::-ms-input-placeholder,.InputField .text-area::-ms-input-placeholder{color:#3c5562}.InputField .input-field::placeholder,.InputField .PhoneInputInput::placeholder,.InputField .text-area::placeholder{color:#3c5562}.InputField .input-field:focus,.InputField .PhoneInputInput:focus,.InputField .text-area:focus{outline:none;background:#dceaf0}.InputField .phone{margin-left:2px}.InputField .text-area{resize:none;font-family:"Lato",sans-serif}.InputField .copy-btn{position:absolute;right:5px;top:20px}.InputField .copy-btn button{border-radius:4px;height:30px;width:60px;border:none;background:#b0c4ce}.InputField .copy-btn button:focus{outline:unset}.InputField .copy-btn button:hover{background:#7e99a8}.InputField .icon-right{position:absolute;right:10px;top:20px;height:30px;width:30px;display:flex;align-items:center;justify-content:center}.Button{min-height:40px;border-radius:4px;border:none;color:#fff;font-size:16px}.Button .button-content{display:flex;align-items:center;justify-content:center}.Button.primary{background:#25a4b4;color:#fff}.Button.primary:hover{background:#21919f}.Button.secondary{background:#007caf}.Button.critical{background:rgba(232,67,38,.3);color:#e84326}.Button.critical:hover{background:rgba(232,67,38,.4)}.Button.disabled{color:#fff;cursor:not-allowed}.Button.disabled,.Button.disabled:hover{background:#b0c4ce}.Button .icon{height:12px;margin-right:10px}.loading-container{display:flex;justify-content:center}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.FileUpload{position:relative;display:flex;justify-content:center;align-items:center;min-height:100px}.FileUpload .file-actual{display:none}.FileUpload .file-pretty,.FileUpload .file-preview{cursor:pointer;height:100px;width:100px;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:8px;color:#fff;font-size:18px;font-weight:600}.FileUpload .file-pretty.rounded,.FileUpload .file-preview.rounded{border-radius:50%}.FileUpload .file-image{border-radius:8px;width:100%;height:100%;object-fit:contain;background:unset}.FileUpload .file-pretty{background:transparent linear-gradient(307deg,#00ff94,#007caf) 0 0 no-repeat padding-box}.FileUpload .file-pretty.full{background:transparent}.FileUpload .file-pretty .no-file-preview{border-radius:8px;background:transparent linear-gradient(307deg,#00ff94,#007caf) 0 0 no-repeat padding-box;position:relative;height:100%;width:100%}.FileUpload .file-pretty .no-file-preview .file-pretty-img{position:absolute;top:calc(50% - 13px);left:calc(50% - 13px);max-height:26px;max-width:26px}.FileUpload .file-pretty .no-file-preview .file-pretty-plus{position:absolute;top:50%;left:calc(50% + 15px)}.FileUpload .file-preview{overflow:hidden;position:absolute}.FileUpload .file-preview img{width:100%;height:100%;object-fit:contain}.FileUpload .file-preview .file-preview-change-img{height:100%;width:100%;position:absolute;top:0;left:0;cursor:pointer}.ToggleSwitch{display:flex;flex-direction:row;align-items:center;margin-top:10px}.ToggleSwitch .switch{position:relative;min-width:50px;width:50px;height:26px;margin-right:15px}.ToggleSwitch .switch input{opacity:0;width:0;height:0}.ToggleSwitch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#b0c4ce;transition:.4s}.ToggleSwitch .slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s}.ToggleSwitch .slider.round{border-radius:34px}.ToggleSwitch .slider.round:before{border-radius:50%}.ToggleSwitch input:checked+.slider{background-color:#25a4b4}.ToggleSwitch input:checked+.slider:before{transform:translateX(23px)}.ToggleSwitch input:focus+.slider{box-shadow:0 0 1px #25a4b4}.admin-settings-container{margin-top:10px;margin-bottom:10px;padding:4px;border:1px solid #000;border-radius:4px}.admin-settings-container h1{margin-bottom:10px}.admin-controls{display:flex;justify-content:flex-end;padding:5px}.admin-add,.admin-delete{cursor:pointer;height:25px;width:25px}.admin-approve,.admin-deny{padding:2px;height:25px;width:25px;cursor:pointer}.admin-settings-button{margin-bottom:4px}.Dropdown{position:relative}.Dropdown .dropdown-content{border-radius:4px;position:absolute;background:#000;padding:10px;z-index:100;bottom:35px}.Dropdown .dropdown-content.active{display:block}.Dropdown .dropdown-content.inactive{display:none}.Dropdown .dropdown-content ul{min-width:220px}.Dropdown .dropdown-content ul li{color:#02a497;padding:10px 0;cursor:pointer;position:relative}.Dropdown .dropdown-content ul li:hover{color:#03d6c6}.Dropdown .dropdown-content ul li .icon{fill:#02a497;height:16px;width:16px;position:absolute;right:15px;top:calc(50% - 8px);display:none}.Dropdown .dropdown-content ul li .icon.selected{display:block}.Dropdown .dropdown-content ul li+li{border-top:1px solid rgba(3,214,198,.3)}.VideoPreview{border-radius:6px;height:100%;width:100%}.VideoPreview.mirror{transform:scaleX(-1)}.VideoPlayback{width:100%;height:100%;border-radius:6px;cursor:pointer}.topic-creator{display:flex;justify-content:flex-start;padding:4px;border:1px solid #a5a5a5;border-radius:4px}.topic-creator-image{height:40px;width:40px}.topic-input-container{display:flex;align-items:center}.topic-button{width:80px}.topic-creator-sub-container{display:flex;justify-content:center;text-align:left;flex-direction:column;padding-left:10px}.topic-creator-name{font-size:large}.topic-creator-title{font-size:small}.TagUsersModal .modal-content{position:relative}.TagUsersModal .modal-content h3{font-size:24px;margin-bottom:20px}.TagUsersModal .modal-content .tag-users-search{width:50%;margin:auto auto 10px}.TagUsersModal .modal-content .table-container{margin:auto;width:50%;max-height:60vh;overflow:scroll;border:1px solid #eff4f7}.TagUsersModal .modal-content .table-container .tag-users-table{width:100%}.TagUsersModal .modal-content .table-container .tag-users-table thead tr td{padding:5px;font-weight:700;border-bottom:1px solid #eff4f7}.TagUsersModal .modal-content .table-container .tag-users-table tbody{overflow:scroll}.TagUsersModal .modal-content .table-container .tag-users-table tbody tr td{position:relative;padding:15px;display:flex;align-items:center;justify-content:space-between}.TagUsersModal .modal-content .table-container .tag-users-table tbody tr td .user-profile-picture{border-radius:50%;background:#49caff;height:25px;width:25px}.TagUsersModal .modal-content .table-container .tag-users-table tbody tr td .selected-icon{color:green;visibility:hidden}.TagUsersModal .modal-content .table-container .tag-users-table tbody tr td .selected-icon.selected{visibility:visible}.TagUsersModal .modal-content .table-container .tag-users-table tbody tr td:hover{background:rgba(144,238,144,.2);cursor:pointer}.TagUsersModal .modal-content .table-container .tag-users-table tbody tr td:hover.selected{background:rgba(255,0,0,.1)}.TagUsersModal .modal-content .table-container .tag-users-table tbody tr+tr{border-top:1px solid #eff4f7}.TagUsersModal .modal-content .Button{width:50%;margin-top:40px}.timeline-container{position:absolute;max-height:calc(92.5% - 80px);width:80px;top:2.5%;right:2.5%;display:flex;flex-direction:column-reverse;overflow:scroll}.timeline-container .video-item{height:80px;width:80px;margin-bottom:5px;box-sizing:border-box;border:3px solid transparent;padding:3px;border-radius:8px;position:relative}.timeline-container .video-item .most-recent-reaction{width:20px;height:20px;position:absolute;top:-3px;left:-3px}.timeline-container .video-item.blue-border{border:3px solid #007caf}.timeline-container .video-item.playing{border:3px solid #fff}.timeline-container .video-item.playing img{border-radius:4px}.timeline-container .video-item img{height:100%;width:100%;object-fit:cover;border-radius:8px}.timeline-container .loading-thumbnail{width:80px;height:80px}.ConfirmDeleteDMModal{height:100%;padding-top:40%}.ConfirmDeleteDMModal .title{font-size:20px;font-weight:700;text-align:center}.ConfirmDeleteDMModal .actions{display:flex;justify-content:center;align-items:center;margin-top:25px}.ConfirmDeleteDMModal .actions .Button{flex:1 1;margin:10px}.GroupMessagePreview{height:100%;margin:0 20px;display:flex;flex-direction:column;overflow:scroll}.GroupMessagePreview .new-conversation-container{margin-bottom:10px}.GroupMessagePreview .new-conversation-container .add-content-btn{padding:0 10px}.GroupMessagePreview .new-conversation-container .add-content-btn .plus-icon{margin-right:10px;height:20px;width:20px;position:relative}.GroupMessagePreview .new-conversation-container .add-content-btn .plus-icon:before{content:" ";height:18px;width:2px;background:#fff;display:block;position:absolute;top:calc(50% - 9px);left:calc(50% - 1px)}.GroupMessagePreview .new-conversation-container .add-content-btn .plus-icon:after{content:" ";height:2px;width:18px;background:#fff;display:block;position:absolute;top:calc(50% - 1px);left:calc(50% - 9px)}.GroupMessagePreview .conversation-container{height:100%}.GroupMessagePreview .conversation-container .conversation{display:flex;flex-direction:column}.GroupMessagePreview .conversation-container .conversation .meta-container{height:40px;display:flex;position:relative}.GroupMessagePreview .conversation-container .conversation .meta-container .conversation-image{height:40px;width:40px;position:relative;cursor:pointer}.GroupMessagePreview .conversation-container .conversation .meta-container .conversation-image svg{height:100%;width:100%}.GroupMessagePreview .conversation-container .conversation .meta-container .conversation-image .profile-picture{position:absolute;left:10px;top:12px;height:20px;width:20px;border-radius:4px}.GroupMessagePreview .conversation-container .conversation .meta-container .meta{padding:0 10px;display:flex;flex-direction:column;justify-content:space-around;cursor:pointer}.GroupMessagePreview .conversation-container .conversation .meta-container .meta .title{font-size:16px}.GroupMessagePreview .conversation-container .conversation .meta-container .meta .timestamp{font-size:12px}.GroupMessagePreview .conversation-container .conversation .meta-container .options{position:absolute;right:0;height:35px;width:35px;display:flex;justify-content:center;align-items:center;cursor:pointer}.GroupMessagePreview .conversation-container .conversation .meta-container .options svg{height:80%;width:80%}.GroupMessagePreview .conversation-container .conversation .cards{margin-top:10px;flex:1 1;overflow-x:scroll;display:flex;transition:height .5s ease-in-out,min-height .5s ease-in-out}.GroupMessagePreview .conversation-container .conversation .cards.expanded{height:135px;min-height:135px}.GroupMessagePreview .conversation-container .conversation .cards.collapsed{min-height:0;height:0;overflow:hidden}.GroupMessagePreview .conversation-container .conversation .cards.collapsed .card{transition:opacity .5s ease-in-out,height .5s ease-in-out;opacity:0;height:0}.GroupMessagePreview .conversation-container .conversation .cards.collapsed .card.unread{border:3px solid transparent}.GroupMessagePreview .conversation-container .conversation .cards .card{transition:opacity .5s ease-in-out,height .5s ease-in-out;height:135px;width:90px;min-width:90px;background:#7e99a8;position:relative;cursor:pointer;overflow:hidden;border-radius:4px}.GroupMessagePreview .conversation-container .conversation .cards .card.unread{border:3px solid #007caf}.GroupMessagePreview .conversation-container .conversation .cards .card .preview-giphy{height:100%;width:100%}.GroupMessagePreview .conversation-container .conversation .cards .card .overlay{position:absolute;bottom:0;height:20px;width:100%;background:transparent linear-gradient(180deg,transparent,#000) 0 0 no-repeat padding-box;display:flex;justify-content:center;align-items:center;font-size:12px;text-align:center}.GroupMessagePreview .conversation-container .conversation .cards .card .overlay.full{height:100%;background:rgba(0,0,0,.8);font-size:16px;padding:10px}.GroupMessagePreview .conversation-container .conversation .cards .card .overlay .label,.GroupMessagePreview .conversation-container .conversation .cards .card .overlay .timestamp{color:#fff}.GroupMessagePreview .conversation-container .conversation .cards .card+.card{margin-left:20px}.GroupMessagePreview .conversation-container .conversation+.conversation{margin-top:20px}@media (max-width:768px){.GroupMessagePreview .new-conversation-container{position:absolute;bottom:10px;right:20px;z-index:100000}.GroupMessagePreview .new-conversation-container .add-content-btn{padding:0 10px;border-radius:100%;height:50px;box-shadow:3px 3px 6px 1px rgba(60,60,60,.7)}.GroupMessagePreview .new-conversation-container .add-content-btn .plus-icon{margin-right:0;height:30px;width:30px}}.Breadcrumb{padding:10px 20px 0}.Breadcrumb ul{display:flex}.Breadcrumb ul li+li{margin-left:5px}.Breadcrumb ul li a,.Breadcrumb ul li a:visited{color:#03d6c6}.SmallModal{position:absolute;height:100vh;width:100vw;top:0;left:0;display:flex;justify-content:center;align-items:center}.SmallModal .overlay{position:absolute;height:100%;width:100%;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.SmallModal .close-button{padding:5px;height:25;width:25;border-radius:4px;position:absolute;top:10px;left:10px;cursor:pointer;display:flex;justify-content:center;align-items:center}.SmallModal .close-button path,.SmallModal .close-button svg{fill:#03d6c6;height:12px;width:12px}.SmallModal .close-button p{margin-left:5px;color:#03d6c6;font-weight:600}.SmallModal .close-button:hover path,.SmallModal .close-button:hover svg{fill:#02a497}.SmallModal .close-button:hover p{color:#02a497}.SmallModal .content{height:80%;max-height:500px;min-height:400px;width:400px;max-width:90%;background:#fff;border-radius:12px;position:relative;padding:20px}.SmallModal .content.tall{max-height:650px;min-height:600px}.SmallModal .content .children{height:100%}.SmallModal.no-width .content{width:unset;min-width:400px}@media (orientation:landscape) and (max-height:768px){.SmallModal .content{min-height:unset;max-width:90%;overflow:scroll;position:relative}.SmallModal .content.tall{min-height:80vh;max-height:85vh}.SmallModal .content .close-button{position:fixed;top:unset;right:unset;margin-top:-30px;margin-left:370px}.SmallModal.no-width .content .close-button{margin-left:510px}}@media (max-width:768px){.SmallModal.no-width .content{width:unset;min-width:unset}}.RequestPermissionsModal{height:100%;display:flex;flex-direction:column;justify-content:space-between}.RequestPermissionsModal .title{text-align:center;font-size:24px;font-weight:700;color:#003044}.RequestPermissionsModal .empty-video{height:200px;width:100%;background:#b0c4ce;border-radius:4px;position:relative;display:flex;padding:10px;flex-direction:column;justify-content:space-between;align-items:center}.RequestPermissionsModal .empty-video path,.RequestPermissionsModal .empty-video svg{max-height:50px;max-width:50px;fill:#fff}.RequestPermissionsModal .empty-video .not-active{width:100%;background:#7e99a8;padding:10px;border-radius:4px}.RequestPermissionsModal .empty-video .not-active .not-active-text{color:#fff;margin:auto;text-align:center}.RequestPermissionsModal .copy-title{text-align:center;font-size:20px}.RequestPermissionsModal .copy-body{text-align:center}.RequestPermissionsModal .copy-body strong{font-weight:700}.UserSettingsModal .logout{background:unset;min-height:unset;padding:5px;color:#25a4b4;position:absolute;right:14px;top:8px;cursor:pointer}.UserSettingsModal .logout:hover{background:unset;color:#004460}.UserSettingsModal .copy{margin:10px;text-align:center;line-height:130%}.UserSettingsModal .profile-picture{margin-top:10px}.UserSettingsModal .profile-toggle-settings{padding:5px 0 20px;border-bottom:1px solid #dceaf0}.UserSettingsModal .InputField{margin:12px auto}.UserSettingsModal .button-container{padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.UserSettingsModal .button-container.row{flex-direction:row}.UserSettingsModal .button-container .user-settings-button{width:50%}.UserSettingsModal .button-container .cancel{display:flex;margin-right:20px;color:#e84326;cursor:pointer}.UserSettingsModal .button-container .cancel p+p{margin-left:5px}.UserSettingsModal .button-container .report-problem{margin-top:15px;color:#25a4b4}.UserSettingsModal .button-container .report-problem:hover{color:#004460}.TopicSettingsModal{height:100%;display:flex;flex-direction:column}.TopicSettingsModal .title{text-align:center;margin-bottom:10px;font-weight:700}.TopicSettingsModal hr{width:100%;border:1px solid #dceaf0}.TopicSettingsModal .topic-creator{border:none}.TopicSettingsModal .topic-creator .topic-creator-image{height:35px;width:35px;border-radius:4px;background:transparent linear-gradient(307deg,#00ff94,#007caf) 0 0 no-repeat padding-box}.TopicSettingsModal .topic-creator .topic-creator-sub-container .topic-creator-title{color:#7e99a8}.TopicSettingsModal .toggles{flex:1 1;height:100%}.TopicSettingsModal .button-container{height:40px;display:flex;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.TopicSettingsModal .button-container .action-confirmation{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background:#fff;position:absolute;left:0;top:0;text-align:center}.TopicSettingsModal .button-container .action-confirmation .button-wrapper{width:100px;margin:0 auto;display:flex;justify-content:space-around;padding-top:2px}.TopicSettingsModal .button-container .btn{flex:1 1}.TopicSettingsModal .button-container .btn.delete-topic{color:#e84326;display:flex;align-items:center;justify-content:center}.TopicSettingsModal .button-container .btn.delete-topic p{cursor:pointer;margin:3px}.reaction-animation-modal{width:0;height:0;background:hsla(0,0%,100%,0);z-index:-5000}.reaction-animation-modal img{width:20px;height:20px;position:absolute;z-index:9000}.NotificationSettings{height:100%}.NotificationSettings h1{font-weight:700;font-size:xx-large;text-align:center;padding-bottom:30px}.NotificationSettings p{text-align:center;font-size:x-large;padding-bottom:30px}.NotificationSettings .v-spacer{height:10px}.NotificationSettings .button-container{text-align:center;display:flex;align-items:center;justify-content:space-around}.NotificationSettings .button-container .submit-button{min-width:120px;margin:auto}.NotificationSettings .button-container .btn{cursor:pointer}.NotificationSettings .button-container .btn p{font-size:16px;padding:initial}.NotificationSettings .button-container .cancel{color:#e84326;display:flex;align-items:center;justify-content:center}.NotificationSettings .button-container .cancel p{margin-right:5px}.NotificationSettings .confirm-no-notifs{padding-top:20px;height:100%;display:flex;flex-direction:column;justify-content:center}.NotificationSettings .confirm-no-notifs .sub-title{font-size:20px}.NotificationSettings .confirm-change-contact{padding-top:30px;height:100%;display:flex;flex-direction:column;justify-content:flex-start}.NotificationSettings .confirm-change-contact .sub-title{font-size:16px;width:80%;margin-left:10%}.NotificationSettings .confirm-change-contact .InputField{margin-bottom:30px}.AddContent{position:relative;height:100%;overflow:hidden}.AddContent .header{padding-top:5px;padding-bottom:20px;position:relative;display:flex;justify-content:center;align-items:center}.AddContent .header .back{position:absolute;left:0;background:unset;border:unset;color:#25a4b4}.AddContent .header .title{text-align:center}.AddContent .view{position:absolute;height:90%;width:100%;overflow:scroll;transition:left .3s ease-in-out}.AddContent .view.hide{left:100%}.AddContent .view.show{left:0}.AddContent .view .InputField{margin:0}.AddContent .view .list-label{margin:20px 0}.AddContent .view .options{position:relative;height:unset}.AddContent .view .options .option.wide{padding:25px 0}.AddContent .view .options .option .invite-url .copy-btn{top:5px}.AddContent .options{position:absolute;width:100%;height:90%;overflow:scroll;transition:left .3s ease-in-out}.AddContent .options.hide{left:-100%}.AddContent .options.hide.right{left:100%}.AddContent .options.show{left:0}.AddContent .options .add-folder-btn{width:100%}.AddContent .options .option{padding:25px 10px;border-top:1px solid #b0c4ce;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.AddContent .options .option.noclick{cursor:unset}.AddContent .options .option.norow{border-top:unset}.AddContent .options .option:not(.noclick):hover .count,.AddContent .options .option:not(.noclick):hover .label{color:#25a4b4}.AddContent .options .option .meta{display:flex;justify-content:center;align-items:center}.AddContent .options .option .meta.column{flex-direction:column}.AddContent .options .option .meta.wide{width:100%}.AddContent .options .option .meta .icon{max-height:30px;max-width:30px}.AddContent .options .option .meta .label{margin-left:10px}.AddContent .options .option .meta .label.center{margin:auto;width:100%;text-align:center}.AddContent .options .option .meta .description{margin-bottom:20px;text-align:center}.AddContent .options .option .count{margin-right:25px}.AddContent .options .option .confirm-btn{width:45%}.AddContent .options .option .confirm-btn.delete{background:#e84326}.AddContent .options .option .confirm-btn.delete:hover{background:#982410}.AddContent .options .option .confirm-btn+.confirm-btn{margin-left:10%}.OnboardingModal{height:100%;width:500px}.OnboardingModal .step{display:flex;flex-direction:column;padding-top:30px;align-items:center}.OnboardingModal .step .title{font-size:28px;text-align:center;font-weight:700}.OnboardingModal .step svg{height:150px;margin-top:30px}.OnboardingModal .step p{font-size:20px;text-align:center;max-width:90%;margin-bottom:20px;line-height:1.3em;min-height:100px}.OnboardingModal .step .Button{min-width:150px}@media (max-width:768px){.OnboardingModal{width:unset}}.LandingPage{height:100%;display:flex}.LandingPage .container{flex:1 1;position:relative}.LandingPage .container.branding{flex:1.2 1;overflow:hidden;display:flex;justify-content:center;align-items:center}.LandingPage .container.branding .background-tilted{position:absolute;background:transparent radial-gradient(circle at 60% 35%,#007caf,#00ff94) 0 0 no-repeat padding-box;height:150%;width:150%;transform:rotate(5deg);right:70px;top:-70px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.LandingPage .container.branding .content{position:absolute;height:40%;width:60%;margin-left:-5%}.LandingPage .container.branding .content .logo{width:100%;max-height:80px;object-fit:contain;object-position:left}.LandingPage .container.branding .content .separator{height:5px;width:50px;background:#fff;margin:30px 0}.LandingPage .container.branding .content .copy{color:#fff;font-size:20px}.LandingPage .container.login{display:flex;justify-content:center;align-items:center;flex-direction:column}.LandingPage .container.login .form{width:60%;max-width:400px;min-height:50%}.LandingPage .container.login .form .login-code label{font-size:12px}.LandingPage .container.login .form .sign-in{font-size:24px;font-weight:700;margin-bottom:30px}.LandingPage .container.login .form .authentication-dropdown .dropdown-content{background:#fff;box-shadow:2px 4px 10px 1px #7e99a8;width:100%;top:55px;bottom:unset}.LandingPage .container.login .form .authentication-dropdown .dropdown-content ul li{color:#3c3c3c}.LandingPage .container.login .form .authentication-dropdown .dropdown-content ul li:focus{background:#eff4f7}.LandingPage .container.login .form .authentication-dropdown .dropdown-content ul li+li{border-top:1px solid rgba(126,153,168,.5)}.LandingPage .container.login .form .input-dropdown .input-field{cursor:pointer}.LandingPage .container.login .form .input-dropdown .dropdown-arrow{height:12px;width:12px;fill:#3c3c3c}.LandingPage .container.login .form .auth-btn{margin:10px 0;min-width:100px}@media (max-width:768px){.LandingPage{flex-direction:column}.LandingPage .container.branding{flex:2 1}.LandingPage .container.branding .background-tilted{width:130%;transform:rotate(-5deg);right:unset;left:-20px;bottom:50px;top:unset}.LandingPage .container.branding .content{margin-left:unset;display:flex;justify-content:center}.LandingPage .container.branding .content .logo{max-height:40px;width:auto}.LandingPage .container.branding .content .copy,.LandingPage .container.branding .content .separator{display:none}.LandingPage .container.login{flex:8 1;justify-content:flex-start;padding-top:50px}}@media (max-width:425px){.LandingPage{flex-direction:column}.LandingPage .container.branding{flex:1.3 1}.LandingPage .container.branding .background-tilted{width:110%;transform:rotate(-5deg);background:transparent linear-gradient(307deg,#00ff94,#007caf) 0 0 no-repeat padding-box;right:0;bottom:20px;top:unset}.LandingPage .container.branding .content .copy,.LandingPage .container.branding .content .separator{display:none}.LandingPage .container.login{flex:8 1;justify-content:flex-start;padding-top:50px}.LandingPage .container.login .form{width:90%}}.pre-auth-landing{height:100%;display:flex}.pre-auth-landing .container{flex:1 1;position:relative}.pre-auth-landing .container.branding{flex:1.2 1;overflow:hidden;display:flex;justify-content:center;align-items:center}.pre-auth-landing .container.branding .background-tilted{position:absolute;background:transparent linear-gradient(307deg,#00ff94,#007caf) 0 0 no-repeat padding-box;height:150%;width:150%;transform:rotate(5deg);right:70px;top:-70px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.pre-auth-landing .container.branding .content{position:absolute;height:40%;width:60%;margin-left:-5%}.pre-auth-landing .container.branding .content .logo{width:100%}.pre-auth-landing .message-container{display:flex;width:40%;align-self:center}.pre-auth-landing .message-container .message{font-size:larger}.CreateDMModal,.CreateTopicModal{height:100%;display:flex;flex-direction:column}.CreateDMModal .modal-title,.CreateTopicModal .modal-title{text-align:center;font-weight:600}.CreateDMModal .modal-button,.CreateTopicModal .modal-button{width:100%}.CreateDMModal .FileUpload,.CreateTopicModal .FileUpload{margin-top:30px}.CreateDMModal .list,.CreateTopicModal .list{margin:30px 0;flex:1 1;overflow:scroll}.CreateDMModal .list .item,.CreateTopicModal .list .item{display:flex;justify-content:space-between;align-items:center;width:100%;height:50px}.CreateDMModal .list .item .meta,.CreateTopicModal .list .item .meta{display:flex;align-items:center;cursor:pointer}.CreateDMModal .list .item .meta .img,.CreateTopicModal .list .item .meta .img{height:25px;width:25px;margin-right:10px;border-radius:50%}.CreateDMModal .list .item .meta .img.empty,.CreateTopicModal .list .item .meta .img.empty{background:transparent linear-gradient(307deg,#00ff94,#007caf) 0 0 no-repeat padding-box}.CreateDMModal .list .item .checkbox,.CreateTopicModal .list .item .checkbox{height:20px;width:20px;justify-self:flex-end;cursor:pointer}.CreateDMModal .actions,.CreateTopicModal .actions{display:flex;justify-content:space-between}.CreateDMModal .actions .modal-button,.CreateTopicModal .actions .modal-button{width:48%}.Group{height:100%;position:relative;display:flex;flex-direction:column;overflow:hidden}.Group.loading{align-items:center;justify-content:center}.Group.loading img{height:50px}.Group .create-new-topic-container{padding:20px 20px 0}.Group .create-new-topic-container .add-new-btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:3px 0;display:flex;justify-content:flex-start;align-items:center;cursor:pointer;font-size:16px;color:#003044}.Group .create-new-topic-container .add-new-btn svg{height:35px;width:35px;margin-right:10px;display:flex;justify-content:center;align-items:center}.Group .topics-container{height:100%;padding:20px;display:flex;flex-direction:column;flex:1 1;overflow:scroll}.Group .topics-container .sub-group-container{margin-bottom:40px;min-height:230px;text-align:center;display:flex;flex-direction:column;background-color:#fff;height:auto;width:100%;border-radius:6px}.Group .topics-container .sub-group-container .preview-label-container{flex:1 1;margin-bottom:40px;display:flex;align-items:center;justify-content:space-between}.Group .topics-container .sub-group-container .preview-label-container .preview-image{display:flex;justify-content:flex-start;align-items:center;cursor:pointer}.Group .topics-container .sub-group-container .preview-label-container .preview-image .topic-img{border-radius:8px;height:50px;width:50px}.Group .topics-container .sub-group-container .preview-label-container .preview-image .preview-label{margin-left:10px;font-size:20px;color:#003044;cursor:pointer}.Group .topics-container .sub-group-container .preview-label-container .preview-image .preview-label .name-display{text-align:left}.Group .topics-container .sub-group-container .preview-label-container .preview-image .preview-label .time-display{font-size:12px;margin-top:3px;text-align:left}.Group .topics-container .sub-group-container .preview-label-container .group-create-topic-menu-btn{display:flex;justify-content:center;align-items:center}.Group .topics-container .sub-group-container .preview-label-container .group-create-topic-menu-btn img{flex:1 1;cursor:pointer}.Group .topics-container .sub-group-container .preview-container{width:100%;display:flex;flex-direction:row;overflow-x:scroll;overflow-y:hidden}.Group .topics-container .sub-group-container .preview-container .group-preview{position:relative}.Group .topics-container .sub-group-container .preview-container .group-preview .preview-giphy{height:300px;max-height:135px;width:200px;max-width:90px;border-radius:12px;cursor:pointer}.Group .topics-container .sub-group-container .preview-container .group-preview .preview-giphy.empty{display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.8);color:#fff}.Group .topics-container .sub-group-container .preview-container .group-preview .preview-giphy.blue-border{border:3px solid #007caf}.Group .topics-container .sub-group-container .preview-container .group-preview .preview-overlay{border-radius:12px;cursor:pointer;position:absolute;width:100%;height:30px;bottom:0;left:0;background:transparent linear-gradient(180deg,transparent,#000) 0 0 no-repeat padding-box;display:flex;align-items:flex-end;justify-content:center}.Group .topics-container .sub-group-container .preview-container .group-preview .preview-overlay.fullsize{height:100%;bottom:0;align-items:center;background:rgba(0,0,0,.7)}.Group .topics-container .sub-group-container .preview-container .group-preview .preview-overlay .timestamp{margin-bottom:5px;font-size:12px;cursor:pointer;color:#fff}.Group .topics-container .sub-group-container .preview-container .group-preview .preview-overlay .label{font-size:20px;color:#fff}.Group .topics-container .sub-group-container .preview-container .group-preview+.group-preview{display:flex;margin-left:24px}.Group .topics-container .sub-group-container:nth-of-type(5n+1) .topic-img{background:transparent linear-gradient(307deg,#00ff94,#007caf) 0 0 no-repeat padding-box}.Group .topics-container .sub-group-container:nth-of-type(5n+2) .topic-img{background:transparent linear-gradient(135deg,#003044,#00c4ff) 0 0 no-repeat padding-box}.Group .topics-container .sub-group-container:nth-of-type(5n+3) .topic-img{background:transparent linear-gradient(315deg,#d3ef00,#00ac64) 0 0 no-repeat padding-box}.Group .topics-container .sub-group-container:nth-of-type(5n+4) .topic-img{background:transparent linear-gradient(315deg,#ffd803,#fc4317) 0 0 no-repeat padding-box}.Group .topics-container .sub-group-container:nth-of-type(5n+5) .topic-img{background:transparent linear-gradient(315deg,#f23e9f,#6c2196) 0 0 no-repeat padding-box}.AddAdminModal{height:100%;display:flex;flex-direction:column}.AddAdminModal .title{font-weight:700;text-align:center;margin-bottom:30px}.AddAdminModal .sub-title{font-weight:700;margin-bottom:10px}.AddAdminModal .list{overflow:scroll;flex:1 1}.AddAdminModal .list .user{margin-bottom:10px;display:flex;align-items:center}.AddAdminModal .list .user .no-img,.AddAdminModal .list .user img{height:25px;margin-right:10px;border-radius:4px}.AddAdminModal .list .user .no-img{width:25px;background:transparent linear-gradient(307deg,#00ff94,#007caf) 0 0 no-repeat padding-box}.AddAdminModal .list .user p{flex:1 1}.LeaveGroupModal{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.LeaveGroupModal .sub-title{margin:20px}.LeaveGroupModal .title{font-size:24px;font-weight:700}.LeaveGroupModal .button-container{max-width:100%;display:flex;position:absolute;bottom:30px;left:30px;right:30px}.LeaveGroupModal .button-container .Button{flex:1 1}.LeaveGroupModal .button-container .Button+.Button{margin-left:10px}.GroupSettings{height:100%;display:flex}.GroupSettings .loading{width:100%;display:flex;justify-content:center;align-items:center}.GroupSettings .loading img{height:35px}.GroupSettings .slack-btn-container{padding-top:20px;align-self:center}.GroupSettings .container{padding:30px}.GroupSettings .container.meta{overflow:scroll;flex:2 1;max-width:450px;height:100%;display:flex;flex-direction:column}.GroupSettings .container.meta .back-button{display:flex;align-items:center}.GroupSettings .container.meta .back-button p,.GroupSettings .container.meta .back-button path,.GroupSettings .container.meta .back-button svg{cursor:pointer;fill:#3c3c3c;margin-right:10px}.GroupSettings .container.meta .title h3{margin:20px 0 10px;font-weight:700;font-size:24px;text-align:center}.GroupSettings .container.meta .title .underline{height:5px;width:30px;background:#00ff94}.GroupSettings .container.meta .upload-file{justify-content:flex-start;margin:20px 0}.GroupSettings .container.meta .group-info{display:flex;flex-direction:column}.GroupSettings .container.meta .group-info .sub-title{margin-top:60px}.GroupSettings .container.meta .actions{padding-top:35px;flex:1 1;height:100%;display:flex;justify-content:space-between;align-items:flex-end}.GroupSettings .container.meta .actions .leave-group{cursor:pointer;display:flex;align-items:center;padding:10px;border-radius:4px;position:relative}.GroupSettings .container.meta .actions .leave-group:hover{background:rgba(232,67,38,.1)}.GroupSettings .container.meta .actions .leave-group path,.GroupSettings .container.meta .actions .leave-group svg{fill:#e84326;margin-right:10px}.GroupSettings .container.meta .actions .leave-group p{color:#e84326;-webkit-user-select:none;-ms-user-select:none;user-select:none}.GroupSettings .container.meta .actions .leave-group .hover-title{display:none;position:absolute;top:-15px;left:0;background:#ddd;color:#000;font-size:12px;padding:2px 6px;white-space:nowrap;z-index:3000}.GroupSettings .container.meta .actions .leave-group.leave-group-disabled:hover{background:none}.GroupSettings .container.meta .actions .leave-group.leave-group-disabled:hover .hover-title{display:inline}.GroupSettings .container.meta .actions .update-btn{width:40%}.GroupSettings .container.lists{background:#e5edf1;flex:3 1;height:100%}.GroupSettings .container.lists .tab-bar{display:flex}.GroupSettings .container.lists .tab-bar p{cursor:pointer;padding:5px;border-radius:4px}.GroupSettings .container.lists .tab-bar p.current,.GroupSettings .container.lists .tab-bar p:hover{background:#b0c4ce}.GroupSettings .container.lists .tab-bar p+p{margin-left:20px}.GroupSettings .container.lists .list-containers{height:100%;padding-top:30px;display:flex}.GroupSettings .container.lists .list-containers .grouping{flex:1 1;display:flex;flex-direction:column}.GroupSettings .container.lists .list-containers .grouping .title{font-weight:600}.GroupSettings .container.lists .list-containers .grouping .sub-title{margin-top:20px}.GroupSettings .container.lists .list-containers .grouping .list{flex:1 1;overflow:scroll;margin-bottom:25px}.GroupSettings .container.lists .list-containers .grouping .list ul{height:100%;padding-top:25px}.GroupSettings .container.lists .list-containers .grouping .list ul .empty-list{margin-bottom:10px}.GroupSettings .container.lists .list-containers .grouping .list ul li{display:flex;align-items:center;position:relative}.GroupSettings .container.lists .list-containers .grouping .list ul li:hover .controls{display:flex}.GroupSettings .container.lists .list-containers .grouping .list ul li.topic{cursor:pointer}.GroupSettings .container.lists .list-containers .grouping .list ul li .controls{display:none;position:absolute;right:0}.GroupSettings .container.lists .list-containers .grouping .list ul li .controls .action{background:#b0c4ce;padding:3px 4px;border-radius:50%;color:#3c3c3c;font-size:12px;cursor:pointer}.GroupSettings .container.lists .list-containers .grouping .list ul li .controls .action.reject{margin-right:5px}.GroupSettings .container.lists .list-containers .grouping .list ul li .no-img,.GroupSettings .container.lists .list-containers .grouping .list ul li img{height:25px;width:25px;border-radius:4px;border:none;margin-right:10px}.GroupSettings .container.lists .list-containers .grouping .list ul li:nth-of-type(5n+1) .no-img,.GroupSettings .container.lists .list-containers .grouping .list ul li:nth-of-type(5n+1) img{background:transparent linear-gradient(307deg,#00ff94,#007caf) 0 0 no-repeat padding-box}.GroupSettings .container.lists .list-containers .grouping .list ul li:nth-of-type(5n+2) .no-img,.GroupSettings .container.lists .list-containers .grouping .list ul li:nth-of-type(5n+2) img{background:transparent linear-gradient(135deg,#003044,#00c4ff) 0 0 no-repeat padding-box}.GroupSettings .container.lists .list-containers .grouping .list ul li:nth-of-type(5n+3) .no-img,.GroupSettings .container.lists .list-containers .grouping .list ul li:nth-of-type(5n+3) img{background:transparent linear-gradient(315deg,#d3ef00,#00ac64) 0 0 no-repeat padding-box}.GroupSettings .container.lists .list-containers .grouping .list ul li:nth-of-type(5n+4) .no-img,.GroupSettings .container.lists .list-containers .grouping .list ul li:nth-of-type(5n+4) img{background:transparent linear-gradient(315deg,#ffd803,#fc4317) 0 0 no-repeat padding-box}.GroupSettings .container.lists .list-containers .grouping .list ul li:nth-of-type(5n+5) .no-img,.GroupSettings .container.lists .list-containers .grouping .list ul li:nth-of-type(5n+5) img{background:transparent linear-gradient(315deg,#f23e9f,#6c2196) 0 0 no-repeat padding-box}.GroupSettings .container.lists .list-containers .grouping .list ul li+li{margin-top:10px}.GroupSettings .container.lists .list-containers .grouping.members{margin-right:15px}.GroupSettings .container.lists .admin-settings{height:100%;padding-top:30px;display:flex;flex-direction:column}.GroupSettings .container.lists .admin-settings .list-containers .grouping.admins .list ul .add-admin{cursor:pointer}@media (max-width:900px){.loading{padding-top:30%}.GroupSettings{height:100vh;flex-direction:column;overflow:scroll}.GroupSettings .container{width:100%}.GroupSettings .container.meta{max-width:unset;flex:unset;height:auto;overflow:unset}.GroupSettings .container.lists .admin-settings{height:auto}.GroupSettings .container.lists .admin-settings .list-containers{flex-direction:column;overflow:unset}.GroupSettings .container.lists .admin-settings .list-containers .grouping{height:auto;flex:unset}}.VideoOptionsModal{position:relative;height:100%;overflow:hidden}.VideoOptionsModal .header{padding-top:5px;padding-bottom:20px;position:relative;display:flex;justify-content:center;align-items:center}.VideoOptionsModal .header .back{position:absolute;left:0;background:unset;border:unset;color:#25a4b4}.VideoOptionsModal .header .title{text-align:center}.VideoOptionsModal .view{position:absolute;height:90%;width:100%;overflow:scroll;transition:left .3s ease-in-out}.VideoOptionsModal .view.hide{left:100%}.VideoOptionsModal .view.show{left:0}.VideoOptionsModal .view .InputField{margin:0}.VideoOptionsModal .view .list-label{margin:20px 0}.VideoOptionsModal .view .options{position:relative;height:unset}.VideoOptionsModal .view .options .option.wide{padding:25px 0}.VideoOptionsModal .view .options .option .tag-btn{min-height:unset;height:30px;width:60px}.VideoOptionsModal .view .options .option .tag-btn.tag{border:1px solid #25a4b4;background:#fff;color:#25a4b4}.VideoOptionsModal .view .options .option .tag-btn.tag:hover{background:#f2f2f2}.VideoOptionsModal .options{position:absolute;width:100%;height:90%;overflow:scroll;transition:left .3s ease-in-out}.VideoOptionsModal .options.hide{left:-100%}.VideoOptionsModal .options.hide.right{left:100%}.VideoOptionsModal .options.show{left:0}.VideoOptionsModal .options .option{padding:25px 10px;border-top:1px solid #b0c4ce;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.VideoOptionsModal .options .option.noclick{cursor:unset}.VideoOptionsModal .options .option.norow{border-top:unset}.VideoOptionsModal .options .option:not(.noclick):hover .count,.VideoOptionsModal .options .option:not(.noclick):hover .label{color:#25a4b4}.VideoOptionsModal .options .option.delete{color:#e84326}.VideoOptionsModal .options .option.delete:not(.noclick):hover .count,.VideoOptionsModal .options .option.delete:not(.noclick):hover .label{color:#982410}.VideoOptionsModal .options .option.delete .meta .icon{fill:#e84326}.VideoOptionsModal .options .option.delete .meta .icon line{stroke:#e84326}.VideoOptionsModal .options .option .meta{display:flex;justify-content:center;align-items:center}.VideoOptionsModal .options .option .meta.wide{width:100%}.VideoOptionsModal .options .option .meta .icon{max-height:20px;max-width:20px}.VideoOptionsModal .options .option .meta .icon.small{max-width:15px;margin-left:1px}.VideoOptionsModal .options .option .meta .icon.large{max-height:25px;max-width:25px}.VideoOptionsModal .options .option .meta .label{margin-left:10px}.VideoOptionsModal .options .option .meta .label.center{margin:auto;width:100%;text-align:center}.VideoOptionsModal .options .option .count{margin-right:25px}.VideoOptionsModal .options .option .confirm-btn{width:45%}.VideoOptionsModal .options .option .confirm-btn.delete{background:#e84326}.VideoOptionsModal .options .option .confirm-btn.delete:hover{background:#982410}.VideoOptionsModal .options .option .confirm-btn+.confirm-btn{margin-left:10%}.Playback,.Record{height:100%;overflow:hidden;position:relative}.Playback .video-player,.Record .video-player{background:#000;height:100%}.Playback .video-player .video,.Record .video-player .video{height:100%;width:100%}.Playback .video-controls-overlay,.Record .video-controls-overlay{position:absolute;height:100%;width:100%;z-index:1000;top:0}.Playback .video-controls-overlay .navigation-container,.Record .video-controls-overlay .navigation-container{position:absolute;padding:10px;background-color:rgba(0,0,0,.5);border-radius:5px;top:2.5%;left:2.5%;display:flex;flex-direction:column}.Playback .video-controls-overlay .navigation-container .back-button,.Record .video-controls-overlay .navigation-container .back-button{display:flex;align-items:center}.Playback .video-controls-overlay .navigation-container .back-button img,.Record .video-controls-overlay .navigation-container .back-button img{margin-right:10px;cursor:pointer}.Playback .video-controls-overlay .navigation-container .back-button p,.Record .video-controls-overlay .navigation-container .back-button p{color:#00ff94;cursor:pointer}.Playback .video-controls-overlay .navigation-container .topic-info,.Record .video-controls-overlay .navigation-container .topic-info{display:flex;align-items:center;margin-top:25px}.Playback .video-controls-overlay .navigation-container .topic-info img,.Record .video-controls-overlay .navigation-container .topic-info img{background:transparent linear-gradient(307deg,#00ff94,#007caf) 0 0 no-repeat padding-box;height:25px;width:25px;margin-right:10px;border-radius:4px}.Playback .video-controls-overlay .navigation-container .topic-info p,.Record .video-controls-overlay .navigation-container .topic-info p{color:#fff}.Playback .video-controls-overlay .text-on-video-overlay,.Record .video-controls-overlay .text-on-video-overlay{position:absolute;min-height:50px;width:300px;left:calc(50% - 150px);top:200px}.Playback .video-controls-overlay .text-on-video-overlay .overlay-text,.Record .video-controls-overlay .text-on-video-overlay .overlay-text{color:#fff;width:100%;text-align:center;cursor:default;font-size:20px}.Playback .video-controls-overlay .center-play-icon,.Record .video-controls-overlay .center-play-icon{position:absolute;height:100px;width:200px;top:calc(50% - 50px);left:calc(50% - 100px);display:none;align-items:center}.Playback .video-controls-overlay .center-play-icon.show,.Record .video-controls-overlay .center-play-icon.show{display:flex}.Playback .video-controls-overlay .center-play-icon svg,.Record .video-controls-overlay .center-play-icon svg{height:50px;width:50px;cursor:pointer}.Playback .video-controls-overlay .center-play-icon svg.play,.Record .video-controls-overlay .center-play-icon svg.play{height:100px;width:100px;margin:0 20px}.Playback .video-controls-overlay .controls,.Record .video-controls-overlay .controls{position:absolute;height:90px;width:95%;left:2.5%;bottom:20px;background-color:rgba(0,0,0,.5);padding:0 5px;border-radius:5px;display:flex;flex-direction:column;justify-content:space-between}.Playback .video-controls-overlay .controls .meta,.Record .video-controls-overlay .controls .meta{min-height:35px;display:flex;justify-content:space-between}.Playback .video-controls-overlay .controls .meta .publisher,.Record .video-controls-overlay .controls .meta .publisher{display:flex;align-items:flex-end;color:#fff}.Playback .video-controls-overlay .controls .meta .publisher .author,.Record .video-controls-overlay .controls .meta .publisher .author{margin-right:10px}.Playback .video-controls-overlay .controls .meta .publisher .timestamp,.Record .video-controls-overlay .controls .meta .publisher .timestamp{color:hsla(0,0%,100%,.5)}.Playback .video-controls-overlay .controls .meta .attachment .attach-url-btn,.Record .video-controls-overlay .controls .meta .attachment .attach-url-btn{color:#00ff94;background:transparent;border:2px solid #00ff94}.Playback .video-controls-overlay .controls .meta .attachment .attach-url-btn:hover,.Record .video-controls-overlay .controls .meta .attachment .attach-url-btn:hover{background:#00ff94;color:#000}.Playback .video-controls-overlay .controls .meta .attachment .attach-url-btn .attach-url-btn-icon,.Record .video-controls-overlay .controls .meta .attachment .attach-url-btn .attach-url-btn-icon{margin-right:10px;border-radius:4px}.Playback .video-controls-overlay .controls .controls-action-container,.Record .video-controls-overlay .controls .controls-action-container{padding:unset;width:100%;display:flex;justify-content:space-between;background:transparent}.Playback .video-controls-overlay .controls .controls-action-container .actions,.Record .video-controls-overlay .controls .controls-action-container .actions{min-width:150px;display:flex}.Playback .video-controls-overlay .controls .controls-action-container .actions .action-item,.Record .video-controls-overlay .controls .controls-action-container .actions .action-item{flex:1 1;display:flex;justify-content:center;align-items:center;position:relative}.Playback .video-controls-overlay .controls .controls-action-container .actions .action-item .action-list-dropdown .dropdown-content,.Record .video-controls-overlay .controls .controls-action-container .actions .action-item .action-list-dropdown .dropdown-content{padding:5px;bottom:35px}.Playback .video-controls-overlay .controls .controls-action-container .actions .action-item .action-list-dropdown .dropdown-content .action-list,.Record .video-controls-overlay .controls .controls-action-container .actions .action-item .action-list-dropdown .dropdown-content .action-list{display:flex;min-width:80px}.Playback .video-controls-overlay .controls .controls-action-container .actions .action-item .action-list-dropdown .dropdown-content .action-list li,.Record .video-controls-overlay .controls .controls-action-container .actions .action-item .action-list-dropdown .dropdown-content .action-list li{padding:0 5px;border-top:unset}.Playback .video-controls-overlay .controls .controls-action-container .actions .action-item .action-list-dropdown .dropdown-content .action-list li svg,.Record .video-controls-overlay .controls .controls-action-container .actions .action-item .action-list-dropdown .dropdown-content .action-list li svg{height:20px;width:20px;fill:#fff}.Playback .video-controls-overlay .controls .controls-action-container .actions .action-item .action-item-logo,.Record .video-controls-overlay .controls .controls-action-container .actions .action-item .action-item-logo{height:28px;width:28px}.Playback .video-controls-overlay .controls .controls-action-container .actions .action-item .action-item-logo circle,.Playback .video-controls-overlay .controls .controls-action-container .actions .action-item .action-item-logo g,.Playback .video-controls-overlay .controls .controls-action-container .actions .action-item .action-item-logo path,.Playback .video-controls-overlay .controls .controls-action-container .actions .action-item .action-item-logo svg,.Record .video-controls-overlay .controls .controls-action-container .actions .action-item .action-item-logo circle,.Record .video-controls-overlay .controls .controls-action-container .actions .action-item .action-item-logo g,.Record .video-controls-overlay .controls .controls-action-container .actions .action-item .action-item-logo path,.Record .video-controls-overlay .controls .controls-action-container .actions .action-item .action-item-logo svg{fill:#fff!important}.Playback .video-controls-overlay .controls .controls-action-container .actions .action-item .action-item-logo:hover .action-item-logo-img,.Record .video-controls-overlay .controls .controls-action-container .actions .action-item .action-item-logo:hover .action-item-logo-img{background:#fff;fill:#000}.Playback .video-controls-overlay .controls .controls-action-container .actions .action-item .action-item-logo:hover .action-item-logo-img .eye,.Playback .video-controls-overlay .controls .controls-action-container .actions .action-item .action-item-logo:hover .action-item-logo-img .smile,.Playback .video-controls-overlay .controls .controls-action-container .actions .action-item .action-item-logo:hover .action-item-logo-img circle,.Record .video-controls-overlay .controls .controls-action-container .actions .action-item .action-item-logo:hover .action-item-logo-img .eye,.Record .video-controls-overlay .controls .controls-action-container .actions .action-item .action-item-logo:hover .action-item-logo-img .smile,.Record .video-controls-overlay .controls .controls-action-container .actions .action-item .action-item-logo:hover .action-item-logo-img circle{fill:#000!important}.Playback .video-controls-overlay .controls .controls-action-container .actions .action-item .action-item-logo:hover .action-item-logo-text,.Record .video-controls-overlay .controls .controls-action-container .actions .action-item .action-item-logo:hover .action-item-logo-text{color:#000;background:#fff}.Playback .video-controls-overlay .controls .controls-action-container .actions .action-item .action-item-logo .action-item-logo-img,.Playback .video-controls-overlay .controls .controls-action-container .actions .action-item .action-item-logo .action-item-logo-text,.Record .video-controls-overlay .controls .controls-action-container .actions .action-item .action-item-logo .action-item-logo-img,.Record .video-controls-overlay .controls .controls-action-container .actions .action-item .action-item-logo .action-item-logo-text{height:28px;width:28px;border-radius:100%;cursor:pointer}.Playback .video-controls-overlay .controls .controls-action-container .actions .action-item .action-item-logo .action-item-logo-text,.Record .video-controls-overlay .controls .controls-action-container .actions .action-item .action-item-logo .action-item-logo-text{border:2px solid #fff;color:#fff;display:flex;justify-content:center;align-items:center;font-size:12px}.Playback .video-controls-overlay .controls .controls-action-container .reaction-options,.Record .video-controls-overlay .controls .controls-action-container .reaction-options{width:240px;padding:8px;background:rgba(75,75,75,.8);border-radius:20px;position:absolute;top:-45px;left:0;display:flex;justify-content:space-around}.Playback .video-controls-overlay .controls .controls-action-container .reaction-options .reaction-option,.Record .video-controls-overlay .controls .controls-action-container .reaction-options .reaction-option{width:25px;height:25px;cursor:pointer}.Playback .video-controls-overlay .controls .controls-action-container .progress-bar,.Record .video-controls-overlay .controls .controls-action-container .progress-bar{flex:1 1;display:flex;padding:0 20px}.Playback .video-controls-overlay .controls .controls-action-container .progress-bar .video-control-time,.Record .video-controls-overlay .controls .controls-action-container .progress-bar .video-control-time{color:#fff;display:flex;justify-content:center;align-items:center;font-size:20px}.Playback .video-controls-overlay .controls .controls-action-container .progress-bar .video-control-slider,.Record .video-controls-overlay .controls .controls-action-container .progress-bar .video-control-slider{flex:1 1;padding:0 20px;display:flex;justify-content:center;align-items:center}.Playback .video-controls-overlay .controls .controls-action-container .progress-bar .video-control-slider .Slider,.Record .video-controls-overlay .controls .controls-action-container .progress-bar .video-control-slider .Slider{flex:1 1;background:hsla(0,0%,100%,.3);height:5px;cursor:pointer}.Playback .video-controls-overlay .controls .controls-action-container .progress-bar .video-control-slider .Slider .slider-bar,.Record .video-controls-overlay .controls .controls-action-container .progress-bar .video-control-slider .Slider .slider-bar{background:#fff;border-radius:4px;height:100%}.Playback .video-controls-overlay .controls .controls-action-container .progress-bar .video-control-slider .Slider .slider-handle,.Record .video-controls-overlay .controls .controls-action-container .progress-bar .video-control-slider .Slider .slider-handle{background:#fff;height:18px;width:18px;border-radius:100%;margin-left:8px;position:absolute;top:-6px}.Playback .video-controls-overlay .controls .controls-action-container .record,.Record .video-controls-overlay .controls .controls-action-container .record{min-width:150px;display:flex;align-items:center;justify-content:flex-end}.Playback .video-controls-overlay .controls .controls-action-container .record .record-button,.Record .video-controls-overlay .controls .controls-action-container .record .record-button{background:#25a4b4;display:flex;align-items:center;justify-content:center;border-radius:100%;height:50px;width:50px}.Playback .video-controls-overlay .controls .controls-action-container .record .record-button:hover,.Record .video-controls-overlay .controls .controls-action-container .record .record-button:hover{background:#186a75}.Playback .video-controls-overlay .controls .controls-action-container .record .record-button:hover .reply-icon path,.Playback .video-controls-overlay .controls .controls-action-container .record .record-button:hover .reply-icon rect,.Playback .video-controls-overlay .controls .controls-action-container .record .record-button:hover .reply-icon svg,.Record .video-controls-overlay .controls .controls-action-container .record .record-button:hover .reply-icon path,.Record .video-controls-overlay .controls .controls-action-container .record .record-button:hover .reply-icon rect,.Record .video-controls-overlay .controls .controls-action-container .record .record-button:hover .reply-icon svg{fill:#d9d9d9}.Playback .video-controls-overlay .controls .controls-action-container .record .record-button .reply-icon,.Record .video-controls-overlay .controls .controls-action-container .record .record-button .reply-icon{max-height:80%;max-width:80%}@media (max-width:768px){.Playback .video-controls-overlay .center-play-icon svg{height:35px;width:35px}.Playback .video-controls-overlay .center-play-icon svg.play{height:50px;width:50px}.Playback .video-controls-overlay .timeline-container{width:65px}.Playback .video-controls-overlay .timeline-container .video-item{width:65px;height:65px}.Playback .video-controls-overlay .controls .controls-action-container .actions{min-width:unset}.Playback .video-controls-overlay .controls .controls-action-container .actions .action-item{margin-right:10px}.Playback .video-controls-overlay .controls .controls-action-container .progress-bar{width:100%;padding:0 10px}.Playback .video-controls-overlay .controls .controls-action-container .progress-bar .video-control-slider{padding:0 10px 0 0}.Playback .video-controls-overlay .controls .controls-action-container .progress-bar .video-control-slider .Slider{height:10px;border-radius:5px}.Playback .video-controls-overlay .controls .controls-action-container .record{min-width:unset}}.AttachUrlModal,.SelectInputDeviceModal{padding:40px 0;height:100%;display:flex;flex-direction:column}.AttachUrlModal .title,.SelectInputDeviceModal .title{text-align:center;width:100%;font-weight:600}.AttachUrlModal .sub-title,.SelectInputDeviceModal .sub-title{margin:20px 0;text-align:center}.AttachUrlModal .inputs .dropdown-action .dropdown-content,.SelectInputDeviceModal .inputs .dropdown-action .dropdown-content{top:25px;bottom:unset}.AttachUrlModal .inputs .dropdown-action .container,.SelectInputDeviceModal .inputs .dropdown-action .container{margin:50px 0;display:flex;justify-content:center;align-items:center;cursor:pointer}.AttachUrlModal .inputs .dropdown-action .container:hover .selector,.SelectInputDeviceModal .inputs .dropdown-action .container:hover .selector{color:#03d6c6}.AttachUrlModal .inputs .dropdown-action .container:hover svg,.SelectInputDeviceModal .inputs .dropdown-action .container:hover svg{fill:#03d6c6}.AttachUrlModal .inputs .dropdown-action .container .selector,.SelectInputDeviceModal .inputs .dropdown-action .container .selector{color:#02a497;max-width:150px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.AttachUrlModal .inputs .dropdown-action .container svg,.SelectInputDeviceModal .inputs .dropdown-action .container svg{height:14px;fill:#02a497;margin-left:10px}.AttachUrlModal .inputs .dropdown-action .container+.container,.SelectInputDeviceModal .inputs .dropdown-action .container+.container{margin-left:30px}.AttachUrlModal .inputs .dropdown-action .container.recording,.AttachUrlModal .inputs .dropdown-action .container.recording:hover .selector,.SelectInputDeviceModal .inputs .dropdown-action .container.recording,.SelectInputDeviceModal .inputs .dropdown-action .container.recording:hover .selector{color:#000d0c}.AttachUrlModal .inputs .dropdown-action .container.recording:hover svg,.SelectInputDeviceModal .inputs .dropdown-action .container.recording:hover svg{fill:#000d0c}.AttachUrlModal .inputs .dropdown-action .container.recording .selector,.SelectInputDeviceModal .inputs .dropdown-action .container.recording .selector{color:#000d0c}.AttachUrlModal .inputs .dropdown-action .container.recording svg,.SelectInputDeviceModal .inputs .dropdown-action .container.recording svg{fill:#000d0c}.AttachUrlModal .save-devices,.SelectInputDeviceModal .save-devices{width:60%;margin:25px auto}.AttachUrlModal{padding:20px 0}.AttachUrlModal .preview-url{display:flex;justify-content:center;align-items:center;background:#b0c4ce;border-radius:8px;height:100%;position:relative}.AttachUrlModal .preview-url p{color:#fff}.AttachUrlModal .preview-url iframe{border-radius:8px;object-fit:cover;height:400%;min-width:400%;transform:scale(.25)}.AttachUrlModal .preview-url .iframe-cover{position:absolute;height:100%;width:100%}.AttachUrlModal .mini-text{font-size:12px;margin-top:2px;margin-left:2px}.AttachUrlModal .actions{height:100%;width:100%;margin:auto;display:flex;flex-direction:column;align-items:center}.AttachUrlModal .actions .attach-url-input{width:100%;margin:30px 0}.AttachUrlModal .actions .buttons{width:100%;display:flex;justify-content:space-between}.AttachUrlModal .actions .buttons .Button{width:46%}.Record{background:#000;height:100%;padding:0 80px;overflow:hidden;position:relative;display:flex;flex-direction:column}.Record .navigation-container{height:70px;background:transparent;display:flex;justify-content:space-between;align-items:center;color:#03d6c6}.Record .navigation-container .back-button{cursor:pointer;display:flex;font-size:16px}.Record .navigation-container .back-button svg{margin-right:5px}.Record .navigation-container .topic-info{color:#fff}.Record .navigation-container .topic-info .preview{padding:5px 10px;background:#3c3c3c;border-radius:15px}.Record .navigation-container .actions{position:relative;display:flex}.Record .navigation-container .actions .add-text{font-weight:700;margin-right:20px;margin-top:5px;cursor:pointer}.Record .navigation-container .actions .add-text.active svg text{fill:#25a4b4}.Record .navigation-container .actions .add-text svg text{font-size:22px}.Record .navigation-container .actions .attach-url,.Record .navigation-container .actions .upload-file{min-height:25px;min-width:25px;display:flex;align-items:center}.Record .navigation-container .actions .attach-url+.attach-url,.Record .navigation-container .actions .attach-url+.upload-file,.Record .navigation-container .actions .upload-file+.attach-url,.Record .navigation-container .actions .upload-file+.upload-file{margin-left:15px}.Record .navigation-container .actions .attach-url #upload-file-btn,.Record .navigation-container .actions .upload-file #upload-file-btn{display:none}.Record .navigation-container .actions .attach-url.attach-url svg,.Record .navigation-container .actions .upload-file.attach-url svg{height:20px;width:20px}.Record .navigation-container .actions .attach-url svg,.Record .navigation-container .actions .upload-file svg{cursor:pointer;height:25px;max-width:25px;fill:#fff}.Record .navigation-container .actions .attach-url-btn{z-index:100;position:absolute;top:30px;right:0;color:#fff;background:transparent;border:1px solid #fff}.Record .navigation-container .actions .attach-url-btn .attach-url-btn-icon{margin-right:5px;border-radius:4px}.Record .navigation-container .actions .attach-url-btn .attach-url-btn-close{padding:5px;height:10px;width:10px;margin-left:5px}.Record .navigation-container .actions .attach-url-btn .attach-url-btn-close line,.Record .navigation-container .actions .attach-url-btn .attach-url-btn-close svg{stroke:#fff}.Record .video-player .record-preview-container{border:1px solid transparent;position:relative;height:100%;max-height:calc(100vh - 140px);width:100%}.Record .video-player .record-preview-container #audio-preview,.Record .video-player .record-preview-container #text-preview{border:1px solid #7e99a8;height:80%;width:100%;margin-top:5%}.Record .video-player .record-preview-container #audio-preview#audio-preview,.Record .video-player .record-preview-container #text-preview#audio-preview{display:flex;flex-direction:column;justify-content:center;align-items:center}.Record .video-player .record-preview-container #audio-preview#audio-preview .user-image,.Record .video-player .record-preview-container #text-preview#audio-preview .user-image{height:140px;width:140px;border-radius:100%;border:1px solid #fff}.Record .video-player .record-preview-container #audio-preview#audio-preview .user-name,.Record .video-player .record-preview-container #text-preview#audio-preview .user-name{margin-top:10px;color:#fff}.Record .video-player .record-preview-container #audio-preview#text-preview,.Record .video-player .record-preview-container #text-preview#text-preview{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:text}.Record .video-player .record-preview-container #audio-preview#text-preview.color-white .upload-text::-webkit-input-placeholder,.Record .video-player .record-preview-container #text-preview#text-preview.color-white .upload-text::-webkit-input-placeholder{color:#fff}.Record .video-player .record-preview-container #audio-preview#text-preview.color-white .upload-text:-ms-input-placeholder,.Record .video-player .record-preview-container #text-preview#text-preview.color-white .upload-text:-ms-input-placeholder{color:#fff}.Record .video-player .record-preview-container #audio-preview#text-preview.color-white .upload-text::-ms-input-placeholder,.Record .video-player .record-preview-container #text-preview#text-preview.color-white .upload-text::-ms-input-placeholder{color:#fff}.Record .video-player .record-preview-container #audio-preview#text-preview.color-white,.Record .video-player .record-preview-container #audio-preview#text-preview.color-white .upload-text,.Record .video-player .record-preview-container #audio-preview#text-preview.color-white .upload-text::placeholder,.Record .video-player .record-preview-container #text-preview#text-preview.color-white,.Record .video-player .record-preview-container #text-preview#text-preview.color-white .upload-text,.Record .video-player .record-preview-container #text-preview#text-preview.color-white .upload-text::placeholder{color:#fff}.Record .video-player .record-preview-container #audio-preview#text-preview.color-yellow .upload-text::-webkit-input-placeholder,.Record .video-player .record-preview-container #text-preview#text-preview.color-yellow .upload-text::-webkit-input-placeholder{color:#eff003}.Record .video-player .record-preview-container #audio-preview#text-preview.color-yellow .upload-text:-ms-input-placeholder,.Record .video-player .record-preview-container #text-preview#text-preview.color-yellow .upload-text:-ms-input-placeholder{color:#eff003}.Record .video-player .record-preview-container #audio-preview#text-preview.color-yellow .upload-text::-ms-input-placeholder,.Record .video-player .record-preview-container #text-preview#text-preview.color-yellow .upload-text::-ms-input-placeholder{color:#eff003}.Record .video-player .record-preview-container #audio-preview#text-preview.color-yellow,.Record .video-player .record-preview-container #audio-preview#text-preview.color-yellow .upload-text,.Record .video-player .record-preview-container #audio-preview#text-preview.color-yellow .upload-text::placeholder,.Record .video-player .record-preview-container #text-preview#text-preview.color-yellow,.Record .video-player .record-preview-container #text-preview#text-preview.color-yellow .upload-text,.Record .video-player .record-preview-container #text-preview#text-preview.color-yellow .upload-text::placeholder{color:#eff003}.Record .video-player .record-preview-container #audio-preview#text-preview.color-red .upload-text::-webkit-input-placeholder,.Record .video-player .record-preview-container #text-preview#text-preview.color-red .upload-text::-webkit-input-placeholder{color:#f60078}.Record .video-player .record-preview-container #audio-preview#text-preview.color-red .upload-text:-ms-input-placeholder,.Record .video-player .record-preview-container #text-preview#text-preview.color-red .upload-text:-ms-input-placeholder{color:#f60078}.Record .video-player .record-preview-container #audio-preview#text-preview.color-red .upload-text::-ms-input-placeholder,.Record .video-player .record-preview-container #text-preview#text-preview.color-red .upload-text::-ms-input-placeholder{color:#f60078}.Record .video-player .record-preview-container #audio-preview#text-preview.color-red,.Record .video-player .record-preview-container #audio-preview#text-preview.color-red .upload-text,.Record .video-player .record-preview-container #audio-preview#text-preview.color-red .upload-text::placeholder,.Record .video-player .record-preview-container #text-preview#text-preview.color-red,.Record .video-player .record-preview-container #text-preview#text-preview.color-red .upload-text,.Record .video-player .record-preview-container #text-preview#text-preview.color-red .upload-text::placeholder{color:#f60078}.Record .video-player .record-preview-container #audio-preview#text-preview.color-blue .upload-text::-webkit-input-placeholder,.Record .video-player .record-preview-container #text-preview#text-preview.color-blue .upload-text::-webkit-input-placeholder{color:#00b0e3}.Record .video-player .record-preview-container #audio-preview#text-preview.color-blue .upload-text:-ms-input-placeholder,.Record .video-player .record-preview-container #text-preview#text-preview.color-blue .upload-text:-ms-input-placeholder{color:#00b0e3}.Record .video-player .record-preview-container #audio-preview#text-preview.color-blue .upload-text::-ms-input-placeholder,.Record .video-player .record-preview-container #text-preview#text-preview.color-blue .upload-text::-ms-input-placeholder{color:#00b0e3}.Record .video-player .record-preview-container #audio-preview#text-preview.color-blue,.Record .video-player .record-preview-container #audio-preview#text-preview.color-blue .upload-text,.Record .video-player .record-preview-container #audio-preview#text-preview.color-blue .upload-text::placeholder,.Record .video-player .record-preview-container #text-preview#text-preview.color-blue,.Record .video-player .record-preview-container #text-preview#text-preview.color-blue .upload-text,.Record .video-player .record-preview-container #text-preview#text-preview.color-blue .upload-text::placeholder{color:#00b0e3}.Record .video-player .record-preview-container #audio-preview#text-preview.color-green .upload-text::-webkit-input-placeholder,.Record .video-player .record-preview-container #text-preview#text-preview.color-green .upload-text::-webkit-input-placeholder{color:#7dd321}.Record .video-player .record-preview-container #audio-preview#text-preview.color-green .upload-text:-ms-input-placeholder,.Record .video-player .record-preview-container #text-preview#text-preview.color-green .upload-text:-ms-input-placeholder{color:#7dd321}.Record .video-player .record-preview-container #audio-preview#text-preview.color-green .upload-text::-ms-input-placeholder,.Record .video-player .record-preview-container #text-preview#text-preview.color-green .upload-text::-ms-input-placeholder{color:#7dd321}.Record .video-player .record-preview-container #audio-preview#text-preview.color-green,.Record .video-player .record-preview-container #audio-preview#text-preview.color-green .upload-text,.Record .video-player .record-preview-container #audio-preview#text-preview.color-green .upload-text::placeholder,.Record .video-player .record-preview-container #text-preview#text-preview.color-green,.Record .video-player .record-preview-container #text-preview#text-preview.color-green .upload-text,.Record .video-player .record-preview-container #text-preview#text-preview.color-green .upload-text::placeholder{color:#7dd321}.Record .video-player .record-preview-container #audio-preview#text-preview .upload-text,.Record .video-player .record-preview-container #text-preview#text-preview .upload-text{font-size:20px;width:400px;padding-top:20px;line-height:1.3;background:unset;border:unset;outline:unset;resize:unset;text-align:center}.Record .video-player .record-preview-container #audio-preview#text-preview .upload-text-max,.Record .video-player .record-preview-container #text-preview#text-preview .upload-text-max{margin-top:-20px;font-size:12px}.Record .video-player .record-preview-container .add-text-overlay{position:absolute;width:100%;top:20%;display:flex;justify-content:center;align-items:center;flex-direction:column}.Record .video-player .record-preview-container .add-text-overlay .input-text{background:transparent;border:0;text-align:center;color:#fff;font-size:20px;height:20px;resize:unset}.Record .video-player .record-preview-container .add-text-overlay .input-text::-webkit-input-placeholder{color:#fff}.Record .video-player .record-preview-container .add-text-overlay .input-text:-ms-input-placeholder{color:#fff}.Record .video-player .record-preview-container .add-text-overlay .input-text::-ms-input-placeholder{color:#fff}.Record .video-player .record-preview-container .add-text-overlay .input-text::placeholder{color:#fff}.Record .video-player .record-preview-container .add-text-overlay .input-text:focus{outline:unset}.Record .video-player .record-preview-container .add-text-overlay .max-chars{color:#fff;margin-top:5px;font-size:12px}.Record .controls{height:70px;display:flex;align-items:flex-start;justify-content:space-between}.Record .controls .input-selectors{height:100%;display:flex;align-items:center}.Record .controls .input-selectors .levels{height:100%;width:30px;margin-right:15px;display:flex;flex-direction:column;justify-content:center}.Record .controls .input-selectors .levels .volume{height:4px;width:100%;background:#fff;border-radius:8px}.Record .controls .input-selectors .levels .volume+.volume{margin-top:4px}.Record .controls .input-selectors .levels .volume.active{background:#03d6c6}.Record .controls .input-selectors .container{display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer}.Record .controls .input-selectors .container .selector{color:#fff;max-width:150px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.Record .controls .input-selectors .container svg{height:14px;fill:#03d6c6;margin-left:10px}.Record .controls .input-selectors .container+.container{margin-left:30px}.Record .controls .input-selectors .container.recording,.Record .controls .input-selectors .container.recording .selector{color:#999}.Record .controls .input-selectors .container.recording svg{fill:#999}.Record .controls .input-selectors .audio,.Record .controls .input-selectors .video{color:#fff;display:block}.Record .controls .input-selectors .text{cursor:unset;height:80%}.Record .controls .input-selectors .text .color-selector{height:25px;width:25px;border-radius:100%;padding:2px}.Record .controls .input-selectors .text .color-selector .icon{height:100%;width:100%;border-radius:100%;cursor:pointer}.Record .controls .input-selectors .text .color-selector+.color-selector{margin-left:10px}.Record .controls .input-selectors .text .color-selector.white .icon{background:#fff}.Record .controls .input-selectors .text .color-selector.white.active{border:1px solid #fff}.Record .controls .input-selectors .text .color-selector.yellow .icon{background:#eff003}.Record .controls .input-selectors .text .color-selector.yellow.active{border:1px solid #eff003}.Record .controls .input-selectors .text .color-selector.red .icon{background:#f60078}.Record .controls .input-selectors .text .color-selector.red.active{border:1px solid #f60078}.Record .controls .input-selectors .text .color-selector.blue .icon{background:#00b0e3}.Record .controls .input-selectors .text .color-selector.blue.active{border:1px solid #00b0e3}.Record .controls .input-selectors .text .color-selector.green .icon{background:#7dd321}.Record .controls .input-selectors .text .color-selector.green.active{border:1px solid #7dd321}.Record .controls .meta{height:100%;min-width:80px}.Record .controls .meta,.Record .controls .meta .RecordingTimeCounter{display:flex;justify-content:center;align-items:center}.Record .controls .meta .RecordingTimeCounter .dot{display:block;height:5px;width:5px;border-radius:100%;background:#00ff94;margin-right:5px}.Record .controls .meta .RecordingTimeCounter p{color:#fff}.Record .controls .record{display:flex;align-items:center}.Record .controls .record .media-types-container{display:flex;justify-content:center;align-items:center}.Record .controls .record .media-types-container .media-type{width:30px;margin-right:5px;cursor:pointer}.Record .controls .record .media-types-container .media-type path,.Record .controls .record .media-types-container .media-type rect,.Record .controls .record .media-types-container .media-type text{fill:#fff}.Record .controls .record .media-types-container .media-type.active path,.Record .controls .record .media-types-container .media-type.active rect,.Record .controls .record .media-types-container .media-type.active text{fill:#03d6c6}.Record .controls .record .discard-button,.Record .controls .record .pause-button{margin-right:20px;padding:0 15px;background:transparent;color:#fff}.Record .controls .record .discard-button:hover,.Record .controls .record .pause-button:hover{color:#03d6c6}.Record .controls .record .record-button{height:60px;width:60px;border:3px solid #fff;border-radius:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.Record .controls .record .record-button .inner-shape{height:80%;width:80%;background:#f60078;border-radius:100%;display:flex;justify-content:center;align-items:center;transition:border-radius .5s ease-in-out,height .3s ease-in-out,width .3s ease-in-out,background-color .2s ease-in-out}.Record .controls .record .record-button .inner-shape svg{opacity:0;transition:opacity .3s ease-in-out;fill:#fff;height:25px;width:25px}.Record .controls .record .record-button .inner-shape:hover{background:#5d002d}.Record .controls .record .record-button.stop .inner-shape{height:60%;width:60%;border-radius:15%}.Record .controls .record .record-button.upload{border:unset}.Record .controls .record .record-button.upload .inner-shape{background:#7ed221;height:100%;width:100%;border-radius:100%}.Record .controls .record .record-button.upload .inner-shape svg{opacity:1}.Record .controls .record .record-button.upload .inner-shape:hover{background:#2f4e0c}.Record .controls .record .record-button.loading .inner-shape .loader{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;height:50%;width:50%;border-radius:100%;border-color:#fff transparent transparent #fff;border-style:solid;border-width:3px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.Record{padding:0 20px}.Record .controls{flex-direction:row-reverse;justify-content:center;flex-wrap:wrap;height:auto}.Record .controls .input-selectors{height:unset;width:100%}.Record .controls .input-selectors .text{width:100%}.Record .controls .input-selectors .audio,.Record .controls .input-selectors .levels,.Record .controls .input-selectors .video{display:none}.Record .controls .meta,.Record .controls .record{height:100%;padding-bottom:20px}.Record .controls .meta .record-button.loading,.Record .controls .record .record-button.loading{padding-top:unset}}
/*# sourceMappingURL=main.cd8bfcf7.chunk.css.map */