body {
    overflow-y: scroll;
}

:root {
    --primary: #e53935;
}

h1, h2, h3, h4, h5, h6 {
    --typography-spacing-vertical: 0.75rem;
}

main.container {
    padding-top: 1rem;
}

main.container nav {
    margin-bottom: 0.75rem;
}

.nav-container {
    padding: 0 var(--nav-element-spacing-horizontal);
    border-bottom: 1px solid var(--primary-focus);
}

nav.container {
    padding: 0;
}

#logo-container {
    container-type: inline-size;
    container-name: logo;
    width: 100%;
    margin-left: 0;
}

#logo-container li {
    width: 100%;
}

#logo {
    display: inline-block;
    width: 100%;
    max-width: 43px;
    height: 40px;
    background-size: contain;
    background-position: center left;
    background-image: url("data:image/svg+xml,%3Csvg width='219.942' height='204' viewBox='0 0 58.193 53.975' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.78 53.974c-2.907 0-3.19-.065-3.985-.91-.83-.883-.858-1.093-.971-7.389-.064-3.563.037-7.743.224-9.288.195-1.613.724-3.648 1.243-4.781l.903-1.974H2.962c-.88 0-1.48-.267-2.097-.933C.19 27.971 0 27.383 0 26.029c0-.954.185-2.081.41-2.505.226-.424.663-.964.97-1.2.308-.237 1.243-.435 2.077-.442.834-.006 2 .24 2.59.544.59.306 1.113.504 1.16.441.048-.062.996-2.019 2.106-4.347 1.11-2.328 2.366-4.606 2.791-5.06.425-.456 1.407-1.194 2.183-1.641.776-.448 2.285-.997 3.352-1.22 1.067-.224 3.805-.502 6.085-.618l4.145-.212v33.975h11.312c7.924 0 11.543-.123 12.083-.41.424-.226.964-.663 1.2-.97.237-.308.435-.988.442-1.51-.25-1.137.055-1.624-1.54-2.751-.674-.463-6.796-.356-6.796-.356-6.45-.171-6.694-.205-8.284-1.14-.929-.545-2.105-1.667-2.717-2.593-.595-.897-1.183-2.314-1.309-3.15-.125-.835-.113-2.05.027-2.698.14-.648.538-1.734.885-2.414.347-.679 1.081-1.662 1.633-2.186.551-.523 1.614-1.206 2.36-1.519.748-.312 2.693-.661 4.322-.776l2.963-.21v-2.407c0-2.275-.054-2.436-.977-2.914-.538-.278-1.427-.955-1.976-1.504-.549-.549-1.307-1.603-1.685-2.343-.51-1.001-.65-2.095-.582-3.533l.105-2.187 2.646-.219V3.531c0-1.766.155-2.578.573-2.996.346-.346 1.005-.53 1.662-.466.815.08 1.15.329 1.332.99.133.484.259 1.794.278 2.91l.035 2.028h2.822V3.422c0-1.533.24-2.524.424-2.83.317-.529.848-.592 1.265-.592.416 0 1.146.12 1.467.687.31.545.372 1.262.372 2.956v2.354h1.192c1.417 0 1.645.199 1.89.493.297.358.126 1.207-.004 2.467-.108 1.039-.52 2.524-.915 3.3-.397.777-1.235 1.845-1.863 2.373-.628.529-1.508 1.1-1.955 1.27-.757.289-.814.509-.814 3.159 0 1.923-.185 3.215-.57 3.977-.314.621-.9 1.49-1.303 1.93-.402.44-1.524 1.035-2.492 1.322-.968.288-2.724.528-3.901.534-1.195.006-2.408.214-2.745.47-.331.252-.764.882-.96 1.4a2.532 2.532 0 0 0 0 1.883c.196.517.629 1.147.96 1.4.438.332 2.213.461 6.45.47 4.354.008 6.26.151 7.466.562.89.304 2.209 1.124 2.929 1.824.72.7 1.604 1.92 1.963 2.711.359.791.654 2.234.654 3.204 0 1.021-.303 2.432-.72 3.351-.395.873-1.067 1.96-1.491 2.416-.425.455-1.407 1.17-2.183 1.587-1.392.749-1.696.761-21.784.859l-20.373.099v1.593c0 1.22-.202 1.794-.866 2.458-.79.79-1.143.866-3.995.866zm7.507-15.522c3.387 0 3.706-.06 4.213-.784.303-.431.55-1.042.55-1.356 0-.314-.295-.84-.655-1.165-.36-.325-1.786-.906-3.17-1.29-1.384-.383-2.942-.697-3.463-.697-.521 0-1.237.263-1.592.584-.399.361-.645 1.072-.645 1.862 0 .703.247 1.63.549 2.062.507.725.827.784 4.213.784z' fill='%231095c1' style='fill:%231095c1;fill-opacity:1'/%3E%3C/svg%3E");
}

