@charset "UTF-8";div,html,body,h1{padding:0;margin:0}.page{width:100vw;height:100vh;padding:0;margin:0;display:flex;flex-direction:column;justify-content:stretch;background-color:#0b0d0e}header{background-color:#22262a;padding:10px;display:grid;gap:20px;grid-template-columns:40px 1fr 40px}header .logo{background-image:url(/img/logo.svg);background-size:contain;background-repeat:no-repeat}header h1{font-size:1.8rem}main{flex-grow:1;display:flex;flex-direction:column;align-items:stretch;gap:40px}main>section{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:10px;background-color:#17191c}footer{background-color:#17191c;color:#666;padding:10px;display:flex;justify-content:flex-end;font-size:.8rem;font-weight:300}.importance-select{display:grid;grid-template-columns:1fr 1fr 1fr}.importance-select>input{grid-column:3 span;background:transparent}.importance-select>input::-moz-range-track{background:#4075bf;border:none;border-radius:3px}.importance-select>input::-moz-range-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#4075bf}.importance-select>input::-moz-focusring{outline:1px solid white;outline-offset:-1px}.importance-description{display:flex;flex-direction:column;gap:20px}.importance-description.emergency>.label{border-color:#bf4040}.importance-description.warning>.label{border-color:#bf9f40}.importance-description.alert>.label{border-color:#4075bf}.importance-description>.label{padding:20px 0;line-height:1.2rem;font-size:1rem;min-height:2.4rem;grid-column:4 span;font-style:italic;text-align:center;border-left:8px solid gray;transition:border-color .5s}.importance-description>.label>span:before{content:"„"}.importance-description>.label>span:after{content:"“"}.importance-description>.location-indicator{display:flex;gap:20px;align-items:center;border-top:1px solid hsl(215,10%,15%);padding-top:10px}.importance-description>.location-indicator.enabled svg{color:#4075bf}.importance-description>.location-indicator.disabled svg{color:#666}.importance-description>.location-indicator>span{color:#b3b3b3;font-size:.9rem;font-weight:100}.button-call{touch-action:none;margin:100px 20px 20px;height:300px;border-radius:50px;position:relative;border:none;background:linear-gradient(0deg,var(--color-foreground-after) 0%,var(--color-foreground-after) calc(100% * var(--charge)),var(--color-foreground-before) calc(100% * var(--charge)),var(--color-foreground-before) 100%)}.button-call.button-call-alert{--color-foreground-after: hsl(215, 50%, 50%)}.button-call.button-call-warning{--color-foreground-after: hsl(45, 50%, 50%)}.button-call.button-call-emergency{--color-foreground-after: hsl(0, 50%, 50%)}.button-call.button-call-idle{--color-foreground-before: hsl(215, 0%, 40%);color:var(--color-foreground-before)}.button-call.button-call-pressed{--color-foreground-before: hsl(215, 0%, 70%)}.button-call.button-call-pressed .content{color:#b3b3b3}.button-call.button-call-activated{background-color:var(--color-foreground-after);box-shadow:0 0 20px var(--color-foreground-after);color:var(--color-foreground-after)}.button-call>.content{position:relative;z-index:10}.button-call>.content>.icon{position:relative;display:inline-block}.button-call>.content>.icon>*:nth-child(1){color:var(--color-foreground-after)}.button-call>.content>.icon>*:nth-child(2){position:absolute;left:0;clip-path:inset(0px 0px calc(100% * var(--charge)) 0px);color:var(--color-foreground-before)}.button-call>.content>.activation-info{display:flex;gap:10px;justify-content:center;margin:0 32px;color:#b3b3b3}.button-call>.content>.activation-info>*:last-child{padding-left:10px;border-left:1px solid hsl(215,0%,40%)}.button-call>.content>.activation-info .value{color:#fff}.button-call:before{content:"";display:block;position:absolute;top:32px;left:32px;width:calc(100% - 64px);height:calc(100% - 64px);border-radius:34px;background-color:#22262a}.button,button{display:flex;align-items:center;justify-content:center;background-color:transparent;color:#c8c8c8;border:1px solid transparent;font-size:1rem;line-height:1rem;font-weight:500;cursor:pointer;padding:5px;margin:0;font-family:arial,sans-serif}.button,.button>*,button,button>*{text-decoration:none}.button:hover,button:hover{color:#fff}.button.button-default,button.button-default{background-color:#4075bf;color:#fff;padding:10px 20px;border-radius:10px}.button.button-ghost,button.button-ghost{background-color:none}button>.pending{display:none;position:absolute}button.pending>.pending{display:flex;justify-content:center}button.pending>.pending{display:block}button.pending>.label{visibility:hidden}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;font-family:verdana,sans-serif;padding:0;margin:0;color:#fff}