@charset "UTF-8";._settingIcon_xib8v_1{position:fixed;font-size:2rem;color:#2e2e38;top:.5rem;right:.5rem;background-color:transparent;border:none;transition:all .3;font-weight:bolder;z-index:9999;cursor:pointer}._settingIcon_xib8v_1:hover{rotate:30deg}._openingContainer_xib8v_18{position:fixed;top:0;left:0;width:100vw;height:100svh;z-index:999999999}._openingContainer_xib8v_18 button{bottom:0;margin-bottom:10%;z-index:999999;color:#e0e0e0;border:#5e5e70 3px solid;background-color:#4a4a5a;padding:.3rem;text-align:center;font-size:1.5rem;position:absolute;left:50%;pointer-events:auto;transform:translate(-50%);border-radius:10px;animation:_moveToCenter_xib8v_1 .3s ease-in reverse;cursor:pointer}._openingBackground_xib8v_45{background-color:#626f8a42;width:100%;height:100%;position:fixed}._openingModal_xib8v_52{background-color:#2e2e38;width:40%;height:60%;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);color:#e0e0e0;min-width:fit-content}._form_xib8v_64{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}._inputContainer_xib8v_72{width:80%;height:fit-content;display:flex;flex-direction:row;justify-content:center;padding-bottom:1rem;border-bottom:1px #98c7db solid}._inputContainer_xib8v_72 h2{color:#98c7db;font-size:1.5rem;margin:0;margin-left:.2rem}._inputContainer_xib8v_72 h1{color:#e0e0e0;font-size:2rem;margin:0 1rem}._inputContainer_xib8v_72 input{height:2rem;width:8rem;font-size:2rem;text-align:center}._topRightToolContainer_kgh6a_1{position:fixed;width:fit-content;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;gap:.5rem;right:4rem;top:5rem;z-index:9999999}._topRightToolContainer_kgh6a_1 ._HostButton_kgh6a_13{top:-3rem}._topRightToolContainer_kgh6a_1 ._joinButton_kgh6a_16,._topRightToolContainer_kgh6a_1 ._exitButton_kgh6a_19{top:4rem}._topRightToolContainer_kgh6a_1 ._connectionButtons_kgh6a_22{z-index:999999;border:#5e5e70 3px solid;background-color:#4a4a5a;color:#e0e0e0;padding:.3rem;text-align:center;font-size:1.5rem;position:absolute;left:50%;pointer-events:auto;transform:translate(-50%);border-radius:10px;animation:_moveToCenter_kgh6a_1 .3s ease-in reverse;cursor:pointer}._topRightToolContainer_kgh6a_1 ._netMenu_kgh6a_38{background-color:#e0e0e0;color:#e0e0e0;width:fit-content;height:fit-content;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;pointer-events:auto;z-index:9999999;margin:0;padding:0}._topRightToolContainer_kgh6a_1 ._subMenu_kgh6a_54{background-color:transparent;width:fit-content;height:fit-content;position:fixed;display:flex;flex-direction:column;align-items:center;right:8rem;top:5%;z-index:999999999;pointer-events:auto;overflow:hidden}._topRightToolContainer_kgh6a_1 ._subMenu_kgh6a_54 ._onlineBtn_kgh6a_68{background-color:#4a4a5a;color:#e0e0e0;border:1px solid #5e5e70;border-radius:4px;font-weight:500;display:flex;align-items:center;justify-content:center;padding:10px;cursor:pointer}._topRightToolContainer_kgh6a_1 ._subMenu_kgh6a_54 ._onlineBtn_kgh6a_68 span{font-size:2rem}._codeBar_kgh6a_84{height:4rem;position:absolute;right:4rem;display:flex;flex-direction:row;color:#e0e0e0;pointer-events:auto;z-index:9999}._codeBar_kgh6a_84 ._roomIdBar_kgh6a_94{border:none;text-wrap:nowrap;background-color:#3c3c4a;cursor:text;padding-left:.5rem;padding-right:.5rem}._codeBar_kgh6a_84 ._handle_kgh6a_102{all:unset;align-items:center;background-color:#2e2e38;cursor:pointer;border-radius:20px 0 0 20px;width:fit-content;padding-left:.5rem;padding-right:.5rem;height:100%;z-index:9999;border-right:1px #2e2e38 solid}._spinLoad_kgh6a_116{animation:_Speeen_kgh6a_1 1s linear infinite}._spinFinish_kgh6a_120{animation:_Speeen_kgh6a_1 2s forwards}@keyframes _moveToCenter_kgh6a_1{to{top:0}}@keyframes _Speeen_kgh6a_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._onlineContainer_kw1mf_1{justify-content:space-evenly;position:relative;display:flex;flex-direction:column;gap:.8rem;width:20vw;max-width:470px;height:fit-content;margin:1rem;padding:1rem;background-color:#3c3c4a;border:1px solid #5e5e70;box-shadow:inset 2px 2px 4px #000;border-radius:2px;color:#e0e0e0;min-width:200px;z-index:9999999999999}._onlineContainer_kw1mf_1 form{display:flex;flex-direction:column;gap:.8rem;width:100%}._onlineContainer_kw1mf_1 hr{border:none;height:2px;background-color:#5e5e70;margin:.5rem 0}._onlineContainer_kw1mf_1 h1{margin:0;text-align:center;padding:0}._onlineContainer_kw1mf_1 ._XBtn_kw1mf_37{font-size:2rem;color:#3877aa;position:absolute;top:0;right:0;text-align:right;margin:1rem;background-color:transparent;border:none;cursor:pointer}._onlineContainer_kw1mf_1 input{margin-top:-1.7rem;font-size:2rem}._onlineContainer_kw1mf_1 ._actionButton_kw1mf_53{background-color:#4a4a5a;color:#e0e0e0;border:1px solid #5e5e70;border-radius:4px;font-weight:500;margin:1rem;padding:1rem;cursor:pointer;transition:background-color .2s,transform .1s}._onlineContainer_kw1mf_1 ._actionButton_kw1mf_53:hover{background-color:#3877aa;transform:scale(1.03)}._onlineContainer_kw1mf_1 ._actionButton_kw1mf_53:active{transform:scale(.98)}._modal_kw1mf_72{position:fixed;width:40vw;height:40svh;background-color:#3c3c4a;padding:1rem;display:flex;flex-direction:column;align-items:center;z-index:99999999}._backGround_kw1mf_84{position:fixed;width:100%;height:100svh;top:0;left:0;z-index:99999999;border:none;background-color:#626f8a42}._submitBtn_kw1mf_95{z-index:99999999;position:relative;bottom:0;margin:1rem;background-color:#4a4a5a;color:#e0e0e0;border:1px solid #5e5e70;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s}._submitBtn_kw1mf_95:hover{background-color:#3877aa;transform:scale(1.03)}._roomAddress_kw1mf_113{display:flex;flex-direction:column}._roomAddress_kw1mf_113 h3,._roomAddress_kw1mf_113 h4{margin:0}._onlineTitle_kw1mf_124{display:flex;flex-direction:row;justify-content:space-evenly;width:100%}._handleEnd_1u3ax_1{all:unset;cursor:pointer;background-color:#2e2e38;border-radius:0 20px 20px 0;padding-left:.5rem;padding-right:.5rem;width:fit-content;height:100%;border-left:1px #2e2e38 solid}._textCopied_1u3ax_13{position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:#000;color:#e0e0e0;padding:2px 6px;border-radius:4px;font-size:12px;white-space:nowrap}._internetIcon_yi5co_1{margin:0;padding:0;display:flex;align-items:center;justify-content:center;font-size:2rem;width:3rem;height:3rem;transition:all .5s}._guestMouseContainer_l6g7b_1{position:fixed;-webkit-user-select:none;user-select:none;transform:translate(-10%,-60%);z-index:999}._guestMouseContainer_l6g7b_1 h2{background-color:#626f8a42}._guestMouseContainer_l6g7b_1 img{width:50px;height:50px}._userList_18jrt_1{position:fixed;top:9rem;display:flex;flex-direction:column;opacity:.5;right:1rem;padding:0 1rem 1rem;z-index:9999999;max-width:250px;min-width:190px;cursor:text;pointer-events:auto;border-radius:1rem}._userList_18jrt_1:hover{opacity:.9}._guestIcon_18jrt_20{color:#e0e0e0;background-color:transparent;border:none;padding:0 .5rem;width:calc(100% - 1rem);border-top:1px solid transparent;border-bottom:1px solid transparent;border-radius:.5rem;cursor:pointer;display:flex;flex-direction:row;height:fit-content;align-items:center}._guestIcon_18jrt_20 h2{font-size:1.5rem;overflow-x:hidden;max-width:75%;margin:.5rem 0}._guestIcon_18jrt_20:hover{border-top-color:#2e2e38;border-bottom-color:#2e2e38;background-color:#626f8a42;text-shadow:0 0 1px #000000,0 0 2px #000000}._guestIcon_18jrt_20 h3{font-size:1rem;color:#e0e0e0}._userColorIcon_18jrt_52{margin:0 .5rem;border-radius:50%;width:1.5rem;height:1.5rem}._usersContainer_18jrt_59{max-height:50vh;overflow-y:auto}._shown_18jrt_64{background-color:#3c3c4a}._transparent_18jrt_68{background-color:transparent}._removeUser_18jrt_72{all:unset;margin-left:auto;color:#8d0404}._removeUser_18jrt_72:hover{color:red}._brushToolbar_l60r5_1{position:fixed;top:4rem;left:2rem;z-index:999999}._brushToolbar_l60r5_1 ._blackBorderWrapper_l60r5_7{position:relative;border:#000000 1px solid;width:4rem;height:4rem;z-index:9999;border-radius:50%}._brushToolbar_l60r5_1 ._brushIcon_l60r5_15{border-radius:50%;background-color:#2e2e38;width:4rem;border:none;padding:.2rem;height:4rem;cursor:pointer;transform:scaleX(-1);z-index:9999}._brushToolbar_l60r5_1 ._colorMenu_l60r5_26{width:3rem;background:linear-gradient(90deg,#3c3c4a);box-shadow:inset 3px 3px 8px #000,inset -2px -2px 6px #98c7db;height:fit-content;margin:0 auto;display:flex;flex-direction:column;border-bottom-right-radius:20px;border-bottom-left-radius:20px;padding-bottom:.5rem;padding-top:1rem;transform:translate(.5rem,-1rem);z-index:4;border:2px solid #2e2e38;position:fixed}._brushToolbar_l60r5_1 ._colorMenu_l60r5_26 ._pastColorElement_l60r5_43{width:2rem;height:2rem;margin:0 auto;cursor:pointer;margin-top:.5rem;border:1px #000000 solid;border-radius:50%}._brushToolbar_l60r5_1 ._sizeSetBar_l60r5_52{width:5.5rem;height:5.5rem;position:absolute;top:2rem;left:2rem;border-radius:50%;transform:translate(-2.75rem,-2.75rem);border:none;background:transparent;padding:0;z-index:9999}._brushToolbar_l60r5_1 ._sizeSetBar_l60r5_52 ._sizeHandle_l60r5_65{width:1.5rem;height:1.5rem;border-radius:50%;position:absolute;top:50%;border:solid 1px #e0e0e0;cursor:pointer;right:-.75rem;transform:translateY(-50%);z-index:9999;background-color:#2e2e38}._brushToolbar_l60r5_1 ._brushSizeInput_l60r5_78{position:absolute;top:2rem;left:4rem;z-index:99999}._brushToolbar_l60r5_1 ._colorOfSlider_l60r5_84{width:7rem;height:7rem;position:absolute;top:2rem;left:2rem;border-radius:50%;transform:translate(-3.5rem,-3.5rem);border:none;padding:0;z-index:4;background:conic-gradient(from 0deg,#6b7280 0deg,#4a4a5a 30deg,transparent 30deg,transparent 220deg,#4a4a5a 220deg,#6b7280 230deg,#6b7280 344deg)}._brushToolbar_l60r5_1 ._brushSizeDisplay_l60r5_97{position:fixed;z-index:99999;top:50%;left:50%;transform:translate(-50%,-50%) scaleX(-1);font-size:1.5rem;text-shadow:-1px -1px 0 #000000,1px -1px 0 #000000,-1px 1px 0 #000000,1px 1px 0 #000000}._brushToolbar_l60r5_1 ._brushSizeDisplay_l60r5_97 h3{margin:0;pointer-events:none}._brushSizeDisplay_l60r5_97{color:#e0e0e0}._highlightedText_l60r5_115{color:#98c7db}._addNewLayer_zzxrd_1{display:flex;align-items:center;gap:.5rem}._addNewLayer_zzxrd_1 ._plusBTN_zzxrd_6{all:unset;background-color:#3c3c4a;color:#e0e0e0;cursor:pointer;padding:.5rem;font-size:1.2rem;border-radius:8px;border:solid #5e5e70 1px;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;transition:all .2s ease}._addNewLayer_zzxrd_1 ._plusBTN_zzxrd_6:hover{background-color:#4a4a5a;transform:scale(1.05)}._addNewLayer_zzxrd_1 ._layerNameInput_zzxrd_26{-webkit-user-select:auto;user-select:auto;background-color:#4a4a5a;border:#5e5e70 solid 1px;border-radius:6px;color:#e0e0e0;padding:.4rem .6rem;font-size:.8rem;outline:none;width:8rem}._addNewLayer_zzxrd_1 ._layerNameInput_zzxrd_26:focus{border-color:#6b7280}._toLeft_1iw2n_1{border-top-right-radius:8px;border-bottom-right-radius:8px;border-left:none;left:100%}._toRight_1iw2n_8{border-top-left-radius:8px;border-bottom-left-radius:8px;border-right:none;right:100%}._hideLayersButton_1iw2n_15{background-color:#3c3c4a;color:#e0e0e0;position:absolute;cursor:pointer;padding:.5rem;font-size:1.2rem;height:4rem;margin-top:50%;border:solid #5e5e70 1px;display:flex;align-items:center;justify-content:center}._layersContainer_6mg6o_1{cursor:default;display:flex;flex-direction:column;gap:.25rem;justify-content:flex-start;overflow-y:auto;overflow-x:auto;position:relative;padding:.25rem .25rem .75rem;border-top:2px #e0e0e0 solid;background-color:#4a4a5a;height:100%}._layersContainer_6mg6o_1::-webkit-scrollbar{height:6px}._layersContainer_6mg6o_1::-webkit-scrollbar-track{background:#98c7db;border-radius:3px;margin:0 .5rem}._layersContainer_6mg6o_1::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:3px}._layersContainer_6mg6o_1::-webkit-scrollbar-thumb:hover{background:#e0e0e0}._gapLayer_6mg6o_31{all:unset;height:3rem;width:12rem;background-color:#fff}._layer_6mg6o_1{all:unset;background-color:#3c3c4a;display:flex;flex-direction:row;align-items:center;height:3rem;width:12rem;color:#e0e0e0;cursor:pointer;border-radius:8px;padding:.5rem;gap:.5rem;border:solid #5e5e70 1px;transition:all .2s ease;position:relative;flex-shrink:0;touch-action:none}._layer_6mg6o_1:hover{background-color:#4a4a5a;transform:translateY(-1px)}._layer_6mg6o_1._backGReen_6mg6o_61{background-color:#6b7280;color:#e0e0e0;border-color:#6b7280}._layer_6mg6o_1 ._layerNameContainer_6mg6o_66{flex:1;min-width:0}._layer_6mg6o_1 ._layerNameContainer_6mg6o_66 ._layerName_6mg6o_66{margin:0;font-size:.75rem;cursor:text;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}._layer_6mg6o_1 ._layerNameContainer_6mg6o_66 ._layerEdit_6mg6o_80{margin:0;width:100%;font-size:.75rem;cursor:text;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}._visibilityIcon_25cqw_2{all:unset;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1.2rem;height:1.2rem;border-radius:3px;position:relative;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border:1px solid #5e5e70;background-color:#2e2e38}._visibilityIcon_25cqw_2:after{content:"👁";font-size:.8rem;color:#e0e0e0;transition:all .2s ease}._visibilityIcon_25cqw_2._hidden_25cqw_25:after{color:#2e2e38}._visibilityIcon_25cqw_2:hover{transform:scale(1.05)}._lockedLock_o16jk_2{all:unset;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1.2rem;height:1.2rem;position:relative;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}._lockedLock_o16jk_2:after{content:"🔒";font-size:1rem;transition:all .2s ease}._openLock_o16jk_22{all:unset;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1.2rem;height:1.2rem;position:relative;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}._openLock_o16jk_22:after{content:"🔓";font-size:1rem;transition:all .2s ease}._deleteButton_14pg8_1{all:unset;-webkit-user-select:none;user-select:none}._deleteButton_14pg8_1:hover{scale:1.1}._left_l6eqi_1{left:0;right:unset}._right_l6eqi_6{left:unset;right:0}._layerToolbarContainer_l6eqi_11{-webkit-user-select:none;user-select:none;display:flex;flex-direction:row;width:fit-content;position:fixed;bottom:10%;z-index:999999;cursor:grab}._layersToolbar_l6eqi_22{overflow-x:hidden;width:230px;display:flex;flex-direction:column;z-index:999999;background-color:#2e2e38;border:#5e5e70 solid 2px;border-radius:6px;height:24rem;align-items:center;padding:.5rem;gap:.5rem;overflow-y:hidden}._layerVisible_l6eqi_38,._layerVisibleRight_l6eqi_43{transform:translate(0);transition:transform .3s ease-out}._layerHiddenRight_l6eqi_48{transform:translate(-100%);transition:transform .3s ease-out}._layerHiddenLeft_l6eqi_53{transform:translate(100%);transition:transform .3s ease-out}._eventContainer_18rmb_1{position:fixed;bottom:0;width:25rem;left:20%;transform:translate(-50%);height:7rem;z-index:999999;display:flex;flex-direction:column;pointer-events:none}@media (max-width: 768px){._eventContainer_18rmb_1{left:50%;width:90%;transform:translate(-50%)}}._eventBar_18rmb_21{color:#e0e0e0;text-align:center;padding:.5rem;margin:0 auto .5rem;font-size:2rem;height:3rem;display:flex;flex-direction:row;align-items:center;justify-content:center;width:90%;background:#3877aa;border:2px solid #98c7db;border-radius:1rem;box-shadow:0 .5rem 1rem #000;z-index:10000;opacity:.7}._eventBar_18rmb_21:hover{opacity:1}._contextMenuContainer_ej0cn_1{border-top:#5e5e70 3px solid;border-bottom:#5e5e70 3px solid;position:fixed;width:9rem;height:fit-content;background-color:#2e2e38;z-index:9999999;overflow:hidden;padding:.4rem .4rem 0rem}._contextMenuContainer_ej0cn_1 button{border:#5e5e70 3px solid;margin-bottom:.5rem;background-color:#4a4a5a;color:#e0e0e0;padding:.3rem;text-align:center;font-size:1.3rem;width:100%;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s}._contextMenuContainer_ej0cn_1 button:hover{padding-left:1rem;background-color:#626f8a42}._contextMenuContainer_ej0cn_1 button:active{scale:.9rem 0}canvas{display:block;margin:0 auto;position:relative;-webkit-user-select:none;user-select:none;z-index:1}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}