.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}#root{font-family:var(--font-family);height:100%}li,ul{list-style-type:none}.ReactModal__Content{font-family:var(--font-family);padding:0!important}.ReactModal__Overlay{background-color:#0006!important;z-index:1000}.animate-in{animation-delay:var(--delay-length);animation-duration:.5s;animation-fill-mode:backwards;animation-name:animate-in}@keyframes animate-in{0%{opacity:0}to{opacity:1}}.sr-only:not(:focus,:active){clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.navigation-container{padding-bottom:70px}.main-banner{background:var(--primary-color);display:flex;min-height:70px!important;min-width:100%;z-index:2}.main-banner .title-logo{align-items:center;display:flex;flex:1 1;justify-content:flex-start;margin-left:30px;width:200px;z-index:1}.main-banner .title-logo .vaasa{display:flex;width:115px}.main-banner .title-logo .linkki{width:60px}.main-banner .title-logo .oulu{width:100px}.main-banner .title-logo #logo{left:10px;max-height:50px!important;position:absolute}.main-banner .menu-container{align-items:center;display:flex;width:70px}.main-banner .menu-container .menu-button{background:#0000;border:none;cursor:pointer}.main-banner .usermenu-container{align-items:center;display:flex}.main-banner .usermenu-container .usermenu-text{color:#fff;font-family:var(--font-family);font-size:16px;font-weight:var(--font-weight-bigger);letter-spacing:-.3px;line-height:1.5;margin-left:5px}.breadcrumbs-container{display:flex;flex-direction:column;font-family:var(--font-family);font-weight:var(--font-weight-bigger);margin-left:60px;padding-top:39px}.breadcrumbs-container .crumbs{display:flex;flex-direction:row}.breadcrumbs-container .crumbs .to-home{color:var(--primary-color);text-decoration:none}.breadcrumbs-container .crumbs svg{margin-left:10px;margin-right:10px;position:relative;top:2px}.breadcrumbs-container .main-header{font-size:36px;font-style:normal;font-weight:var(--font-weight-bigger);letter-spacing:-.03em;line-height:44px;padding-top:53px;text-align:left}.menu-content{background-color:#fff;border-radius:0!important;display:flex;height:100%!important;left:auto;position:fixed;right:0;transform:translate(100%);transition:transform .5s cubic-bezier(.23,1,.32,1);width:400px}.menu-content .container{display:flex;flex-direction:column;margin:20px;width:100%}.menu-content .container #close{display:flex;justify-content:flex-end}.menu-content .container #close .close-button{background:#0000;border:none;cursor:pointer}.menu-content .container #languages{border-bottom:1px solid #ddd;display:flex;flex-direction:row}.menu-content .container #languages .lang-select{color:var(--primary-color);cursor:pointer;display:inline-block;font-family:var(--font-family);font-size:1.25rem;font-weight:var(--font-weight-bigger);line-height:normal;padding:10px;text-decoration:none;text-transform:uppercase}.menu-content .container #links{border-bottom:1px solid #ddd;display:flex;flex-direction:column;padding:15px 0}.menu-content .container #links .link{background:#fff;color:var(--primary-color);font-family:var(--font-family);font-weight:var(--font-weight-bigger);letter-spacing:0;line-height:35px;overflow-y:auto;padding:.5em 0;text-align:left;text-decoration:none;width:100%}.menu-content-close{opacity:1!important;transform:translate(100%)!important}.menu-content-open{transform:translate(0)}.menu-background{background-color:#0006;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .4s cubic-bezier(.23,1,.32,1) 0ms;width:100%;z-index:1200}.menu-background-close{opacity:0!important}.menu-background-open{opacity:1}.btn{background:var(--primary-color);border-radius:50px;color:#fff;cursor:pointer;font-size:1.125em;font-style:normal;font-weight:var(--font-weight);height:50px;letter-spacing:-.02em;line-height:22px;text-align:center;width:216px}button{background-color:#fff;border:none;font-family:var(--font-family);margin:0;padding:0;white-space:nowrap}.check-box{align-items:center;cursor:pointer;display:flex;margin:5px}.check-box input[type=checkbox]{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:0;overflow:hidden;white-space:nowrap}.content-wrapper{background:#f2f5f7;font-family:var(--font-family);width:100%}.content-wrapper a{text-decoration:none}#viewCarouselElement{list-style-type:none;margin-bottom:10px;padding-inline-start:0}#viewCarouselElement li{margin-bottom:10px}.display-settings-container{display:flex;font-family:var(--font-family);height:100px;justify-content:space-between;margin-top:26px}.display-settings-container .headers{display:flex;margin-bottom:10px;margin-left:5px}.map-toggle{align-items:center;background-color:#fff;border-radius:5px;display:flex;height:44px;padding:0 10px}.map-toggle .toggle{margin:0}.map-toggle .txt{display:flex}.map-toggle label svg{margin-right:5px!important}.map-toggle div{margin-right:10px}.map-toggle .option-checkbox-container{height:20px;margin-left:10px;width:20px}.display-language-container{display:flex;flex-direction:column;position:relative}.display-language-container .language-alert{color:#dc0451;font-size:.813rem;left:19px;position:absolute;top:5.6em}.display-language-container .language-controls{align-items:center;background-color:#fff;border-radius:5px;display:flex;height:44px;padding:0 10px}.display-language-container .language-controls label svg{margin-right:5px!important}.display-language-container .language-controls div{margin-right:10px}.display-language-container .language-controls .option-checkbox-container{height:20px;margin-left:10px;width:20px}.display-orientation-container{align-items:flex-start;display:flex;flex-direction:column;margin-left:20px}.display-orientation-container .orientation-controls{display:flex;height:44px;width:140px}.display-orientation-container .orientation-controls .orientation-button{fill:var(--primary-color);align-items:center;background-color:#fff;border:none;border-radius:0 5px 5px 0;display:flex;justify-content:center;width:100%}.display-orientation-container .orientation-controls .orientation-button div{margin-left:8px}.display-orientation-container .orientation-controls .orientation-button:first-child{fill:var(--primary-color);border-radius:5px 0 0 5px;border-right:1px solid #ddd}.display-orientation-container .orientation-controls .orientation-button:not(.selected){fill:#c4c4c4;cursor:pointer}.dd-select{height:100%;width:100%}.dd-selectwithWidth{min-width:115px}.dd-select.withWidth{min-width:150px}.dd-select.withWidth.duration{margin-left:20px;min-width:110px}.dd-select.dd--is-disabled .dd__indicators svg{fill:#ccc!important}.dd-select .dd__placeholder,.dd-select .dd__single-value,.dd-select .dd__value-container{color:#888}.dd-select .dd__placeholder span,.dd-select .dd__single-value span,.dd-select .dd__value-container span{color:#888;margin-left:10px;position:relative;top:-14px}.dd-select .dd__group-heading{font-weight:var(--font-weight-bigger);text-align:center}.dd-select .dd__option{color:#888}.dd-select .dd__option--is-selected{color:#fff}.dd-select .dd__option span{margin-left:10px;position:relative;top:-14px}.dd-select .dd__indicators{padding-right:10px}.dd-select .dd__control{height:44px}.dd-select .dd__control--menu-is-open{border-style:none;outline:none}.dd-select .dd__control--menu-is-open .dd__indicators svg{transform:rotate(-180deg)}.import-modal-content .input-row{align-items:center;display:flex;padding-top:20px}.import-modal-content .input-row .monitor-button{font-size:16px;height:40px;margin:0 15px}.import-modal-content .input-row #input-import-monitor{border:1px solid #888;border-radius:5px;flex:1 1;font-size:13px;height:42px;margin:0;padding:0 0 0 10px}.import-modal-content .no-monitor-found{color:var(--alert-color);font-size:12px;margin:5px;position:absolute}.import-modal-content .input-instructions{font-size:15px}.import-modal-content .import-preview{border:1px solid #ddd;border-radius:5px;margin:30px 0;padding:0 15px}.import-modal-content .import-preview .monitor-input-container{margin-right:5px}.import-modal-content .import-button-container{display:flex;justify-content:flex-end;margin:30px 0;width:100%}.import-modal-content .import-button-container .monitor-button{font-size:16px;height:40px;margin:0 15px;position:relative}.import-modal-content .import-button-container .monitor-button .loading-button{position:absolute;width:calc(100% - 56px)}.import-modal-content .import-button-container .monitor-button.loading:disabled{background:var(--primary-color);border:none}.monitor-button{align-items:center;border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:1.125em;font-style:normal;font-weight:var(--font-weight);height:50px;letter-spacing:-.02em;margin:0 10px 10px 0;padding:0 28px;text-align:center;white-space:nowrap}.monitor-button,.monitor-button.blue{background:var(--primary-color)}.monitor-button.white{background:#fff;border:1px solid #888;color:var(--primary-color)}.monitor-button:disabled{background:#ccc;border:1px solid #ccc;color:#fff;cursor:unset}.monitor-button:disabled span{color:#fff}.index{display:flex;font-family:var(--font-family)}.index .left{color:#333;width:50vw}.index .left .welcome{display:flex;flex-direction:column;justify-content:space-between;margin-top:69px}.index .left .welcome .text{font-size:18px;font-style:normal;font-weight:var(--font-weight);letter-spacing:-.03em;line-height:22px;margin-top:22px;padding-left:120px;padding-right:60px;text-align:left}.index .left .welcome .text.bigger{font-size:24px;line-height:29px;margin-top:0}.index .left .welcome .text.bold{font-weight:bolder}.index .left .welcome .button-container{display:flex;margin-top:30px;padding-bottom:20px;padding-left:120px}.index .left .welcome .button-container .monitor-controls{background-color:#f2f5f7;height:unset;padding:0}.index .left .welcome .button-container .monitor-controls .monitor-button{font-size:1.125em;height:50px}.index .right{align-items:center;display:flex;flex:1 1;justify-content:center}@media screen and (max-width:1200px){.right{display:none!important;width:0}.left{width:100%!important}}.information-monitor-container{margin:8vh 4vh}.information-monitor-container .alert-header{font-size:5vh}.information-monitor-container .alert-description{font-size:3vh;margin-bottom:7vh}.information-monitor-container .no-alerts-container{align-items:center;display:flex;font-size:4vh;height:250px;justify-content:center;text-align:center}.information-monitor-container.portrait{margin:4vh 2vh}.information-monitor-container.portrait .alert-header{font-size:4vh}.information-monitor-container.portrait .alert-description{font-size:2vh;margin-bottom:5vh}.information-monitor-container.portrait.preview .no-alerts-container h2{font-size:41px}.information-monitor-container.preview{margin:10px}.information-monitor-container.preview .alert-header{font-size:18px;margin:10px 0 5px}.information-monitor-container.preview .alert-description{font-size:15px;margin-bottom:10px}.monitor-input-container{display:flex;flex-direction:row;position:relative;width:100%}.monitor-input-container .monitor-input{border:none;flex:1 1;font-size:15px;letter-spacing:-.3px;line-height:24px}.monitor-input-container .monitor-input:focus{outline:auto var(--primary-color)}.monitor-input-container svg{cursor:pointer;display:flex;place-content:center center}.monitor-input:read-only{border:none;outline:none}.monitor-modal-container{margin:0 60px;width:100%}.monitor-modal-container #close{position:absolute;right:30px;top:30px}.monitor-modal-container .monitor-modal-header{color:#333;font-size:22px;font-style:normal;font-weight:var(--font-weight);line-height:22px;margin:64px 0 32px}.modal .ReactModal__Content{animation:none;border:none!important;border-radius:5px!important;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;left:50%!important;margin-bottom:-50%;margin-right:-50%;max-height:90%!important;overflow-x:hidden!important;top:50%!important;transform:translate(-50%,-50%);width:720px!important}.layout-and-time-container{display:flex;justify-content:flex-end;width:280px}.layout-and-time-container .layout-button{align-items:center;background-color:#fff;border:1px solid #b3b3b3;border-radius:5px;display:flex;height:44px;justify-content:flex-start;width:130px}.layout-and-time-container .layout-button svg{height:36px!important;margin-left:3px!important;width:64px!important}.layout-and-time-container .layout-button .label{color:#888;font-size:15px;margin-left:10px}.layout-and-time-container .duration{min-width:130px}body,html{height:100%}body{margin:0;padding:0}ul{padding-inline-start:0}.App{display:flex;flex-direction:column;height:100%}.layout-modal .monitor-modal-container{margin:0 80px}.layout-modal .monitor-modal-container .monitor-modal-header{margin-bottom:0}.layout-modal .layout-modal-content-container{display:flex;flex-direction:column;font-family:var(--font-family-normal);margin:0;width:100%}.layout-modal .layout-modal-content-container .row-header{font-size:1.125rem;font-weight:var(--font-weight);margin:28px 0 10px}.layout-modal .layout-modal-content-container .info-display-warning{font-size:14px}.layout-modal .layout-modal-content-container .row-info{margin-bottom:10px}.layout-modal .layouts .row .header{align-items:flex-end;display:flex;flex-flow:column;padding-bottom:20px}.layout-modal .layouts .row .options{display:flex}.layout-modal .layouts .row .options .option:disabled:after{background-color:#ddddddb3;content:"";height:100%;position:absolute;width:100%}.layout-modal .layouts .row .options .option{align-items:center;background:#0000;border:1px solid #ddd;border-radius:4px;display:flex;flex-direction:column;height:140px;margin-right:20px;padding:0;position:relative;width:174px}.layout-modal .layouts .row .options .option svg{position:relative;top:10px}.layout-modal .layouts .row .options .option.vertical{height:210px;margin-right:20px;width:121px}.layout-modal .layouts .row .options .option.label-selected{border:1px solid #0000;box-shadow:0 0 0 2px #333}.layout-modal .layouts .row .options .option .label{font-size:14px;letter-spacing:-.02em;line-height:17px;margin-bottom:10px;margin-top:20px;width:100%}.layout-modal .layouts .row .options .option:last-child{margin-right:0}.layout-modal .button-container{display:flex;justify-content:center;padding-bottom:30px}.layout-modal .button-container .close-button{background:var(--primary-color);border:none;border-radius:50px;color:#fff;font-size:1.125em;font-style:normal;font-weight:var(--font-weight);height:50px;letter-spacing:-.02em;line-height:22px;margin:30px 0 50px;text-align:center;width:216px}.loading-container{align-items:center;background-color:var(--monitor-background-color);display:flex;flex:1 1;height:100%;justify-content:center;width:100%}.loading-container.primary{background-color:var(--primary-color)}.loading-container.small svg{height:20px!important;width:20px!important}.loading-container.white{background-color:#fff}.loading-container.white svg{stroke:#ddd!important;height:100000px}.loading-container svg{animation:lds-ring 1.2s cubic-bezier(.5,.5,.5,.5) infinite;height:60px!important;width:60px!important}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.monitor-controls{align-items:center;background-color:#fff;border-radius:5px;display:flex;height:80px;justify-content:flex-end;margin-bottom:10px;padding:0 30px}.monitor-controls .monitor-button{font-size:16px;height:40px;margin:0}.monitor-overlay{align-items:center;background-color:var(--monitor-button-background-color);border-radius:20px;bottom:50px;display:flex;height:15%;justify-content:center;left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;text-align:center;transition:opacity 1s;width:60%;z-index:10000}.monitor-overlay.show{opacity:1}.monitor-overlay.hide{opacity:0}.monitor-overlay .loading-container{border-radius:500px;flex:0 1;height:50%;min-width:40vh;width:40%}.monitor-overlay .loading-container svg{height:40px!important;width:40px!important}.monitor-overlay .link{align-items:center;background-color:var(--monitor-background-color);border-radius:500px;color:#fff;display:flex;font-family:var(--font-family);font-size:3vh;height:50%;justify-content:center;min-width:40vh;text-decoration:none}.demo-button{background-color:initial;bottom:0;height:100%;position:absolute;width:25vh;z-index:9999}.main-content-container.preview{padding:0}.main-content-container.preview .grid-row.alert{left:-5px}.main-content-container.preview .monitor-container .grid.two-cols{margin:0 5px;width:calc(50% - 8px)}.main-content-container.preview .monitor-container .grid.two-cols .row-with-separator.alert{left:-9px;width:calc(200% + 35px)!important}.main-content-container.preview .monitor-container .no-departures-text-container .no-departures-text{font-size:40px}.main-content-container.preview .monitor-container .no-departures-text-container .no-departures-text.closed-stop{font-size:24px;white-space:pre-line}.main-content-container.preview .monitor-container .divider{margin:0 3px;min-width:2px}.main-content-container.preview .monitor-container .separator{border-top:1px dotted #fff}.main-content-container.preview .monitor-container .grid-rows{height:calc(100% - 25px)}.main-content-container.preview .monitor-container .grid-rows.portrait .grid-row.alert.static{font-size:14px!important}.main-content-container.preview .monitor-container .grid-rows .grid-row .grid-col svg{display:flex;height:24px!important;width:24px!important}.main-content-container.preview .monitor-container .grid-rows .grid-row.alert{font-size:35px!important}.main-content-container.preview .monitor-container .grid-rows .grid-row.alert.vertical{font-size:25px!important}.main-content-container.preview .monitor-container .grid-rows .grid-row.alert.static{font-size:20px!important}.main-content-container.preview .monitor-container .grid-rows .grid-row.alert.two-rows{padding-bottom:2px}.main-content-container.preview .monitor-container .grid-rows .grid-row.alert.three-rows{padding-bottom:3px}.main-content-container.preview .monitor-container .grid-rows .grid-row.alert.four-rows{padding-bottom:4px}.main-content-container.preview .monitor-container .grid{height:100%;margin:0 5px}.main-content-container.preview .monitor-container .grid .grid-headers,.main-content-container.preview .monitor-container .grid .grid-headers .grid-row{height:25px}.main-content-container.preview .monitor-container .grid .grid-headers .grid-header{font-size:16px}.main-content-container.preview .monitor-container.portrait{height:calc(100% - 30px)}.main-content-container.preview .monitor-container.portrait .grid-rows.tightened{height:calc(50% - 12.5px)}.main-content-container.preview .monitor-container.preview.portrait,.main-content-container.preview .monitor-container.preview.portrait.tightened{height:534px}.main-content-container{background-color:var(--monitor-background-color);color:#fff;display:flex;flex-direction:column;font-family:var(--monitor-font);font-weight:var(--monitor-font-weight);height:100%;letter-spacing:-.2px}.main-content-container .monitor-container{flex:1 1}.main-content-container .monitor-container .rows8 .no-departures-text-container{flex:6 1}.main-content-container .monitor-container .rows12 .no-departures-text-container{flex:9 1}.main-content-container .monitor-container .no-departures-text-container{align-items:center;align-self:center;border-top:.2vh solid #fff;display:flex;flex:3 1;text-align:center;width:100%}.main-content-container .monitor-container .no-departures-text-container .no-departures-text{align-items:center;display:flex;flex:1 1;font-size:calc((var(--height) - 30vh)/7);justify-content:center;text-align:center;width:100%}.main-content-container .monitor-container .no-departures-text-container .no-departures-text.closed-stop{font-size:calc((var(--height) - 30vh)/10);white-space:pre-line}.main-content-container .monitor-container.portrait{height:calc(100% - 12.75vh)}.main-content-container .monitor-container .divider{border-left:.3vh solid #fff;height:98%;margin-left:.3vw;margin-right:.3vw;width:0}.main-content-container .monitor-container .separator{border-top:.3vh dotted #fff;height:0;width:100%}.main-content-container .monitor-container .separator.first{border-top:.2vh solid #fff}.main-content-container .monitor-container.two-cols{display:flex}.main-content-container .monitor-container.two-cols .grid{width:calc(50% - 32px - .3vw)}.main-content-container .monitor-container.two-cols.two-cols .row-with-separator.alert{width:calc(200% + 60px + .7vw)}.main-content-container .monitor-container .grid{height:calc(100% - 5vh);margin:0 15px}.main-content-container .monitor-container .grid.portrait{display:flex;flex-direction:column;height:100%}.main-content-container .grid-headers.rows16 .grid-row>.grid-header,.main-content-container .grid-headers.rows24 .grid-row>.grid-header{font-size:2.5vh}.main-content-container .grid-headers .grid-row{display:grid;height:5vh}.main-content-container .grid-headers .grid-row .grid-header{align-self:center;font-size:3.2vh}.main-content-container .grid-headers .grid-row .grid-header.time{text-align:end}.main-content-container.portrait .grid-rows{position:relative}.main-content-container.portrait .grid-rows.no-departures,.main-content-container.portrait .grid-rows.no-departures .no-departures-text-container{flex:1 1}.main-content-container.portrait .grid-rows.no-departures .row-with-separator.alert{height:12.5%!important}.main-content-container .grid-rows{display:flex;flex-direction:column;height:100%;justify-content:space-evenly}.main-content-container .grid-rows .alert-padding{flex:1 1}.main-content-container .grid-rows.no-departures .no-departures-text-container{flex:3 1!important}.main-content-container .grid-rows.no-departures .row-with-separator.alert.three-rows,.main-content-container .grid-rows.no-departures .row-with-separator.alert.two-rows{flex:1 1!important}.main-content-container .grid-rows.portrait.rows8 .destination{display:block}.main-content-container .grid-rows.portrait.tightened{height:50%}.main-content-container .grid-rows.portrait.tightened .row-with-separator.alert{height:25%}.main-content-container .grid-rows.portrait .row-with-separator.alert{background-color:var(--monitor-background-color);bottom:0;height:12.5%;position:absolute}.main-content-container .grid-rows.rows12 .destination,.main-content-container .grid-rows.rows8 .destination{align-items:baseline;display:flex}.main-content-container .grid-rows.rows16 .destination,.main-content-container .grid-rows.rows24 .destination,.main-content-container .grid-rows.rows6 .destination{display:flex}.main-content-container .grid-rows .row-with-separator{display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.main-content-container .grid-rows .row-with-separator.two-rows{flex:2 1}.main-content-container .grid-rows .row-with-separator.three-rows{flex:3 1}.main-content-container .grid-rows .row-with-separator.four-rows{flex:4 1}.main-content-container .grid-rows .row-with-separator.alert{left:-13px;position:relative;width:calc(100% + 30px)}.main-content-container .grid-rows .row-with-separator.alert .grid-row{width:100%}.main-content-container .grid-rows .row-with-separator.alert .separator{border-top:.3vh solid #fff}.main-content-container .grid-rows .row-with-separator.alert.vertical .grid-cols.alert-row{width:unset}.main-content-container .grid-rows .grid-row{display:grid;height:100%}.main-content-container .grid-rows .grid-row .grid-col{align-self:center}.main-content-container .grid-rows .grid-row .grid-col.icon svg{display:flex;height:var(--icon-size)!important;width:var(--icon-size)!important}.main-content-container .grid-rows .grid-row .grid-col .line-letter{font-size:smaller}.main-content-container .grid-rows .grid-row .grid-col.time{font-family:var(--monitor-font);text-align:end}.main-content-container .grid-rows .grid-row.is-cancelled .code,.main-content-container .grid-rows .grid-row.is-cancelled .time{-webkit-text-decoration-color:var(--alert-color);text-decoration-color:var(--alert-color);-webkit-text-decoration-line:line-through;text-decoration-line:line-through;text-decoration-thickness:.4vh}.main-content-container .grid-rows .grid-row.two-rows .destination>.via-destination{align-items:center;display:flex;justify-content:flex-start;white-space:nowrap}.main-content-container .grid-rows .grid-row .destination{-webkit-mask-image:linear-gradient(270deg,#0000,#0003 5px,#000 25px,#000);mask-image:linear-gradient(270deg,#0000,#0003 5px,#000 25px,#000);overflow:hidden;white-space:nowrap}.main-content-container .grid-rows .grid-row .destination svg{align-self:center;max-height:.9em!important;max-width:.9em!important;min-height:.9em!important;min-width:.9em!important}.main-content-container .grid-rows .grid-row .destination .destination-row{align-items:center;display:flex;justify-content:flex-start}.main-content-container .grid-rows .grid-row .destination .destination-row .metro-icon{display:flex;margin:0 3px;position:relative}.main-content-container .grid-rows .grid-row .destination .via-destination{display:flex;font-size:smaller;white-space:pre}.main-content-container .grid-rows .grid-row .destination .via-destination .metro-icon-small{display:flex;margin:0 3px;position:relative}.portrait .grid-row.alert{font-size:calc((var(--height) - 30vh)/14)!important}.grid.portrait .grid-row.alert.static{font-size:calc((var(--height) - 30vh)/24)!important}.grid.portrait .grid-row.alert.vertical{font-size:calc((var(--height) - 30vh)/20)!important}.grid-row.alert{background:var(--monitor-background-color);color:#fff;display:block!important;flex:1 1;font-size:calc((var(--height) - 30vh)/9)!important;overflow:hidden;width:calc(100% + 30px);z-index:1000}.grid-row.alert.static{font-size:calc((var(--height) - 30vh)/12)!important}.grid-row.alert.static .grid-cols.alert-row{align-items:center;display:flex;width:unset}.grid-row.alert.vertical{font-size:calc((var(--height) - 30vh)/12)!important}.grid-row.alert.vertical .alert-text{align-items:flex-start;flex-direction:column;height:1px;white-space:unset}.grid-row.alert.vertical .alert-text .alert-separator{background-color:#fff;display:flex;margin-top:10px;min-height:2px;width:100%}.grid-row.alert.vertical .alert-text .single-alert{padding-left:0;padding-top:10px}.grid-row.alert.vertical .alert-text .single-alert:first-child{padding-top:16.6666666667%}.grid-row.alert.vertical .animated{animation:alert-animation-vertical var(--speed) linear infinite}.grid-row.alert .alert-text{white-space:nowrap}.grid-row.alert .single-alert{padding-left:66%}.grid-row.alert .single-alert:first-child{padding-left:110%}.grid-row.alert.horizontal .animated{animation:alert-animation var(--speed) linear infinite}@keyframes alert-animation-vertical{0%{transform:translateY(0)}to{transform:translateY(var(--animationWidth))}}@keyframes alert-animation{0%{transform:translateX(0)}to{transform:translateX(var(--animationWidth))}}.grid-cols{display:flex;justify-content:center}.grid-cols.alert-row{display:block;height:100%;padding:0 15px;width:100%}.grid-cols.alert-row .alert-text{align-items:center;display:flex;height:100%}.grid-row.day{display:flex!important}.grid-row.day .day-row{align-items:center;background:#fff;color:var(--monitor-background-color);display:flex;height:100%;justify-content:center;width:100%}.tilde{font-size:smaller}.grid-row{grid-template-columns:21vh 1fr 25vh}.grid-row.without-route-column{grid-template-columns:auto 25vh}.rows4 .grid-row{font-size:calc((var(--height) - 30vh)/11.5);grid-template-columns:31vh 1fr 36vh}.rows4 .grid-row .len1,.rows4 .grid-row .len2,.rows4 .grid-row.alert{font-size:calc((var(--height) - 30vh)/8)}.rows4 .grid-row.with-stop-code{grid-template-columns:31vh 1fr 20vh 36vh}.rows4 .grid-row.with-stop-code.without-route-column{grid-template-columns:auto 20vh 36vh}.rows8 .grid-row{font-size:calc((var(--height) - 30vh)/13);grid-template-columns:28vh 1fr 25vh}.rows8 .grid-row.without-route-column{grid-template-columns:auto 25vh}.rows8 .grid-row.with-stop-code{grid-template-columns:28vh 1fr 20vh 25vh}.rows8 .grid-row.with-stop-code.without-route-column{grid-template-columns:auto 20vh 25vh}.rows12 .grid-row{font-size:calc((var(--height) - 30vh)/17);grid-template-columns:22vh 1fr 20vh}.rows12 .grid-row.without-route-column{grid-template-columns:auto 20vh}.rows12 .grid-row.with-stop-code{grid-template-columns:22vh 1fr 15vh 20vh}.rows12 .grid-row.with-stop-code.without-route-column{grid-template-columns:auto 15vh 20vh}.rows4.two-cols .grid-row{grid-template-columns:31vh 1fr 19vh}.rows4.two-cols .grid-row.without-route-column{grid-template-columns:auto 19vh}.rows4.two-cols .grid-row.with-stop-code{grid-template-columns:31vh 1fr 17vh 19vh}.rows4.two-cols .grid-row.with-stop-code.without-route-column{grid-template-columns:auto 17vh 19vh}.rows8.two-cols .grid-row{grid-template-columns:28vh 1fr 18vh}.rows8.two-cols .grid-row.with-stop-code{grid-template-columns:28vh 1fr 17vh 18vh}.rows8.two-cols .grid-row.with-stop-code.without-route-column{grid-template-columns:auto 17vh 18vh}.rows12.two-cols .grid-row{grid-template-columns:17vh 1fr 18vh}.rows12.two-cols .grid-row.with-stop-code{grid-template-columns:17vh 1fr 13vh 18vh}.rows12.two-cols .grid-row.with-stop-code.without-route-column{grid-template-columns:auto 13vh 18vh}.rows4.portrait .grid-row{font-size:var(--font-size);grid-template-columns:var(--routecode-col-width) 1fr 22vh}.rows4.portrait .grid-row.without-route-column{grid-template-columns:auto 22vh}.rows4.portrait .grid-row .len1,.rows4.portrait .grid-row .len2{font-size:calc((var(--height) - 30vh)/12)}.rows6.portrait .grid-row{font-size:var(--font-size);grid-template-columns:var(--routecode-col-width) 1fr 15vh}.rows6.portrait .grid-row.without-route-column{grid-template-columns:auto 15vh}.rows8.portrait .grid-row.with-stop-code{grid-template-columns:var(--routecode-col-width) 1fr 12vh 17vh}.rows8.portrait .grid-row.with-stop-code.without-route-column{grid-template-columns:auto 12vh 17vh}.rows8.portrait .grid-row.with-stop-code .grid-col{align-self:flex-start}.rows8.portrait .grid-row{font-size:var(--font-size);grid-template-columns:var(--routecode-col-width) 1fr 17vh}.rows8.portrait .grid-row.without-route-column{grid-template-columns:auto 17vh}.rows8.portrait .grid-row .len1,.rows8.portrait .grid-row .len2{font-size:calc((var(--height) - 30vh)/12)}.rows12.portrait .grid-row{font-size:var(--font-size);grid-template-columns:var(--routecode-col-width) 1fr 17vh}.rows12.portrait .grid-row.without-route-column{grid-template-columns:auto 17vh}.rows12.portrait .grid-row.with-stop-code{grid-template-columns:var(--routecode-col-width) 1fr 11vh 17vh}.rows12.portrait .grid-row.with-stop-code.without-route-column{grid-template-columns:auto 11vh 17vh}.rows16.portrait .grid-row{font-size:var(--font-size);grid-template-columns:var(--routecode-col-width) 1fr 15vh}.rows16.portrait .grid-row.without-route-column{grid-template-columns:auto 15vh}.rows16.portrait .grid-row.with-stop-code{grid-template-columns:var(--routecode-col-width) 1fr 10vh 15vh}.rows16.portrait .grid-row.with-stop-code.without-route-column{grid-template-columns:auto 10vh 15vh}.rows24.portrait .grid-row{font-size:var(--font-size);grid-template-columns:var(--routecode-col-width) 1fr 14vh}.rows24.portrait .grid-row.without-route-column{grid-template-columns:auto 14vh}.rows24.portrait .grid-row.with-stop-code{grid-template-columns:var(--routecode-col-width) 1fr 8vh 14vh}.rows24.portrait .grid-row.with-stop-code.without-route-column{grid-template-columns:auto 8vh 14vh}.rows4.portrait.tightened .grid-row.with-stop-code{grid-template-columns:var(--routecode-col-width) 1fr 13vh 15vh}.rows4.portrait.tightened .grid-row.with-stop-code.without-route-column{grid-template-columns:auto 13vh 15vh}.rows6.portrait.tightened .grid-row.with-stop-code{grid-template-columns:var(--routecode-col-width) 1fr 13vh 15vh}.rows6.portrait.tightened .grid-row.with-stop-code.without-route-column{grid-template-columns:auto 13vh 15vh}.rows12.portrait.tightened .grid-row{font-size:var(--tightened-font-size);grid-template-columns:var(--routecode-col-width) 1fr 15vh}.rows12.portrait.tightened .grid-row.with-stop-code{grid-template-columns:var(--routecode-col-width) 1fr 13vh 15vh}.preview .rows4 .grid-row{font-size:30px;grid-template-columns:120px 1fr 100px}.preview .rows4 .grid-row .len1,.preview .rows4 .grid-row .len2{font-size:46px}.preview .rows4 .grid-row.alert{font-size:30px!important}.preview .rows4 .grid-row.without-route-column{grid-template-columns:auto 100px}.preview .rows4 .grid-row.with-stop-code{grid-template-columns:120px 1fr 70px 100px}.preview .rows4 .grid-row.with-stop-code.without-route-column{grid-template-columns:auto 70px 100px}.preview .rows6.portrait .grid-row.with-stop-code{grid-template-columns:75px 1fr 70px 95px}.preview .rows6.portrait .grid-row.with-stop-code.without-route-column{grid-template-columns:auto 70px 95px}.preview .rows8 .grid-row{font-size:20px;grid-template-columns:100px 1fr 70px}.preview .rows8 .grid-row.without-route-column{grid-template-columns:auto 70px}.preview .rows8 .grid-row.with-stop-code{grid-template-columns:100px 1fr 70px 70px}.preview .rows8 .grid-row.with-stop-code.without-route-column{grid-template-columns:auto 70px 70px}.preview .rows12 .grid-row{font-size:17px;grid-template-columns:70px 1fr 60px}.preview .rows12 .grid-row.without-route-column{grid-template-columns:auto 60px}.preview .rows12 .grid-row.with-stop-code{grid-template-columns:70px 1fr 60px 60px}.preview .rows12 .grid-row.with-stop-code.without-route-column{grid-template-columns:auto 60px 60px}.preview .rows4.two-cols .grid-row{font-size:22px;grid-template-columns:65px 1fr 60px}.preview .rows4.two-cols .grid-row.without-route-column{grid-template-columns:auto 80px}.preview .rows4.two-cols .grid-row.with-stop-code{font-size:22px;grid-template-columns:65px 1fr 60px 60px}.preview .rows4.two-cols .grid-row.with-stop-code.without-route-column{grid-template-columns:auto 70px 80px}.preview .rows8.two-cols .grid-row{grid-template-columns:80px 1fr 60px}.preview .rows8.two-cols .grid-row.without-route-column{grid-template-columns:auto 80px}.preview .rows8.two-cols .grid-row.with-stop-code{grid-template-columns:80px 1fr 60px 60px}.preview .rows8.two-cols .grid-row.with-stop-code.without-route-column{grid-template-columns:auto 60px 80px}.preview .rows8.portrait .grid-row{font-size:var(--font-size);grid-template-columns:var(--routecode-col-width) 1fr 80px}.preview .rows8.portrait .grid-row.without-route-column{grid-template-columns:auto 80px}.preview .rows8.portrait .grid-row .len1,.preview .rows8.portrait .grid-row .len2{font-size:30px}.preview .rows8.portrait .grid-row.with-stop-code{grid-template-columns:var(--routecode-col-width) 1fr 80px 80px}.preview .rows8.portrait .grid-row.with-stop-code.without-route-column{grid-template-columns:auto 80px 80px}.preview .rows8.portrait .grid-row.with-stop-code .grid-col{align-self:center}.preview .rows12.portrait .grid-row.with-stop-code{grid-template-columns:var(--routecode-col-width) 1fr 70px 95px}.preview .rows12.portrait .grid-row.with-stop-code.without-route-column{grid-template-columns:auto 70px 95px}.preview .rows12.portrait .grid-row{font-size:var(--font-size);grid-template-columns:var(--routecode-col-width) 1fr 95px}.preview .rows12.portrait .grid-row.without-route-column{grid-template-columns:auto 95px}.preview .rows12.portrait .grid-row .len1,.preview .rows12.portrait .grid-row .len2{font-size:35px}.preview .rows16.portrait .grid-row{font-size:var(--font-size);grid-template-columns:var(--routecode-col-width) 1fr 80px}.preview .rows16.portrait .grid-row.without-route-column{grid-template-columns:auto 80px}.preview .rows16.portrait .grid-row.with-stop-code{grid-template-columns:var(--routecode-col-width) 1fr 80px 80px}.preview .rows16.portrait .grid-row.with-stop-code.without-route-column{grid-template-columns:auto 80px 80px}.preview .rows24.portrait .grid-row.with-stop-code{grid-template-columns:var(--routecode-col-width) 1fr 60px 80px}.preview .rows24.portrait .grid-row.with-stop-code.without-route-column{grid-template-columns:auto 60px 80px}.preview .rows24.portrait .grid-row{font-size:var(--font-size);grid-template-columns:var(--routecode-col-width) 1fr 80px}.preview .rows24.portrait .grid-row.without-route-column{grid-template-columns:auto 80px}.preview .rows4.tightened.portrait .grid-row{font-size:var(--font-size);grid-template-columns:var(--routecode-col-width) 1fr 70px}.preview .rows4.tightened.portrait .grid-row.without-route-column{grid-template-columns:auto 95px}.preview .rows4.tightened.portrait .grid-row .len1,.preview .rows4.tightened.portrait .grid-row .len2{font-size:44px}.preview .rows4.portrait.tightened .grid-row.with-stop-code{grid-template-columns:var(--routecode-col-width) 1fr 70px 95px}.preview .rows4.portrait.tightened .grid-row.with-stop-code.without-route-column{grid-template-columns:auto 70px 95px}.preview .rows6.tightened.portrait .grid-row{font-size:var(--font-size);grid-template-columns:var(--routecode-col-width) 1fr 95px}.preview .rows6.tightened.portrait .grid-row.without-route-column{grid-template-columns:auto 95px}.preview .rows6.tightened.portrait .grid-row .len1,.preview .rows6.tightened.portrait .grid-row .len2{font-size:30px}.preview .rows6.portrait.tightened .grid-row.with-stop-code{grid-template-columns:var(--routecode-col-width) 1fr 70px 95px}.preview .rows6.portrait.tightened .grid-row.with-stop-code.without-route-column{grid-template-columns:auto 70px 95px}.preview .rows12.portrait.tightened .grid-row{font-size:var(--font-size);grid-template-columns:var(--routecode-col-width) 1fr 60px}.preview .rows12.portrait.tightened .grid-row .len1,.preview .rows12.portrait.tightened .grid-row .len2{font-size:16px}.preview .rows12.portrait.tightened .grid-row.with-stop-code{grid-template-columns:var(--routecode-col-width) 1fr 70px 95px}.preview .rows12.portrait.tightened .grid-row.with-stop-code.without-route-column{grid-template-columns:auto 70px 95px}.preview .ReactModal__Content{animation:none;background:#000!important;border:none!important;border-radius:5px!important;box-shadow:0 4px 20px #00000040!important;height:470px!important;left:50%!important;margin-bottom:-50%;margin-right:-50%;overflow:hidden!important;padding:0!important;position:absolute;top:50%!important;transform:translate(-50%,-50%);width:700px!important}.preview .ReactModal__Content #preview-monitor{left:30px;position:absolute;top:75px}.preview .ReactModal__Content #preview-monitor-portrait{left:0;position:absolute;top:75px}.preview .ReactModal__Content .title-and-close{height:75px;left:30px;position:relative;top:29px;width:640px}.preview .ReactModal__Content .title-and-close .title{color:#fff;font-family:var(--font-family);font-size:24px;letter-spacing:-.02em;line-height:29px;position:relative;width:540px}.preview .ReactModal__Content .title-and-close .close{background:#0000;border:none;left:615px;position:relative;top:-28.5px}.preview .ReactModal__Content .carouselContainer{height:370px;left:30px;overflow:hidden;width:640px}.preview .ReactModal__Content .carouselContainer.portrait{height:640px;left:30px;width:370px}.preview.portrait .ReactModal__Content{animation:none;background:#000!important;border:none!important;border-radius:5px!important;box-shadow:0 4px 20px #00000040!important;height:700px!important;left:50%!important;margin-bottom:-50%;margin-right:-50%;overflow:hidden!important;padding:0!important;position:absolute;top:50%!important;transform:translate(-50%,-50%);width:470px!important}.preview.portrait .ReactModal__Content .title-and-close{height:75px;left:30px;position:relative;top:29px;width:405px}.preview.portrait .ReactModal__Content .title-and-close .title{color:#fff;font-family:var(--font-family);font-size:24px;letter-spacing:-.02em;line-height:29px;position:relative;width:305px}.preview.portrait .ReactModal__Content .title-and-close .close{left:380px;position:relative;top:-28.5px}.preview.portrait .ReactModal__Content .carouselContainer{height:590px;left:30px;overflow:hidden;position:relative;top:0;width:405px}.stopcards{margin-block:0 0}.stop-card-list-container{display:flex;flex-direction:column;margin-left:60px;min-height:400px;width:780px}.buttons{display:flex;justify-content:center;padding:20px 15px 40px 10px}.buttons .wide{flex:1 1}.buttons-with-alert{display:flex;justify-content:center;padding:20px 15px 10px 10px}.buttons-with-alert .wide{flex:1 1}.button{align-items:center;background:#fff;border:1px solid #888;border-radius:40px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;height:40px;justify-content:center;margin:0 5px;padding:0 28px}.button span{color:var(--primary-color);font-size:16px;letter-spacing:-.02em;line-height:19px;white-space:nowrap}.button.blue{background:var(--primary-color);margin-left:5px}.button.blue span{color:#fff}.button:disabled{background:#ccc;border:1px solid #ccc;color:#fff;cursor:unset}.button:disabled span{color:#fff}.cardlist-alert-text{color:var(--alert-color);font-size:12px;font-weight:700;margin:8px;text-align:left}.stopcard-row-container{background-color:#fff;border:1px solid #ddd;border-radius:5px;color:#333;display:flex;flex-direction:column;font-family:var(--font-family);height:auto;margin-bottom:10px;padding-bottom:20px;padding-left:30px;padding-right:30px;width:720px}.stopcard-row-container .title-with-icons{border-bottom:1px solid #ddd;display:flex;height:80px;width:720px}.stopcard-row-container .title-with-icons .title-list{display:flex;flex:1 1}.stopcard-row-container .title-with-icons .icons{display:flex;height:40px;margin-left:auto;position:relative;top:20px}.stopcard-row-container .title-with-icons .icons .delete{cursor:pointer;padding-top:8px;text-align:center;width:50px}.stopcard-row-container .title-with-icons .icons .delete.move-end{left:36px;position:relative;text-align:right}.stopcard-row-container .title-with-icons .icons .move{border-left:1px solid #ddd;cursor:pointer;position:relative;right:3px;text-align:center;width:50px}.stopcard-row-container .title-with-icons .icons .move.up-and-down .container{height:40px;width:50px}.stopcard-row-container .title-with-icons .icons .move.up-and-down .move-divider{display:flex;justify-content:center}.stopcard-row-container .title-with-icons .icons .move.up-and-down .move-divider div{border-top:1px solid #ddd;width:24px}.stopcard-row-container .title-with-icons .icons .move.up-and-down .move-down{margin-top:3px}.stopcard-row-container .header{color:#666;font-size:13px;font-style:normal;font-weight:var(--font-weight);letter-spacing:-.3px;line-height:24px;margin-top:16px;position:relative}.stopcard-row-container .headers{display:flex;font-size:15px;font-weight:var(--font-weight-bigger);letter-spacing:-.02em;line-height:18px;margin-top:22px}.stopcard-row-container .headers .stop{width:440px}.stopcard-row-container .headers .layout{width:130px}.stopcard-row-container .headers .duration{margin-left:20px;white-space:nowrap}.stopcard-row-container .search-stop-with-layout-and-time{display:flex;margin-top:5px}.stopcard-row-container .search-stop-with-layout-and-time .search-stop{margin-right:40px;position:relative;width:380px}.stopcard-row-container .search-stop-with-layout-and-time .search-stop div[class^=styles_autosuggest-input-icon] svg{fill:#888}.stopcard-row-container .search-stop-with-layout-and-time .search-stop .add-stop-alert{color:#dc0451;font-size:.813rem;position:absolute;right:0;top:-20px}.stopcard-row-container .search-stop-with-layout-and-time .search-stop input[class^=styles_input]{border:1px solid #888}.stopcard-row-container .double-inputs{display:flex}.stopcard-row-container .double-inputs .stop-list-title-input{max-width:300px;width:100%}.stopcard-row-container .double-inputs .stop-list-title-input .header{margin-left:2px;padding-bottom:16px}.stopcard-row-container .double-inputs .stop-list-title-input .monitor-input-container{display:flex;margin-right:10px;width:unset}.stopcard-row-container .double-inputs .stop-list-title-input .monitor-input-container .monitor-input{font-size:18px;width:100%}.stopcard-row-container .double-inputs .stop-list-title-input .monitor-input-container .monitor-input:read-only{border:none;outline:none}.stopcard-row-container .stop-list{list-style-type:none;position:relative}input{font-family:var(--font-family)}.stop-code{align-items:center;border:1px solid #ddd;border-radius:2px;color:#666;display:flex;font-size:11px;font-weight:var(--font-weight-bigger);letter-spacing:-.015em;line-height:13px;padding:1px 3px}.modal-stop-routes h2{color:#333;font-size:18px;font-style:normal;font-weight:var(--font-weight);line-height:22px;margin-bottom:21px}.modal-stop-routes .section-margin-large{margin:0 80px}.modal-stop-routes .section-margin-large label svg{margin-right:10px!important}.modal-stop-routes .ReactModal__Content{animation:none;border:none!important;border-radius:5px!important;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;left:50%!important;margin-bottom:-50%;margin-right:-50%;max-height:93%!important;overflow:hidden!important;padding:0!important;top:50%!important;transform:translate(-50%,-50%);width:720px!important}.modal-stop-routes #close{position:absolute;right:30px;top:30px}.modal-stop-routes #close .close-button{background:#0000;border:none;cursor:pointer}.modal-stop-routes .section-margin-small{margin:0 60px}.modal-stop-routes .title-container{margin:64px 0 22px}.modal-stop-routes .title-container .title{font-size:22px;padding-bottom:20px}.modal-stop-routes .title-container .stop{font-size:20px;padding-right:8px}.modal-stop-routes .modal{font-family:var(--font-family);margin:0;overflow-y:auto;padding-top:0;width:720px}.modal-stop-routes .modal .route-rows{display:flex;flex-direction:column;max-height:325px;overflow:hidden auto}.modal-stop-routes .modal .route-rows .row{align-items:center;display:flex;margin:10px 0;min-height:30px}.modal-stop-routes .modal .route-rows .row .check-box svg{flex:none}.modal-stop-routes .modal .route-rows .row .option-checkbox-container{width:32px}.modal-stop-routes .modal .route-rows .row .all{margin-bottom:5px;margin-left:8px}.modal-stop-routes .modal .route-rows .row .empty-space,.modal-stop-routes .modal .route-rows .row .routeInfo{min-width:35%}.modal-stop-routes .modal .route-rows .row .vehicle{display:flex;padding-left:10px;padding-right:10px}.modal-stop-routes .modal .route-rows .row .route-number{text-wrap:nowrap;color:#333;display:inline-block;font-size:18px;font-style:normal;font-weight:var(--font-weight-bigger);line-height:22px}.modal-stop-routes .modal .route-rows .row .destination{display:flex;justify-content:flex-start}.modal-stop-routes .modal .route-rows .row .renamedDestinations{display:flex;width:100%}.modal-stop-routes .modal .route-rows .row .renamedDestinations .en,.modal-stop-routes .modal .route-rows .row .renamedDestinations .fi,.modal-stop-routes .modal .route-rows .row .renamedDestinations .sv{margin-right:13px;width:100%}.modal-stop-routes .modal .route-rows .row .renamedDestinations .en.readonly,.modal-stop-routes .modal .route-rows .row .renamedDestinations .fi.readonly,.modal-stop-routes .modal .route-rows .row .renamedDestinations .sv.readonly{border:0;font-size:16px;width:100%}.modal-stop-routes .modal .route-rows .row .renamedDestinations .en.readonly::placeholder,.modal-stop-routes .modal .route-rows .row .renamedDestinations .en::placeholder,.modal-stop-routes .modal .route-rows .row .renamedDestinations .fi.readonly::placeholder,.modal-stop-routes .modal .route-rows .row .renamedDestinations .fi::placeholder,.modal-stop-routes .modal .route-rows .row .renamedDestinations .sv.readonly::placeholder,.modal-stop-routes .modal .route-rows .row .renamedDestinations .sv::placeholder{color:gray}.modal-stop-routes .modal .route-rows .row.small{margin:0 0 10px;min-height:0;position:-webkit-sticky;position:sticky}.modal-stop-routes .modal .route-rows .row.small .lang{display:flex;font-size:13px;font-style:normal;font-weight:var(--font-weight);letter-spacing:-.02em;line-height:15px}.modal-stop-routes .modal .route-rows .row.small .lang.en,.modal-stop-routes .modal .route-rows .row.small .lang.fi,.modal-stop-routes .modal .route-rows .row.small .lang.sv{width:100%}.modal-stop-routes .modal .button-container{background:#fff;display:flex;justify-content:center;margin:30px 0;width:100%}.modal-stop-routes .modal .button-container .btn{background:var(--primary-color);border:none;height:40px;width:240px}.modal-stop-routes .modal .divider{border:1px solid #ddd;margin-top:25px}.modal-stop-routes .modal .divider-routes{border:1px solid #ddd}.modal-stop-routes .modal .timeshift p{font-size:15px;font-style:normal;font-weight:var(--font-weight);letter-spacing:-.02em;line-height:18px}.modal-stop-routes .modal .timeshift .show-departures-over{align-items:center;color:#333;display:flex;font-size:15px;font-style:normal;font-weight:var(--font-weight-bigger);line-height:18px}.modal-stop-routes .modal .timeshift .dd-select{width:100px}.modal-stop-routes .modal .title-and-no-renaming{display:flex}.modal-stop-routes .modal .title-and-no-renaming .no-renaming{text-align:end;width:50%}.modal-stop-routes .modal .title-and-no-renaming .no-renaming h2{color:var(--primary-color);cursor:pointer;font-size:15px;line-height:18px;position:relative;top:5px}.modal-stop-routes .modal .title-and-no-renaming .title{width:50%}.modal-stop-routes .show-settings{display:flex;flex-direction:column}.modal-stop-routes .show-settings .setting{display:flex;height:30px;margin:5px 0}.modal-stop-routes .show-settings .setting label{bottom:5px}.modal-stop-routes .show-settings .setting .option-checkbox-container{padding-top:10px}.modal-stop-routes .show-settings .setting .setting-text{margin-left:20px}.stop-row-container{background-color:#fff;border:1px solid #ddd;border-radius:5px;color:#333;display:flex;font-family:var(--font-family);height:40px;margin:10px 0;padding:10px 0}.stop-row-container.placeholder{border:none;color:#666;font-size:13px;left:-10px;letter-spacing:-.3px;line-height:24px;margin:8px 0 0;padding:0;position:relative}.stop-row-container .icon{text-align:center}.stop-row-container .stop-row-stop{padding-top:4px;text-align:center;width:60px}.stop-row-container .stop-bottom-row{color:#666;display:flex;font-size:13px;letter-spacing:-.03em;line-height:16px}.stop-row-container .stop-bottom-row .address{padding-right:5px}.stop-row-container .stop-bottom-row .hidden-choices{flex:1 1;text-align:right}.stop-row-container .stop-bottom-row .hidden-choices svg{position:absolute;right:67px;top:30px}.stop-row-container .stop-row-main{flex:1 1;padding-right:15px;padding-top:2px}.stop-row-container .stop-row-main .stop-upper-row{display:flex;font-size:13px;font-weight:var(--font-weight-bigger);letter-spacing:-.03em;line-height:16px;margin-bottom:2px}.stop-row-container .stop-row-settings{display:flex;font-weight:var(--font-weight-bigger)}.stop-row-container .stop-row-settings .changed-settings{align-items:center;color:#666;display:flex;font-size:13px}.stop-row-container .stop-row-settings .settings{align-self:center;cursor:pointer;display:flex;margin:0 15px}.stop-row-container .stop-row-delete{border-left:1px solid #ddd;cursor:pointer;padding-top:8px;width:50px}.stop-row-container .stop-row-move{border-left:1px solid #ddd;cursor:pointer;list-style-type:none;width:40px}.stop-row-container .placeholder-no-stops{align-items:center;color:#888;display:flex;justify-content:center;padding-left:10px}.stop-title{background:#fff;color:#666;height:80px;max-width:300px;width:100%}.stop-title-input-container{margin-right:10px}.stop-title-input-container .monitor-input.double{font-size:21px}.stop-title-input-container .monitor-input-container{display:flex;width:unset}.stop-title-input-container .monitor-input-container .monitor-input{border:none;flex:1 1;font-size:21px;font-style:normal;font-weight:var(--font-weight);height:24px;letter-spacing:-.3px;line-height:24px;text-align:left;width:100%}.stop-title-input-container:focus{outline:auto var(--primary-color)}.description{font-size:13px;font-style:normal;font-weight:var(--font-weight);letter-spacing:-.3px;line-height:24px;margin:17px 0 0 3px;text-align:left;white-space:nowrap}.title-bar{display:grid;font-family:var(--font-family);font-weight:var(--monitor-font-weight);grid-template-columns:14vw auto 7.3vw 14vw;height:15vh;margin:0 2%}.title-bar.multiDisplay{grid-template-columns:14vw 1fr 14vw}.title-bar .weather-container{align-self:center;display:grid;grid-template-rows:57% 43%}.title-bar .weather-container .temperature-container{align-items:center;display:flex;font-size:min(3.7vh,3vw);justify-content:center}.title-bar .weather-container .icon-container{display:flex;justify-content:center}.title-bar .weather-container .icon-container svg{height:min(5vw,7vh)!important;width:min(5vw,7vh)!important}.title-bar.portrait{grid-template-columns:24vw auto 24vw;height:8.3vh!important}.title-bar.portrait .title-text{font-size:min(5vw,4vh)}.title-bar.portrait .title-time{font-size:min(6vw,5vh)}.title-bar.portrait .title-logo #logo{width:min(100%,18vh)}.title-bar.portrait .title-logo .vaasa{width:min(100%,12vh)}.title-bar.portrait .title-logo .linkki{width:min(100%,7vh)}.title-bar.portrait .title-logo .oulu{width:min(100%,12vh)}.title-bar.preview{display:grid;grid-template-columns:89.6px auto 46.72px 89.6px;height:55px}.title-bar.preview.multiDisplay{grid-template-columns:89.6px auto 89.6px}.title-bar.preview .weather-container-no-icon{align-items:center;display:flex;justify-content:center}.title-bar.preview .weather-container{display:grid;grid-template-rows:58% 42%}.title-bar.preview .weather-container .temperature-container{align-items:center;display:flex;font-size:1rem;justify-content:center}.title-bar.preview .weather-container .icon-container{display:flex;justify-content:center}.title-bar.preview .weather-container .icon-container svg{height:35px!important;width:35px!important}.title-bar.preview.portrait{display:grid;grid-template-columns:56.7px auto 56.7px;height:55.932px!important;padding:0 5px}.title-bar.preview .linkki{width:50px!important}.title-bar.preview .oulu{width:100px!important}.title-bar .title-logo{align-items:center;display:flex;justify-content:flex-start}.title-bar .title-logo.portrait.hsl svg{height:min(7.5vh,10vw)!important;width:calc(min(7.5vh,10vw)*2)!important}.title-bar .title-logo #logo{width:min(100%,20vh)}.title-bar .title-logo.hsl svg{height:min(9.48vh,7vw)!important;width:calc(min(9.48vh,7vw)*2)!important}.title-bar .title-logo .linkki{width:min(100%,10vh)}.title-bar .title-logo .oulu{width:min(100%,20vh)}.title-bar .title-logo .vaasa{padding-left:.4vw;width:min(100%,20vh)}.title-bar .title-logo .matka{width:100%}.title-bar .title-logo.preview{min-width:89.6px!important;padding:5.475px 0!important}.title-bar .title-logo.preview.hsl svg{height:min(.09 * 365px,.09 * 640px)!important;width:calc(min(.09 * 365px,.09 * 640px)*2)!important}.title-bar .title-logo.preview #logo{width:89.6px!important}.title-text{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;font-size:min(8vh,5vw);font-weight:var(--font-weight-bigger);justify-content:center;-webkit-mask-image:linear-gradient(270deg,#0000,#0003 5px,#000 25px,#000);mask-image:linear-gradient(270deg,#0000,#0003 5px,#000 25px,#000);overflow:hidden;white-space:nowrap}.title-text.preview{font-size:2rem!important;padding:5.475px 0!important}.title-text.preview.portrait{font-size:1.5rem!important}.multi-display-titles{color:#fff;display:flex;font-weight:var(--monitor-font-weight);width:100%}.multi-display-titles div{flex:1 1;margin:0 .1em}.left-title{align-items:center;display:flex;font-size:4vw;justify-content:center;-webkit-mask-image:linear-gradient(270deg,#0000,#0003 5px,#000 25px,#000);mask-image:linear-gradient(270deg,#0000,#0003 5px,#000 25px,#000);overflow:hidden;white-space:nowrap}.left-title.preview{font-size:20px}.right-title{align-items:center;display:flex;font-size:4vw;justify-content:center;-webkit-mask-image:linear-gradient(270deg,#0000,#0003 5px,#000 25px,#000);mask-image:linear-gradient(270deg,#0000,#0003 5px,#000 25px,#000);overflow:hidden;white-space:nowrap}.right-title.preview{font-size:20px}.title-text-stop{display:flex}.title-time-container{align-items:center;display:flex;font-size:0;justify-content:flex-end}.title-time{align-items:center;background-color:#fff;border-radius:.2em;color:var(--monitor-background-color);display:flex;flex:0 1;flex-direction:row;font-size:min(4.5vw,6.5vh);justify-content:center;padding:0 1.25vw!important}.title-time,.title-time.preview{font-weight:var(--monitor-font-weight)}.title-time.preview{font-size:1.7rem!important;max-height:100%;max-width:100%;padding:0 8px!important}.title-time.preview.portrait{font-size:1.4rem!important;padding:0 5.0625px!important}.title-time time span{animation:time-animation 2s steps(1) infinite}@keyframes time-animation{0%{opacity:0}50%{opacity:1}}.alert-modal{border:1px solid #ddd;color:var(--primary-color);height:50px;left:50%;padding:0 20px;position:fixed;top:20%;transform:translate(-50%,-50%)}.alert-modal,.card{background-color:#fff;border-radius:5px}.card{margin-bottom:10px;padding:0 30px;width:720px}.card .buttons-container{align-items:center;border-top:1px solid #ddd;display:flex;height:80px;justify-content:flex-end}.card .buttons-container .main-buttons-container{display:flex;flex:1 1}.card .buttons-container .monitor-button{font-size:16px;height:40px;margin-bottom:0}.main-container>*{align-items:center;display:flex;height:40px}.main-container{align-items:center;border-bottom:1px solid #ddd;display:flex;height:80px}.main-container .monitor-name{flex:1 1}.main-container .layout-img{margin:0 15px 0 0}.main-container .delete-button-container{border-left:1px solid #ddd;margin-left:9px;padding-left:8px}.main-container .delete-button-container .delete-icon{cursor:pointer;justify-content:center;text-align:center;width:40px}.main-container .monitor-button{border-radius:40px;font-size:16px;margin-bottom:0}.cards .card-item:not(:last-of-type){border-bottom:1px solid #ddd}.cards .card-item .card-container{display:flex;padding:19px 0 16px}.cards .card-item .card-container svg{height:36px!important;padding-right:23px;width:64px!important}.cards .card-item .card-container .data ul{margin-block:0}.cards .card-item .card-container .data .card-title{color:#333;font-size:15px;font-style:normal;font-weight:var(--font-weight-bigger);letter-spacing:-.03em;line-height:24px;position:relative;top:-5px}.cards .card-item .card-container .data .card-title:not(:first-child){margin-top:15px}.cards .card-item .card-container .data .stop-list{color:#333;font-size:15px;font-style:normal;font-weight:var(--font-weight);letter-spacing:-.03em;line-height:18px}.cards .card-item .card-container .data .stop-list li{align-items:center;display:flex}.cards .card-item .card-container .data .stop-list li svg{height:16px!important;padding:0 10px 0 3px;width:16px!important}.monitor-modal-content .message{font-size:18px;font-weight:500;margin-bottom:45px}.monitor-modal-content .monitor-modal-buttons{display:flex;flex-direction:column;justify-content:center}.monitor-modal-content .monitor-modal-buttons .monitor-button{justify-content:center;width:100%}.monitor-modal-content .monitor-modal-buttons .monitor-button:disabled{background:var(--primary-color);border:none}.user-monitors-container{padding:40px 60px 30px;width:780px}.user-monitors-container .create-button-container{display:flex;justify-content:flex-end;margin:20px 10px}.user-monitors-container .create-button-container .monitor-button{font-size:16px;height:40px}.user-view-title{align-items:center;background:#f2f5f7;border-bottom:1px solid #ddd;color:#666;display:flex;flex-direction:row;height:80px;margin-bottom:18px}.user-view-title .user-view-title-input-container{display:flex;flex:1 1}.user-view-title .user-view-title-input-container .monitor-input-container{max-width:300px}.user-view-title .user-view-title-input-container .monitor-input-container button{background-color:#f2f5f7}.user-view-title .user-view-title-input-container .monitor-input{background:#f2f5f7;font-size:26px}.user-view-title .user-view-title-input-container .monitor-input:focus{outline:auto var(--primary-color)}.user-view-title .user-view-title-input-container .user-view-title-input-button{align-items:center;display:flex}.user-view-title .delete-icon{background-color:#f2f5f7;cursor:pointer;padding:0 10px}.not-found{align-items:center;background-color:var(--monitor-background-color);color:#fff;display:flex;flex:1 1;flex-flow:column;font-family:var(--font-family);font-size:60px;height:100%;justify-content:center;width:100%}.not-found a{text-decoration:none}.not-found .to-create-view{background:#fff;border:1px solid #888;border-radius:40px;box-sizing:border-box;color:var(--monitor-background-color);flex-direction:row;font-size:40px;height:120px;margin-top:80px;padding:0 28px;width:600px}.not-found .to-create-view,.query-error{align-items:center;display:flex;justify-content:center}.query-error{background-color:var(--monitor-background-color);color:#fff;flex:1 1;flex-flow:column;font-family:var(--font-family);font-size:56px;height:100%;text-align:center;white-space:pre-line;width:100%}.query-error a{text-decoration:none}.query-error .to-create-view{align-items:center;background:#fff;border:1px solid #888;border-radius:40px;box-sizing:border-box;color:var(--monitor-background-color);display:flex;flex-direction:row;font-size:40px;height:120px;justify-content:center;margin-top:80px;padding:0 28px;width:600px}.monitormap{height:100%;width:100%}.monitormap.preview{position:relative}.monitormap.modal{position:absolute}.map-card{background-color:#fff;border:1px solid #ddd;border-radius:5px;color:#333;display:flex;flex-direction:column;font-family:var(--font-family);height:auto;margin-bottom:10px;padding:0 0 20px 30px;width:720px}.map-description{border-bottom:1px solid #ddd;display:flex;flex-direction:row;height:95px;margin-top:5px}.map-description .desc{font-size:15px;height:50px;margin-left:30px;width:350px}.map-description .modallink{color:var(--primary-color);cursor:pointer;font-size:15px;margin:61px 0 0 78px;position:absolute}.map-description .modallink.eng{margin:76px 0 0 78px}.map-description .layout-and-time-container{justify-content:center!important}.toggle{align-items:center;display:flex;flex-direction:row;margin-top:15px}.toggle label{margin-right:25px}.option-toggle-container{align-self:center}.option-toggle-container label{cursor:pointer;height:20px;left:0;position:absolute;top:3px;width:20px}.option-toggle-container label.checked{border:1px solid var(--primary-color)}.option-toggle-container label.checked:before{color:var(--font-family);font-family:var(--font-family);font-size:1.25em;font-weight:var(--font-weight);line-height:1;margin-left:.1em;margin-top:.2em;transform:rotateY(15deg)}.option-toggle-container>span{font-weight:var(--font-weight);margin-top:.75em;-webkit-user-select:none;user-select:none}.option-toggle-container .toggle{display:inline-block;height:31px;position:relative;width:51px}.option-toggle-container .toggle input{height:0;opacity:0;width:0}.option-toggle-container .slider{background-color:#ccc;cursor:pointer;inset:0;position:absolute;transition:.4s}.option-toggle-container .slider:before{background-color:#fff;bottom:0;content:"";height:26px;left:0;position:absolute;transition:.4s;width:26px}.option-toggle-container input:checked+.slider{background-color:var(--primary-color)}.option-toggle-container input:focus-visible+.slider{box-shadow:0 0 0 2px #000}.option-toggle-container input:checked+.slider:before{border:none;transform:translateX(20px)}.option-toggle-container .slider.round{background:#fff;border:1px solid #888;border-radius:34px}.option-toggle-container .slider.round.disabled{background:gray!important}.option-toggle-container .slider.round:before{background-color:#fff;border:.5px solid #888;border-radius:50%;height:29px;width:29px}.map-btn{bottom:5%;left:calc(50% - 108px)}.map-btn,.map-modal-header{position:absolute;z-index:1000}.map-modal-header{align-items:center;background-color:#fff;display:flex;height:56px;justify-content:center;width:100%}.map-modal-header #close{display:flex;justify-content:flex-end;position:absolute;right:20px}
/*# sourceMappingURL=main.6bf5e3b4.css.map*/