@import url(https://fonts.googleapis.com/css?family=Nunito:800|Source+Sans+Pro&display=swap);.sidebar-simple{left:-300px;z-index:10}.sidebar-btn-section{margin:27px auto 0;text-align:center}.sidebar-btn-section .btn-icon{margin:0 auto}@media (max-width:768px){.sidebar-simple{opacity:0;width:300px}.sidebar-simple.openedSidebar{-webkit-animation:animateWidth .3s ease-in forwards;animation:animateWidth .3s ease-in forwards}.sidebar-simple.closedSidebar{-webkit-animation:animateWidthBack .3s ease-out forwards;animation:animateWidthBack .3s ease-out forwards}}@-webkit-keyframes animateWidth{0%{left:-300px;opacity:0}to{left:0;opacity:1}}@keyframes animateWidth{0%{left:-300px;opacity:0}to{left:0;opacity:1}}@-webkit-keyframes animateWidthBack{0%{left:0;opacity:0}to{left:-300px}}@keyframes animateWidthBack{0%{left:0;opacity:0}to{left:-300px}}html{box-sizing:border-box;font-size:16px}body,html{height:100%}body{background:#444049;font-family:Source Sans Pro,sans-serif;font-size:1rem;font-weight:600}h1,h2,h3,h4,h5,h6{color:#fff;font-family:Nunito,sans-serif;font-weight:800;margin:0}#root{height:100%}*,:after,:before{box-sizing:border-box}.App,.App-Content{height:100%;min-height:100%;text-align:center;width:100%}.content-wrapper{height:100%;padding-top:70px}.wrapper{height:100%;margin-left:283px;padding-top:10px}canvas{font-family:Source Sans Pro,sans-serif;font-size:16px}.content,.tree{height:100%;width:100%}.dragging{fill:#000;stroke:red;background:#000;color:#000}.circle{background:#4682b4;border:1px solid red;border-radius:50%}.btn{border-radius:100px;border-radius:30px;color:#fff;cursor:pointer;font-size:.876rem;font-size:1rem;font-style:normal;font-weight:600;line-height:1.2rem;outline:none;padding:10px 40px}.btn-primary{background-color:#7858fb;border:1px solid #7858fb}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:hsla(0,0%,100%,.6)}.btn-secondary{background:transparent;border:1px solid #fff}.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{background:#2eaaea;cursor:pointer}.btn-cta{background-color:#ff519a;border:1px solid #ff519a}g{isolation:isolate}.node{cursor:pointer}.dragging{opacity:.2}.controll-section{max-height:250px;overflow:hidden}.block .hidden{display:none}.label{text-anchor:middle}.input{background-color:hsla(0,0%,100%,.3);border:none;border-radius:1.875rem;color:#fff;outline:none;padding:1rem 0 1rem 1rem}::-webkit-input-placeholder{opacity:.6}::placeholder{color:#fff;opacity:.6}:-ms-input-placeholder{color:#fff;opacity:.6}::-ms-input-placeholder{color:#fff;opacity:.6}.modal-bg{background-color:#322c3a!important;border-radius:20px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:60px 30px!important;text-align:center!important}.close-icon{fill:#7858fb;color:#7858fb;cursor:pointer}.video-call-wrapper{right:50px;top:100px}.video-call-wrapper img{cursor:pointer;height:55px;width:55px}.noselect,p,span,svg{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.menu,.svg-filters{display:none}@media (max-width:768px){.wrapper{padding-top:56px}.sidebar{padding-top:70px}.menu{display:block;-webkit-filter:url(#shadowed-goo);filter:url(#shadowed-goo);font-size:1.2rem;height:100px;left:0;margin:auto auto auto -80px;padding-left:80px;padding-top:20px;position:fixed;right:0;text-align:left;width:650px}.menu-item,.menu-open-button{background:#00bcd4;border-radius:100%;color:#fff;height:80px;line-height:80px;margin-left:1rem;position:absolute;text-align:center;top:1rem;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;width:80px}.menu-open{display:none}.menu-item:hover{background:#fff;color:#00bcd4}.menu-item:nth-child(3),.menu-item:nth-child(4),.menu-item:nth-child(5),.menu-item:nth-child(6){transition-duration:.18s}.menu-open-button{cursor:pointer;-webkit-transform:scale(1.1) translateZ(0);transform:scale(1.1) translateZ(0);transition-duration:.4s;transition-timing-function:cubic-bezier(.175,.885,.32,1.275);z-index:2}.menu-open-button:hover{-webkit-transform:scale(1.2) translateZ(0);transform:scale(1.2) translateZ(0)}.menu-open:checked+.menu-open-button{-webkit-transform:scale(.8) translateZ(0);transform:scale(.8) translateZ(0);transition-duration:.2s;transition-timing-function:linear}.menu-open:checked~.menu-item{transition-timing-function:cubic-bezier(.165,.84,.44,1)}.menu-open:checked~.menu-item:nth-child(3){-webkit-transform:translate3d(80px,0,0);transform:translate3d(80px,0,0);transition-duration:.19s}.menu-open:checked~.menu-item:nth-child(4){-webkit-transform:translate3d(162px,0,0);transform:translate3d(162px,0,0);transition-duration:.29s}.menu-open:checked~.menu-item:nth-child(5){-webkit-transform:translate3d(242px,0,0);transform:translate3d(242px,0,0);transition-duration:.39s}.menu-open:checked~.menu-item:nth-child(6){-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0);transition-duration:.49s}}.lds-ellipsis{display:inline-block;height:64px;position:relative;width:64px}.lds-ellipsis div{-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0);background:#fff;border-radius:50%;height:11px;position:absolute;top:27px;width:11px}.lds-ellipsis div:first-child{-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite;background:pink;left:6px}.lds-ellipsis div:nth-child(2){background:#fffaf0;left:6px}.lds-ellipsis div:nth-child(2),.lds-ellipsis div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){background:#bc8f8f;left:26px}.lds-ellipsis div:nth-child(4){-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite;background:#bc8f8f;left:45px}@-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(19px);transform:translate(19px)}}@keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(19px);transform:translate(19px)}}.loadingSpinner{background-color:#fff;box-shadow:0 40px 60px -20px rgba(0,0,0,.2);box-sizing:border-box;float:left;margin-left:8.3333333333%;margin-top:1.6666666667%;padding-left:.8333333333%;padding-right:.8333333333%;text-align:center;width:83.3333333333%}.spinner{background:#eee;display:inline-block;margin:40px;position:relative}.spinner,.spinner:after,.spinner:before{border-radius:50%;height:70px;width:70px}.spinner:after,.spinner:before{content:"";display:block}.spinner__2{background-color:#f43059}.spinner__2:after{left:18px}.spinner__2:after,.spinner__2:before{-webkit-animation:shrinkFull 3s linear infinite;animation:shrinkFull 3s linear infinite;background-color:#fff;height:18px;position:absolute;top:26px;-webkit-transform-origin:top 50%;transform-origin:top 50%;width:18px}.spinner__2:before{left:36px}@-webkit-keyframes shrinkFull{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.5);transform:scale(.5)}50%{-webkit-transform:scale(4.5);transform:scale(4.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes shrinkFull{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.5);transform:scale(.5)}50%{-webkit-transform:scale(4.5);transform:scale(4.5)}to{-webkit-transform:scale(1);transform:scale(1)}}ul{margin:0;padding:0}a,a:hover{color:#fff;text-decoration:none}h2{font-family:Source Sans Pro;font-size:2.5rem;font-weight:400}.link-btn{background:transparent;border:none;outline:none}.link-btn,.link-btn:hover{color:#ff519a;text-decoration:underline}.link-btn:hover{cursor:pointer}.position-relative{position:relative}.position-absolute{position:absolute}.d-flex{display:flex}.d-block{display:block}.w-100{width:100%}.w-50{width:50%}.m-l-1{margin-left:10px}.m-r-1{margin-right:10px}.m-r-2{margin-right:2rem}.m-r-3{margin-right:3rem}.m-b-1{margin-bottom:10px}.m-b-2{margin-bottom:2rem}.m-b-3{margin-bottom:3rem}.m-t-1{margin-top:10px}.m-t-2{margin-top:1rem}.m-auto{margin:0 auto}.p-l-1{padding-left:1rem}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.btn-icon{align-items:center;cursor:pointer;display:flex}.btn-icon svg{vertical-align:middle}.strong{font-weight:700}.objectfit{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;display:inline-block;height:100%;width:100%}.project-list{align-items:flex-start;justify-content:center}.project-item{margin:25px;max-width:200px}.project-circle-wrapper{border-radius:50%;margin-bottom:25px}.board-menu-icon{align-items:center;display:flex;height:30px;justify-content:center;position:absolute;right:12px;top:12px;width:30px;z-index:1}.board-menu-icon:hover{background-color:#71797e;border-radius:50%}.project-circle:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.Projects{color:#fff;padding-left:50px;padding-right:25px;text-align:left}.new{right:50px}.projects-header{justify-content:space-between;padding:25px 0}.project-list{display:flex;flex-wrap:wrap;justify-content:flex-start}.project-item{cursor:pointer;display:flex;flex-direction:column;justify-content:center;list-style-type:none;margin:0 55px 30px 0;text-align:center}.project-circle-wrapper{background:#322c3a;border-radius:20px;box-shadow:inset 0 4px 14px rgba(0,0,0,.25);cursor:pointer;margin-bottom:10px;padding:20px}.project-circle-wrapper:hover{box-shadow:0 4px 7px rgba(0,0,0,.5)}.project-circle{display:flex;flex-direction:column;height:160px;justify-content:center;margin:0 auto;transition:all 1s cubic-bezier(.19,1,.22,1);width:160px}.project-circle:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.project-title{margin-bottom:16px}.project-date,.project-privacy{color:#c1c1c1;font-size:.875rem}.sidebar-simple{background:#322c3a;box-shadow:0 4px 14px rgba(0,0,0,.25);height:100%;left:0;position:fixed;top:0;transition:all .3s ease-in;width:300px}.sidebar-simple-inner{height:100%;padding-top:70px;position:relative;width:100%}.sidebar-simple-mobile{display:none}.sidebar-simple ul{margin:0;padding:0;width:100%}.sidebar-simple li{background:rgba(68,64,73,.3);border-bottom:2px solid #322c3a;cursor:pointer;padding:19px 30px;text-transform:capitalize}.sidebar-simple li.active{background:#444049;border-left:6px solid #ff519a}.sidebar-simple li:hover{background:rgba(68,64,73,.6)}.box{background:#322c3a;border-radius:20px;box-shadow:0 4px 14px rgba(0,0,0,.25);cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:25px;padding:25px 25px 35px}.box:hover{box-shadow:inset 0 4px 14px rgba(0,0,0,.25)}.box h2{font-size:1.5rem}.box-img{padding:20px}@media (min-width:768px){.Projects{margin-left:300px}.box-img{padding:50px 50px 20px}}.react-responsive-modal-overlay{background:rgba(0,0,0,.75)!important}.react-responsive-modal-container{width:100vw}.react-responsive-modal-modal{margin:0 auto}.react-responsive-modal-modal.shareDialog{min-width:400px;text-align:left!important;width:40vw}.react-responsive-modal-containerCenter{margin:auto}@-webkit-keyframes react-responsive-modal-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes react-responsive-modal-fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes react-responsive-modal-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes react-responsive-modal-fadeOut{0%{opacity:1}to{opacity:0}}.Header{background:#322c3a;height:auto;left:0;position:fixed;top:0;width:100%;z-index:100}.header-inner{align-items:center;height:70px;justify-content:left;padding:.5rem 25px}.menu-btn{stroke:#fff;cursor:pointer}.menu-btn:hover{color:#ff519a}.logo{display:flex}.menu-button-wrapper{align-items:center;display:none}.logo-title-wrapper{align-items:center;display:flex}.logo a{color:#fff;display:inline-flex;vertical-align:middle}.logo a:hover{text-decoration:none}.logo img{display:block;height:70px;margin-right:10px}.Header .action-btn-wrapper{display:flex;justify-content:center;margin:0 auto;width:100%}.Header .action-btn{background:transparent;border:none;color:#fff;cursor:pointer;height:30px;justify-content:center;margin-right:2rem;outline:none;position:relative;width:30px;z-index:101}.Header .action-btn:disabled{color:grey;cursor:not-allowed}.Header .action-btn:not(.disabled):active,.Header .action-btn:not(.disabled):hover{color:#7858fb}#privacyButton,#teamStartButton,#teamStopButton{margin-right:42px}.login{justify-content:flex-end;margin-left:auto}.logout-img{margin:0 auto 1rem;width:100px}.copy-link-wrapper{background:#444049;border-radius:10px;display:flex;padding:10px 0 10px 10px}.copy-link{flex-grow:1;overflow:hidden}.copy-icon{cursor:copy;margin-top:3px;text-align:center;width:50px}.shareDialog{font-weight:400}.add-email-section-wrapper .error{color:#fc3768}.add-email-section-wrapper .error.hidden{visibility:hidden}.add-email-section-wrapper .error.visible{visibility:visible}.add-email-section-wrapper-visible .AddedEmailsSectionWrapper h3{opacity:1;transition:all 1s}.add-email-section-wrapper-hidden .AddedEmailsSectionWrapper h3{opacity:0;transition:all 1s}.add-email-section-wrapper-visible .AddedEmailsSection{max-height:200px;overflow-y:scroll;text-align:left;transition:all 1s}.addedEmailBlock{background:#444049;border-radius:15px;display:flex;flex-direction:row;font-size:14px;margin-bottom:3px;padding:5px 0 5px 10px;position:relative}.addedEmailBlock .added-user-email{flex-grow:1}.addedEmailBlock .role{border-left:3px solid #322c3a;border-right:3px solid #322c3a;text-align:center;width:100px}.addedEmailBlock .remove-icon{cursor:pointer;text-align:center;width:25px}.addedEmailBlock .remove-icon:hover{color:#fc3768}.add-email-section-wrapper-hidden .AddedEmailsSection{height:0;transition:all 1s}.add-email-section-wrapper-visible .AddedEmailsSection>div{display:flex;transition:all 1s}.add-email-section-wrapper-hidden .AddedEmailsSection>div{display:none;transition:all 1s}.add-email-section-wrapper-hidden .btn{padding:0 40px;transition:all 1s}.add-email-section-wrapper-hidden .btn-primary,.add-email-section-wrapper-hidden .btn-secondary{background:#444049;border:1px solid #444049;color:#444049;opacity:.2}.add-email-section-wrapper-visible .btn-primary,.add-email-section-wrapper-visible .btn-secondary{transition:all 1s}.add-email-section{align-content:flex-start;background:#444049;border-radius:10px;color:#fff;display:flex;flex-wrap:wrap;font-size:14px;font-weight:400;padding:10px;text-align:left}.emailBlock{border:1px solid transparent;display:inline-block;height:24px;line-height:14px;margin:0 5px 3px}.emailBlock.valid{border:1px solid #fff;border-radius:20px;padding:3px 10px}.emailBlock.invalid{border-bottom:1px dashed #d92929;line-height:20px}.emailBlock-remove-btn{background:url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%20fill%3D%22%23fff%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8%200.8L7.2%200L4%203.2L0.8%200L0%200.8L3.2%204L0%207.2L0.8%208L4%204.8L7.2%208L8%207.2L4.8%204L8%200.8Z%22%20fill%3D%22%%23fff%22%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E") 50% no-repeat;border:none;cursor:pointer;height:8px;margin-left:10px;outline:none;vertical-align:middle;width:8px}.add-email-section{width:100%}.add-email-section-visible{min-height:50px;transition:all 1s}.add-email-section-hidden{cursor:not-allowed;max-height:1px;min-height:1px;opacity:.2;transition:all 1s}.add-email-section-visible .add-email-input{height:24px;opacity:1;transition:all 1s}.add-email-section-hidden .add-email-input{height:0;opacity:0;transition:all 1s}.add-email-section-hidden .emailBlock{display:none}.add-email-input{background:transparent;border:none;color:#fff;flex-grow:1;max-width:100%;outline:none;text-align:left}.add-email-input::placeholder{font-size:14px;text-align:left}.add-email-input::-webkit-input-placeholder{font-size:14px;text-align:left}.add-email-input::-ms-input-placeholder{font-size:14px;text-align:left}.add-email-input::-ms-clear{display:none}.role-selector{background-color:#444049!important;border:1px solid transparent!important;border-radius:10px!important;font-weight:400;margin-left:15px;width:100px}.role-section-hidden{opacity:.2}.role-section-hidden .role-selector{height:20px;transition:height 1s}.role-section-hidden .dropdown-arrow,.role-section-hidden .dropdown-selector-value{display:none}.role-section-visible .role-selector{height:40px;transition:height 1s}.dropdown-arrow,.dropdown-selector-value{color:#fff!important;line-height:46px!important}.dropdown-arrow{top:15px!important}.dropdown-selector-content{background-color:#444049!important;border:1px solid #444049!important;border-radius:0 0 10px 10px!important;top:92%!important}@media (max-width:768px){.menu-button-wrapper{display:flex}.menu-btn:active~.sidebar-simple,.menu-btn:hover~.sidebar-simple{width:300px}}.graph-node{cursor:pointer;font-family:Source Sans Pro,sans-serif;font-size:16px;font-weight:600;transition:width .5s,height .5s,top .5s,left .5s;-webkit-user-select:none;user-select:none}.graph-node:hover{border-color:#000!important}.graph-node.circle{overflow:hidden}.graph-node .circle-title{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.graph-node .group-title{border-radius:15px;color:#fff;display:inline-block;padding:2px 15px;-webkit-transform:translateY(-15px);transform:translateY(-15px)}.graph-node:hover .group-title{background-color:#000!important}.graph-node.active-drop-target{border-style:dashed!important}.picker-circle{border-radius:50%;height:250px;position:relative;width:250px}.picker-color{cursor:pointer;height:20px;position:absolute;width:20px;z-index:100001}.picker-color,.picker-color-inner{border:2px solid transparent;border-radius:50%}.picker-color-inner{height:32px;margin-left:-8px;margin-top:-8px;position:relative;width:32px}.picker-color.active .picker-color-inner{border-color:#fff}.picker-color:first-child{left:-9px;top:40%}.picker-color:nth-child(2){left:-8px;top:53%}.picker-color:nth-child(3){left:0;top:66%}.picker-color:nth-child(4){left:17px;top:78%}.picker-color:nth-child(5){left:41px;top:87%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.picker-color:nth-child(6){left:72px;top:93.5%}.picker-color:nth-child(7){left:108px;top:96%}.picker-color:nth-child(8){left:147px;top:94.5%}.picker-color:nth-child(9){left:182px;top:88.5%}.picker-color:nth-child(10){left:211px;top:78%}.picker-color:nth-child(11){left:230px;top:64.5%}.picker-color:nth-child(12){left:235px;top:49%}@media (min-width:768px){.AddCirclePicker.MyCirclePicker .picker-circle{display:flex;flex-wrap:wrap;height:auto;position:relative}.AddCirclePicker.MyCirclePicker .picker-color{left:auto;margin:8px;position:relative;top:auto}}.AddCircle{background:#322c3a;border-radius:20px;box-shadow:0 4px 14px rgba(0,0,0,.25);display:flex;flex-direction:column;position:absolute;vertical-align:top}.AddCircle .typeSection-wrapper{margin-bottom:40px;margin-top:24px}.AddCircle .typeBtn-wrapper{display:flex;justify-content:center}.AddCircle .type-btn{align-items:center;background:transparent;border:none;color:#8c7d8d;cursor:pointer;display:flex;outline:none}.AddCircle .type{border:2px solid #8c7d8d;border-radius:50%;color:#8c7d8d;font-size:.876rem;height:16px;margin-right:5px;width:16px}.AddCircle .type-btn:first-child{margin-right:40px}.AddCircle .type-btn:active .type,.AddCircle .type-btn:focus .type,.AddCircle .type-btn:hover .type{border-color:#fff;color:#fff}.AddCircle .type-btn .circleType{background:#8c7d8d}.AddCircle .type-btn:active .circleType,.AddCircle .type-btn:focus .circleType,.AddCircle .type-btn:hover .circleType{background:#fff}.AddCircle .type-btn.selected,.AddCircle .type-btn:active,.AddCircle .type-btn:focus,.AddCircle .type-btn:hover{color:#fff}.AddCircle .type-btn.selected .type{border:2px solid #fff}.AddCircle .type-btn.selected .circleType{background-color:#fff;color:#fff}.AddCircle .type-btn.selected .hoopType{background-color:initial;color:#fff}.AddCircle .title{font-size:1.4rem;text-align:center}.AddCircle .input{background:transparent;padding:.1rem 1rem}.AddCircle .input:focus{background-color:hsla(0,0%,100%,.15)}.AddCircle .example{border-radius:50%;box-shadow:0 4px 20px rgba(0,0,0,.35);flex-direction:column;height:200px;justify-content:center;width:200px}.AddCircle .example-wrapper{margin:0 auto 35px}.AddCircle .colorSection-wrapper{display:flex;justify-content:center;margin:0 8px 25px 35px;max-width:210px;text-align:center}.AddCircle .btn-cta-wrapper{margin-bottom:25px}.AddCircle .svg{overflow:visible}.AddCircle canvas{z-index:-1}.AddCircle .contentTypeSection-wrapper{color:#fff;display:flex;font-size:.8rem;justify-content:space-evenly}.AddCircle .contentType{align-items:center;display:inline-flex;flex-direction:column;justify-content:center;margin-bottom:10px;text-align:center}::-webkit-input-placeholder{color:#fff}:-moz-placeholder,::-moz-placeholder{color:#fff;opacity:1;text-align:center}.AddCircle .input:focus::placeholder{color:transparent}.AddCircle .input:focus::-webkit-input-placeholder{color:transparent}.AddCircle .input:focus:-moz-placeholder,.AddCircle .input:focus::-moz-placeholder{color:transparent}.AddCircle .input:focus:-ms-input-placeholder{color:transparent}@media (max-width:768px){.AddCircle{flex-wrap:wrap;margin:0}.AddCircle .typeSection-wrapper{margin-bottom:5px;margin-top:24px}.AddCircle .colorSection-wrapper{align-self:center;display:flex;margin:0 50px 32px}.AddCircle .colorLabel{display:inline-block;margin-right:.5rem}.AddCircle .circle-picker{display:inline-flex!important;width:85%!important}.AddCircle .typeBtn-wrapper{margin:0 .5rem}.AddCircle .type{margin:0 .5rem 0 0}.AddCircle .example-wrapper{justify-content:center;margin-bottom:0;text-align:center;width:100%;z-index:111111}.AddCircle .btn-cta-wrapper{order:4;width:100%}.AddCircle{background:#322c3a;border-radius:20px;box-shadow:0 4px 14px rgba(0,0,0,.25);display:flex;flex-direction:column;position:relative;vertical-align:top;width:100%}.ChangeCircle{padding:25px 0}.typeSection-wrapper{margin-bottom:54px;margin-top:24px}.AddCircle .typeBtn-wrapper{display:flex;justify-content:center}.AddCircle .type-btn{align-items:center;background:transparent;border:none;color:#8c7d8d;cursor:pointer;display:flex;outline:none}.AddCircle .type{border:2px solid #8c7d8d;border-radius:50%;color:#8c7d8d;font-size:.876rem;height:16px;margin-right:5px;width:16px}.AddCircle .type-btn:first-child{margin-right:40px}.AddCircle .type-btn:active .type,.AddCircle .type-btn:focus .type,.AddCircle .type-btn:hover .type{border-color:#fff;color:#fff}.AddCircle .type-btn:active .circleType,.AddCircle .type-btn:focus .circleType,.AddCircle .type-btn:hover .circleType{background:#fff}.AddCircle .type-btn.selected,.AddCircle .type-btn:active,.AddCircle .type-btn:focus,.AddCircle .type-btn:hover{color:#fff}.AddCircle .type-btn.selected .type{border:2px solid #fff}.AddCircle .type-btn.selected .circleType{background-color:#fff;color:#fff}.AddCircle .type-btn.selected .hoopType{background-color:initial;color:#fff}.AddCircle .title{font-size:1.4rem;text-align:center}.AddCircle .input,.ChangeCircle .input{background:transparent;padding:.1rem 1rem}.AddCircle .input:focus,.ChangeCircle .input:focus{background-color:hsla(0,0%,100%,.15)}.AddCircle .example{border-radius:50%;box-shadow:0 4px 20px rgba(0,0,0,.35);height:200px;left:0;margin:0 auto;position:absolute;right:0;top:26px;width:200px}.example-wrapper{margin-bottom:35px;position:relative}.ChangeCircle .colorSection-wrapper{margin:0 8px 25px 35px;max-width:210px;text-align:center}.AddCircle .btn-cta-wrapper{margin-bottom:25px}.exampleSvg{overflow:visible;z-index:1003}.block button.delete{background:#f44336;border:3px solid #f44336;color:#fff}.block button.delete:hover{color:#fff}.block button.delete:active{background:#f44336;border-color:#f44336;color:#fff}.block select{min-width:132px}canvas{z-index:-1}#drag-image{left:-1000px;position:absolute;top:0}.ChangeCircle .btn-primary,.ChangeCircle .btn-secondary{padding:.5rem 1rem}::-webkit-input-placeholder{color:#fff;opacity:1;text-align:center}:-moz-placeholder,::-moz-placeholder{color:#fff;opacity:1;text-align:center}.AddCircle .input:focus::placeholder{color:transparent}.AddCircle .input:focus::-webkit-input-placeholder{color:transparent}.AddCircle .input:focus:-moz-placeholder,.AddCircle .input:focus::-moz-placeholder{color:transparent}.AddCircle .input:focus:-ms-input-placeholder{color:transparent}}.sidebar{bottom:0;height:490px;left:35px;position:absolute;top:50%;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%);transition:translate 1s cubic-bezier(.19,1,.22,1);width:283px;z-index:1}.sidebar.openedSidebar{left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.sidebar.openedSidebar.openedUploadPage{left:0;top:50%;-webkit-transform:translate(123%,-50%);transform:translate(123%,-50%);z-index:5}.sidebar.openedSidebar.openedCropPage .CropPage{-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%);z-index:10}.sidebar-inner{height:100%;position:relative;width:100%}.sidebar-mobile{display:none}.sidebar ul{margin:0;padding:0;width:100%}.sidebar li{border-bottom:1px solid #fff;color:#fff;cursor:pointer;text-transform:capitalize}.sidebar li a{color:#fff}.sidebar .latch{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAABoCAYAAACUhCLIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAR8SURBVHgB7ZvNahNRFMfvnSb9LtbQioVUtAvB4AdaFRWx3bkUF30ANy4FH0DIygdwIULFFxCELnQhKtWFYrGiIhRErbVpm5I41KQzk8xkMp4znVunJZpMmTtnFv3DZSYhmflxvu65kxt+6ugFh4Wo959fc7YDKSwm2gXZLhkgeE3uOE6gWJEB0obX5aAgXwodJJ1OJ/C6ExMTgUC4hPTdCwcDhg3uscEwLV1fhmvQIonx8XEWxDuyQPj09DQDi7T8JRkgXIwgASurjgiAlk0SOsjI8OG0D4DOIj3dfZdTqRTPZDKcUVokmey4rqoq6+rqcrLZbMsWCb2OoOq2fffD3NubkDVWq3WkbWjfcJaFLK4oZ/YPDvN8IQdZPN0SiBSL+PQyoSSuzXx6Nd/sg7LbgLGaU3tx9vilQ80+KL8fcdhBhDl97OII+086R9MYAUyd1Z9nMuf3MlIQD6ZT4Y8gpZVGc1DUreLY1MOnVxvNQZH3rIBwi210cZwUBHTi5JFz49vvTdPFK/yKd2+FFATcM8a2uYdqXXNgcHDQ7eQEAxEI31MoFNAibeIdypWeu+xg1CB9fX18aGiIQ7dP6RrGyuVy28rKint/XJ4mGJF6enqwi+MA5BZaMhBN0xQYrFgsuuufWDyWQIuQggwMDIhTh9wio6OjeODkILOzs25zQgqCgcq8+SYurqEPVnANIwXp7u4WrqEF0XV9M33JCxpaBCY9h7TEo2twwNrYzRoyEHQNDlRs5hoUadagsI6QT3oo8hLve5JEW+L9v16QBqu/oKF14jD7ouj7ERR5HfG5hhbE/wx2tzFCwULcTWHSGBElHjs00hgRM28sXIMi71lRmL7YocUiRlCkraLo0LBV3H0a4BdmTSwsQl5HfKJ/GoDpC65xg5Usa1DYGMFwyDs0T+4+AhIQhzlLW14yohix7fqc7yVdQbOsyrPtJZ4EpLS+NgPlHV3iugVnvchBLLs2tZRfWGR/d1LgMdpgderOSr64fA9O674R/QJL00uThUIOrVHzxiZMZCBGRb8/v/RlCk4tCFSEsL3huiiSympUtAdzXz9OIgQMEwK1yjYsEt26RtNKdxAimUya8LKCIKlUyspkMsI1ci3i1Ov5X2uF2z+Xv70DCAtUhR+KKnBeUVXVgrEJgZJiEYRYyP+44UFUAcLo7OzUDcOoAIxwi3wQhCiVijk4rUJqojv0RCKB+xeN1dVVjBPbA2HSQEzLfKKq+cVarVZpb283TNPUent7NbAIgpjMlylSQX6X1cdsIyh1hMAjuMPo7+8XEFtcIhR6sC4uf38jQLxRhcW2CUPUjYaSkTUiTcX4pzv8khGsAqQKtcLKZrO4wbahO/ySscMXt3qV0+m0nsvlhDWaKnTXQGDaHR0dNkA0tYJfobsGipatKIqAoAPBm0P5DgQhBcTXi9Lui8dHDbixllFbBOW5JpCkxAjbgUIHgQnOzRjxtJAMZH193e1HvV+mSNMX+41AxUwWCJZ10YGRgrjdeZD/TaBktAHuJBfwfz7x0R81Dw5c7dC2jgAAAABJRU5ErkJggg==) 50% no-repeat;bottom:0;color:#fff;cursor:pointer;height:101px;margin:auto;position:absolute;right:19px;top:-34px;width:28px}.sidebar .arrow{position:absolute;right:5px;top:38px}.sidebar.closedSidebar .arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media (max-width:768px){.sidebar{bottom:0;left:0;padding-top:0;position:fixed;-webkit-transform:translateY(70%);transform:translateY(70%);transition:all 1s cubic-bezier(.19,1,.22,1);width:100%}.sidebar.openedSidebar{-webkit-transform:translateY(-8%);transform:translateY(-8%)}.sidebar.openedSidebar.openedUploadPage{-webkit-transform:translate(100%,-55%);transform:translate(100%,-55%)}.sidebar .arrow{left:9px;margin:0 auto;position:absolute;right:0;top:36px}.sidebar.closedSidebar .arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sidebar .latch{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAABoCAYAAACUhCLIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAR8SURBVHgB7ZvNahNRFMfvnSb9LtbQioVUtAvB4AdaFRWx3bkUF30ANy4FH0DIygdwIULFFxCELnQhKtWFYrGiIhRErbVpm5I41KQzk8xkMp4znVunJZpMmTtnFv3DZSYhmflxvu65kxt+6ugFh4Wo959fc7YDKSwm2gXZLhkgeE3uOE6gWJEB0obX5aAgXwodJJ1OJ/C6ExMTgUC4hPTdCwcDhg3uscEwLV1fhmvQIonx8XEWxDuyQPj09DQDi7T8JRkgXIwgASurjgiAlk0SOsjI8OG0D4DOIj3dfZdTqRTPZDKcUVokmey4rqoq6+rqcrLZbMsWCb2OoOq2fffD3NubkDVWq3WkbWjfcJaFLK4oZ/YPDvN8IQdZPN0SiBSL+PQyoSSuzXx6Nd/sg7LbgLGaU3tx9vilQ80+KL8fcdhBhDl97OII+086R9MYAUyd1Z9nMuf3MlIQD6ZT4Y8gpZVGc1DUreLY1MOnVxvNQZH3rIBwi210cZwUBHTi5JFz49vvTdPFK/yKd2+FFATcM8a2uYdqXXNgcHDQ7eQEAxEI31MoFNAibeIdypWeu+xg1CB9fX18aGiIQ7dP6RrGyuVy28rKint/XJ4mGJF6enqwi+MA5BZaMhBN0xQYrFgsuuufWDyWQIuQggwMDIhTh9wio6OjeODkILOzs25zQgqCgcq8+SYurqEPVnANIwXp7u4WrqEF0XV9M33JCxpaBCY9h7TEo2twwNrYzRoyEHQNDlRs5hoUadagsI6QT3oo8hLve5JEW+L9v16QBqu/oKF14jD7ouj7ERR5HfG5hhbE/wx2tzFCwULcTWHSGBElHjs00hgRM28sXIMi71lRmL7YocUiRlCkraLo0LBV3H0a4BdmTSwsQl5HfKJ/GoDpC65xg5Usa1DYGMFwyDs0T+4+AhIQhzlLW14yohix7fqc7yVdQbOsyrPtJZ4EpLS+NgPlHV3iugVnvchBLLs2tZRfWGR/d1LgMdpgderOSr64fA9O674R/QJL00uThUIOrVHzxiZMZCBGRb8/v/RlCk4tCFSEsL3huiiSympUtAdzXz9OIgQMEwK1yjYsEt26RtNKdxAimUya8LKCIKlUyspkMsI1ci3i1Ov5X2uF2z+Xv70DCAtUhR+KKnBeUVXVgrEJgZJiEYRYyP+44UFUAcLo7OzUDcOoAIxwi3wQhCiVijk4rUJqojv0RCKB+xeN1dVVjBPbA2HSQEzLfKKq+cVarVZpb283TNPUent7NbAIgpjMlylSQX6X1cdsIyh1hMAjuMPo7+8XEFtcIhR6sC4uf38jQLxRhcW2CUPUjYaSkTUiTcX4pzv8khGsAqQKtcLKZrO4wbahO/ySscMXt3qV0+m0nsvlhDWaKnTXQGDaHR0dNkA0tYJfobsGipatKIqAoAPBm0P5DgQhBcTXi9Lui8dHDbixllFbBOW5JpCkxAjbgUIHgQnOzRjxtJAMZH193e1HvV+mSNMX+41AxUwWCJZ10YGRgrjdeZD/TaBktAHuJBfwfz7x0R81Dw5c7dC2jgAAAABJRU5ErkJggg==) 50% no-repeat;cursor:pointer;height:101px;left:0;margin:0 auto;position:absolute;right:0;top:-48px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:28px}.UploadPage .latch-upload{right:-160px;top:82px}}.ChangeCircle{background:#322c3a;border-radius:20px;box-shadow:0 4px 14px rgba(0,0,0,.25);color:#fff;display:flex;flex-direction:column;min-width:300px;padding:0 0 25px;vertical-align:top}.ChangeCircle .closeBtn{color:#fff;cursor:pointer;right:15px;top:15px;z-index:100002}.ChangeCircle .typeSection-wrapper{margin-bottom:54px;margin-top:24px}.ChangeCircle .input{background:transparent;background-color:hsla(0,0%,100%,.15);padding:.1rem 1rem}::-webkit-input-placeholder{opacity:1;text-align:center}::placeholder{opacity:1;text-align:center}.ChangeCircle .example{border-radius:50%;box-shadow:0 4px 20px rgba(0,0,0,.35);height:200px;left:0;margin:0 auto;position:absolute;right:0;top:26px;width:200px}.ChangeCircle .example-wrapper{align-self:center;margin-bottom:26px}.ChangeCircle .svg{overflow:visible}.ChangeCircle canvas{z-index:-1}#drag-image{left:-1000px;position:absolute;top:0}@media (max-width:768px){.typeSection-wrapper{margin-bottom:54px;margin-top:24px}.colorSection-wrapper{margin-bottom:1rem}}.cursor{align-items:center;position:absolute;transition:all .1s linear;z-index:1}.cursor .cursor-user-email{border-radius:4px;margin-left:6px;padding:2px 6px 4px;-webkit-user-select:none;user-select:none}.Presence{box-shadow:inset 0 4px 14px rgba(0,0,0,.25);height:calc(100% - 70px);position:absolute;right:0;top:70px;width:60px}.userBlock{border:3px solid #fff;border-radius:50%;color:#fff;display:inline-flex;flex-direction:column;height:50px;justify-content:center;margin:5px;text-transform:uppercase;width:50px}@media (max-width:768px){.Presence{background:#444049;box-shadow:0 4px 14px rgba(0,0,0,.25);display:none;right:0;top:90px}}.Title{align-items:center;display:inline-flex;position:relative;width:100%}.Title input{font-family:Open Sans,sans-serif;font-size:1rem;font-weight:700;outline:none}.Title-input{background:#322c3a;background:hsla(0,0%,100%,.1);border:1px solid transparent;border-radius:20px;color:#fff;min-width:250px;padding:10px 20px;text-align:left;width:100%}.default-title{opacity:.9;position:relative}.Title .save{background:#322c3a;border:none;border-radius:50%;bottom:0;box-shadow:none;box-shadow:0 4px 14px rgba(0,0,0,.25);color:#fff;cursor:pointer;opacity:0;opacity:1;outline:none;position:absolute;right:-4px;top:0;transition:opacity 1s;transition:box-shadow 1.5s;width:44px;z-index:101}.Title .save:active,.Title .save:hover{background:#322c3a;color:#7858fb}.title-status-text{color:#fff;font-size:.85rem;margin-left:14px;min-width:70px;opacity:1;text-transform:capitalize;transition:opacity 1s linear 2s}.react-responsive-modal-root{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.react-responsive-modal-overlay{background:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.react-responsive-modal-container{height:100%;outline:0;overflow-x:hidden;overflow-y:auto;text-align:center}.react-responsive-modal-containerCenter:after{content:"";display:inline-block;height:100%;vertical-align:middle;width:0}.react-responsive-modal-modal{background:#fff;box-shadow:0 12px 15px 0 rgba(0,0,0,.25);display:inline-block;margin:1.2rem;max-width:800px;overflow-y:auto;padding:1.2rem;position:relative;text-align:left;vertical-align:middle}.react-responsive-modal-closeButton{background-color:initial;border:none;cursor:pointer;display:flex;padding:0;position:absolute;right:14px;top:14px}.react-responsive-modal-container,.react-responsive-modal-modal,.react-responsive-modal-overlay{-webkit-animation-fill-mode:forwards!important;animation-fill-mode:forwards!important}@-webkit-keyframes react-responsive-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes react-responsive-modal-overlay-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes react-responsive-modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes react-responsive-modal-overlay-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes react-responsive-modal-modal-in{0%{opacity:0;-webkit-transform:scale(.96);transform:scale(.96)}to{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}}@keyframes react-responsive-modal-modal-in{0%{opacity:0;-webkit-transform:scale(.96);transform:scale(.96)}to{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}}@-webkit-keyframes react-responsive-modal-modal-out{0%{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}to{opacity:0;-webkit-transform:scale(.96);transform:scale(.96)}}@keyframes react-responsive-modal-modal-out{0%{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}to{opacity:0;-webkit-transform:scale(.96);transform:scale(.96)}}.login-error-page{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center;width:100vw}.login-error-page img{max-width:90vw;width:200px}@font-face{font-display:swap;font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(/static/media/source-sans-pro-cyrillic-ext-400-normal.de95c5209ef26bf69ccf.woff2) format("woff2"),url(/static/media/source-sans-pro-cyrillic-ext-400-normal.3fe9e8e4c00e9124b9c7.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(/static/media/source-sans-pro-cyrillic-400-normal.153bee8d873292f9df39.woff2) format("woff2"),url(/static/media/source-sans-pro-cyrillic-400-normal.a00a7030792ec450d68c.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(/static/media/source-sans-pro-greek-ext-400-normal.1b1cb10170f2616853f0.woff2) format("woff2"),url(/static/media/source-sans-pro-greek-ext-400-normal.7a64c855edb8d403283b.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(/static/media/source-sans-pro-greek-400-normal.9c7d72dcc7a044db07b1.woff2) format("woff2"),url(/static/media/source-sans-pro-greek-400-normal.3c06b5e22c42ade5562f.woff) format("woff");unicode-range:u+0370-03ff}@font-face{font-display:swap;font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(/static/media/source-sans-pro-vietnamese-400-normal.540007fe6de95f52230e.woff2) format("woff2"),url(/static/media/source-sans-pro-vietnamese-400-normal.ed0bf5e1a4bd41349850.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(/static/media/source-sans-pro-latin-ext-400-normal.23e9c5217d09910f51ad.woff2) format("woff2"),url(/static/media/source-sans-pro-latin-ext-400-normal.185cedfb4e64a9a8801a.woff) format("woff");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(/static/media/source-sans-pro-latin-400-normal.1402accbefdec6a25762.woff2) format("woff2"),url(/static/media/source-sans-pro-latin-400-normal.7a5ba508b998fd7044ed.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.822345d2.css.map*/