@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://rsms.me/inter/inter.css);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}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,h2,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:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{font-family:Segoe UI;line-height:1.3;height:100%}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}.DBContainer{display:flex;max-width:80rem;margin-left:auto;margin-right:auto}.VerticalNavbar{width:20%;border:1px solid #000;display:flex;flex-direction:column}.VerticalNavbar .VerticalNavbarItems{padding:0 1rem;line-height:3rem;height:3rem;vertical-align:middle;cursor:pointer}.VerticalNavbar .VerticalNavbarItems:hover{background:#ff0}.DBRightContainer{width:80%;padding:0 10px}.DBRightContainer .DBNavbar{display:flex;padding:10px 0;box-shadow:0 0 1px 1px #ccc}.DBRightContainer .DBNavbar .DBNavbarItems{padding:0 10px;border-right:1px solid #000}.DBRightContainer .DBRoadmapContainer{flex-direction:row}.CollectionsFlexContainer,.DBRightContainer .DBRoadmapContainer,.RoadmapsFlexContainer{display:flex;flex-wrap:wrap;justify-content:space-around}.roadmapContainer{margin-top:2rem;width:17.5rem;min-width:17.5rem;box-shadow:0 0 .3rem rgba(0,0,0,.16);margin-left:10px;margin-right:10px;border-radius:5px}.roadmapContainer:hover{box-shadow:0 0 5px 5px #ccc;transition:all .1s linear}.roadmapContainer .metaContainer{margin:0 auto;width:97%;outline-color:#000;outline-width:0;outline-style:solid;display:flex;justify-content:space-between}.roadmapContainer .roadmapTitle{font-family:"Segoe UI";font-size:16px;font-weight:500;-webkit-transform-origin:top;transform-origin:top;padding:2px 15px}.roadmapContainer .roadmapTitle div{padding:3px 0;background:#fff}.roadmapContainer .roadmapImg{width:100%;height:auto;width:280px;height:157.5px;border-radius:5px 5px 0 0}.roadmapContainer .roadmapProgress{padding-left:15px;padding-bottom:5px;color:grey;font-family:"Segoe UI";font-size:12px}.navbarItemsContainer{display:flex;align-items:center}.navbarItem{border-right:1px solid #000;padding:.125rem 1rem}.navbarItem:first-child,.navbarItem:last-child{border-right:none}.navbarContainerInner{display:flex;justify-content:space-between;align-items:center}.navbarContainerOuter{padding:0 1rem}.navbarButton{cursor:pointer;padding:.125rem 1rem}.navbarLogo{height:2.75rem;width:auto}#LoginModalOuter{background:#fff;box-shadow:0 0 2.5px 1px #ccc;border-radius:15px;position:fixed;width:50%;top:50%;left:50%;margin:-25% 0 0 -25%;text-align:center;color:#ccc}#LoginModalInner{z-index:999;padding-top:2rem;position:relative}.LoginFieldContainer{padding:1em 2em}.LoginInput{padding:.5em 1em;border:1px solid #ccc;border-radius:3px;width:85%;color:#2c3e50;font-size:13px;outline:none;resize:none;overflow:auto}.LoginButtonContainer{text-align:center;padding-top:1em;padding-bottom:2rem}.LoginButton{background:#fc466b;background:linear-gradient(90deg,#3f5efb,#fc466b);padding:.75em 1em;border-radius:20px;color:#fff;cursor:pointer}.LoginButton.Loading{background:grey}.GoogleButtonOuter{cursor:pointer;width:40%;margin:1rem auto 0;background:#fff;box-shadow:0 0 1.5px 1px #ccc;color:#757575;padding:15px;font-family:"Roboto",sans-serif;font-weight:700;border-radius:1px}.googleIcon{padding-right:15px;-webkit-transform:translateY(3px);transform:translateY(3px)}.BottomText{cursor:pointer;margin-top:1rem}.BottomText:last-child{margin-top:.25rem;padding-bottom:1.5rem}.HomeViewNavContainer{display:flex;background:#c94b4b;background:linear-gradient(90deg,#4b134f,#c94b4b);padding:10px 0;border-radius:10px}.HomeViewNavItem{padding:0 10px;color:#fff;cursor:pointer}.CreatorCardContainer{position:absolute;top:10%;right:5%;background:#fff;box-shadow:0 0 1px 1px #ccc;font-family:"Segoe UI";max-width:300px;padding:1rem;border-radius:15px;text-align:center}.CreatorCardTitle{font-weight:500;font-size:20px}.CreatorCardProfilePic{border-radius:50%;width:50px;height:50px}.big{padding:1rem 0}.big,.small{display:flex}.small{padding-left:1rem;padding-top:.5rem;flex-direction:column}.text{float:right}.date{color:#8b8b8b;text-align:left}.body{background:#ffd}.button{padding:.5rem 1rem;background-color:silver;text-align:center;display:table;margin:0 auto;border-radius:10px;color:#fff;cursor:pointer;transition:all .1s ease-in}.button:hover{background:#3d3d3d}.CreatorCardContainer{opacity:0;transition:all 1s}.CreatorCardContainer.is-visible{opacity:1;transition:all 1s}.TrackViewWrapper{opacity:0;transition:all 1s}.TrackViewWrapper.is-visible{opacity:1;transition:all 1s}.modeSwitchContainer{position:absolute;top:10%;left:5%;background:#fff;box-shadow:0 0 1px 1px #ccc;font-family:"Segoe UI";max-width:300px;padding:1rem;border-radius:15px;text-align:center;cursor:pointer}.clear{top:20%}:root{--grey:#212529;--border:10px solid;--white:#fff}.ReactTooltipColumn{padding:5px 10px;cursor:pointer}.ReactTooltipColumn:hover{background:grey}.metaContainer-inner-2{position:relative;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-left:-5px;margin-top:3px;cursor:pointer}.metaContainer-inner-2:after{content:"\2807";font-size:30px}.metaContainer-inner-2:hover:after{color:grey}.tooltipContent{color:#000;position:absolute;z-index:10;font-size:12px;cursor:default;border-radius:3px;white-space:nowrap;background-color:#fff;box-shadow:0 0 .3rem rgba(0,0,0,.16);-webkit-animation:fadeIn .1s ease-in-out;animation:fadeIn .1s ease-in-out}.tooltipContent.sm{max-width:23rem}.tooltipContent.md{max-width:40rem}.arrow{position:absolute;width:0;height:0}.bottom{top:calc(100% - 7px);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.bottom .arrow{top:-8px;left:calc(50% - 10px);border-right:10px solid transparent;border-right:var(--border) transparent;border-bottom:10px solid #fff;border-bottom:var(--border) var(--white);border-left:10px solid transparent;border-left:var(--border) transparent}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ReactModalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.75)}.confirm-dialog-outer{font-family:"Segoe UI";box-shadow:0 0 .3rem rgba(0,0,0,.16)}.confirm-dialog-inner{display:flex;justify-content:space-around;flex-wrap:wrap;flex-direction:column;padding:50px 50px 30px;text-align:center}.confirm-dialog-header{font-size:18px;font-weight:500}.confirm-dialog-note{padding-top:5px;font-size:12px;color:#b5b5b5}.confirm-dialog-btn-container{padding-top:20px;display:flex;justify-content:space-around}.confirm-dialog-btn-outer{padding:0 10px}.confirm-dialog-btn{padding:10px;color:#fff;border-radius:20px;cursor:pointer;width:130px}.confirm-dialog-btn.both{background:#4e54c8;background:linear-gradient(90deg,#8f94fb,#4e54c8)}.confirm-dialog-btn.update{background:#fc466b;background:linear-gradient(90deg,#3f5efb,#fc466b)}.confirm-dialog-btn.cancel{background:#ff4f4f}.confirm-dialog-btn:hover{box-shadow:0 0 5px 2px #ccc;transition:all .1s linear}.collection-dialog-outer{font-family:"Segoe UI";box-shadow:0 0 .3rem rgba(0,0,0,.16);max-width:500px}.collection-dialog-inner{display:flex;justify-content:space-around;flex-wrap:wrap;flex-direction:column}.collection-dialog-add-container{min-height:250px}.collection-dialog-add-container .collection-dialog-add-text-container{padding-bottom:10px}.collection-dialog-add-container .collection-dialog-add-text-container .collection-dialog-add-text{padding:10px 20px;box-shadow:0 0 .3rem rgba(0,0,0,.16)}.collection-dialog-add-container .collection-dialog-add-tab-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;padding:10px 20px;max-width:500px;box-sizing:border-box}.collection-dialog-add-container .collection-dialog-add-tab-container .collection-dialog-add-tab-collection-name{padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;box-sizing:inherit}.collection-dialog-add-container .collection-dialog-add-tab-container .collection-dialog-add-tab-collection-icon{width:20px;height:auto;margin-left:auto}.collection-dialog-create-container-outer{padding-top:10px}.collection-dialog-create-container{padding:10px 20px;box-shadow:0 0 .3rem rgba(0,0,0,.16);display:flex;align-items:center}.collection-dialog-create-container .collection-dialog-create-icon-container{display:flex;flex-direction:column;cursor:pointer;padding:3px}.collection-dialog-create-container .collection-dialog-create-icon-container .collection-dialog-create-icon{width:20px;height:auto}.collection-dialog-create-container .collection-dialog-create-icon-container:hover{background:grey;border-radius:50%}.collection-dialog-create-container .collection-dialog-creating-container{width:100%;display:flex;justify-content:space-between}.collection-dialog-create-container .collection-dialog-name-input{flex-grow:1;outline:none;padding-right:30px}.collection-dialog-create-container .collection-dialog-privacy-select{flex-grow:1;box-shadow:0 0 5px #ccc;line-height:3;background:#fff}.collection-dialog-create-container .collection-dialog-create-text{cursor:pointer;padding-left:10px}.collection-card-outer{font-family:"Segoe UI";box-shadow:0 0 .3rem rgba(0,0,0,.16);max-width:500px;margin:1rem}.collection-card-inner{display:flex;justify-content:space-around;flex-wrap:wrap;padding:10px}.collection-card-img-container{display:flex;flex-direction:column;justify-content:space-around}.collection-card-img{border-radius:50%;min-width:50px;width:50px;height:auto}.collection-card-title-name-container{display:flex;flex-direction:column;max-width:300px;justify-content:space-evenly;padding:5px 10px}.collection-card-title{font-size:16px;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.collection-card-name{font-size:12px;color:grey;cursor:pointer}.collection-card-name:hover{color:#000}.collection-card-extra-info-container{display:flex;flex-direction:column;justify-content:space-around;font-size:12px;color:grey;white-space:nowrap;padding:5px 0}svg.container{cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}path.link{stroke:#000;fill:none;stroke-width:4px;cursor:default}svg:not(.active):not(.ctrl) path.link{cursor:pointer}path.link.selected{stroke:url(#svgGradient)!important}path.link.dragline{pointer-events:none}path.link.hidden{stroke-width:0}circle.node{stroke-width:1.5px;cursor:pointer}text.id{text-anchor:middle;font-weight:700}.pictureHighlight,img.picture{padding:10px}.circleDiv{position:absolute;top:125px;right:15px;width:50px;height:50px;cursor:pointer;background-color:#00f;border-radius:50%;opacity:.5;background-color:grey;transition:opacity .25s ease-in-out}.circleDiv.colored{opacity:1;background:#a18cd1;background:linear-gradient(90deg,#a18cd1,#fbc2eb)}.colorPicker{position:absolute;top:125px;right:75px;width:50px;height:100px;border:3px solid #000;opacity:0;transition:opacity .1s ease-in-out}.colorPicker.show{opacity:1;transition:opacity .25s ease-in-out}.border-gradient-stop-left{stop-color:#3f51b5}.border-gradient-stop-right{stop-color:#009688}#input2{max-width:111.5px;resize:none;overflow:hidden}#input1,#input2{margin:1rem;border-radius:5px;outline:0;background:#fff;border:1px solid #404040;font-family:Georgia,serif;font-size:11px}#input1{max-width:115px}.resourceForm{border-radius:10px;max-width:150px;border:1.5px solid #000;background-color:#fff}.resourceFormA{margin-left:1rem;font-family:Georgia,serif;font-size:11px;letter-spacing:0;word-spacing:0;font-weight:400;text-decoration:none;font-style:normal;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none}.formContainer{margin-top:.75rem}#resourceFormCancelButton{position:relative;bottom:7px;left:68%;width:15px;height:auto}#resourceFormSubmitButton{position:relative;bottom:7px;left:64%;width:15px;height:auto}.modalContainer-outer{display:flex;align-items:center;justify-content:center;text-align:center;position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.modalContainer{line-height:28px;border-radius:25px;width:470px;height:155px;background:#fff;box-shadow:5px 5px 5px grey;text-align:center;z-index:2;font-family:sans-serif;font-weight:600;font-size:20px}.modalContainer-inner{padding:2rem 1rem 1rem}.btn{border:none;color:#fff;padding:12px 40px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;border-radius:5px;outline:none;cursor:pointer}.ok{z-index:2;background-color:#4caf50}.ok:active{background:#3a883d}.no{z-index:2;background-color:#f44336}.no:active{background:#bd392f}.modalContainerBtnContainer{margin-top:.5rem;display:flex;flex-wrap:wrap;justify-content:space-evenly}#textBoxP{top:17.5px;position:relative}circle.permanent{fill:#fff;box-shadow:0 0 1px #ccc;stroke:#ddd}#currentInput{box-shadow:inset 0 0 0 1px #ddd;border-radius:5px;color:#666;border:0;outline:none;height:22px;font-size:12px}textarea#currentInput{height:44px;overflow:auto;padding-top:.5rem;padding-bottom:.5rem;font-family:Open Sans,-apple-system,Helvetica;resize:none}::-webkit-scrollbar{width:10px;border-radius:5px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555;border-radius:5px}div.errMsginner{display:inline-block;background-color:orange;color:#fff!important;padding:.5rem;border-radius:1rem}div.errMsg{position:absolute;top:5rem;text-align:center;width:100%;padding-top:.5rem;padding-bottom:.5rem}div.errorMessageContainer{position:absolute;margin:10px;left:10px;top:0;text-align:center;width:300px;font-family:"Segoe UI"}div.errorMessage{background:#000;color:silver;padding-top:12px;padding-bottom:12px;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;margin-top:10px;border-radius:5px;box-sizing:0 0 1px #ccc;display:block;font-size:12px}.iconContainer:not(:first-child){margin-top:1.5rem}.iconContainer{fill:#aaacad;color:#aaacad}.icon{max-width:40px;height:auto}.iconContainer:hover{cursor:pointer;fill:#fff;color:#fff}.icon.selected{fill:#e546ff;color:#fff}.iconName.selected{color:#fff}.toolbar{font-size:11px;text-align:center;position:absolute;vertical-align:middle;top:50%;margin-top:-12.5em;margin-left:1.5em;background:#1f1b2c;background:linear-gradient(0deg,#1f1b2c,#352e4c);color:#e6f4fd;width:4em;max-height:25em;max-width:25em;padding:1.5rem 12.5px;border-radius:2em}.toolbar__icon{cursor:pointer;font-size:2em}.toolbar__icon,.toolbar__icon:hover{transition:all .1s cubic-bezier(.61,.01,.43,.99)}.toolbar__icon:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.toolbar__icon.is-active{-webkit-animation:bump .2s;animation:bump .2s}.toolbar__icon.is-active.icon--home{color:#ffc600}.toolbar__icon.is-active.icon--chart{color:#00ff36}.toolbar__icon.is-active.icon--smile{color:#24a1fd}.toolbar__icon.is-active.icon--bell{color:#ff0030}.toolbar__icon.is-active.icon--search{color:#e546ff}.previewDiv{position:absolute;right:3px}@-webkit-keyframes bump{25%{-webkit-transform:scale(1.15);transform:scale(1.15)}50%{-webkit-transform:scale(.9);transform:scale(.9)}75%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bump{25%{-webkit-transform:scale(1.15);transform:scale(1.15)}50%{-webkit-transform:scale(.9);transform:scale(.9)}75%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.bg-gradient1 span,.bg-gradient1:before{background:#fa7e29;background:linear-gradient(180deg,#fa7e29,#f6682f 80%,#f6682f)}.toggleAllTextsButtonWrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;left:0;top:0;cursor:pointer}.fancy-button{display:inline-block;margin:20px;line-height:24px;color:#fff;position:relative}.fancy-button.bg-gradient1{text-shadow:0 0 1px #bf4c28}.fancy-button:before{content:"";height:40px;position:absolute;bottom:-1px;left:10px;right:10px;border-radius:2em;-webkit-filter:blur(14px) brightness(.9);filter:blur(14px) brightness(.9)}.fancy-button:before,.fancy-button span{display:inline-block;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .3s ease-out}.fancy-button span{padding:16px 12px;border-radius:50em;position:relative;z-index:2;will-change:transform,filter}.fancy-button:focus,.fancy-button:hover{color:#fff}.fancy-button:hover span{-webkit-filter:brightness(.9) contrast(1.2);filter:brightness(.9) contrast(1.2);-webkit-transform:scale(.96);transform:scale(.96)}.fancy-button:hover:before{bottom:3px;-webkit-filter:blur(6px) brightness(.8);filter:blur(6px) brightness(.8)}.fancy-button:active span{-webkit-filter:brightness(.75) contrast(1.7);filter:brightness(.75) contrast(1.7)}.fancy-button.pop-onhover span{border-radius:4px}.fancy-button.pop-onhover:before{opacity:0;bottom:10px}.fancy-button.pop-onhover:hover:before{bottom:-7px;opacity:1;-webkit-filter:blur(16px);filter:blur(16px)}.fancy-button.pop-onhover:hover:active span,.fancy-button.pop-onhover:hover span{-webkit-transform:scale(1);transform:scale(1)}.fancy-button.pop-onhover:hover:active span{-webkit-filter:brightness(1) contrast(1);filter:brightness(1) contrast(1);transition:all .2s ease-out}.fancy-button.pop-onhover:hover:active:before{bottom:0;-webkit-filter:blur(5px) brightness(.85);filter:blur(5px) brightness(.85);transition:all .2s ease-out}.pop-onhover.bg-gradient3 span:hover{background:#b9aef0;background:linear-gradient(120deg,#b9aef0,#ada1eb 80%,#ada1eb)}.colorCardToggle{position:absolute;right:5%;margin-right:-30px;top:50%;margin-top:-20px;width:40px;height:40px;background:#fff;border-radius:50%;padding:5px;box-shadow:0 0 11px 2px grey;cursor:pointer}.colorCardToggle.hidden{box-shadow:0 0 11px 2px #87d5d6}.colorCardContainer{position:absolute;padding-left:5px;padding-right:5px;border-radius:25px;width:250px;height:330px;background:#fff;box-shadow:0 0 5px grey;right:5%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-weight:600}.colorCardContainer.text{height:570px}.colorCardContainer.path{height:180px}.backgroundColorGrid,.strokeColorGrid,.textColorGrid{padding-left:1rem;padding-right:1rem;padding-bottom:1em;margin:0;flex-wrap:wrap}.backgroundColorGrid,.numberGrid,.strokeColorGrid,.textColorGrid{display:flex;justify-content:space-evenly;align-content:space-between}.numberGrid{flex-flow:row wrap}.numberBlock{margin-top:10px;margin-left:10px;margin-right:10px;background:#e6e3ce;height:20px;text-align:center;width:60px;border-radius:5px}.colorCardA{position:relative;left:28px}.colorCardContainerInner{position:relative;top:1.5em}.backgroundColorBlock,.strokeColorBlock,.textColorBlock{cursor:pointer;margin-top:12.5px;margin-left:10px;margin-right:10px;width:22px;height:22px;box-sizing:border-box;border-radius:4px}.colorInput{width:80%;margin-left:10%;font-size:12px;color:#666;border:0;outline:none;height:22px;box-shadow:inset 0 0 0 1px #ddd;border-radius:4px;padding:0 7px;box-sizing:border-box}span.hexText{position:absolute;right:13%;font-size:11px;font-family:Menlo;color:#969696;font-weight:400;margin-top:4px}.colorInputContainer{padding-bottom:1rem}div.selected{box-shadow:0 0 0 2px #00c4cc,inset 0 0 0 1px #fff}.selectedNumber{border:1px solid}.textSizeContainer{margin-top:12.5px;text-align:center}.input-number{width:80px;padding:0 12px;vertical-align:top;text-align:center;outline:none}.input-number,.input-number-decrement,.input-number-increment{border:1px solid #ccc;height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:0}.input-number-decrement,.input-number-increment{display:inline-block;width:30px;line-height:38px;background:#f1f1f1;color:#444;text-align:center;font-weight:700;cursor:pointer;&:active{background:#ddd}}.input-number-decrement{border-right:none;border-radius:4px 0 0 4px}.input-number-increment{border-left:none;border-radius:0 4px 4px 0}div.ModalContainer{position:absolute;right:0;left:0;top:0;bottom:0;margin:auto;width:500px;height:250px;overflow:auto;textalign:center;border:3px solid purple;background:#fff;z-index:2}button.ManualButton{position:relative;display:inline-block;cursor:pointer;outline:none;border:0;vertical-align:middle;text-decoration:none;font-size:inherit;font-family:inherit;font-weight:600;text-transform:uppercase;padding:.5em;background:#fff;border:2px solid #000;border-radius:.75em;margin-left:.5em}div.ModalBlock{padding-top:.5rem;padding-bottom:.5rem}*{margin:0;padding:0;border:0}.metaCardContainer{min-width:300px;max-width:300px;display:inline-block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;height:auto;background-color:#fff;box-shadow:0 0 5px grey;border-radius:25px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;right:5%}.metaCardFieldContainer{padding:1em 2em}.metaCardFieldContainer img{text-align:left}.metaCardFieldContainer span{margin-bottom:.5rem}.metaCardFieldContainer p{margin:0 auto;text-align:center;padding-right:10px;font-size:15px}.metaCardFieldContainer a.link,.metaCardFieldContainer p.link{cursor:pointer;color:#00e;text-decoration:underline}.metaCardFieldContainer p.note{font-size:13px;color:grey}.metaCardFieldContainer .preview{margin-top:1rem;margin-bottom:1rem}.metaCardMetaText{margin-top:1em;padding-left:1em;padding-bottom:1em;border-bottom:1px solid hsla(0,0%,82.4%,.3);font-weight:700;margin-bottom:.5em}.metaCardInfoContainer,.metaCardMetaText{overflow:hidden}.metaCardInput{padding:.5em 1em;border:1px solid #ccc;border-radius:3px;width:85%;color:#2c3e50;font-size:13px;outline:none;resize:none;overflow:auto}.roadmapPublishButtonContainer{text-align:center;padding-top:1em;padding-bottom:2rem}.roadmapPublishButtonContainer .roadmapPublishButton{background:#fc466b;background:linear-gradient(90deg,#3f5efb,#fc466b);padding:.75em 1em;border-radius:20px;color:#fff;cursor:pointer;margin-left:1rem;margin-right:1rem}.roadmapPublishButtonContainer .save{background:#3f5efb}.roadmapPublishButtonContainer .gray{background:grey}.metaCardThumbnail{max-height:126px;marginleft:"auto";marginright:"auto";display:"block";box-sizing:content-box}.metaCardTabs{position:absolute;top:3.5em;left:-2.25em;cursor:pointer;margin-top:-4px}.metaCardTabContainer{box-shadow:0 0 5px #ccc;background:#fff;border-radius:3px;padding:.75em .5em;margin-bottom:.5em}.metaCardFieldText{font-weight:500;padding-bottom:1rem}select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;outline:0;box-shadow:none;border:0!important;background:#fff;background-image:none}select::-ms-expand{display:none}.select{position:relative;display:flex;box-shadow:0 0 5px #ccc;height:3em;line-height:3;background:#fff;overflow:hidden;border-radius:.25em}select{flex:1 1;padding:0 .5em;color:#000;cursor:pointer}.select:after{content:"\25BC";position:absolute;top:0;right:0;padding:0 1em;background:#fff;cursor:pointer;pointer-events:none}.select:hover:after{color:#f39c12}.MetaCardIcon.selected{fill:#e546ff}.MetaCardIcon{width:20px;height:auto}span.title{font-weight:600}a.description,span.title{padding-left:.5em;padding-right:.5em}a.description{top:.5em;font-size:12px;text-align:left}a.description:hover{text-decoration:underline}a.url{top:1em;cursor:pointer;color:#00f;text-decoration:none}img.cardImg{position:relative;width:75px;height:75px;border-radius:50%;background:silver}div.imgContainer{position:relative;top:20%;-webkit-transform:translateY(-40px);transform:translateY(-40px)}.previewCardContainer{position:absolute;right:7.5%;top:50%;margin-top:-250px;border-radius:25px;width:275px;min-height:300px;height:500px;background:#fff;box-shadow:5px 5px 5px grey;text-align:center}.previewCardContainer span{position:relative}.cardGradient{border-radius:25px 25px 0 0;position:absolute;width:100%;height:20%;background:linear-gradient(90deg,#ffafbd,#ffc3a0)}i{color:purple;cursor:pointer}span.url:hover{border-bottom:1px solid}div.container{margin-top:3.5rem;padding:0 1rem;word-break:break-word}p.previewCardTitle{font-weight:700;padding-bottom:.5rem}p.previewCardDescription{font-size:13px}.speechBubbleDiv{width:280px;text-align:center;border-radius:10px;padding:10px;top:8px;box-shadow:0 0 2px #ccc}.speechBubbleDiv,.speechBubbleDiv:after{box-sizing:border-box;position:absolute;background:#fff}.speechBubbleDiv:after{content:"";width:0;height:0;left:50%;margin-left:5px;top:0;border:5px solid transparent;border-bottom-color:#fff;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(135deg);transform:rotate(135deg);box-shadow:-1px 1px 1px #e4e4e4}
/*# sourceMappingURL=main.eb5408bf.chunk.css.map */