@container logo (min-width: 380px) {
    #logo {
        height: 60px;
        max-width: 260px;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='883.982' height='204' viewBox='0 0 233.887 53.975' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.78 53.974c-2.907 0-3.19-.065-3.985-.91-.83-.883-.858-1.093-.971-7.389-.064-3.563.037-7.743.224-9.288.195-1.613.724-3.648 1.243-4.781l.903-1.974H2.962c-.88 0-1.48-.267-2.097-.933C.19 27.971 0 27.383 0 26.029c0-.954.185-2.081.41-2.505.226-.424.663-.964.97-1.2.308-.237 1.243-.435 2.077-.442.834-.006 2 .24 2.59.544.59.306 1.113.504 1.16.441.048-.062.996-2.019 2.106-4.347 1.11-2.328 2.366-4.606 2.791-5.06.425-.456 1.407-1.194 2.183-1.641.776-.448 2.285-.997 3.352-1.22 1.067-.224 3.805-.502 6.085-.618l4.145-.212v33.975h11.312c7.924 0 11.543-.123 12.083-.41.424-.226.964-.663 1.2-.97.237-.308.435-.988.442-1.51-.25-1.137.055-1.624-1.54-2.751-.674-.463-6.796-.356-6.796-.356-6.45-.171-6.694-.205-8.284-1.14-.929-.545-2.105-1.667-2.717-2.593-.595-.897-1.183-2.314-1.309-3.15-.125-.835-.113-2.05.027-2.698.14-.648.538-1.734.885-2.414.347-.679 1.081-1.662 1.633-2.186.551-.523 1.614-1.206 2.36-1.519.748-.312 2.693-.661 4.322-.776l2.963-.21v-2.407c0-2.275-.054-2.436-.977-2.914-.538-.278-1.427-.955-1.976-1.504-.549-.549-1.307-1.603-1.685-2.343-.51-1.001-.65-2.095-.582-3.533l.105-2.187 2.646-.219V3.531c0-1.766.155-2.578.573-2.996.346-.346 1.005-.53 1.662-.466.815.08 1.15.329 1.332.99.133.484.259 1.794.278 2.91l.035 2.028h2.822V3.422c0-1.533.24-2.524.424-2.83.317-.529.848-.592 1.265-.592.416 0 1.146.12 1.467.687.31.545.372 1.262.372 2.956v2.354h1.192c1.417 0 1.645.199 1.89.493.297.358.126 1.207-.004 2.467-.108 1.039-.52 2.524-.915 3.3-.397.777-1.235 1.845-1.863 2.373-.628.529-1.508 1.1-1.955 1.27-.757.289-.814.509-.814 3.159 0 1.923-.185 3.215-.57 3.977-.314.621-.9 1.49-1.303 1.93-.402.44-1.524 1.035-2.492 1.322-.968.288-2.724.528-3.901.534-1.195.006-2.408.214-2.745.47-.331.252-.764.882-.96 1.4a2.532 2.532 0 0 0 0 1.883c.196.517.629 1.147.96 1.4.438.332 2.213.461 6.45.47 4.354.008 6.26.151 7.466.562.89.304 2.209 1.124 2.929 1.824.72.7 1.604 1.92 1.963 2.711.359.791.654 2.234.654 3.204 0 1.021-.303 2.432-.72 3.351-.395.873-1.067 1.96-1.491 2.416-.425.455-1.407 1.17-2.183 1.587-1.392.749-1.696.761-21.784.859l-20.373.099v1.593c0 1.22-.202 1.794-.866 2.458-.79.79-1.143.866-3.995.866zm7.507-15.522c3.387 0 3.706-.06 4.213-.784.303-.431.55-1.042.55-1.356 0-.314-.295-.84-.655-1.165-.36-.325-1.786-.906-3.17-1.29-1.384-.383-2.942-.697-3.463-.697-.521 0-1.237.263-1.592.584-.399.361-.645 1.072-.645 1.862 0 .703.247 1.63.549 2.062.507.725.827.784 4.213.784z' fill='%23333'/%3E%3Cpath d='M109.72 36.334c-.502 0-1.265-.247-1.696-.55l-.785-.548v-14.62c0-14.15.023-14.643.706-15.326.659-.659 1.176-.706 7.775-.706 6.32 0 7.213.073 8.423.69.743.38 1.763 1.178 2.265 1.774.501.597 1.013 1.624 1.137 2.283.124.659.17 3.4.102 6.092-.1 3.947-.244 5.077-.749 5.847-.344.525-1.284 1.39-2.089 1.924-1.339.887-1.798.98-5.405 1.086-3.302.099-4.037.023-4.526-.466-.32-.32-.583-1.039-.583-1.596 0-.647.283-1.212.784-1.562.555-.39 1.63-.55 3.684-.55 2.597 0 2.958-.082 3.45-.784.423-.605.549-1.76.549-5.06 0-3.695-.088-4.356-.645-4.86-.532-.482-1.463-.585-5.28-.585h-4.634l-.1 13.258c-.096 12.654-.132 13.281-.786 13.758-.376.276-1.095.5-1.597.5zm40.558-.187c-.543.13-1.187-.004-1.676-.35-.756-.535-.793-.786-.793-5.34V25.68l-4.574.123c-3.694.1-4.688.238-5.165.715-.325.326-.66 1.355-.746 2.293-.106 1.163.012 1.924.371 2.404.438.584 1.018.719 3.468.807 1.618.058 3.299.182 3.735.275.654.14.794.406.794 1.504 0 .734-.19 1.524-.423 1.757-.274.274-1.687.423-3.994.423-3.195 0-3.772-.101-5.486-.97-1.325-.671-2.112-1.35-2.554-2.205-.505-.976-.61-1.836-.506-4.115.115-2.482.267-3.055 1.101-4.149.532-.698 1.554-1.527 2.27-1.842.93-.409 2.787-.621 6.505-.745l5.204-.172v-1.555c0-.856-.228-2.1-.506-2.766-.329-.786-.823-1.29-1.408-1.438-.497-.124-2.19-.168-3.762-.096-2.49.113-2.947.237-3.531.958-.37.456-.671 1.284-.671 1.84 0 .689-.28 1.195-.88 1.588-.588.385-1.2.495-1.85.332-.534-.134-1.17-.409-1.413-.611-.244-.202-.44-1.023-.437-1.824.004-.84.338-2.052.793-2.867.565-1.011 1.331-1.686 2.704-2.381 1.765-.894 2.235-.97 5.997-.963 3.2.006 4.387.148 5.493.655.776.356 1.85 1.092 2.388 1.635.538.543 1.093 1.4 1.235 1.903.141.503.257 4.917.257 9.81 0 7.44-.086 8.98-.529 9.413-.29.286-.926.614-1.41.73zm9.701-.085c-.388.092-1.063.1-1.5.019-.437-.082-.96-.459-1.162-.837-.238-.443-.331-4.061-.264-10.181.098-8.946.146-9.55.832-10.488.401-.547 1.354-1.308 2.117-1.69 1.023-.512 2.32-.73 4.93-.831 2.873-.11 3.627-.034 3.992.406.247.298.4 1.148.339 1.889l-.111 1.348-3.454.178c-2.533.13-3.543.319-3.787.706-.186.294-.336 4.51-.339 9.568-.004 6.803-.114 9.128-.446 9.393-.243.194-.759.428-1.147.52zm14.9.272c-.354 0-1.038-.395-1.52-.877l-.878-.877.1-14.674c.095-14.057.128-14.695.784-15.174.376-.276 1.09-.498 1.587-.495.497.003 1.141.155 1.432.339.44.277.56 1.833.706 9.16l.176 8.827 4.582-5.328c2.52-2.93 4.902-5.448 5.292-5.596.42-.158 1.088-.074 1.637.206.51.26 1.026.73 1.146 1.045.12.314.215.836.21 1.16-.007.323-2.943 3.917-6.527 7.985l-6.516 7.398v2.901c0 2.599-.082 2.96-.784 3.451-.432.302-1.074.55-1.428.55zm13.05 0c-.267 0-.814-.357-1.216-.794-.402-.436-1.62-2.577-2.707-4.756-1.087-2.179-1.977-4.176-1.977-4.437 0-.26.357-.798.793-1.195.437-.398 1.032-.8 1.323-.896.291-.096.795-.038 1.119.129.324.166 1.634 2.271 2.91 4.677 1.276 2.406 2.321 4.785 2.321 5.286 0 .65-.296 1.063-1.04 1.448-.573.296-1.26.538-1.527.538zm20.258-.442c-.514.17-1.252.242-1.64.16-.388-.08-.904-.308-1.147-.505-.336-.273-.44-3.03-.44-11.59 0-10.746.03-11.25.682-11.599.375-.2 1.144-.365 1.71-.365.566 0 1.289.29 1.61.645.515.57.583 1.857.579 11.024-.003 5.709-.098 10.726-.212 11.151-.114.425-.627.91-1.142 1.08zm9.296.22c-.388.114-1.102.007-1.587-.237l-.882-.445v-9.936c0 .072.03-5.449.09-9.606.135-3.826 5.168-3.784 9.167-3.807 3.699.077 9.386-.436 9.477 3.508.063 1.429.138 2.295.139 10.045 0 4.883-.1 9.142-.224 9.464-.124.322-.6.727-1.058.902-.52.197-1.198.179-1.797-.05-.53-.2-1.083-.554-1.23-.784-.146-.23-.268-4.2-.271-8.82-.004-5.64-.14-8.656-.411-9.173-.223-.424-.58-.887-.794-1.03-.214-.143-1.906-.261-3.76-.264-2.36-.004-3.578.144-4.057.494-.639.466-.697 1.11-.861 9.513-.145 7.389-.272 9.104-.706 9.517a3.598 3.598 0 0 1-1.235.71zm-143.07-.136c-7.526.005-8.001-.033-8.731-.714-.77-.717-.772-.766-.772-14.915 0-12.277.074-14.3.549-14.979.54-.771.679-.784 8.65-.784h8.102l.39.856c.214.471.286 1.27.159 1.777-.134.534-.607 1.063-1.126 1.26-.492.187-3.346.34-6.34.34h-5.445v22.932h12.684l.576.879c.385.588.495 1.2.333 1.849-.134.533-.43 1.087-.657 1.231-.227.144-3.994.266-8.372.269zm20.232.005c-6.403 0-7.838-.093-8.49-.549-.572-.4-.784-.905-.784-1.866 0-1.152.753-2.33 6.008-9.417l6.008-8.1-5.567-.093c-4.727-.08-5.633-.183-6.008-.685-.242-.325-.44-.947-.44-1.38 0-.433.249-1.04.554-1.344.47-.47 1.726-.555 8.27-.555 7.547 0 7.737.018 8.661.813.79.678.905.994.704 1.91-.133.606-2.924 4.71-6.224 9.154l-5.983 8.055 5.715.097c3.483.06 5.896.249 6.18.485.257.212.467.917.467 1.566 0 .804-.217 1.295-.683 1.544-.41.22-3.75.365-8.388.365zm102.56-.208c-.485.108-1.362-.016-1.949-.276-.586-.26-1.261-.9-1.499-1.422-.238-.522-.432-1.265-.432-1.65 0-.386.25-1.085.558-1.554.308-.469 1.078-1.023 1.713-1.233.768-.253 1.456-.266 2.052-.04.493.188 1.151.704 1.462 1.148.31.443.565 1.378.565 2.077 0 .864-.255 1.509-.794 2.012-.437.408-1.19.83-1.676.938zM76.675 22.914c-.548-.008-1.42-.244-1.939-.526-.543-.295-1.117-1.043-1.357-1.77-.323-.98-.318-1.494.021-2.313.24-.58.883-1.285 1.428-1.567.545-.282 1.408-.513 1.918-.513.554 0 1.341.415 1.958 1.031.763.764 1.03 1.366 1.03 2.32 0 .954-.267 1.557-1.03 2.32-.667.668-1.384 1.027-2.029 1.018zm131.56-13.15c-.536.174-1.313.261-1.725.195-.413-.067-1.073-.47-1.468-.896-.395-.426-.75-1.093-.79-1.48a9.795 9.795 0 0 1-.032-1.34c.023-.35.461-1.024.974-1.5.567-.525 1.357-.865 2.01-.865.686 0 1.433.343 2.065.948.666.638.99 1.304.99 2.038 0 .6-.236 1.427-.524 1.838-.288.411-.963.89-1.5 1.063z' fill='%231095c1'/%3E%3Cg fill='%231095c1' stroke-width='0'%3E%3Ctext x='145.363' y='116.296' font-family='Alef' font-size='9.878' style='paint-order:stroke fill markers' xml:space='preserve' transform='translate(-30.2 -66.656)'%3EEASY PARKING%3C/text%3E%3Cpath style='paint-order:stroke fill markers' d='M100.18 112.16h42.416v.931H100.18zm116.56.06h42.416v.931H216.74z' transform='translate(-30.2 -66.656)'/%3E%3C/g%3E%3C/svg%3E");
    }
}

