.global-hidden{display:none !important}.global-invisible{visibility:hidden}.markdown img{max-width:100%;max-height:200px}.markdown a{color:#0001A7;cursor:pointer}.chat p{margin:0 0 0 12px}.chat p.header{margin:0;display:inline-block}

.settings-view{display:flex;flex-direction:column;align-items:stretch;flex:1 0 auto;padding:40px;background-color:#24997e;font-size:18px;color:#000;height:0%}.settings-view-content{display:flex;flex-direction:column;align-items:center;flex:1 1 auto;overflow:auto;max-height:100%}.settings-view-content>*{margin:10px 0;flex:0 0 auto}.settings-view-save{flex:0 0 auto}.settings-view-setting{width:100%;display:flex}.settings-view-hotkeys{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around}.settings-view-hotkeys>*{margin:2px 4px}.settings-view-sortable-list{display:flex;flex-direction:column}.settings-view-sortable-list>*{margin:2px 0}

.smm-button-disabled{background-color:#666 !important;pointer-events:none}


.warning-panel{color:#a00003;display:flex;align-items:center;justify-content:center}.warning-panel-wrapper{display:flex;justify-content:center;margin:0 20px;font-size:18px;width:calc(100% - 40px)}.warning-panel img{height:30px;margin-right:20px}

.progress-spinner{width:80px;height:80px;border-radius:50%;border:7px solid transparent;border-top-color:rgba(0,0,0,0.6);animation:rotate 800ms linear infinite}.progress-spinner-wrapper{display:flex;width:100%;align-items:center;justify-content:center}.progress-spinner-wrapper:not(.progress-spinner-wrapper-inline){position:fixed;top:0;left:0;height:100%;z-index:100;background-color:rgba(0,0,0,0.3)}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

.browse-view{display:flex;flex-direction:column;background-color:#24997e;flex:1 1 auto;overflow:auto}.browse-view h1{text-align:center}

.connection-area{overflow-y:auto;padding:4px;display:flex;flex-direction:column;width:100%;flex:1 1 auto}

.send-password-area{display:flex;flex-wrap:wrap;align-items:center;width:80%;background-color:#24997e;border-radius:8px;border:5px solid black;padding:16px;font-size:16px}.send-password-area-wrapper{position:fixed;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.6);top:0;left:0;width:100%;height:100%;z-index:101}.send-password-area>*{flex:1 0 auto;margin:12px 0;max-width:100%}.send-password-area-header{font-size:24px;text-align:center}.send-password-area-input{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%}.send-password-area-input label{margin-right:20px}

.server-panel{font-size:18px;margin:10px 0}.server-panel-header{width:100%;padding:6px 12px;background-color:#fff8af;border-radius:6px;border:4px solid #f8ca00;box-shadow:0 0 0 4px black;cursor:pointer;display:flex;flex-wrap:wrap}.server-panel-header-img{height:18px;width:27px}.server-panel-header-img>img{height:100%}.server-panel-details{display:flex;flex-wrap:wrap;overflow:hidden}.server-panel-details-wrapper{display:flex;flex-direction:column;margin:4px 10px 0 10px;width:calc(100% - 20px);background-color:rgba(255,255,255,0.3);border-radius:0 0 10px 10px}.server-panel-details-radar{flex:0 0 160px}.server-panel-details-playerlist{display:flex;flex:1 1 100px;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;padding:6px;max-height:340px;overflow:hidden}.server-panel-description{flex:1 1 auto;overflow:hidden}.server-panel-description-inactive{display:none}.server-panel-description-toggle{display:flex;align-items:center;min-width:24px;max-width:24px;min-height:50px;max-height:100%;cursor:pointer;border-radius:4px;background-color:rgba(255,255,255,0.1)}.server-panel-description-toggle>img{transition:0.3s linear transform}.server-panel-description-toggle-inactive>img{transform:rotate(180deg)}.server-panel-description-toggle:hover{background-color:rgba(255,255,255,0.3)}.server-panel-player{display:flex;flex:1 1 0;border-bottom:1px solid black;border-top:1px solid black;min-width:50%;overflow:hidden}.server-panel-player-course{min-width:60px;max-width:60px;margin:0 3px}.server-panel-player-img{width:24px;height:24px}.server-panel-player-img img{height:100%}.server-panel-player-name{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.radar-panel{margin:6px 12px}.radar-panel-stroke{position:absolute;top:0;left:0}.radar-panel-icon-wrapper{display:flex;align-items:center;justify-content:center;overflow:visible;border-radius:50%;position:absolute;background-color:rgba(160,70,70,0.7)}.radar-panel-label{position:absolute;margin-top:16px;font-size:10px;border:1px solid rgba(0,0,0,0.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.radar-panel-range{width:calc(100% - 8px);margin:4px;-webkit-appearance:none;background:transparent}.radar-panel-range::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid #000000;height:24px;width:12px;border-radius:3px;background:#ffffff;cursor:pointer;margin-top:-8px;box-shadow:1px 1px 1px #000000, 0px 0px 1px #0d0d0d}.radar-panel-range::-webkit-slider-runnable-track{width:100%;height:8.4px;cursor:pointer;box-shadow:1px 1px 1px #000000, 0px 0px 1px #0d0d0d;background:#3071a9;border-radius:1.3px;border:0.2px solid #010101}.radar-panel-range:focus::-webkit-slider-runnable-track{background:#367ebd}.radar-panel-range:focus{outline:none}.radar-panel-view-indicator{position:absolute;width:40px;height:40px}

.server-area{display:flex;flex-direction:column;width:100%;padding:4px;flex:1 0 auto}.server-area-fetch{display:flex;flex-direction:column;justify-content:space-around}.server-area-fetch div{display:flex;justify-content:center;font-size:18px;margin:10px 0}

.connect-view{display:flex;flex-direction:column;background-color:#24997e;flex:1 1 auto}.connect-view h1{text-align:center}

.host-view{display:flex;flex-direction:column;background-color:#24997e;flex:1 1 auto;overflow-y:auto}

.host-area{display:flex;flex-direction:column;align-items:stretch;flex:1 1 250px}

.new-version-dialog{display:flex;flex-wrap:wrap;width:80%;background-color:#24997e;border-radius:8px;border:5px solid black;padding:16px}.new-version-dialog-wrapper{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:101}.new-version-dialog-description{width:100%}.new-version-dialog-progress{display:flex;width:100%;margin:10px 0}.new-version-dialog-progress progress{flex:1 1 auto}.new-version-dialog-progress div{display:flex;align-items:center;padding:0 10px;white-space:nowrap}

.host-form{display:flex;flex-direction:column;width:100%;padding:0 40px 20px 40px;font-size:16px;flex:1 1 auto;overflow-y:auto}.host-form>*{flex:0 0 auto}.host-form-field{font-size:16px}.host-form-field *{font-size:16px}.host-form-wrapper{display:flex}.host-form-wrapper>*{flex:1 0 200px;min-width:40%;margin:0.8rem 1rem}.host-form-wrapper>*:not(:last-child){padding-right:1rem}.host-form-wrapper>*:not(:first-child){padding-left:1rem}.host-form-description{display:flex;flex-direction:column;flex:1 0 auto;margin:0.8rem 1rem;min-height:80px}.host-form input:not([type=checkbox]),.host-form textarea{width:100%}.host-form input[type=checkbox]{width:18px;height:18px}.host-form textarea{flex:1 0 auto;resize:none}.host-form-button{width:100%}

.host-header{display:flex;justify-content:center;margin:1rem 0;font-size:24px;position:initial}.host-header-version{position:absolute;top:6px;right:66px;color:lightgray;font-size:11px}

.server-host-area{display:flex;flex-direction:column;flex:1 1 auto;margin:0 2rem 2rem 2rem}.server-host-area-buttons{display:flex;justify-content:space-between}

.console-panel{display:flex;flex-direction:column;flex:1 1 auto;min-height:100px}.console-panel-messages{flex:1 1 auto;margin:1rem 0;background:black;color:white;overflow-y:auto;padding:0.6rem;border-radius:0.6rem;border:1px solid rgba(255,255,255,0.4);box-shadow:0px 0px 0px 2px rgba(255,255,255,0.4)}.console-panel-message-warning{color:yellow}.console-panel-message-error{color:#ff5b5b}

.top-bar-area{width:100%;font-size:12px;flex:0 0 auto;position:relative}.top-bar-area-settings{position:absolute;z-index:100;top:44px;left:6px;min-width:auto !important}.top-bar-area-host{position:absolute;z-index:100;top:44px;right:6px;min-width:auto !important}

.navigation-area{display:flex}.navigation-area>*{flex:1 1 160px}

.navigation-button{display:flex;height:36px;min-height:36px;line-height:36px;background-color:#ffe500;cursor:pointer;padding-right:10px;text-decoration:none;position:relative}.navigation-button:not(:last-child){margin-right:18px}.navigation-button:not(:last-child):after{position:absolute;left:calc(100% - 18px);top:5px;width:26px;height:26px;content:'';transform:rotate(45deg);box-shadow:4px -4px 4px -2px rgba(0,0,0,0.75);background-color:#ffe500;z-index:100}.navigation-button:not(:first-child):before{position:absolute;left:-18px;width:18px;height:36px;content:'';background-color:#ffe500}.navigation-button:hover{background-color:#c0951e}.navigation-button:hover:not(:last-child):after{background-color:#c0951e}.navigation-button:hover:not(:first-child):before{background-color:#c0951e}.navigation-button img{width:100%;height:100%}.navigation-button-icon{margin:4px;width:28px;height:28px;padding:4px}.navigation-button-label{overflow:hidden;position:relative;width:100%;z-index:101}.navigation-button-label div{position:absolute;bottom:0}.navigation-button-active{background-color:#daaa26}.navigation-button-active:not(:last-child):after{background-color:#daaa26}.navigation-button-active:not(:first-child):before{background-color:#daaa26}.navigation-button-disabled{background-color:#8f8f8f;pointer-events:none;cursor:default}.navigation-button-disabled:not(:last-child):after{background-color:#8f8f8f;pointer-events:none;cursor:default}.navigation-button-disabled:not(:first-child):before{background-color:#8f8f8f;pointer-events:none;cursor:default}

.snackbar-panel{position:fixed;left:0;bottom:60px;height:46px;width:250px;max-width:70%;background-color:black;color:white;padding:8px 12px;line-height:30px;z-index:1000;border-radius:0 6px 6px 0}

