@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Indie+Flower&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Cookie&family=Merienda:wght@300..900&family=Poppins&family=Shantell+Sans:ital,wght@0,300..800;1,300..800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Marck+Script&family=Montez&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Fuzzy+Bubbles:wght@400;700&family=The+Girl+Next+Door&display=swap);@import url(https://fonts.googleapis.com/css2?family=Handlee&family=Poiret+One&family=Short+Stack&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{height:100%;margin:0;padding:0}.small-screen{color:#2b2b2b;font-family:Poppins,sans-serif;font-size:16px;left:50%;position:absolute;top:40%;transform:translate(-50%,-50%)}.container,.small-screen{align-items:center;display:flex;justify-content:center;width:100%}.container{flex-direction:column;gap:10px;height:100vh;position:relative}.container .title{align-items:center;box-sizing:border-box;display:flex;height:60px;justify-content:space-between;margin-bottom:25px;padding:0 20px;width:100%}.title p{color:#4ea2f6;font-family:Montez,cursive;font-size:38px;font-weight:700;letter-spacing:.5px}.title .collaborate-button,.title .leave-room-button{align-items:center;background:#4ea2f6;border:none;border-radius:5px;box-shadow:0 1px 1px 0 #0003;cursor:pointer;display:flex;gap:10px;height:35px;justify-content:space-between;outline:none;overflow:hidden;padding:0 7px}.title .leave-room-button{background:#f74343}.title .collaborate-button p,.title .leave-room-button p{align-items:center;color:#fff;display:flex;font-family:Poppins,sans-serif;font-size:15px;font-weight:400;height:100%;justify-content:center}.title .collaborate-button span,.title .leave-room-button span{align-items:center;color:#fff;display:flex;font-size:27px;height:100%;justify-content:center}.title{border-bottom:2px solid #4ea2f6}.container .room-info{align-items:center;display:flex;justify-content:space-between;margin-top:-15px;width:calc(90% - 20px)}.container .room-info .in-control{align-items:center;display:flex;gap:7px;justify-content:center}.in-control p{color:#313131;font-family:Poppins,sans-serif}.in-control span{align-items:center;background:#4ea2f633;background:#0000;border-radius:5px;color:#4ea2f6;display:flex;font-family:Short Stack,sans-serif;font-size:17px;font-weight:500;height:35px;justify-content:center;letter-spacing:0;padding:0 1px}.container .room-info .participants-button{align-items:center;display:flex;gap:10px;justify-content:center}.participants-button button{align-items:center;background:#4ea2f6;border:none;border-radius:5px;box-shadow:0 1px 1px 0 #0003;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:16px;font-weight:400;height:35px;justify-content:center;outline:none;padding:0 7px;transition:.1s}.participants-button button:active{box-shadow:none;filter:brightness(105%)}.participants-button #copy-room-id{align-items:center;background:#4ea2f640;border:none;border-radius:5px;box-shadow:0 1px 1px 0 #1e1e1e33;color:#4ea2f6;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:16px;font-weight:400;gap:5px;height:35px;justify-content:center;outline:none;padding:0 7px;transition:.1s}#copy-room-id span{font-size:18px}.container .top{background:#0000;background:#4ea2f6;border-radius:7px;height:48px}.container .bottom,.container .top{align-items:center;display:flex;justify-content:space-between;width:calc(90% - 20px)}.container .bottom{background:#0000;border:1px solid #0000;border-radius:5px;flex:1 1;gap:12px;margin-bottom:10px;max-height:none;overflow:hidden;position:relative}@media (min-height:800px){.container{max-height:900px}.container .title{margin-bottom:40px}}@media (min-width:1280px){.container .bottom,.container .room-info,.container .top{width:1112px}}@media (max-width:900px){.container .bottom,.container .room-info,.container .top{width:95%}}.bottom .bottom-left{background:#fff;border-radius:5px;box-shadow:0 1px 2px 1px #2d2d2d1a;height:490px;justify-content:center;left:35px;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}.bottom .bottom-left,.bottom-left .tools{align-items:center;display:flex;flex-direction:column}.bottom-left .tools{height:100%;justify-content:space-between;list-style:none;margin:4px 0;width:100%}.bottom-left .tools .tool{align-items:center;background:#0000;border-radius:5px;color:#282828;cursor:pointer;display:flex;height:42px;justify-content:center;width:42px}.bottom-left .tools .tool span{color:#2e2e2e;font-size:25px}.bottom-left .tools .tool:hover{background:#4ea2f6;transition:.2s}.bottom-left .tools .tool:hover span{color:#fff}.bottom-left .tools .selected{background:#4ea2f6}.bottom-left .tools .selected span{color:#fff}.bottom-left .tools .disabled{color:#2e2e2e;opacity:.75;pointer-events:none}.bottom-left .tools .disabled span{color:#2e2e2e;opacity:.5}.bottom-left .tools .disabled:hover{background:#0000}.bottom-left .tools .disabled:hover span{color:#2e2e2e;opacity:.5}.bottom{border-radius:2px;height:100%;width:100%}.bottom canvas{background:#f0f0f0;border:1px solid #ebebeb;border-radius:5px;height:100%;width:100%}.bottom .pen{cursor:url(/blueprint/static/media/pencil.83b1e739d17d922963be.svg) 3 27,auto}.bottom .eraser{cursor:url(/blueprint/static/media/eraser.92edfb6e43441c1d7e02.svg) 6 27,auto}.bottom .text{cursor:crosshair}.bottom .top-right{background:#fff;border-radius:1px 5px 1px 5px;box-shadow:-1px 1px 2px 0 #5a5a5a1a;height:36px;left:calc(100% - 35px);overflow:hidden;position:absolute;top:17px;transform:translate(-50%,-50%);width:72px}.bottom .top-right,.top-right button{align-items:center;display:flex;justify-content:center}.top-right button{background:#0000;border:none;color:#2e2e2e;height:100%;outline:none;width:50%}.top-right #cancel-text,.top-right #confirm-text{background:#0000;color:#2e2e2e;cursor:pointer;transition:.2s}.top-right #confirm-text{background:#4ea2f640;color:#4ea2f6}.top-right #cancel-text{background:#f7484840;color:#f74848}.top-right #confirm-text:hover{background:#4ea2f6;color:#fff}.top-right #cancel-text:hover{background:#f74848;color:#fff}.bottom .bottom-right{align-items:center;background:#fff;border-radius:5px 1px 1px 1px;box-shadow:-1px -1px 2px 1px #5a5a5a1a;display:flex;height:35px;justify-content:center;left:calc(100% - 48px);overflow:hidden;position:absolute;top:calc(100% - 17px);transform:translate(-50%,-50%);width:96px}.bottom-right .page-indicator{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:space-between;width:65%}.page-indicator p{color:#313131;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;margin-left:auto;width:calc(100% - 20px)}.page-indicator .increment-decrement,.page-indicator p{align-items:center;display:flex;height:100%;justify-content:center}.page-indicator .increment-decrement{background:#0000;flex-direction:column;width:20px}.increment-decrement button{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:50%;justify-content:center;outline:none;transition:.2s;width:100%}.increment-decrement button:disabled{opacity:.5}.increment-decrement span{color:#4ea2f6;font-size:22px;font-weight:500}.bottom-right .add-page{align-items:center;background:#4ea2f6;border:none;cursor:pointer;display:flex;height:100%;justify-content:center;outline:none;width:35%}.add-page span{color:#fff}.bottom-right .add-page:disabled{opacity:.6}.top .select-a-position,.top .shape-detection-tool{align-items:center;color:#fff;display:flex;font-family:Short Stack,sans-serif;font-size:16px;justify-content:center;width:100%}.charts-header{align-items:center;border-bottom:2px solid skyblue;display:flex;height:50px;justify-content:space-between;padding:0 20px}.charts-header span{font-size:19px;font-weight:500}.charts-header button,.charts-header span{color:#313131;font-family:Poppins,sans-serif}.charts-header button{cursor:pointer;font-size:15px;height:30px;width:60px}.charts-body{align-items:center;display:flex;height:200px;justify-content:center;margin-top:30px;padding:0 20px}.chart-element{border:1px solid gray}.info-section{background:skyblue;height:100px;margin:20px 20px 0}.canvas-section{align-items:center;border:1px solid gray;border-radius:3px;display:flex;flex-direction:column;height:500px;justify-content:space-between;margin:30px 20px 0}.canvas-section .canvas-section-top{align-items:center;background:skyblue;display:flex;flex-direction:row;height:40px;justify-content:space-evenly;width:100%}.canvas-section canvas{background:#ececec;height:calc(100% - 40px);width:100%}.canvas-section-top input{border:none;border-radius:3px;color:#313131;height:28px;outline:none;width:180px}.canvas-section-top button,.canvas-section-top input{font-family:Poppins,sans-serif;font-size:15px;padding:0 7px}.canvas-section-top button{cursor:pointer;height:30px}.canvas-section-top p{color:#313131;font-size:18px}.top .no-tool{align-items:center;display:flex;height:55px;justify-content:space-around;list-style:none;width:100%}.no-tool p{color:#fff;font-family:Fuzzy Bubbles,sans-serif;font-size:19px}.pen-tool{height:35px;justify-content:space-around;list-style:none;width:100%}.pen-tool,.pen-tool li{align-items:center;display:flex}.pen-tool li{gap:10px;height:100%;justify-content:center}.pen-tool li p{color:#fff;font-family:Short Stack,sans-serif;font-size:16px;letter-spacing:0}.pen-tool .opacity .opacity-selector,.pen-tool .size .size-selector{align-items:center;background-color:#fff;border-radius:5px;display:flex;flex-direction:row;height:100%;justify-content:center;padding:0 2px;width:40px}.pen-tool .opacity .opacity-selector{width:52px}.pen-tool .opacity .opacity-selector .current-opacity,.pen-tool .size .size-selector .current-size{align-items:center;border:none;color:#313131;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:16px;height:100%;justify-content:center;outline:none;padding:0;text-align:center;width:60%}.pen-tool .opacity .opacity-selector .increment-decrement,.pen-tool .size .size-selector .increment-decrement{align-items:center;background:#0000;display:flex;flex-direction:column;height:90%;justify-content:center;width:50%}.pen-tool .opacity .opacity-selector button,.pen-tool .size .size-selector button{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:50%;justify-content:center;outline:none;transition:.2s;width:16px}.pen-tool .opacity .opacity-selector button:disabled,.pen-tool .size .size-selector button:disabled{opacity:.5}.pen-tool .opacity .opacity-selector span,.pen-tool .size .size-selector span{color:#4ea2f6;font-size:22px;font-weight:500}.pen-tool .colors .color-selector{align-items:center;background:#fff;border-radius:5px;display:flex;height:100%;justify-content:space-evenly;position:relative;transition:0s;width:55px}.pen-tool .colors .color-selector .active-color{border-radius:5px;height:70%;margin-left:auto;width:45%}.pen-tool .colors .color-selector button{align-items:center;background:#fff;border:none;border-radius:0 5px 5px 0;cursor:pointer;display:flex;height:100%;justify-content:center;margin-left:auto;outline:none;transition:.2s;width:40%}.pen-tool .colors .color-selector button span{color:#4ea2f6;font-size:26px;font-weight:500;transition:.25s}.pen-tool .colors .color-selector button:hover{background:#4ea2f626}.pen-tool .colors .color-selector button .opened{transform:rotate(180deg);transition:.25s}.pen-tool .colors .color-selector .color-palette-hidden{opacity:0;z-index:0}.pen-tool .colors .color-selector .color-palette,.pen-tool .colors .color-selector .color-palette-hidden{grid-row-gap:7px;grid-column-gap:7px;align-items:center;background:#fff;border:1px solid #fafafa;border-radius:5px;box-shadow:0 1px 2px #0000001a;column-gap:7px;display:grid;grid-template-columns:23% 23% 23% 23%;grid-template-rows:30% 30% 30%;justify-content:center;left:-45%;padding:7px 10px;position:absolute;row-gap:7px;top:275%;transform:translate(-50%,-50%)}.pen-tool .colors .color-selector .color-palette{opacity:1;transition:opacity .25s ease-in-out;z-index:99}.pen-tool .colors .color-palette .palette-color{align-items:center;border-radius:18px;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.pen-tool .colors .color-palette .palette-color span{color:#fff;font-size:26px}.pen-tool .types{align-items:center;display:flex;gap:10px;justify-content:center}.pen-tool .types .type-selector{align-items:center;background:#fff;border-radius:5px;display:flex;height:100%;justify-content:space-between;position:relative;width:110px}.pen-tool .types .type-selector p{align-items:center;background:#0000;color:#313131;display:flex;font-family:Poppins,sans-serif;font-size:16px;height:100%;justify-content:start;padding:0 0 0 7px;width:80%}.pen-tool .types .type-selector button{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:100%;justify-content:center;outline:none;transition:.2s;width:20%}.pen-tool .types .type-selector button span{color:#4ea2f6;font-size:26px;font-weight:500;transition:.25s}.pen-tool .types .type-selector button:hover{background:#4ea2f626}.pen-tool .types .type-selector button .opened{transform:rotate(180deg);transition:.25s}.pen-tool .types .type-selector .types-menu-hidden{opacity:0;top:calc(100% + 56px);z-index:0}.pen-tool .types .type-selector .types-menu,.pen-tool .types .type-selector .types-menu-hidden{align-items:center;background:#fff;border-radius:5px 5px 5px 5px;box-shadow:0 1px 2px #0000001a;display:flex;flex-direction:column;gap:5px;justify-content:center;left:50%;padding:5px 0;position:absolute;transform:translate(-50%,-50%);width:110px}.pen-tool .types .type-selector .types-menu{opacity:1;top:calc(100% + 60px);transition:opacity .25s ease-in-out;z-index:99}.pen-tool .types .type-selector .types-menu .pen-type,.pen-tool .types .type-selector .types-menu-hidden .pen-type{align-items:center;border-radius:5px;color:#4ea2f6;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:16px;height:32px;justify-content:start;padding:0 0 0 7px;transition:.2s;width:calc(90% - 7px)}.pen-tool .types .type-selector .types-menu .pen-type:hover,.pen-tool .types .type-selector .types-menu-hidden .pen-type:hover{background:#d4d4d466}.pen-tool .types .type-selector .types-menu .selected-pen-type,.pen-tool .types .type-selector .types-menu .selected-pen-type:hover{background:#4ea2f6;color:#fff}.text-tool{align-items:center;display:flex;height:35px;justify-content:space-around;list-style:none;width:100%}.text-tool .text-box,.text-tool li{align-items:center;display:flex;justify-content:center}.text-tool li{gap:10px;height:100%}.text-tool li p{color:#fff;font-family:Fuzzy Bubbles,sans-serif;font-size:16px}.text-box input{background:#fff;border:none;border-radius:5px;color:#313131;font-family:Poppins,sans-serif;font-size:16px;height:95%;outline:none;padding:0 7px}.text-tool .font-size .size-selector{align-items:center;background-color:#fff;border-radius:5px;display:flex;flex-direction:row;height:100%;justify-content:space-around;padding:0 2px;width:50px}.text-tool .font-size .size-selector .increment-decrement{align-items:center;background:#0000;display:flex;flex-direction:column;height:90%;justify-content:center;width:40%}.text-tool .font-size .size-selector button{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:50%;justify-content:center;outline:none;transition:.2s;width:16px}.text-tool .font-size .size-selector button:disabled{opacity:.5}.text-tool .font-size .size-selector span{color:#4ea2f6;font-size:22px;font-weight:500}.text-tool .font-size .size-selector .current-size{align-items:center;background:#0000;color:#313131;display:flex;font-family:Poppins,sans-serif;font-size:16px;justify-content:center;width:60%}.text-tool .font-color .color-selector{align-items:center;background:#fff;border-radius:5px;display:flex;height:95%;justify-content:space-evenly;position:relative;transition:.1s;width:55px}.text-tool .font-color .color-selector .active-color{border-radius:5px;height:70%;margin-left:auto;width:45%}.text-tool .font-color .color-selector button{align-items:center;background:#fff;border:none;border-radius:0 5px 5px 0;cursor:pointer;display:flex;height:100%;justify-content:center;margin-left:auto;outline:none;transition:.2s;width:40%}.text-tool .font-color .color-selector button span{color:#4ea2f6;font-size:26px;font-weight:500;transition:.25s}.text-tool .font-color .color-selector button:hover{background:#4ea2f626}.text-tool .font-color .color-selector button .opened{transform:rotate(180deg);transition:.25s}.text-tool .font-color .color-selector .color-palette-hidden{opacity:0;z-index:0}.text-tool .font-color .color-selector .color-palette,.text-tool .font-color .color-selector .color-palette-hidden{grid-row-gap:7px;grid-column-gap:7px;align-items:center;background:#fff;border:1px solid #fafafa;border-radius:5px;box-shadow:0 1px 2px #0000001a;column-gap:7px;display:grid;grid-template-columns:23% 23% 23% 23%;grid-template-rows:30% 30% 30%;justify-content:center;left:-45%;padding:7px 10px;position:absolute;row-gap:7px;top:285%;transform:translate(-50%,-50%)}.text-tool .font-color .color-selector .color-palette{opacity:1;transition:opacity .25s ease-in-out;z-index:99}.text-tool .font-color .color-selector .color-palette .palette-color{align-items:center;border-radius:18px;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.text-tool .font-color .color-selector .color-palette .palette-color span{color:#fff;font-size:24px}.text-tool .font{align-items:center;display:flex;gap:10px;justify-content:center}.text-tool .font .font-selector{align-items:center;background:#fff;border-radius:5px;display:flex;height:35px;justify-content:space-between;position:relative;width:135px}.text-tool .font .font-selector .active-font{background:#0000;color:#313131;display:blocks;font-family:Poppins,sans-serif;font-size:15px;height:100%;line-height:35px;margin:0;overflow:hidden;padding:0 7px;text-overflow:ellipsis;white-space:nowrap;width:84%}.text-tool .font .font-selector button{align-items:center;background:#0000;border:none;border-radius:0 5px 5px 0;cursor:pointer;display:flex;height:100%;justify-content:center;outline:none;transition:.2s;width:16%}.text-tool .font .font-selector button span{color:#4ea2f6;font-size:26px;font-weight:500;transition:.25s}.text-tool .font .font-selector button .opened{transform:rotate(180deg)}.text-tool .font .font-selector button:hover{background:#4ea2f626}.text-tool .font .font-menu-hidden{gap:3px;opacity:0;top:calc(100% + 131px);z-index:0}.text-tool .font .font-menu,.text-tool .font .font-menu-hidden{align-items:center;background:#fff;border-radius:5px;border-radius:5px 5px 5px 5px;box-shadow:0 1px 2px #0000001a;display:flex;flex-direction:column;justify-content:center;left:50%;padding:5px 0;position:absolute;transform:translate(-50%,-50%);width:135px}.text-tool .font .font-menu{gap:5px;opacity:1;top:calc(100% + 136.5px);transition:opacity .25s ease-in-out;z-index:999}.text-tool .font .font-menu .font-type{align-items:center;background:#fff;border-radius:5px;cursor:pointer;display:flex;height:33px;justify-content:start;overflow:hidden;padding:0 0 0 7px;width:calc(90% - 7px)}.text-tool .font .font-menu .font-type p{color:#4ea2f6;font-family:Poppins,sans-serif;font-size:15px;line-height:33px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-tool .font .font-menu .selected-font-type{background:#4ea2f6}.text-tool .font .font-menu .selected-font-type p{color:#fff}.font .font-menu-hidden .font-type:hover,.text-tool .font .font-menu .font-type:hover{background:#d4d4d459}.text-tool .font .font-menu .selected-font-type:hover{background:#4ea2f6}.eraser-tool{align-items:center;display:flex;justify-content:center;width:100%}.eraser-tool p{color:#fff;font-family:Short Stack,sans-serif;font-size:16px}.page-type{height:35px;justify-content:space-around;list-style:none;width:100%}.page-type,.page-type li{align-items:center;display:flex}.page-type li{gap:10px;height:100%;justify-content:center}.page-type li p{color:#fff;font-family:Short Stack,sans-serif;font-size:16px}.page-type .type{align-items:center;color:#313131;display:flex;gap:10px;height:100%;justify-content:center}.page-type .type p{color:#fff;font-family:Short Stack,sans-serif;font-size:16px}.page-type .type .type-selector{background:#fff;gap:3px;height:100%;padding:0 4px}.page-type .type .type-selector,.page-type .type-selector .page-type{align-items:center;border-radius:5px;display:flex;justify-content:center}.page-type .type-selector .page-type{cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;height:80%;padding:0 15px;transition:.15s}.page-type .type-selector .selected{background:#4ea2f6;color:#fff;transition:.2s}.page-type .rule-color .color-selector{align-items:center;background:#fff;border-radius:5px;display:flex;height:100%;justify-content:space-evenly;position:relative;transition:0s;width:55px}.page-type .rule-color .color-selector .active-color{border-radius:5px;height:70%;margin-left:auto;width:45%}.page-type .rule-color .color-selector button{align-items:center;background:#fff;border:none;border-radius:0 5px 5px 0;cursor:pointer;display:flex;height:100%;justify-content:center;margin-left:auto;outline:none;transition:.2s;width:40%}.page-type .rule-color .color-selector button span{color:#4ea2f6;font-size:26px;font-weight:500;transition:.25s}.page-type .rule-color .color-selector button:hover{background:#4ea2f626}.page-type .rule-color .color-selector button .opened{transform:rotate(180deg);transition:.25s}.page-type .rule-color .color-selector .color-palette-hidden{opacity:0;z-index:0}.page-type .rule-color .color-selector .color-palette,.page-type .rule-color .color-selector .color-palette-hidden{grid-row-gap:7px;grid-column-gap:7px;align-items:center;background:#fff;border:1px solid #fafafa;border-radius:5px;box-shadow:0 1px 2px #0000001a;column-gap:7px;display:grid;grid-template-columns:23% 23% 23% 23%;grid-template-rows:30% 30% 30%;justify-content:center;left:-45%;padding:7px 10px;position:absolute;row-gap:7px;top:275%;transform:translate(-50%,-50%)}.page-type .rule-color .color-selector .color-palette{opacity:1;transition:opacity .25s ease-in-out;z-index:99}.page-type .rule-color .color-palette .palette-color{align-items:center;border-radius:18px;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.page-type .rule-color .color-palette .palette-color span{color:#fff;font-size:24px}.page-type .rule-color .disabled{opacity:.5}.page-type .line-height .line-height-selector{align-items:center;background:#fff;border-radius:5px;display:flex;height:35px;justify-content:center;width:75px}.line-height .line-height-selector .current-line-height{align-items:center;border:none;color:#313131;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:15px;height:100%;justify-content:center;outline:none;padding:0;text-align:center;width:70%}.line-height .line-height-selector .increment-decrement{align-items:center;background:#0000;display:flex;flex-direction:column;height:90%;justify-content:center;width:30%}.line-height .line-height-selector .increment-decrement button{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:50%;justify-content:center;outline:none;transition:.2s;width:17px}.line-height .line-height-selector .increment-decrement button:disabled{opacity:.5}.line-height .line-height-selector .increment-decrement span{color:#4ea2f6;font-size:22px;font-weight:500}.line-height .disabled{opacity:.5}*{margin:0;padding:0}body{background:#fff}#confirmation-dialog{align-items:center;background:#fff;border:none;border-radius:5px;box-shadow:0 1px 1px 0 #0000001a;display:flex;flex-direction:column;gap:20px;justify-content:center;left:50%;opacity:0;outline:none;overflow:hidden;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;width:300px}#confirmation-dialog[open]{opacity:1}#confirmation-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0003}#confirmation-dialog p{color:#313131;font-family:Poppins,sans-serif}#confirmation-dialog p span{color:#4ea2f6;font-weight:400;margin-right:5px}#confirmation-dialog .confirmation-buttons{align-items:center;display:flex;gap:10px;justify-content:end;width:100%}.confirmation-buttons button{align-items:center;background:#4ea2f6;border:none;border-radius:3px;box-shadow:0 1px 1px 0 #1414141a;color:#fafafa;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:15px;height:32px;justify-content:center;outline:none;padding:0 7px;transition:.2s}.confirmation-buttons button:first-child{background:#4ea2f633;color:#4ea2f6;font-weight:400}.confirmation-buttons button:nth-child(2){background:#ee2f2f33;color:#ee2f2f;font-weight:400}.confirmation-buttons button:active{box-shadow:none;filter:brightness(95%)}#participants-modal{align-items:center;background:#fff;border:none;border-radius:5px;box-shadow:0 1px 1px 0 #0000001a;display:flex;flex-direction:column;gap:20px;justify-content:center;left:50%;opacity:0;outline:none;overflow:hidden;padding:20px 0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s;width:340px}#participants-modal[open]{opacity:1}#participants-modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000040}#participants-modal .heading{margin:0 auto;width:90%}.heading p{color:#313131;font-family:Poppins,sans-serif;font-size:17px}#participants-modal .participants{align-items:start;display:flex;flex-direction:column;gap:14px;justify-content:center;margin:0 auto;width:90%}.participants div{align-items:center;background:#0000;background:#4ea2f633;border-radius:5px;display:flex;height:48px;justify-content:space-between;position:relative;width:100%}.participants div .admin-indicator{background:#16d51f;left:7.2%;width:43px}.participants div .admin-indicator,.participants div .disabled-indicator{align-items:center;border-radius:3px;color:#fff;display:flex;font-family:Poppins,sans-serif;font-size:11px;height:20px;justify-content:center;position:absolute;top:2px;transform:translate(-50%,-50%)}.participants div .disabled-indicator{background:#f8412d;left:9.3%;width:56px}.participants div .left-side{background:#0000;color:#4ea2f6;font-family:Poppins,sans-serif;font-weight:400;padding:0 0 0 8px}.left-side p{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 10px)}.participants div .right-side{background:#0000;gap:7px;height:100%;width:135px}.participants div .right-side,.right-side span{align-items:center;display:flex;justify-content:center}.right-side span{border-radius:7px;color:#fff;cursor:pointer;height:34px;width:34px}.right-side #disable-participant{background:#fff;color:#323131;opacity:.75;transition:.2s}.right-side #disable-participant-disabled{background:#313131;color:#fff;transition:.2s}.right-side #remove-participant{background:#ff3b3b}#participants-modal .close-modal{align-items:center;background-color:#4ea2f6;border-radius:1px 5px 1px 5px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;left:calc(100% - 16px);position:absolute;top:16px;transform:translate(-50%,-50%);width:33px}#participants-modal .close-modal span{font-size:22px}#collaborate-modal{align-items:center;background:#fff;border:none;border-radius:5px;box-shadow:0 1px 1px 0 #0000001a;display:flex;flex-direction:column;gap:20px;justify-content:center;left:50%;opacity:0;outline:none;overflow:hidden;padding:40px 0;pointer-events:auto;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;width:290px}#collaborate-modal[open]{opacity:1}#collaborate-modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000040}#collaborate-modal .top-section{align-items:center;display:flex;height:37px;justify-content:center;width:80%}#collaborate-modal .top-section #user-name{background:#f5f5f5;border:none;border-radius:5px;color:#313131;font-family:Poppins,sans-serif;font-size:16px;height:100%;height:38px;outline:none;padding:0 7px;transition:.2s;width:100%}#collaborate-modal .bottom-section{align-items:center;background:#0000;border:1px solid #4ea2f6;border-radius:5px;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:10px 7px;width:80%}.collaborate-modal .bottom-section p{color:#888;font-family:Poppins,sans-serif;font-size:15px;position:relative}#collaborate-modal .bottom-section button{align-items:center;background:#4ea2f6;border:none;border-radius:5px;box-shadow:0 1.5px 1px 0 #00000026;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:16px;font-weight:300;height:37px;justify-content:center;outline:none;transition:.1s;width:100%}#collaborate-modal .bottom-section button:active{box-shadow:0 0 0 #00000026;filter:brightness(105%)}#collaborate-modal .bottom-section button:disabled{box-shadow:none;opacity:.6}#collaborate-modal .bottom-section .loading-spinner{animation:spin .7s linear infinite;background:#0000;border:1px solid #0000;border-radius:10px;border-top:3px solid #fff;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#collaborate-modal .bottom-section #room-id{background:#f5f5f5;border:none;border-radius:5px;color:#313131;font-family:Poppins,sans-serif;font-size:15px;height:38px;outline:none;padding:0 7px;transition:.2s;width:100%}#collaborate-modal .bottom-section #room-id:focus,#collaborate-modal .top-section #user-name:focus{background:#4ea2f633}#collaborate-modal .close-modal{align-items:center;background-color:#4ea2f6;border-radius:1px 5px 1px 5px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;left:calc(100% - 16px);position:absolute;top:16px;transform:translate(-50%,-50%);width:33px}#collaborate-modal .close-modal span{font-size:22px}#collaborate-modal .collaborate-error{align-items:center;animation:animate .1s;color:#f74343;display:flex;font-family:Poppins,sans-serif;font-size:16px;justify-content:center;position:absolute;top:90%}@keyframes animate{0%{transform:translateY(15px)}to{transform:translateY(0)}}.user-disabled{align-items:center;display:flex;gap:12px;justify-content:center;width:100%}.user-disabled p{color:#fff;font-family:Short Stack;font-size:16px}.user-disabled button{align-items:center;background:#fff;border:none;border-radius:3px;box-shadow:0 1px 2px 1px #3434341a;color:#313131;color:#4ea2f6;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:15px;font-weight:500;gap:5px;height:30px;justify-content:center;outline:none;padding:0 7px}.user-disabled button p{color:#4ea2f6;font-family:Poppins,sans-serif;font-size:14px}.user-disabled button:disabled{opacity:.75}
/*# sourceMappingURL=main.64f743d5.css.map*/