.menu a {
    margin-right: 0px;
}

.menu a:hover {
    --background-color: var(--primary-focus);
}

.menu a.selected {
    --background-color: var(--primary-focus);
}

.error {
    color: var(--form-element-invalid-active-border-color);
    font-weight: bold;
}

.success {
    color: var(--form-element-valid-active-border-color);
    font-weight: bold;
}

.help {
    font-size: 80%;
    font-weight: bold;
    vertical-align: top;
}

.license_plate_input {
    text-transform: uppercase;
}

.license_plate {
    font-family: Consolas, monospace;
}

.action {
    cursor: pointer;
    font-size: 80%;
    margin-left: 5px;
}

.smaller {
    font-size: 80%;
}

ul li {
    list-style-type: circle;
}

.group {
    display: flex;
    border-radius: var(--border-radius);
}

.group input, .group button {
    display: block;
    width: auto;
}

.group input {
    flex-grow: 2;
    border-radius: var(--border-radius) 0 0 var(--border-radius);
}

.group button {
    flex-grow: 1;
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

.notifications fieldset {
    --form-element-spacing-vertical: 0.5rem;
    --form-element-spacing-horizontal: 0.5rem;
}

.notifications form {
    margin-bottom: 0;
}


.notifications .disabled {
    opacity: 0.6;
    pointer-events: none;
}

.slack_content > * {
    margin-bottom: 0 !important;
}

#invalid-slack {
    visibility: hidden;
}

#search {
    --form-element-spacing-vertical: 0.5rem;
}

.hide {
    display: none !important;
}

.cars_table td:first-child {
    font-family: Consolas, monospace;
}

.cars_table td.license {
    --font-size: 1em;
}

.spaces-container {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    justify-content: center;
    --space-border-size: 8px;
    padding-left: var(--space-border-size);
}

.space {
    position: relative;
    flex-grow: 1;
    max-width: 280px;
    padding: 1rem;
    padding-bottom: 0;
    --space-border-color: #e3e3e3;
    margin-left: calc(-1 * var(--space-border-size));
}

