html{font-size:18px}body{font-family:Roboto,Arial,sans-serif;background-color:#212121;color:#f5f5f5;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:Roboto Condensed,Arial,sans-serif}#map{height:450px;width:100%;background-color:#333}table{width:100%;border-collapse:collapse}th,td{border:1px solid #424242;text-align:center;font-weight:500}th{background-color:#333;color:#f5f5f5;padding:10px}td{padding:3px}tr:nth-child(2n){background-color:#333}.first-cell{display:flex;align-items:center;justify-content:space-between}.icon-container{display:flex;align-items:center}.delete-icon,.edit-icon{cursor:pointer;margin-right:8px;font-size:1.2rem;transition:transform .3s ease}.delete-icon:hover,.edit-icon:hover{transform:scale(1.2)}.spot-name-container{width:100%;text-align:center}.spot-name-input{background-color:transparent;border:none;text-align:center;width:100%;outline:none;color:inherit;font-size:inherit;font-family:inherit}.spot-name-input:focus{background-color:transparent;border:none}.green{background-color:#4caf50;color:#fff;transition:background-color .3s ease}.green:hover{background-color:#218838}.red{background-color:#f44336;color:#fff;transition:background-color .3s ease}.red:hover{background-color:#c82333}.highlight{background-color:#ffc107!important;transition:background-color .3s ease}.slider-handle{width:20px;height:20px;border-radius:50%}.slider-handle div{width:100%;height:100%;border-radius:50%}.handler-row{display:flex;justify-content:space-between;align-items:center;position:relative}.knt-slider{position:absolute;display:flex;align-items:center;width:30%;left:50%;transform:translate(-50%)}input[type=range]#windThreshold{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2px;background-color:#424242;outline:none;cursor:pointer}input[type=range]#windThreshold::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background-color:#424242;border:2px solid #4caf50;border-radius:0;cursor:pointer}input[type=range]#windThreshold::-moz-range-thumb{width:20px;height:20px;background-color:#424242;border:2px solid #4caf50;border-radius:0;cursor:pointer}#windThresholdValue{margin-left:5px;font-size:18px}.input-spot{position:relative;display:flex;flex-direction:row;align-items:center;width:350px}#spotNameInput{text-align:right;font-size:18px;background-color:#333;border:none;border-bottom:2px solid #4caf50;color:#fff;margin:5px 0;padding:5px 5px 5px 100px;outline:none;transition:border-bottom .2s ease-in-out;flex-grow:1}#spotNameInput:focus{border-bottom:2px solid #ffc107}#confirmSpot{font-size:18px;background-color:#4caf50;color:#fff;border:none;margin:5px 0;cursor:pointer;transition:background-color .2s ease-in-out;position:absolute;left:0;top:0;bottom:2px;display:flex;align-items:center}#confirmSpot:hover{background-color:#218838}#loginButton{position:absolute;top:0;right:0;font-size:18px;background-color:red;color:#fff;border:none;cursor:pointer;padding:6px;transition:background-color .2s ease-in-out;z-index:1000}#loginButton:hover{background-color:#218838}#settingsButton{position:absolute;right:10px;font-size:24px;color:#4caf50;cursor:pointer;transition:color .2s ease-in-out}#settingsButton:hover{color:#218838}#settingsWindow{position:absolute;bottom:0;right:0;background-color:#333;color:#fff;width:200px;height:200px;padding:50px;z-index:1001;cursor:default}.hidden{display:none}.custom-select{position:relative;display:inline-block;margin-top:5px}.custom-select select{display:inline-block;width:150px;padding:5px;font-size:18px;line-height:1.5;color:#fff;background-color:#212121;border:1px solid #424242;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none}.custom-select:before{content:"▼";position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:12px;color:#fff;pointer-events:none}.custom-select select::-ms-expand{display:none}.noUi-target{background-color:#424242;border:none;border-radius:0;height:2px;box-shadow:none}.noUi-base{height:100%}.noUi-horizontal .noUi-handle{width:20px;height:20px;background-color:#424242;border:2px solid #4caf50;border-radius:0;box-shadow:none;cursor:pointer;top:-9px}.noUi-horizontal .noUi-handle:before,.noUi-horizontal .noUi-handle:after{display:none}.noUi-horizontal .noUi-tooltip{background-color:transparent;color:inherit;font-size:18px;white-space:nowrap}.range-slider{margin-top:20px;width:100%}.range-values{text-align:center;margin-top:10px}