@keyframes ColorMeter_wiggle__1gqPr{0%{transform:translate(0)}20%{transform:translate(-4px,-4px)}40%{transform:translate(4px,-4px)}60%{transform:translate(8px,4px)}80%{transform:translate(4px,4px)}to{transform:translate(0)}}.ColorMeter_meter__3ZEYm{padding:8px 12px;display:flex;justify-content:space-between;background-color:#fff;margin-bottom:12px;border-radius:4px;position:relative;transition:right .3s ease;right:0}.ColorMeter_meter__3ZEYm.ColorMeter_selected__2OB-n{right:24px;animation:ColorMeter_wiggle__1gqPr 6s linear infinite}.ColorMeter_meter__3ZEYm.ColorMeter_selected__2OB-n .ColorMeter_label__3bDTX{color:#333}.ColorMeter_meter__3ZEYm.ColorMeter_selected__2OB-n:after{opacity:1}.ColorMeter_meter__3ZEYm:after{content:"";display:block;position:absolute;right:0;top:0;height:100%;width:100%;border-radius:4px;box-shadow:0 0 20px 0 rgba(0,0,0,.6);transition:opacity .6s ease;opacity:0}.ColorMeter_meter__3ZEYm:last-child{margin-bottom:0}.ColorMeter_meter__3ZEYm .ColorMeter_label__3bDTX{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#8c8c8c;margin-right:16px;font-size:14px;font-weight:700}.ColorMeter_meter__3ZEYm .ColorMeter_indicator__1XXZ_{display:flex;align-items:center;justify-content:space-between;overflow:hidden}.ColorMeter_meter__3ZEYm .ColorMeter_indicator__1XXZ_ .ColorMeter_sample__1pjFu{border:1px solid #dedede;flex-shrink:0;height:14px;width:14px;border-radius:50%;margin-right:8px}.ColorMeter_meter__3ZEYm .ColorMeter_indicator__1XXZ_ .ColorMeter_hex__370y-{color:#000}@media(max-width:768px){.ColorMeter_meters__38NZe{margin-right:0;width:80%;background-color:transparent}}.Control_panels__Frl6b{flex-shrink:0;flex-grow:1;display:flex;justify-content:space-between;align-items:center}.Control_panels__Frl6b .Control_meters__25-yi{font-family:Roboto;margin-right:32px;padding:14px;background-color:hsla(0,0%,100%,.33);border-radius:8px}.Control_panels__Frl6b .Control_sidebar__2qy12{flex-shrink:0;padding:16px;border-radius:8px;background-color:hsla(0,0%,100%,.33);display:flex;align-items:center;flex-direction:column}.Control_panels__Frl6b .Control_sidebar__2qy12 .Control_pallette__3tPWR{margin-bottom:16px;display:flex;flex-wrap:wrap;width:100%}.Control_panels__Frl6b .Control_sidebar__2qy12 .Control_pallette__3tPWR .Control_swatch__2D6Wz{width:16px;height:16px;border-radius:2px;margin:8px;cursor:pointer;border:1px solid transparent;transition:border-color .3s ease}.Control_panels__Frl6b .Control_sidebar__2qy12 .Control_pallette__3tPWR .Control_swatch__2D6Wz.Control_selected__20wod{border-color:#4fb0fd}.Control_panels__Frl6b .Control_sidebar__2qy12 .Control_export__2s9T4{display:flex;justify-content:space-around;width:100%}.Control_panels__Frl6b .Control_sidebar__2qy12 .Control_export__2s9T4 .Control_button__JqrGp{line-height:24px;padding:4px 16px;background-color:#4fb0fd;color:#f5feff;text-align:center;margin:24px auto 0;border-radius:4px;transition:background-color .3s ease,color .3s ease;cursor:pointer;display:flex;align-items:center;text-decoration:none}.Control_panels__Frl6b .Control_sidebar__2qy12 .Control_export__2s9T4 .Control_button__JqrGp:hover{background-color:#1d99fc}.Control_panels__Frl6b .Control_sidebar__2qy12 .Control_export__2s9T4 .Control_button__JqrGp:active{background-color:#0380e3}.Control_panels__Frl6b .Control_sidebar__2qy12 .Control_export__2s9T4 .Control_button__JqrGp.Control_warning__28mAq{background-color:#f1d040;color:#008e12}.Control_panels__Frl6b .Control_sidebar__2qy12 .Control_export__2s9T4 .Control_button__JqrGp.Control_warning__28mAq:hover{background-color:#edc411}.Control_panels__Frl6b .Control_sidebar__2qy12 .Control_export__2s9T4 .Control_button__JqrGp.Control_warning__28mAq:active{background-color:#bd9c0e}.Control_panels__Frl6b .Control_sidebar__2qy12 .Control_export__2s9T4 .Control_button__JqrGp .Control_label__2pNtz{margin-left:2px}.Control_panels__Frl6b .Control_sidebar__2qy12 .Control_tips__3jLYP{display:flex;align-items:center;margin:8px 0;justify-content:center;color:green;background-color:#f1f1f1;padding:4px 16px;border-radius:4px;opacity:0;transition:opacity .3s ease}.Control_panels__Frl6b .Control_sidebar__2qy12 .Control_tips__3jLYP.Control_show__2Onoz{opacity:1}@media(max-width:768px){.Control_panels__Frl6b{flex-direction:column;margin-top:16px}.Control_panels__Frl6b .Control_sidebar__2qy12{margin-top:16px;width:90%;background-color:transparent}.Control_panels__Frl6b .Control_sidebar__2qy12 .Control_pallette__3tPWR{justify-content:center}}.Navigation_navigation__3MkdB{height:12%;display:flex;flex-direction:column;justify-content:space-between}.Navigation_navigation__3MkdB .Navigation_status-bar__3NuUV{height:50%}.Navigation_navigation__3MkdB .Navigation_title__1Scuw{display:flex;justify-content:space-between;flex-direction:row;padding:0 12px;align-items:center;margin-bottom:8px}.TableCell_table-cell__14KJ8{display:flex;align-items:center}.TableCell_table-cell__14KJ8:first-child{border-top:1px solid}.TableCell_table-cell__14KJ8:last-child{border-bottom:1px solid}.TableCell_table-cell__14KJ8:last-child .TableCell_content__1UMDR{border:none}.TableCell_table-cell__14KJ8 .TableCell_icon__gVsLg{font-size:24px;height:26px;width:26px;margin:8px 8px 8px 16px;flex-shrink:0}.TableCell_table-cell__14KJ8 .TableCell_content__1UMDR{flex-grow:1;padding:8px 12px 8px 0;margin-left:12px;border-bottom:1px solid}.Actions_actions__1PiBu{background-color:#fff}.Actions_actions__1PiBu .Actions_connection__9nNsW{display:flex;justify-content:space-between;align-items:center}.Actions_actions__1PiBu .Actions_connection__9nNsW .Actions_toggle__2CUsE{width:50px;height:30px;background-color:#e9e9eb;border-radius:15px;position:relative}.Actions_actions__1PiBu .Actions_connection__9nNsW .Actions_toggle__2CUsE:after{content:"";display:block;position:absolute;right:0;top:0;margin:2px;height:26px;width:26px;border-radius:50%;background-color:#fff}.Actions_actions__1PiBu .Actions_router__35MVE{display:flex;justify-content:space-between;align-items:center}.Actions_actions__1PiBu .Actions_router__35MVE .Actions_config__1UQNJ{display:flex;align-items:center}.Server_server__7yXeh{display:flex;justify-content:space-between}.Server_server__7yXeh .Server_host__2Qy4m p{margin:0}.Server_server__7yXeh .Server_host__2Qy4m .Server_address__2sbe2{margin-bottom:2px}.Server_server__7yXeh .Server_host__2Qy4m .Server_type__3fDi3{font-size:12px}.Server_server__7yXeh .Server_status__kVRtE{display:flex;align-items:center}.Server_server__7yXeh .Server_status__kVRtE .Server_delay__3FAIv{font-size:12px;margin-right:4px}.Server_selected__31dQe{display:flex;align-items:center;height:100%;width:100%}.Server_selected__31dQe .Server_dot__3tnjy{width:10px;height:10px;background-color:red;border-radius:50%;margin-right:2px;margin-left:-12px;flex-shrink:0}.TabBar_tab-bar__esDvg{display:flex;justify-content:space-between;padding:8px 32px 18px}.TabBar_tab-bar__esDvg .TabBar_button__1WmKK{display:flex;flex-direction:column;align-content:center}.TabBar_tab-bar__esDvg .TabBar_button__1WmKK .TabBar_icon__3i0ng{font-size:28px}.TabBar_tab-bar__esDvg .TabBar_button__1WmKK .TabBar_text__3Jh36{font-size:12px}.Homescreen_homescreen__2BRdq{flex-basis:55%;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0}.Homescreen_homescreen__2BRdq *{box-sizing:border-box}.Homescreen_homescreen__2BRdq .Homescreen_screen__2kF_Z{position:relative;margin:auto;height:750px;width:350px}.Homescreen_homescreen__2BRdq .Homescreen_screen__2kF_Z:after{content:"";position:absolute;top:0;left:0;display:block;height:100%;width:100%;opacity:.5;box-shadow:0 0 40px 0 rgba(0,0,0,.6);transition:opacity .6s ease}.Homescreen_homescreen__2BRdq .Homescreen_screen__2kF_Z:hover:after{opacity:1}.Homescreen_homescreen__2BRdq .Homescreen_screen__2kF_Z .Homescreen_main__208jJ{margin-top:18px}.Homescreen_homescreen__2BRdq .Homescreen_screen__2kF_Z .Homescreen_main__208jJ .Homescreen_section__1vGXT{margin-top:28px}.Homescreen_homescreen__2BRdq .Homescreen_screen__2kF_Z .Homescreen_main__208jJ .Homescreen_section__1vGXT .Homescreen_label__aNsIV{padding:12px 8px;color:#919191;font-size:12px}.Homescreen_homescreen__2BRdq .Homescreen_screen__2kF_Z .Homescreen_main__208jJ .Homescreen_servers__2kYM1{background-color:#fff}.Homescreen_homescreen__2BRdq .Homescreen_screen__2kF_Z .Homescreen_main__208jJ .Homescreen_tip__HBK16{margin-top:16px;font-size:12px;color:#919191;text-align:center}.Homescreen_homescreen__2BRdq .Homescreen_screen__2kF_Z .Homescreen_footer__lq1SE{position:absolute;bottom:0;width:100%}@media(max-width:768px){.Homescreen_homescreen__2BRdq{margin-top:16px}}.index_app__2m9w4{display:flex;flex-direction:row;width:80%;margin:auto}.index_mobile-tip__3BEKE{display:none;background-color:#fff;margin:8px;padding:4px;border-radius:4px;color:#de5a25}@media(max-width:768px){.index_app__2m9w4{flex-direction:column;width:100%}.index_mobile-tip__3BEKE{display:block}.index_homescreen__3PT2W{margin-top:16px}}