.sensor {
    background-size: contain;
    background-position: center;

    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.sensor.state-0 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAzLjIxOSIgaGVpZ2h0PSIzNDYuOTg5IiB2aWV3Qm94PSIwIDAgODAuMjI3IDkxLjgwOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTIuMTM5IC0zOS4xMTkpIj48cGF0aCBzdHlsZT0iZGlzcGxheTppbmxpbmU7ZmlsbDojMzg4ZTNjO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoxLjc3MzI0O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpiZXZlbDtwYWludC1vcmRlcjpzdHJva2UgZmlsbCBtYXJrZXJzIiBkPSJNNzYuNjc3IDM5LjExOWExNS40MDUgMTUuNDA1IDAgMCAwLTE1LjQzOSAxNS40MzhjMCA3LjQ3IDUuMjUyIDEzLjY2OCAxMi4yOCAxNS4xMThhMTguODIyIDE5LjUyIDAgMCAxLS4wMzYtLjkwNSAxOC44MjIgMTkuNTIgMCAwIDEgMTguODIxLTE5LjUyIDE4LjgyMiAxOS41MiAwIDAgMSAxOC44MjIgMTkuNTIgMTguODIyIDE5LjUyIDAgMCAxLS4wMzYuOTA1IDE1LjQwMyAxNS40MDMgMCAwIDAgMTIuMjgtMTUuMTE4IDE1LjQwNSAxNS40MDUgMCAwIDAtMTUuNDQtMTUuNDM4eiIvPjxwYXRoIHN0eWxlPSJkaXNwbGF5OmlubGluZTtmaWxsOiMzODhlM2M7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjEuMjAyMDg7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOmJldmVsO3BhaW50LW9yZGVyOnN0cm9rZSBmaWxsIG1hcmtlcnMiIGQ9Ik02Mi42NyA1NC41NTdjLS43OTQgMC0xLjQzMi42MzktMS40MzIgMS40MzJ2MTIuNTc2YzAgLjc5My42MzggMS40MzEgMS40MzEgMS40MzFINzMuNTNhMTguODIyIDE5LjUyIDAgMCAxLS4wNDgtMS4yMjYgMTguODIyIDE5LjUyIDAgMCAxIDUuOTMtMTQuMjEzem00Mi41MzMgMGExOC44MjIgMTkuNTIgMCAwIDEgNS45MjIgMTQuMjEzIDE4LjgyMiAxOS41MiAwIDAgMS0uMDQ5IDEuMjI2aDEwLjg2MWMuNzkzIDAgMS40MzItLjYzOCAxLjQzMi0xLjQzMVY1NS45ODljMC0uNzkzLS42MzktMS40MzItMS40MzItMS40MzJ6Ii8+PGVsbGlwc2Ugc3R5bGU9ImZpbGw6IzM4OGUzYztmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MS43O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpiZXZlbDtwYWludC1vcmRlcjpzdHJva2UgZmlsbCBtYXJrZXJzIiBjeD0iOTIuMzAzIiBjeT0iNjcuNzQ3IiByeD0iMTQuNjI5IiByeT0iMTQuNDYiLz48cGF0aCBzdHlsZT0iZmlsbDpub25lO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojMzg4ZTNjO3N0cm9rZS13aWR0aDo2Ljg7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOmJldmVsO3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxO3BhaW50LW9yZGVyOnN0cm9rZSBmaWxsIG1hcmtlcnMiIGQ9Ik03Ny42NzUgOTAuMDM2YzkuMDcgOC45MTcgMjIuMjI5IDcuNTYgMjkuMjU3LjEwM002Ni4zNDMgMTAxLjM2NGMxNy40NTQgMTQuMjMzIDM2Ljc0OCAxMy41OTIgNTEuNDQ0IDAiLz48cGF0aCBzdHlsZT0iZmlsbDpub25lO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojMzg4ZTNjO3N0cm9rZS13aWR0aDo2Ljg7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOmJldmVsO3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxO3BhaW50LW9yZGVyOnN0cm9rZSBmaWxsIG1hcmtlcnMiIGQ9Ik01NS41MzkgMTExLjk5MWMyMS40NDEgMjEuMzkgNTQuMjMxIDIwLjEzNiA3My40MjcgMCIvPjwvZz48L3N2Zz4=);
}

.sensor.state-1 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAzLjIxOSIgaGVpZ2h0PSIzNDYuOTg5IiB2aWV3Qm94PSIwIDAgODAuMjI3IDkxLjgwOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTIuMTM5IC0zOS4xMTkpIj48cGF0aCBzdHlsZT0iZGlzcGxheTppbmxpbmU7ZmlsbDojYzYyODI4O2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoxLjc3MzI0O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpiZXZlbDtwYWludC1vcmRlcjpzdHJva2UgZmlsbCBtYXJrZXJzIiBkPSJNNzYuNjc3IDM5LjExOWExNS40MDUgMTUuNDA1IDAgMCAwLTE1LjQzOSAxNS40MzhjMCA3LjQ3IDUuMjUyIDEzLjY2OCAxMi4yOCAxNS4xMThhMTguODIyIDE5LjUyIDAgMCAxLS4wMzYtLjkwNSAxOC44MjIgMTkuNTIgMCAwIDEgMTguODIxLTE5LjUyIDE4LjgyMiAxOS41MiAwIDAgMSAxOC44MjIgMTkuNTIgMTguODIyIDE5LjUyIDAgMCAxLS4wMzYuOTA1IDE1LjQwMyAxNS40MDMgMCAwIDAgMTIuMjgtMTUuMTE4IDE1LjQwNSAxNS40MDUgMCAwIDAtMTUuNDQtMTUuNDM4eiIvPjxwYXRoIHN0eWxlPSJkaXNwbGF5OmlubGluZTtmaWxsOiNjNjI4Mjg7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjEuMjAyMDg7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOmJldmVsO3BhaW50LW9yZGVyOnN0cm9rZSBmaWxsIG1hcmtlcnMiIGQ9Ik02Mi42NyA1NC41NTdjLS43OTQgMC0xLjQzMi42MzktMS40MzIgMS40MzJ2MTIuNTc2YzAgLjc5My42MzggMS40MzEgMS40MzEgMS40MzFINzMuNTNhMTguODIyIDE5LjUyIDAgMCAxLS4wNDgtMS4yMjYgMTguODIyIDE5LjUyIDAgMCAxIDUuOTMtMTQuMjEzem00Mi41MzMgMGExOC44MjIgMTkuNTIgMCAwIDEgNS45MjIgMTQuMjEzIDE4LjgyMiAxOS41MiAwIDAgMS0uMDQ5IDEuMjI2aDEwLjg2MWMuNzkzIDAgMS40MzItLjYzOCAxLjQzMi0xLjQzMVY1NS45ODljMC0uNzkzLS42MzktMS40MzItMS40MzItMS40MzJ6Ii8+PGVsbGlwc2Ugc3R5bGU9ImZpbGw6I2M2MjgyODtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MS43O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpiZXZlbDtwYWludC1vcmRlcjpzdHJva2UgZmlsbCBtYXJrZXJzIiBjeD0iOTIuMzAzIiBjeT0iNjcuNzQ3IiByeD0iMTQuNjI5IiByeT0iMTQuNDYiLz48cGF0aCBzdHlsZT0iZmlsbDpub25lO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojYzYyODI4O3N0cm9rZS13aWR0aDo2Ljg7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOmJldmVsO3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxO3BhaW50LW9yZGVyOnN0cm9rZSBmaWxsIG1hcmtlcnMiIGQ9Ik03Ny42NzUgOTAuMDM2YzkuMDcgOC45MTcgMjIuMjI5IDcuNTYgMjkuMjU3LjEwM002Ni4zNDMgMTAxLjM2NGMxNy40NTQgMTQuMjMzIDM2Ljc0OCAxMy41OTIgNTEuNDQ0IDAiLz48cGF0aCBzdHlsZT0iZmlsbDpub25lO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojYzYyODI4O3N0cm9rZS13aWR0aDo2Ljg7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOmJldmVsO3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxO3BhaW50LW9yZGVyOnN0cm9rZSBmaWxsIG1hcmtlcnMiIGQ9Ik01NS41MzkgMTExLjk5MWMyMS40NDEgMjEuMzkgNTQuMjMxIDIwLjEzNiA3My40MjcgMCIvPjwvZz48L3N2Zz4=);
}

