.add-trigger-dialog .label[data-v-00cefd28]{flex-basis:85px}.add-trigger-dialog .input[data-v-00cefd28]{flex-basis:200px;flex-grow:1}.buttons[data-v-00cefd28]{margin-top:20px}.add-trigger-dialog .button[data-v-00cefd28],.add-trigger-dialog .primary-button[data-v-00cefd28]{flex-basis:100px;flex-grow:1;flex-shrink:1}.add-widget-dialog .label[data-v-e891455f]{flex-basis:85px}.add-widget-dialog .input[data-v-e891455f]{flex-basis:200px;flex-grow:1}.buttons[data-v-e891455f]{margin-top:20px}.add-widget-dialog .button[data-v-e891455f],.add-widget-dialog .primary-button[data-v-e891455f]{flex-basis:100px;flex-grow:1;flex-shrink:1}.overlay[data-v-712917ac]{position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:#0000008a;z-index:var(--z-index-modal-overlay);display:flex;flex-direction:column;align-items:center;justify-content:center}.dialog[data-v-712917ac]{width:350px;background-color:var(--background-color-panel);border-radius:10px;border:none;padding:20px;display:flex;flex-direction:column;z-index:var(--z-index-modal)}.icon-space[data-v-7788a6d6]{margin-right:2px}.subscription-status[data-v-7788a6d6]{color:var(--color8);margin-bottom:10px}.active[data-v-7788a6d6]{color:var(--color7)}.header-bar-area[data-v-864af527]{position:sticky;top:0;width:100%;background-color:var(--background-color-header-bar)}.header-bar[data-v-864af527]{padding:5px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;z-index:var(--z-index-hud)}.logo-area[data-v-864af527]{display:flex;align-items:center;gap:5px;position:relative}.navigation-menu-button-wrapper[data-v-864af527]{width:32px;height:32px;position:relative}.navigation-menu-button[data-v-864af527]{width:100%;height:100%;color:var(--text-color-main);border:2px solid var(--text-color-main);background-color:transparent;display:flex;justify-content:center;align-content:center;padding:5px}.navigation-menu-wrapper[data-v-864af527]{position:absolute;top:40px;left:0;z-index:var(--z-index-hud-pop-up);padding:10px}.logo[data-v-864af527]{font-size:x-large;font-family:var(--font-family-main);font-weight:700;color:var(--text-color-main);text-decoration:none;@media (max-width: 600px){font-size:large}}.buttons-area[data-v-864af527]{display:flex;align-items:center;gap:10px}.user-menu-button-wrapper[data-v-864af527]{position:relative;height:32px;width:32px}.user-menu-button[data-v-864af527]{width:100%;height:100%;color:var(--text-color-main);border:2px solid var(--text-color-main);background-color:transparent;border-radius:50%;display:flex;justify-content:center;align-items:center;padding:5px}.user-menu-wrapper[data-v-864af527]{position:absolute;top:40px;right:0;z-index:var(--z-index-hud-pop-up);padding:10px}.auth-buttons[data-v-864af527]{display:flex;flex-direction:row;gap:10px}*{margin:0;padding:0;box-sizing:border-box}:root{--color1: #0b171f;--color2: #0f202b;--color3: #173142;--color4: #173142;--color5: #adceda;--color6: #bdc2c42f;--color7: #5be44f;--color8: red;--color9: #5e777e;--background-color-page: var(--color1);--background-color-navigation-panel: var(--color2);--background-color-header-bar: var(--color3);--background-color-panel: var(--color4);--background-color-context-menu: var(--color4);--background-color-button: var(--color5);--background-color-primary-button: var(--color7);--border-color-input: var(--color6);--border-color-hover-input: var(--color5);--font-family-main: sans-serif;--text-color-button: var(--color1);--text-color-main: var(--color5);--text-color-error: var(--color8);--text-color-input-readonly: var(--color9);--font-size-main: 16px;--font-size-main-small: 10px;--font-size-section-header: 20px;--font-size-section-header-small: 16px;--separator-color: var(--color6);--z-index-default: 0;--z-index-above: 1;--z-index-pop-up: 2;--z-index-hud: 100;--z-index-hud-pop-up: 102;--z-index-modal-overlay: 200;--z-index-modal: 201;--header-bar-height: 100px}body{width:100vw;height:100vh;color:var(--text-color-main);background-color:var(--background-color-page)}#app{position:relative;width:100%;height:100%;z-index:var(--z-index-default)}.view{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.main{overflow:hidden;display:flex;flex-direction:row;flex-grow:1}.navigation-menu-area{background-color:var(--background-color-navigation-panel);flex-basis:100px;flex-grow:0;flex-shrink:0;padding:25px;@media (max-width: 1000px){display:none}}.navigation-menu-button-wrapper{@media (min-width: 1000px){display:none}}.content-area{flex-grow:1;overflow-y:scroll;padding:25px}.content{max-width:800px;margin-left:auto;margin-right:auto}.sections-list{display:flex;flex-direction:column;gap:15px}.section,.panel{display:flex;flex-direction:column;padding:20px;background-color:var(--background-color-panel);border-radius:10px;border:none}.section-header,.panel-caption{font-size:var(--font-size-section-header);font-family:var(--font-family-main);color:var(--text-color-main);font-weight:700;border-bottom:1px solid var(--separator-color);padding-bottom:20px;margin-bottom:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;@media (max-width: 600px){font-size:var(--font-size-section-header-small)}}.clickable{cursor:pointer}.clickable:hover{filter:brightness(1.1)}.clickable:active{filter:brightness(1.2)}.bordered{border:1px solid var(--background-color-page)!important}.properties-list{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px}.properties-list .text-input{flex-grow:1}.v-layout{display:flex;flex-direction:column;gap:5px}.h-layout{display:flex;flex-direction:row;align-items:center;gap:5px}.property-name,.label,.text{font-size:var(--font-size-main);font-family:var(--font-family-main);color:var(--text-color-main);@media (max-width: 600px){font-size:var(--font-size-main-small)}}.input{padding:10px;border:1px solid var(--border-color-input);border-radius:5px;background-color:transparent;display:flex;align-items:center}.checkbox{width:1.5em;height:1.5em}.input::placeholder{background-color:transparent}.input:hover{outline:1px solid var(--border-color-hover-input)}.text-input,.number-input{font-size:var(--font-size-main);font-family:var(--font-family-main);color:var(--text-color-main);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:42px;@media (max-width: 600px){font-size:var(--font-size-main-small)}}.text-input[readonly],.number-input[readonly]{color:var(--text-color-input-readonly)}.text-input::placeholder,.number-input::placeholder{color:var(--text-color-main);opacity:.3}.text-input:focus,.number-input:focus{outline:2px solid var(--border-color-hover-input)}.number-input{text-align:right}input[type=file]{display:none}.button,.primary-button{background-color:var(--background-color-button);border-radius:5px;border:none;padding:10px;cursor:pointer;color:var(--text-color-button);font-size:var(--font-size-main);font-family:var(--font-family-main);font-weight:700;text-decoration:none;text-align:center;align-self:center;justify-self:center}.button:not(:disabled):hover,.primary-button:not(:disabled):hover{filter:brightness(1.1)}.button:active,.primary-button:active{filter:brightness(1.2)}.primary-button{background-color:var(--background-color-primary-button)}.button:disabled,.primary-button:disabled{cursor:default;filter:brightness(.5)}.menu{white-space:nowrap;border:none;display:flex;flex-direction:column;gap:5px}.context-menu{background-color:var(--background-color-context-menu);border-radius:5px}.menu-caption{font-size:var(--font-size-section-header);font-family:var(--font-family-main);color:var(--text-color-main);font-weight:700;border-bottom:1px solid var(--separator-color);padding-bottom:10px;margin-bottom:10px}.menu-info-item,.menu-item{color:var(--text-color-main);font-size:var(--font-size-main);font-family:var(--font-family-main);font-weight:700;text-decoration:none}.menu-item{cursor:pointer}.menu-item:hover{filter:brightness(1.2)}.menu-item:active{filter:brightness(1.4)}.loader{display:inline-block;width:80px;height:80px;border:10px dotted #fff;border-radius:50%;animation-name:rotation;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.change-password-dialog .label[data-v-7a9a7504]{flex-basis:85px}.change-password-dialog .input[data-v-7a9a7504]{flex-basis:200px;flex-grow:1}.change-password-dialog .buttons[data-v-7a9a7504]{margin-top:20px}.change-password-dialog .button[data-v-7a9a7504],.change-password-dialog .primary-button[data-v-7a9a7504]{flex-basis:100px;flex-grow:1;flex-shrink:1}.error[data-v-7a9a7504]{font-size:var(--font-size-main);font-family:var(--font-family-main);color:var(--text-color-error);text-align:center;margin-top:5px}.buttons[data-v-afe3558e]{margin-top:20px}.confirmation-dialog .button[data-v-afe3558e],.confirmation-dialog .primary-button[data-v-afe3558e]{flex-basis:100px;flex-grow:1;flex-shrink:1}.component-color-input[data-v-ce8ee787]{position:relative}.component-color-input input[data-v-ce8ee787]{padding-left:40px;width:100%;font-family:monospace;text-align:right}.color-preview[data-v-ce8ee787]{width:20px;height:20px;outline:2px solid var(--border-color-input);border-radius:3px;position:absolute;top:10px;left:10px;pointer-events:none;z-index:var(--z-index-above)}.color-picker[data-v-ce8ee787]{position:absolute;right:0;top:43px;padding:10px;gap:20px;z-index:var(--z-index-pop-up)}.point[data-v-ce8ee787]{position:absolute;width:16px;height:16px;border:4px solid white;outline:1px solid black;border-radius:50%;background-color:transparent;pointer-events:none}.color-slider[data-v-ce8ee787]{position:relative;width:300px;height:8px;border-radius:4px;background:linear-gradient(to right,#f00 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);@media (max-width: 400px){width:200px}}.color-canvas[data-v-ce8ee787]{width:300px;height:300px;border-radius:5px;position:relative;@media (max-width: 400px){width:200px;height:200px}}.color-area[data-v-ce8ee787]{position:absolute;border-radius:5px;inset:0}.saturation[data-v-ce8ee787]{background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.lightness[data-v-ce8ee787]{background:linear-gradient(to top,#000,rgba(255,255,255,0))}.properties-list[data-v-b77598fc]{grid-template-columns:auto 200px;@media (max-width: 400px){grid-template-columns:auto 100px}}.buttons[data-v-b77598fc]{margin-top:20px}.edit-wheel-item-dialog .button[data-v-b77598fc],.edit-wheel-item-dialog .primary-button[data-v-b77598fc]{flex-basis:100px;flex-grow:1;flex-shrink:1}.buttons[data-v-9a63cae5]{margin-top:20px}.error-dialog .button[data-v-9a63cae5],.error-dialog .primary-button[data-v-9a63cae5]{flex-basis:100px;flex-grow:1;flex-shrink:1}.login-dialog .label[data-v-318ea737]{flex-basis:85px}.login-dialog .input[data-v-318ea737]{flex-basis:200px;flex-grow:1}.login-dialog .primary-button[data-v-318ea737]{margin-top:20px}.error[data-v-318ea737]{font-size:var(--font-size-main);font-family:var(--font-family-main);color:var(--text-color-error);text-align:center}.link[data-v-318ea737]{font-size:var(--font-size-main);font-family:var(--font-family-main);text-align:center;color:var(--font-color-main);margin-top:5px}.register-dialog .label[data-v-bf62750b]{flex-basis:85px}.register-dialog .input[data-v-bf62750b]{flex-basis:200px;flex-grow:1}.register-dialog .primary-button[data-v-bf62750b]{margin-top:20px}.error[data-v-bf62750b]{font-size:var(--font-size-main);font-family:var(--font-family-main);color:var(--text-color-error);text-align:center}.link[data-v-bf62750b]{font-size:var(--font-size-main);font-family:var(--font-family-main);color:var(--font-color-main);text-align:center;margin-top:5px}