.state-charging .sensor.state-1 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDMuMjE5IiBoZWlnaHQ9IjM0Ni45ODkiIHZpZXdCb3g9IjAgMCA4MC4yMjcgOTEuODA4Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTIuMTM5IC0zOS4xMTkpIj48cGF0aCBzdHlsZT0iZGlzcGxheTppbmxpbmU7ZmlsbDojMTA5NWMxO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoxLjc3MzI0O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpiZXZlbDtwYWludC1vcmRlcjpzdHJva2UgZmlsbCBtYXJrZXJzIiBkPSJNNzYuNjc3IDM5LjExOWExNS40MDUgMTUuNDA1IDAgMCAwLTE1LjQzOSAxNS40MzhjMCA3LjQ3IDUuMjUyIDEzLjY2OCAxMi4yOCAxNS4xMThhMTguODIyIDE5LjUyIDAgMCAxLS4wMzYtLjkwNSAxOC44MjIgMTkuNTIgMCAwIDEgMTguODIxLTE5LjUyIDE4LjgyMiAxOS41MiAwIDAgMSAxOC44MjIgMTkuNTIgMTguODIyIDE5LjUyIDAgMCAxLS4wMzYuOTA1IDE1LjQwMyAxNS40MDMgMCAwIDAgMTIuMjgtMTUuMTE4IDE1LjQwNSAxNS40MDUgMCAwIDAtMTUuNDQtMTUuNDM4eiIvPjxwYXRoIHN0eWxlPSJkaXNwbGF5OmlubGluZTtmaWxsOiMxMDk1YzE7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjEuMjAyMDg7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOmJldmVsO3BhaW50LW9yZGVyOnN0cm9rZSBmaWxsIG1hcmtlcnMiIGQ9Ik02Mi42NyA1NC41NTdjLS43OTQgMC0xLjQzMi42MzktMS40MzIgMS40MzJ2MTIuNTc2YzAgLjc5My42MzggMS40MzEgMS40MzEgMS40MzFINzMuNTNhMTguODIyIDE5LjUyIDAgMCAxLS4wNDgtMS4yMjYgMTguODIyIDE5LjUyIDAgMCAxIDUuOTMtMTQuMjEzem00Mi41MzMgMGExOC44MjIgMTkuNTIgMCAwIDEgNS45MjIgMTQuMjEzIDE4LjgyMiAxOS41MiAwIDAgMS0uMDQ5IDEuMjI2aDEwLjg2MWMuNzkzIDAgMS40MzItLjYzOCAxLjQzMi0xLjQzMVY1NS45ODljMC0uNzkzLS42MzktMS40MzItMS40MzItMS40MzJ6Ii8+PGVsbGlwc2Ugc3R5bGU9ImZpbGw6IzEwOTVjMTtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MS43O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpiZXZlbDtwYWludC1vcmRlcjpzdHJva2UgZmlsbCBtYXJrZXJzIiBjeD0iOTIuMzAzIiBjeT0iNjcuNzQ3IiByeD0iMTQuNjI5IiByeT0iMTQuNDYiLz48cGF0aCBzdHlsZT0iZmlsbDpub25lO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojMTA5NWMxO3N0cm9rZS13aWR0aDo2Ljg7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOmJldmVsO3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxO3BhaW50LW9yZGVyOnN0cm9rZSBmaWxsIG1hcmtlcnMiIGQ9Ik03Ny42NzUgOTAuMDM2YzkuMDcgOC45MTcgMjIuMjI5IDcuNTYgMjkuMjU3LjEwM002Ni4zNDMgMTAxLjM2NGMxNy40NTQgMTQuMjMzIDM2Ljc0OCAxMy41OTIgNTEuNDQ0IDAiLz48cGF0aCBzdHlsZT0iZmlsbDpub25lO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojMTA5NWMxO3N0cm9rZS13aWR0aDo2Ljg7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOmJldmVsO3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxO3BhaW50LW9yZGVyOnN0cm9rZSBmaWxsIG1hcmtlcnMiIGQ9Ik01NS41MzkgMTExLjk5MWMyMS40NDEgMjEuMzkgNTQuMjMxIDIwLjEzNiA3My40MjcgMCIvPjwvZz48L3N2Zz4=);
}

@media only screen and (prefers-color-scheme: dark) {
    .space {
        --space-border-color: #3f3f3f;
    }
}

.space .buttons {
    position: relative;
    width: 90%;
    margin: 160px auto 0 auto;
}

.space .id {
    width: 100%;
    font-size: 1.9em;
    text-align: left;
    font-weight: bold;
    color: #b9b9b9;
    position: relative;
    bottom: -10px;
    left: 10px;
}

.space .state {
    font-size: 1em;
}

.space .background {
    background-position-x: center;
    background-position-y: 50px;
    background-size: 70%;
}

.space.state-available .background {
    background-image: url("data:image/svg+xml,%0A%3Csvg xml:space='preserve' width='97.52' height='52' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23388e3c' d='M94.92 46.7h-.5V6.8c0-3.8-3-6.8-6.8-6.8h-2c-3.8 0-6.8 3-6.8 6.8v.3l-.1 4v35.6h-.2c-1.4 0-2.6 1.2-2.6 2.6 0 1.4 1.2 2.6 2.6 2.6h16.4c1.4 0 2.6-1.2 2.6-2.6 0-1.4-1.2-2.6-2.6-2.6zM82.42 6.8c0-1.7 1.4-3.1 3.1-3.1h2.1c1.7 0 3.1 1.4 3.1 3.1v6.9h-8.2V6.8Zm-.9 24.5 6.6-8.5.1-.1h.1c.1 0 .1.1.1.2l-1.8 6.6 4.9 1.3c.1 0 .1.1.1.1v.1l-6.2 8.6-.1.1h-.1c-.1.1-.1 0-.1-.1l1.4-6.8-4.9-1.3c-.1 0-.1-.1-.1-.1z'/%3E%3C/svg%3E");
}

.space.state-charging .background {
    background-image: url("data:image/svg+xml,%0A%3Csvg xml:space='preserve' width='97.52' height='52' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%231095c1' d='M94.92 46.7h-.5V6.8c0-3.8-3-6.8-6.8-6.8h-2c-3.8 0-6.8 3-6.8 6.8v.3h-4a2 2 0 0 0-2 2v5.4c0 .4.1.8.4 1.2-.5 4-4.9 6.4-9.8 8.1-.7-1-1.7-1.9-2.8-2.4 2-.2 3.5-1.8 3.5-3.8 0-2-4-3.9-4-3.9h-4l-2-6.8a8.3 8.3 0 0 0-7.4-5.7h-29c-3.2.2-6.5 2.6-7.4 5.7l-2 6.8h-4s-3.8 1.8-3.8 3.9c0 2 1.6 3.6 3.5 3.8a6.9 6.9 0 0 0-4 6.5v12.9c-.2 1.7 1.1 2.9 3.3 3v6.3c-.6 1.2 1.7 1.9 1.7 1.9h4.3c1.3 0 2.3-1 2.3-2.3v-6.1h40.8v6.1c0 1.2 1 2.3 2.3 2.3h4.8s2.3-.6 2-1.9v-6.3c1.9-.1 3.2-1.3 3.3-3v-13c0-.4-.1-.8-.2-1.2 5.7-2 11.2-5.1 11.7-10.9l-.1.1c.3-.4.5-.8.5-1.3v-3.4h2v35.6h-.2c-1.4 0-2.6 1.2-2.6 2.6 0 1.4 1.2 2.6 2.6 2.6h16.4c1.4 0 2.6-1.2 2.6-2.6 0-1.4-1.2-2.6-2.6-2.6zm-82.3-39c.6-2.2 3.2-4 5.4-4h28.1c2.3 0 4.8 1.9 5.4 4l2.9 10.1H9.82Zm-2.9 26.4a3.8 3.8 0 1 1 3.8-3.8c0 2.2-1.7 3.8-3.8 3.8zm32.6 4.5h-20v-5h20zm12.3-4.5c-2.2 0-3.8-1.6-3.8-3.8a3.8 3.8 0 1 1 7.6 0c0 2.1-1.6 3.8-3.8 3.8zm27.8-27.3c0-1.7 1.4-3.1 3.1-3.1h2.1c1.7 0 3.1 1.4 3.1 3.1v6.9h-8.2V6.8Zm-.9 24.5 6.6-8.5.1-.1h.1c.1 0 .1.1.1.2l-1.8 6.6 4.9 1.3c.1 0 .1.1.1.1v.1l-6.2 8.6-.1.1h-.1c-.1.1-.1 0-.1-.1l1.4-6.8-4.9-1.3c-.1 0-.1-.1-.1-.1v-.1z'/%3E%3C/svg%3E");;
}

.space.state-not_charging .background {
    background-image: url("data:image/svg+xml,%0A%3Csvg xml:space='preserve' width='97.52' height='52' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23c62828' style='display:inline' d='M17.72 1.2c-3.2.2-6.5 2.6-7.4 5.7l-2 6.8h-4s-3.8 1.8-3.8 3.9c0 2 1.6 3.6 3.5 3.8a6.9 6.9 0 0 0-4 6.5v12.9c-.2 1.7 1.1 2.9 3.3 3v6.3c-.6 1.2 1.7 1.9 1.7 1.9h4.3c1.3 0 2.3-1 2.3-2.3v-6.1h40.8v6.1c0 1.2 1 2.3 2.3 2.3h4.8s2.3-.6 2-1.9v-6.3c1.9-.1 3.2-1.3 3.3-3v-13c0-.4-.1-.8-.2-1.2 5.7-2 7.48-4.95 9.63-9l-.1.1c.3-.4.5-.8.5-1.3V13h1V9h-2.9a2 2 0 0 0-2 2v5.4c0 .4.4 1.2.4 1.2s-2.83 4.5-7.73 6.2c-.7-1-1.7-1.9-2.8-2.4 2-.2 3.5-1.8 3.5-3.8 0-2-4-3.9-4-3.9h-4l-2-6.8a8.3 8.3 0 0 0-7.4-5.7Zm.3 2.5h28.1c2.3 0 4.8 1.9 5.4 4l2.9 10.1H9.82l2.8-10.1c.6-2.2 3.2-4 5.4-4zm-8.3 22.8c2.1 0 3.8 1.7 3.8 3.8 0 2.2-1.7 3.8-3.8 3.8a3.8 3.8 0 1 1 0-7.6zm44.9 0c2.1 0 3.8 1.7 3.8 3.8 0 2.1-1.6 3.8-3.8 3.8-2.2 0-3.8-1.6-3.8-3.8 0-2.1 1.7-3.8 3.8-3.8zm-32.3 7.1h20v5h-20zM85.62 0c-3.8 0-6.8 3-6.8 6.8v.3l-.1 4v35.6h-.2c-1.4 0-2.6 1.2-2.6 2.6 0 1.4 1.2 2.6 2.6 2.6h16.4c1.4 0 2.6-1.2 2.6-2.6 0-1.4-1.2-2.6-2.6-2.6h-.5V6.8c0-3.8-3-6.8-6.8-6.8h-2zm-.1 3.7h2.1c1.7 0 3.1 1.4 3.1 3.1v6.9h-8.2V6.8h-.1c0-1.7 1.4-3.1 3.1-3.1zm1.22 19.1h.02c.3.01.57.18.71.45l5.66 10.11c.14.26.13.57-.02.82a.84.84 0 0 1-.71.4H81.04a.83.83 0 0 1-.71-1.26l5.7-10.1a.81.81 0 0 1 .71-.41zm0 .84-5.7 10.1H92.4l-5.66-10.1zM86 26.52h1.45l-.2 4.15H86.2l-.2-4.15zm.72 4.61c.49 0 .81.34.82.83 0 .48-.32.84-.82.84h-.01c-.48 0-.81-.36-.81-.84 0-.49.34-.83.82-.83z'/%3E%3C/svg%3E");;
}

.space .outline.available {
    --primary: #388e3c;
    --primary-hover: #388e3c;
    --hover: rgba(56, 142, 60, 0.3);
}

.space .outline.charging {
    --primary: #1095c1;
    --primary-hover: #1095c1;
    --hover: rgba(16, 149, 193, 0.3);
}

.space .outline.not_charging {
    --primary: #c62828;
    --primary-hover: #c62828;
    --hover: rgba(198, 40, 40, 0.3);
}

.space .outline:hover {
    background-color: var(--hover);
    color: var(--primary);
    --border-color: var(--primary);
}


.space .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.space .background div {
    position: absolute;
    background-color: var(--space-border-color);
}

.space .background .left_border {
    width: var(--space-border-size);
    height: 100%;
}

.space .background .left_border:before {
    content: "";
    position: absolute;
    display: block;
    background-color: var(--space-border-color);
    width: calc(3 * var(--space-border-size));
    left: calc(-1 * var(--space-border-size));
    height: var(--space-border-size);
    bottom: 0;
}

.space .background .right_border {
    right: 0;
    width: var(--space-border-size);
    height: 100%;
}

.space .background .right_border:before {
    content: "";
    position: absolute;
    display: block;
    background-color: var(--space-border-color);
    width: calc(3 * var(--space-border-size));
    right: calc(-1 * var(--space-border-size));
    height: var(--space-border-size);
    bottom: 0;
}

.space .background .top_border {
    top: 0;
    width: 100%;
    height: var(--space-border-size);
}

.space .buttons .outline {
    font-size: 0.75em;
    display: block;
    min-width: 100px;
    --form-element-spacing-vertical: 5px;
    --form-element-spacing-horizontal: 5px;
    margin-top: 15px;
}

.not_logged_in {
    pointer-events: all;
    cursor: help;
    opacity: 0.5;
}

.queue[disabled] {
    pointer-events: all;
    cursor: help;
}

.space .buttons .outline:last-child {
    margin-bottom: 0;
}

.space .license_plate {
    position: absolute;
    top: 22.5%;
    left: 14%;
    font-size: 16px;
    padding: 0px 7px;
    font-weight: bold;
    border-radius: 5px;
    border: 1px solid #e3e3e3;
}

.space.state-not_charging .license_plate {
    color: #c62828;
}

.space .license_plate:focus {
    --background-color: unset;
}

.space .license_plate_info {
    position: absolute;
    top: 0;
    left: 0;
    padding: calc(var(--space-border-size) * 2);
    margin: calc(var(--space-border-size));
    width: calc(100% - var(--space-border-size) * 2);
    height: calc(100% - 50px);
    background-color: var(--background-color);

    visibility: hidden;
    opacity: 0;

    transition: 0.3s ease all;
}

.license_plate_info.show {
    visibility: visible;
    opacity: 1;
}

.license_plate_info .close {
    --form-element-spacing-vertical: 0.1rem;
    --form-element-spacing-horizontal: 0.5rem;
    float: right;
}

.license_plate_info a.slack {
    color: var(--h3-color);
    font-weight: bold;
}


@media (max-width: 992px) {
    .spaces-container {
        gap: 25px;
        padding-left: 0;
    }

    .space {
        flex-basis: 30%;
        margin-left: 0;
    }

    .space .license_plate {
        top: 24.5%;
        left: 16%;
    }
}

@media (max-width: 576px) {
    .spaces-container {
        gap: 15px;
    }

    .space {
        --space-border-size: 5px;
        flex-basis: 45%;
        flex-grow: 1;
    }

    .space .buttons {
        margin-top: 130px;
        width: 100%;
    }

    .space .id {
        bottom: -5px;
        left: 0;
    }
}

a.slack {
    vertical-align: unset;
}

a.slack::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='125.7' height='125.6'%3E%3Cg fill='none'%3E%3Cpath fill='%23e01e5a' d='M26.5 79.4a13.2 13.2 0 1 1-13.2-13.2h13.2zm6.6 0a13.2 13.2 0 1 1 26.4 0v33a13.2 13.2 0 1 1-26.4 0z'/%3E%3Cpath fill='%2336c5f0' d='M46.3 26.4a13.2 13.2 0 1 1 13.2-13.2v13.2Zm0 6.7a13.2 13.2 0 1 1 0 26.4H13.2a13.2 13.2 0 1 1 0-26.4Z'/%3E%3Cpath fill='%232eb67d' d='M99.2 46.3a13.2 13.2 0 1 1 13.2 13.2H99.2Zm-6.6 0a13.2 13.2 0 1 1-26.4 0V13.2a13.2 13.2 0 1 1 26.4 0z'/%3E%3Cpath fill='%23ecb22e' d='M79.4 99.2a13.2 13.2 0 1 1-13.2 13.2V99.2Zm0-6.6a13.2 13.2 0 1 1 0-26.4h33.1a13.2 13.2 0 1 1 0 26.4z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-position: left center;
    margin-right: 5px;
}

dialog article {
    margin-bottom: 25vh;
}

dialog a[role="button"] {
    --form-element-spacing-vertical: 5px;
    --form-element-spacing-horizontal: 10px;
    margin: 5px 0;
}

dialog .group input, dialog .group input + button {
    --form-element-spacing-vertical: 5px;
    --form-element-spacing-horizontal: 10px;
}

@media (max-width: 576px) {
    dialog {
        align-items: baseline;
    }

    dialog article {
        margin-bottom: 25vh;
        --block-spacing-vertical: calc(var(--spacing) * 1.5);
    }

    dialog a[role="button"] {
        display: block;
        margin: 5px 0 !important;
    }
}

dialog .license_plate_input::placeholder {
    text-transform: initial;
}

.license_plate_background {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='237.1' height='437.3' viewBox='0 0 62.7 115.7'%3E%3Cpath d='M77 61.1A9.8 9.8 0 0 0 67 71v96c0 5.5 4.4 9.9 9.9 9.9H130V61H77z' style='display:inline;fill:%23003caa;fill-opacity:1;stroke:red;stroke-width:0;paint-order:stroke fill markers' transform='translate(-67.1 -61.1)'/%3E%3Cpath d='m79.7 90.9-1.1 1 .2 1.5-1.3-.7-1.3.7.2-1.5-1-1 1.4-.3.7-1.3.7 1.3z' style='fill:%23f9cc02;fill-opacity:1;stroke:red;stroke-width:0;paint-order:stroke fill markers' transform='matrix(2 0 0 2 -144.6 -152.7)'/%3E%3Cpath d='m79.7 90.9-1.1 1 .2 1.5-1.3-.7-1.3.7.2-1.5-1-1 1.4-.3.7-1.3.7 1.3z' style='fill:%23f9cc02;fill-opacity:1;stroke:red;stroke-width:0;paint-order:stroke fill markers' transform='matrix(2 0 0 2 -142 -161.5)'/%3E%3Cpath d='m79.7 90.9-1.1 1 .2 1.5-1.3-.7-1.3.7.2-1.5-1-1 1.4-.3.7-1.3.7 1.3z' style='fill:%23f9cc02;fill-opacity:1;stroke:red;stroke-width:0;paint-order:stroke fill markers' transform='matrix(2 0 0 2 -135.8 -167.6)'/%3E%3Cpath d='m79.7 90.9-1.1 1 .2 1.5-1.3-.7-1.3.7.2-1.5-1-1 1.4-.3.7-1.3.7 1.3z' style='fill:%23f9cc02;fill-opacity:1;stroke:red;stroke-width:0;paint-order:stroke fill markers' transform='matrix(2 0 0 2 -127.1 -170.2)'/%3E%3Cpath d='m79.7 90.9-1.1 1 .2 1.5-1.3-.7-1.3.7.2-1.5-1-1 1.4-.3.7-1.3.7 1.3z' style='fill:%23f9cc02;fill-opacity:1;stroke:red;stroke-width:0;paint-order:stroke fill markers' transform='matrix(2 0 0 2 -118.5 -167.6)'/%3E%3Cpath d='m79.7 90.9-1.1 1 .2 1.5-1.3-.7-1.3.7.2-1.5-1-1 1.4-.3.7-1.3.7 1.3z' style='fill:%23f9cc02;fill-opacity:1;stroke:red;stroke-width:0;paint-order:stroke fill markers' transform='matrix(2 0 0 2 -112.2 -161.5)'/%3E%3Cpath d='m79.7 90.9-1.1 1 .2 1.5-1.3-.7-1.3.7.2-1.5-1-1 1.4-.3.7-1.3.7 1.3z' style='fill:%23f9cc02;fill-opacity:1;stroke:red;stroke-width:0;paint-order:stroke fill markers' transform='matrix(2 0 0 2 -109.5 -152.7)'/%3E%3Cg aria-label='RO' style='font-size:27.3863px;font-family:Alef;-inkscape-font-specification:Alef;fill:%23f9cc02;stroke:%23fffff8;stroke-width:1.22683;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers'%3E%3Cpath d='M81.8 145.1q1.3 0 2.4.3 1.1.3 2 1 .9.6 1.4 1.6.5 1 .5 2.4 0 1.3-.5 2.3-.5 1-1.4 1.7-.7.5-1.5.8l-1.8.4q.4.2.8.7l1 1 1 1.5 1.1 1.5 2.8 4h-3l-3-4.6-1.4-2.1-1-1.3-1.2-.6-1.2-.1h-.5v8.7h-2.5v-19.2zm0 8.5q.8 0 1.5-.2t1.2-.6q.5-.4.8-1 .3-.6.3-1.4 0-.9-.3-1.5t-.8-1q-.5-.4-1.2-.6-.7-.2-1.5-.2h-3.5v6.5zM108.7 154.7q0 4.8-2.2 7.4-2.2 2.6-6.2 2.6T94 162q-2.2-2.5-2.2-7.4 0-4.8 2.2-7.3 2.2-2.6 6.3-2.6 4 0 6.2 2.6 2.2 2.5 2.2 7.3zm-2.6 0q0-3.7-1.4-5.7-1.5-2-4.4-2-3 0-4.4 2-1.5 2-1.5 5.7 0 1.8.3 3.3.4 1.4 1 2.4.8 1 2 1.6 1 .6 2.6.6 2.9 0 4.4-2 1.4-2.2 1.4-5.9z' style='fill:%23fff;fill-opacity:1;stroke:%23fffff8;stroke-width:1.22683;stroke-dasharray:none;stroke-opacity:1' transform='matrix(1.27 0 0 1.18 -87.9 -95.7)'/%3E%3C/g%3E%3Cpath d='m79.7 90.9-1.1 1 .2 1.5-1.3-.7-1.3.7.2-1.5-1-1 1.4-.3.7-1.3.7 1.3z' style='display:inline;fill:%23f9cc02;fill-opacity:1;stroke:red;stroke-width:0;paint-order:stroke fill markers' transform='matrix(2 0 0 2 -112.2 -144.1)'/%3E%3Cpath d='m79.7 90.9-1.1 1 .2 1.5-1.3-.7-1.3.7.2-1.5-1-1 1.4-.3.7-1.3.7 1.3z' style='fill:%23f9cc02;fill-opacity:1;stroke:red;stroke-width:0;paint-order:stroke fill markers' transform='matrix(2 0 0 2 -118.5 -138)'/%3E%3Cpath d='m79.7 90.9-1.1 1 .2 1.5-1.3-.7-1.3.7.2-1.5-1-1 1.4-.3.7-1.3.7 1.3z' style='display:inline;fill:%23f9cc02;fill-opacity:1;stroke:red;stroke-width:0;paint-order:stroke fill markers' transform='matrix(2 0 0 2 -127.1 -135)'/%3E%3Cpath d='m79.7 90.9-1.1 1 .2 1.5-1.3-.7-1.3.7.2-1.5-1-1 1.4-.3.7-1.3.7 1.3z' style='display:inline;fill:%23f9cc02;fill-opacity:1;stroke:red;stroke-width:0;paint-order:stroke fill markers' transform='matrix(2 0 0 2 -135.8 -138)'/%3E%3Cpath d='m79.7 90.9-1.1 1 .2 1.5-1.3-.7-1.3.7.2-1.5-1-1 1.4-.3.7-1.3.7 1.3z' style='display:inline;fill:%23f9cc02;fill-opacity:1;stroke:red;stroke-width:0;paint-order:stroke fill markers' transform='matrix(2 0 0 2 -142 -144.1)'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: left center;
    border: 1px solid #8f8f8f;
    border-radius: 5px;
    padding: 5px 8px 5px 24px;
    font-weight: bold;
}

.license_plate_input {
    --border-radius: 7px;
    --form-element-spacing-vertical: 0.5rem;
}

.license_plate_input + button {
    --form-element-spacing-vertical: 0.5rem;
    --form-element-spacing-horizontal: 2rem;
}

.cars_list {
    --spacing: 0;
}

.cars_list li {
    list-style-type: none;
    margin-bottom: 18px;
}

@media (min-width: 576px) {
    .switcher {
        right: calc(var(--spacing) + var(--scrollbar-width, 0px))
    }
}

.queue-container a[role="button"] {
    font-size: 16px;
    --form-element-spacing-vertical: 0.25rem;
    --form-element-spacing-horizontal: 0.75rem;
}
.queue-container a.queue-skip, .queue-container a.queue-going {
    font-size: 16px;
    --form-element-spacing-vertical: 0.20rem;
    --form-element-spacing-horizontal: 0.50rem;
}

.queue-container table {
    width: auto;
}

@media (max-width: 576px) {
    .queue-container table td,
    .queue-container table th {
        text-align: center;
    }

    .queue-container table td:first-child,
    .queue-container table th:first-child {
        padding: 0;
    }

    .queue-container a.queue-going {
        margin-top: 5px;
    }
}

.notifications label {
    display: inline-block;
}

.more_info {
    vertical-align: super;
    font-size: 14px;
    font-weight: normal;
}