:root{--space-fixed-xxxl: 80px;--space-fixed-xxl: 64px;--space-fixed-xl: 48px;--space-fixed-l: 32px;--space-fixed-m: 24px;--space-fixed-s: 16px;--space-fixed-xs: 8px;--space-fixed-xxs: 4px}:root{--space-xxxl: var(--space-fixed-xxl);--space-xxl: var(--space-fixed-xl);--space-xl: var(--space-fixed-l);--space-l: var(--space-fixed-m);--space-m: var(--space-fixed-s);--space-s: var(--space-fixed-xs);--space-xs: var(--space-fixed-xxs);--space-xxs: var(--space-fixed-xxs)}@media(min-width: 768px){:root{--space-xxxl: var(--space-fixed-xxxl);--space-xxl: var(--space-fixed-xxl);--space-xl: var(--space-fixed-xl);--space-l: var(--space-fixed-l);--space-m: var(--space-fixed-m);--space-s: var(--space-fixed-s);--space-xs: var(--space-fixed-xs);--space-xxs: var(--space-fixed-xxs)}}:root{--color-accent-primary-900: #0063a2;--color-accent-primary-500: #0074bf;--color-accent-primary-100: #ebf6fd;--color-accent-secondary-900: #3b7f00;--color-accent-secondary-500: #4ea700;--color-accent-secondary-100: #64be1e;--color-accent-tertiary-900: #c53291;--color-accent-tertiary-500: #f092cd;--color-accent-tertiary-100: #f4deea;--color-transportation-bus-900: #0063a2;--color-transportation-bus-500: #0074bf;--color-transportation-bus-100: #ebf6fd;--color-transportation-tram-900: #008151;--color-transportation-tram-500: #00985f;--color-transportation-tram-100: #e5f5ef;--color-transportation-commuter-train-900: #773c82;--color-transportation-commuter-train-500: #8c4799;--color-transportation-commuter-train-100: #f3edf5;--color-transportation-metro-900: #ca4000;--color-transportation-metro-500: #ff6319;--color-transportation-metro-100: #ffefe8;--color-transportation-speedtram-900: #007e79;--color-transportation-speedtram-500: #00b2a9;--color-transportation-speedtram-100: #e5f7f6;--color-transportation-ferry-900: #007a97;--color-transportation-ferry-500: #00b9e4;--color-transportation-ferry-100: #bee4f8;--color-transportation-city-bike-900: #d6a015;--color-transportation-city-bike-500: #fcbc19;--color-transportation-city-bike-100: #fff8e8;--color-transportation-replacement-900: #bb0345;--color-transportation-replacement-500: #dc0451;--color-transportation-replacement-100: #fbe6ee;--color-transportation-external-900: #55647d;--color-transportation-external-500: #647693;--color-transportation-external-100: #eff1f4;--color-ui-error-900: #bb0345;--color-ui-error-500: #dc0451;--color-ui-error-300: #fad9e5;--color-ui-error-100: #fdf3f6;--color-ui-alert-900: #d8b200;--color-ui-alert-500: #fed100;--color-ui-alert-300: #f7e2d9;--color-ui-alert-100: #fff8e8;--color-ui-success-900: #326c00;--color-ui-success-500: #3b7f00;--color-ui-success-300: #e2ecd9;--color-ui-success-100: #f1f8eb;--color-ui-neutral-blue: #ebf6fd;--color-ui-neutral-blue-300: #d9eaf5;--color-ui-background: #f2f5f7;--color-ui-personalisation-900: #a72b7b;--color-ui-personalisation-500: #c53291;--color-ui-personalisation-300: #f6e0ef;--color-ui-personalisation-100: #f9eaf4;--color-ui-selected: #003456;--color-grayscale-black-100: #333333;--color-grayscale-black-75: #666666;--color-grayscale-black-60: #888888;--color-grayscale-black-25: #cccccc;--color-grayscale-black-15: #dddddd;--color-grayscale-white: #ffffff;--color-transparent-gray-90: rgba(51, 51, 51, 0.9);--color-transparent-gray-40: rgba(51, 51, 51, 0.4);--color-transparent-gray-20: rgba(51, 51, 51, 0.2);--color-transparent-blue-25: rgba(0, 52, 86, 0.25);--color-transparent-blue-10: rgba(0, 52, 86, 0.1);--color-transparent-blue-8: rgba(0, 52, 86, 0.08)}:root{--color-text-default: var(--color-grayscale-black-100);--color-text-weak: var(--color-grayscale-black-75);--color-text-weakest: var(--color-grayscale-black-60);--color-text-invert: var(--color-grayscale-white);--color-text-link: var(--color-accent-primary-500);--color-text-link-hover: var(--color-text-default);--color-text-error: var(--color-ui-error-500);--color-text-success: var(--color-ui-success-900);--color-text-warning: var(--color-transportation-metro-900);--color-text-accent-secondary: var(--color-ui-personalisation-900);--color-border-default: var(--color-grayscale-black-60);--color-border-neutral: var(--color-ui-neutral-blue-300);--color-border-success: var(--color-ui-success-300);--color-border-warning: var(--color-ui-alert-300);--color-border-weak: var(--color-grayscale-black-15);--color-border-active: var(--color-accent-primary-500);--color-border-focus: var(--color-grayscale-black-100);--color-border-error: var(--color-ui-error-500);--color-border-error-weak: var(--color-ui-error-300);--color-border-alert: var(--color-ui-alert-500);--color-border-accent-secondary: var(--color-ui-personalisation-300);--color-border-invert: var(--color-grayscale-white);--color-outline-default: var(--color-grayscale-black-100);--color-surface-accent: var(--color-accent-primary-500);--color-surface-background: var(--color-ui-background);--color-surface-neutral: var(--color-ui-neutral-blue);--color-surface-default: var(--color-grayscale-white);--color-surface-error: var(--color-ui-error-100);--color-surface-disabled: var(--color-ui-background);--color-surface-warning: var(--color-ui-alert-100);--color-surface-success: var(--color-ui-success-100);--color-surface-invert: var(--color-grayscale-black-100);--color-surface-success-dark: var(--color-ui-success-900);--color-surface-error-dark: var(--color-ui-error-500);--color-surface-backdrop: var(--color-transparent-gray-40);--color-surface-personalisation: var(--color-ui-personalisation-500);--color-surface-opacity-dark: var(--color-transparent-gray-90);--color-button-primary: var(--color-accent-primary-500);--color-button-secondary: var(--color-grayscale-white);--color-button-success: var(--color-ui-success-900);--color-button-disabled: var(--color-grayscale-black-25);--color-button-hover: var(--color-accent-primary-900);--color-button-selected: var(--color-ui-selected);--color-icon-accent: var(--color-accent-primary-500);--color-icon-accent-secondary: var(--color-ui-personalisation-900);--color-icon-alert: var(--color-ui-alert-500);--color-icon-default: var(--color-grayscale-black-100);--color-icon-weak: var(--color-grayscale-black-75);--color-icon-weakest: var(--color-grayscale-black-60);--color-icon-invert: var(--color-grayscale-white);--color-icon-error: var(--color-ui-error-500);--color-icon-success: var(--color-ui-success-900);--color-icon-metro: var(--color-transportation-metro-900);--color-icon-train: var(--color-transportation-commuter-train-500);--color-icon-tram: var(--color-transportation-tram-900);--color-icon-ferry: var(--color-transportation-ferry-900);--color-icon-speedtram: var(--color-transportation-speedtram-900);--color-icon-citybike: var(--color-transportation-city-bike-500);--color-icon-external-operator: var(--color-transportation-external-500);--color-shadow-weakest: var(--color-transparent-blue-8);--color-shadow-weaker: var(--color-transparent-blue-10);--color-shadow-weak: var(--color-transparent-blue-25);--color-shadow-strong: var(--color-transparent-gray-20);--color-shadow-active: var(--color-accent-primary-500)}:root{--color-brand-hsl-blue: #007ac9;--color-brand-hsl-tweaked-blue: #0074bf;--color-brand-hsl-pink: #f092cd;--color-brand-hsl-pink-10: #f4deea;--color-brand-hsl-tram: #00985f;--color-brand-hsl-metro: #ff6319;--color-brand-hsl-ferry: #00b9e4;--color-brand-hsl-ferry-10: #bee4f8;--color-brand-hsl-speedtram: #00b2a9;--color-brand-hsl-commuter-train: #8c4799;--color-brand-hsl-city-bike: #fcbc19;--color-brand-hsl-green: #4ea700;--color-grayscale-hsl-black-100: #333333;--color-grayscale-hsl-black-75: #666666;--color-grayscale-hsl-black-60: #888888;--color-grayscale-hsl-black-25: #cccccc;--color-grayscale-hsl-black-15: #ddd;--color-grayscale-hsl-white: #ffffff;--color-ui-hsl-error: #dc0451;--color-ui-hsl-error-5: #fdf3f6;--color-ui-hsl-alert: #fed100;--color-ui-hsl-success: #3b7f00;--color-ui-hsl-background: #f2f5f7;--color-ui-hsl-neutral-blue: #ebf6fd;--color-other-hsl-green-light: #64be1e;--color-other-hsl-pink-dark: #c53291;--color-other-hsl-ferry-dark: #007a97;--color-other-hsl-metro-dark: #ca4000;--color-other-hsl-tram-dark: #008151;--color-other-hsl-speedtram-dark: #007e79;--color-surface-white: var(--color-grayscale-hsl-white);--color-surface-black: var(--color-grayscale-hsl-black-100);--color-surface-primary: var(--color-ui-hsl-background);--color-icon-external-operator: #c5cad2}:root{--font-family: "Gotham Rounded A", "Gotham Rounded B", Arial, Georgia, serif;--font-family-narrow: "Gotham XNarrow SSm A", "Gotham XNarrow SSm B", Arial, Georgia, serif;--font-weight-normal: 400;--font-weight-medium: 500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--radius-xl: 24px;--radius-l: 16px;--radius-m: 8px;--radius-s: 4px;--radius-pill: 999px}:root{--box-shadow-card-s: 0px 2px 4px var(--color-shadow-weakest);--box-shadow-card-m: 0px 2px 8px var(--color-shadow-weakest);--box-shadow-card-l: 0px 2px 12px var(--color-shadow-weakest);--box-shadow-bottom-sheet: 0px -10px 10px var(--color-shadow-weaker);--box-shadow-popout: 0px 4px 4px var(--color-shadow-weak);--box-shadow-card-s-strong: 0px 2px 4px 0px var(--color-shadow-strong);--box-shadow-active: 0px 0px 3px 0px var(--color-shadow-active)}:root{--touchable-background-color-transition: background-color 0.2s ease;--touchable-border-color-transition: border-color 0.2s ease;--touchable-opacity-transition: opacity 0.2s ease;--touchable-opacity-when-active: 0.6}#root{font-family:var(--font-family);height:100%}ul,li{list-style-type:none}.ReactModal__Content{font-family:var(--font-family);padding:0 !important}.ReactModal__Overlay{z-index:10000;background-color:rgba(0,0,0,.4) !important}.animate-in{animation-duration:.5s;animation-name:animate-in;animation-delay:var(--delay-length);animation-fill-mode:backwards}@keyframes animate-in{0%{opacity:0}100%{opacity:1}}.sr-only:not(:focus,:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:3px solid var(--primary-color, #005fcc);outline-offset:2px}input[type=checkbox]:focus-visible{outline:none}.navigation-container{padding-bottom:70px}.crisis-banner{min-height:40px;padding:5px 15px;display:flex;justify-content:center;align-items:center;font-family:"Gotham Rounded A","Gotham Rounded B",Arial,Georgia,serif;font-weight:500;font-size:14px;letter-spacing:-0.3px;line-height:1.5;color:#fff}.crisis-banner,.crisis-banner a,.crisis-banner p{font-family:"Gotham Rounded A","Gotham Rounded B",Arial,Georgia,serif;font-weight:500;color:#fff;margin:0;font-size:16px;letter-spacing:-0.3px;line-height:1.5}.crisis-banner a{text-decoration:underline}.crisis-banner--primary{background-color:#dc0451}.crisis-banner--primary+.crisis-banner--primary{border-top:1px solid #fff}.crisis-banner--secondary{background-color:#333}.crisis-banner--secondary+.crisis-banner--secondary{border-top:1px solid #fff}.crisis-banner--secondary *:focus{outline-color:#fff}.crisis-banner__icon{margin-top:3px;margin-right:10px;flex-shrink:0}.crisis-banner__icon svg{width:19px}.main-banner{background:var(--primary-color);min-width:100%;z-index:2;min-height:70px !important;display:flex}.main-banner .title-logo{display:flex;flex:1;width:200px;z-index:1;align-items:center;justify-content:flex-start;margin-left:30px}.main-banner .title-logo .vaasa{display:flex;width:115px}.main-banner .title-logo .vaasa svg{width:100%;height:auto}.main-banner .title-logo .linkki{width:60px;height:auto}.main-banner .title-logo .oulu{width:100px;height:auto}.main-banner .title-logo .matka{width:auto;height:42px}.main-banner .title-logo #logo{position:absolute;max-height:50px !important;left:10px}.main-banner .menu-container{display:flex;align-items:center;width:70px}.main-banner .menu-container .menu-button{background:rgba(0,0,0,0);border:none;cursor:pointer}.main-banner .usermenu-container{display:flex;align-items:center}.main-banner .usermenu-container .usermenu-text{font-size:16px;font-family:var(--font-family);font-weight:var(--font-weight-bigger);letter-spacing:-0.3px;line-height:1.5;color:#fff;margin-left:5px}.breadcrumbs-container{font-family:var(--font-family);font-weight:var(--font-weight-bigger);margin-left:60px;display:flex;flex-direction:column;padding-top:39px}.breadcrumbs-container .crumbs{padding-left:0;list-style:none;margin:0}.breadcrumbs-container .crumbs .to-home{text-decoration:none;color:var(--primary-color)}.breadcrumbs-container .crumbs{display:flex;flex-direction:row}.breadcrumbs-container .crumbs svg{margin-right:10px;margin-left:10px;position:relative;top:2px}.breadcrumbs-container .main-header{margin:0;padding-top:53px;font-size:36px;font-style:normal;font-weight:var(--font-weight-bigger);line-height:44px;letter-spacing:-0.03em;text-align:left}.menu-content{display:flex;width:400px;position:fixed;background-color:#fff;left:auto;right:0;height:100% !important;border-radius:0 !important;transition:transform 500ms cubic-bezier(0.23, 1, 0.32, 1);transform:translate(100%, 0)}.menu-content .container{display:flex;flex-direction:column;margin:20px;width:100%}.menu-content .container .modal-close-container{display:flex;justify-content:flex-end}.menu-content .container .modal-close-container .close-button{background:rgba(0,0,0,0);border:none;cursor:pointer}.menu-content .container #languages{display:flex;flex-direction:row;border-bottom:1px solid #ddd}.menu-content .container #languages .lang-select{color:var(--primary-color);font-family:var(--font-family);font-weight:var(--font-weight-bigger);padding:10px;text-decoration:none;line-height:normal;font-size:1.25rem;display:inline-block;text-transform:uppercase;cursor:pointer}.menu-content .container #links{display:flex;flex-direction:column;border-bottom:1px solid #ddd;padding:15px 0}.menu-content .container #links .link{color:var(--primary-color);font-family:var(--font-family);font-weight:var(--font-weight-bigger);line-height:35px;letter-spacing:0;padding:.5em 0;text-decoration:none;width:100%;background:#fff;overflow-y:auto;text-align:left}.menu-content-close{transform:translate(100%, 0) !important;opacity:1 !important}.menu-content-open{transform:translate(0)}.menu-background{position:fixed;height:100%;width:100%;top:0;left:0;opacity:0;z-index:1200;background-color:rgba(0,0,0,.4);transition:opacity 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms}.menu-background-close{opacity:0 !important}.menu-background-open{opacity:1}.btn{font-size:1.125em;font-style:normal;font-weight:var(--font-weight);line-height:22px;letter-spacing:-0.02em;text-align:center;background:var(--primary-color);border-radius:50px;width:216px;height:50px;color:#fff;cursor:pointer}button{font-family:var(--font-family);white-space:nowrap;background-color:#fff;padding:0;margin:0;border:none}.check-box{position:relative;display:flex;align-items:center;cursor:pointer;margin:5px}.check-box input[type=checkbox]{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}.content-wrapper{font-family:var(--font-family)}.content-wrapper a{text-decoration:none}.content-wrapper{width:100%;background:#f2f5f7}#viewCarouselElement{padding-inline-start:0;list-style-type:none;margin-bottom:10px}#viewCarouselElement li{margin-bottom:10px}.display-settings-container{display:flex;justify-content:space-between;font-family:var(--font-family);margin-top:26px;height:100px}.display-settings-container .headers{display:flex;margin-bottom:10px;margin-left:5px}.display-settings-container .headers h3{margin:0;font-weight:var(--font-weight);font-size:1rem}.map-toggle{padding:0 10px;height:44px;display:flex;border-radius:5px;background-color:#fff;align-items:center}.map-toggle .toggle{margin:0}.map-toggle .txt{display:flex;margin-left:10px}.map-toggle label{display:flex;align-items:center}.map-toggle label svg{margin-right:5px !important}.map-toggle div{margin-right:10px}.map-toggle .option-checkbox-container{margin-left:10px;width:20px;height:20px}.display-language-container{display:flex;flex-direction:column;position:relative}.display-language-container .language-alert{position:absolute;color:#dc0451;left:19px;top:5.6em;font-size:.813rem}.display-language-container .language-controls{padding:0 10px;height:44px;display:flex;min-width:190px;justify-content:space-evenly;border-radius:5px;background-color:#fff;align-items:center}.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{margin-left:10px;width:20px;height:20px}.display-orientation-container{display:flex;align-items:flex-start;flex-direction:column;margin-left:20px}.display-orientation-container .orientation-controls{height:44px;display:flex;width:140px}.display-orientation-container .orientation-controls .orientation-button{display:flex;align-items:center;justify-content:center;width:100%;border:none;background-color:#fff;border-radius:0 5px 5px 0;fill:var(--primary-color)}.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-right:1px solid #ddd;border-radius:5px 0 0 5px}.display-orientation-container .orientation-controls .orientation-button:not(.selected){fill:#c4c4c4;cursor:pointer}.dd-select{width:100%;height:100%}.dd-selectwithWidth{min-width:115px}.dd-select.withWidth{min-width:150px}.dd-select.withWidth.duration{min-width:110px;margin-left:20px}.dd-select.dd--is-disabled .dd__indicators svg{fill:#ccc !important}.dd-select .dd__placeholder,.dd-select .dd__value-container,.dd-select .dd__single-value{color:#888}.dd-select .dd__placeholder span,.dd-select .dd__value-container span,.dd-select .dd__single-value span{position:relative;top:-14px;margin-left:10px;color:#888}.dd-select .dd__group-heading{text-align:center;font-weight:var(--font-weight-bigger)}.dd-select .dd__option{color:#888}.dd-select .dd__option--is-selected{color:#fff}.dd-select .dd__option span{position:relative;top:-14px;margin-left:10px}.dd-select .dd__indicators{padding-right:10px}.dd-select .dd__control{height:44px}.dd-select .dd__control--menu-is-open{outline:none;border-style:none}.dd-select .dd__control--menu-is-open .dd__indicators svg{transform:rotate(-180deg)}.import-modal-content .input-row{display:flex;align-items:flex-end;padding-top:20px}.import-modal-content .input-row .label-and-input{display:flex;flex-direction:column;flex:1}.import-modal-content .input-row .label-and-input label{display:block;font-size:13px;font-style:normal;font-weight:var(--font-weight);line-height:24px;letter-spacing:-0.3px;text-align:left;white-space:nowrap;margin:0 0 4px 3px;color:#666}.import-modal-content .input-row .monitor-button{height:40px;font-size:16px;margin:0 15px}.import-modal-content .input-row #input-import-monitor{height:42px;border-radius:5px;border:solid 1px #888;padding:0 0 0 10px;margin:0;font-size:13px}.import-modal-content .no-monitor-found{position:absolute;color:var(--alert-color);font-size:12px;margin:5px}.import-modal-content .input-instructions{font-size:15px}.import-modal-content .import-preview{margin:30px 0;border-radius:5px;border:solid 1px #ddd;padding:0 15px}.import-modal-content .import-preview .monitor-input-container{margin-right:5px}.import-modal-content .import-button-container{width:100%;display:flex;justify-content:flex-end;margin:30px 0}.import-modal-content .import-button-container .monitor-button{height:40px;font-size:16px;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{border:none;background:var(--primary-color)}.monitor-button{text-align:center;white-space:nowrap;font-size:1.125em;font-style:normal;font-weight:var(--font-weight);letter-spacing:-0.02em;background:var(--primary-color);border-radius:50px;padding:0 28px;display:flex;align-items:center;border:none;height:50px;color:#fff;cursor:pointer;margin:0 10px 10px 0}.monitor-button.blue{background:var(--primary-color)}.monitor-button.white{background:#fff;color:var(--primary-color);border:1px solid #888}.monitor-button:disabled,.monitor-button[aria-disabled=true]{cursor:unset;background:#ccc;border:1px solid #ccc;color:#fff}.monitor-button:disabled span,.monitor-button[aria-disabled=true] span{color:#fff}.index{font-family:var(--font-family);display:flex}.index .left{width:50vw;color:#333}.index .left .welcome{margin-top:69px;display:flex;flex-direction:column;justify-content:space-between}.index .left .welcome .text{font-size:18px;line-height:22px;font-weight:var(--font-weight);font-style:normal;letter-spacing:-0.03em;text-align:left;padding-right:60px;padding-left:120px;margin-top:22px}.index .left .welcome .text.bigger{margin-top:0;font-size:24px;line-height:29px}.index .left .welcome .text.bold{font-weight:bolder}.index .left .welcome .button-container{padding-left:120px;padding-bottom:20px;margin-top:30px;display:flex}.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{flex:1;display:flex;align-items:center;justify-content:center}@media screen and (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{height:250px;display:flex;justify-content:center;font-size:4vh;align-items: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{font-size:15px;line-height:24px;letter-spacing:-0.3px;flex:1;border:none}.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{width:100%;margin:0 60px}.monitor-modal-container .modal-close-container{position:absolute;top:30px;right:30px}.monitor-modal-container .monitor-modal-header{margin:64px 0 32px;font-style:normal;font-weight:var(--font-weight);line-height:22px;font-size:22px;color:#333}.modal .ReactModal__Content{border:none !important;border-radius:5px !important;width:720px !important;max-height:90% !important;height:fit-content;overflow-x:hidden !important;top:50% !important;left:50% !important;margin-right:-50%;margin-bottom:-50%;transform:translate(-50%, -50%);display:flex;justify-content:center;animation:none}.layout-and-time-container{display:flex;width:280px;justify-content:flex-end}.layout-and-time-container .layout-button{background-color:#fff;border:1px solid hsl(0,0%,70%);border-radius:5px;height:44px;width:130px;display:flex;justify-content:flex-start;align-items:center}.layout-and-time-container .layout-button[aria-disabled=true]{cursor:not-allowed;opacity:.4}.layout-and-time-container .layout-button svg{height:36px !important;width:64px !important;margin-left:3px !important}.layout-and-time-container .layout-button .label{margin-left:10px;font-size:15px;color:#888}.layout-and-time-container .duration{min-width:130px}body,html{height:100%}body{padding:0;margin:0}ul{padding-inline-start:0}.App{height:100%;display:flex;flex-direction:column}.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{font-family:var(--font-family-normal);margin:0;display:flex;flex-direction:column;width:100%}.layout-modal .layout-modal-content-container .row-header{font-weight:var(--font-weight);margin:28px 0 10px;font-size:1.125rem}.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{padding-bottom:20px;display:flex;align-items:flex-end;flex-flow:column}.layout-modal .layouts .row .options{display:flex}.layout-modal .layouts .row .options .option:disabled::after,.layout-modal .layouts .row .options .option[aria-disabled=true]::after{position:absolute;content:"";height:100%;width:100%;background-color:rgba(221,221,221,.7)}.layout-modal .layouts .row .options .option{position:relative;display:flex;flex-direction:column;align-items:center;border:1px solid #ddd;border-radius:4px;padding:0}.layout-modal .layouts .row .options .option svg{position:relative;top:10px}.layout-modal .layouts .row .options .option.vertical{height:210px;width:121px;margin-right:20px}.layout-modal .layouts .row .options .option.label-selected{border:1px solid rgba(0,0,0,0);box-shadow:0 0 0 2px #333}.layout-modal .layouts .row .options .option{height:140px;width:174px;margin-right:20px;background:rgba(0,0,0,0)}.layout-modal .layouts .row .options .option .label{font-size:14px;line-height:17px;letter-spacing:-0.02em;margin-top:20px;margin-bottom:10px;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 .save-button{font-size:1.125em;font-style:normal;font-weight:var(--font-weight);line-height:22px;letter-spacing:-0.02em;text-align:center;background:var(--primary-color);color:#fff;border-radius:50px;width:216px;height:50px;margin:30px 0 50px;border:none}.loading-container{width:100%;height:100%;background-color:var(--monitor-background-color);display:flex;justify-content:center;align-items:center;flex:1}.loading-container.primary{background-color:var(--primary-color)}.loading-container.small svg{width:20px !important;height:20px !important}.loading-container.white{background-color:#fff}.loading-container.white svg{height:100000px;stroke:#ddd !important}.loading-container svg{width:60px !important;height:60px !important;animation:lds-ring 1.2s cubic-bezier(0.5, 0.5, 0.5, 0.5) infinite}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.monitor-controls{height:80px;background-color:#fff;margin-bottom:10px;border-radius:5px;display:flex;align-items:center;padding:0 30px;justify-content:flex-end}.monitor-controls .monitor-button{height:40px;font-size:16px;margin:0}.monitor-overlay{transition:opacity 1s;z-index:10000;width:60%;height:15%;background-color:var(--monitor-button-background-color);display:flex;justify-content:center;align-items:center;border-radius:20px}.monitor-overlay.show{opacity:1}.monitor-overlay.hide{opacity:0}.monitor-overlay{position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;text-align:center;bottom:50px}.monitor-overlay .loading-container{min-width:40vh;flex:0;border-radius:500px;height:50%;width:40%}.monitor-overlay .loading-container svg{width:40px !important;height:40px !important}.monitor-overlay .link{display:flex;min-width:40vh;background-color:var(--monitor-background-color);height:50%;font-family:var(--font-family);text-decoration:none;color:#fff;border-radius:500px;align-items:center;justify-content:center;font-size:3vh}.demo-button{position:absolute;background-color:rgba(0,0,0,0);z-index:9999;width:25vh;height:100%;bottom:0}.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{width:calc(200% + 35px) !important;left:-9px}.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{white-space:pre-line;font-size:24px}.main-content-container.preview .monitor-container .divider{min-width:2px;margin:0 3px}.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{width:24px !important;height:24px !important;display:flex}.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{height:25px}.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{height:534px}.main-content-container.preview .monitor-container.preview.portrait.tightened{height:534px}.main-content-container{background-color:var(--monitor-background-color);font-family:var(--monitor-font);font-weight:var(--monitor-font-weight);letter-spacing:-0.2px;color:#fff;height:100%;display:flex;flex-direction:column}.main-content-container .monitor-container{flex:1}.main-content-container .monitor-container .rows8 .no-departures-text-container{flex:6}.main-content-container .monitor-container .rows12 .no-departures-text-container{flex:9}.main-content-container .monitor-container .no-departures-text-container{flex:3;border-top:.2vh solid #fff;width:100%;display:flex;text-align:center;align-self:center;align-items:center}.main-content-container .monitor-container .no-departures-text-container .no-departures-text{width:100%;display:flex;text-align:center;flex:1;justify-content:center;align-items:center;font-size:calc((var(--height) - 30vh)/7)}.main-content-container .monitor-container .no-departures-text-container .no-departures-text.closed-stop{white-space:pre-line;font-size:calc((var(--height) - 30vh)/10)}.main-content-container .monitor-container.portrait{height:calc(100% - 12.75vh)}.main-content-container .monitor-container .divider{border-left:.3vh solid #fff;width:0;margin-left:.3vw;margin-right:.3vw;height:98%}.main-content-container .monitor-container .separator{width:100%;border-top:.3vh dotted #fff;height:0}.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{margin:0 15px;height:calc(100% - 5vh)}.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{flex:1}.main-content-container.portrait .grid-rows.no-departures .no-departures-text-container{flex:1}.main-content-container.portrait .grid-rows.no-departures .row-with-separator.alert{height:12.5% !important}.main-content-container .grid-rows .alert-padding{flex:1}.main-content-container .grid-rows.no-departures .no-departures-text-container{flex:3 !important}.main-content-container .grid-rows.no-departures .row-with-separator.alert.two-rows,.main-content-container .grid-rows.no-departures .row-with-separator.alert.three-rows{flex:1 !important}.main-content-container .grid-rows{height:100%;display:flex;flex-direction:column;justify-content:space-evenly}.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);position:absolute;bottom:0;height:12.5%}.main-content-container .grid-rows.rows8 .destination{display:flex;align-items:baseline}.main-content-container .grid-rows.rows12 .destination{display:flex;align-items:baseline}.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{flex:1;height:100%;display:flex;flex-direction:column;overflow:hidden}.main-content-container .grid-rows .row-with-separator.two-rows{flex:2 1 0}.main-content-container .grid-rows .row-with-separator.three-rows{flex:3 1 0}.main-content-container .grid-rows .row-with-separator.four-rows{flex:4 1 0}.main-content-container .grid-rows .row-with-separator.alert{position:relative;left:-13px;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{height:100%;display:grid}.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;width:var(--icon-size) !important;height: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{text-align:end;font-family:var(--monitor-font)}.main-content-container .grid-rows .grid-row.is-cancelled .time,.main-content-container .grid-rows .grid-row.is-cancelled .code{text-decoration-line:line-through;text-decoration-color:var(--alert-color);text-decoration-thickness:.4vh}.main-content-container .grid-rows .grid-row.two-rows .destination>.via-destination{display:flex;justify-content:flex-start;align-items:center;white-space:nowrap}.main-content-container .grid-rows .grid-row .destination svg{min-height:.9em !important;min-width:.9em !important;max-height:.9em !important;max-width:.9em !important;align-self:center}.main-content-container .grid-rows .grid-row .destination .destination-row{display:flex;justify-content:flex-start;align-items:center}.main-content-container .grid-rows .grid-row .destination .destination-row .metro-icon{position:relative;display:flex;margin:0 3px}.main-content-container .grid-rows .grid-row .destination{white-space:nowrap;overflow:hidden;mask-image:linear-gradient(to left, transparent, rgba(0, 0, 0, 0.2) 5px, rgb(0, 0, 0) 25px, rgb(0, 0, 0))}.main-content-container .grid-rows .grid-row .destination .via-destination{font-size:smaller;white-space:pre;display:flex}.main-content-container .grid-rows .grid-row .destination .via-destination .metro-icon-small{position:relative;margin:0 3px;display:flex}.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{flex:1;color:#fff;background:var(--monitor-background-color);display:block !important;width:calc(100% + 2*15px);z-index:1000;overflow:hidden;font-size:calc((var(--height) - 30vh)/9) !important}.grid-row.alert.static{font-size:calc((var(--height) - 30vh)/12) !important}.grid-row.alert.static .grid-cols.alert-row{width:unset;display:flex;align-items:center}.grid-row.alert.vertical{font-size:calc((var(--height) - 30vh)/12) !important}.grid-row.alert.vertical .alert-text{align-items:flex-start;height:1px}.grid-row.alert.vertical .alert-text .alert-separator{margin-top:10px;width:100%;display:flex;min-height:2px;background-color:#fff}.grid-row.alert.vertical .alert-text{white-space:unset;flex-direction:column}.grid-row.alert.vertical .alert-text .single-alert{padding-top:10px;padding-left:0}.grid-row.alert.vertical .alert-text .single-alert:first-child{padding-top:16.6666666667%}.grid-row.alert.vertical .animated{-moz-animation:alert-animation-vertical var(--speed) linear infinite;-webkit-animation:alert-animation-vertical var(--speed) linear infinite;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{-moz-animation:alert-animation var(--speed) linear infinite;-webkit-animation:alert-animation var(--speed) linear infinite;animation:alert-animation var(--speed) linear infinite}@keyframes alert-animation-vertical{from{-moz-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}to{-moz-transform:translateY(var(--animationWidth));-webkit-transform:translateY(var(--animationWidth));transform:translateY(var(--animationWidth))}}@keyframes alert-animation{from{-moz-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}to{-moz-transform:translateX(var(--animationWidth));-webkit-transform:translateX(var(--animationWidth));transform:translateX(var(--animationWidth))}}.grid-cols{display:flex;justify-content:center}.grid-cols.alert-row{display:block;padding:0 15px;height:100%;width:100%}.grid-cols.alert-row .alert-text{display:flex;align-items:center;height:100%}.grid-row.day{display:flex !important}.grid-row.day .day-row{width:100%;display:flex;height:100%;align-items:center;justify-content:center;color:var(--monitor-background-color);background:#fff}.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{grid-template-columns:31vh 1fr 36vh;font-size:calc((var(--height) - 30vh)/11.5)}.rows4 .grid-row .len1,.rows4 .grid-row .len2{font-size:calc((var(--height) - 30vh)/8)}.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{grid-template-columns:28vh 1fr 25vh;font-size:calc((var(--height) - 30vh)/13)}.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{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)}.rows4.portrait .grid-row{font-size:var(--font-size)}.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{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{font-size:var(--font-size)}.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{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{font-size:var(--font-size)}.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{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{font-size:var(--font-size)}.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{grid-template-columns:var(--routecode-col-width) 1fr 15vh;font-size:var(--tightened-font-size)}.rows12.portrait.tightened .grid-row.with-stop-code{grid-template-columns:var(--routecode-col-width) 1fr 13vh 15vh}.preview .rows4 .grid-row{grid-template-columns:120px 1fr 100px;font-size:30px}.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{grid-template-columns:100px 1fr 70px;font-size:20px}.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{grid-template-columns:70px 1fr 60px}.preview .rows12 .grid-row.without-route-column{grid-template-columns:auto 60px}.preview .rows12 .grid-row{font-size:17px}.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{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{font-size:22px}.preview .rows4.two-cols .grid-row.with-stop-code{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 .rows4.two-cols .grid-row.with-stop-code{font-size:22px}.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{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{font-size:var(--font-size)}.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{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{font-size:var(--font-size)}.preview .rows12.portrait .grid-row .len1,.preview .rows12.portrait .grid-row .len2{font-size:35px}.preview .rows16.portrait .grid-row{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{font-size:var(--font-size)}.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{grid-template-columns:var(--routecode-col-width) 1fr 80px}.preview .rows24.portrait .grid-row.without-route-column{grid-template-columns:auto 80px}.preview .rows24.portrait .grid-row{font-size:var(--font-size)}.preview .rows4.tightened.portrait .grid-row{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{font-size:var(--font-size)}.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{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{font-size:var(--font-size)}.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{grid-template-columns:var(--routecode-col-width) 1fr 60px;font-size:var(--font-size)}.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{border:none !important;position:absolute;width:700px !important;height:470px !important;top:50% !important;left:50% !important;margin-right:-50%;margin-bottom:-50%;transform:translate(-50%, -50%);padding:0 !important;background:#000 !important;box-shadow:0 4px 20px rgba(0,0,0,.25) !important;border-radius:5px !important;overflow:hidden !important;animation:none}.preview .ReactModal__Content #preview-monitor{position:absolute;top:75px;left:30px}.preview .ReactModal__Content #preview-monitor-portrait{position:absolute;top:75px;left:0}.preview .ReactModal__Content .title-and-close{position:relative;width:640px;height:75px;top:29px;left:30px}.preview .ReactModal__Content .title-and-close .title{position:relative;font-family:var(--font-family);font-size:24px;font-weight:normal;line-height:29px;letter-spacing:-0.02em;color:#fff;width:540px;margin:0}.preview .ReactModal__Content .title-and-close .close{position:relative;left:615px;top:-28.5px;background:rgba(0,0,0,0);border:none}.preview .ReactModal__Content .carouselContainer{overflow:hidden;left:30px;width:640px;height:370px}.preview .ReactModal__Content .carouselContainer.portrait{left:30px;width:370px;height:640px}.preview.portrait .ReactModal__Content{border:none !important;position:absolute;width:470px !important;height:700px !important;top:50% !important;left:50% !important;margin-right:-50%;margin-bottom:-50%;transform:translate(-50%, -50%);padding:0 !important;background:#000 !important;box-shadow:0 4px 20px rgba(0,0,0,.25) !important;border-radius:5px !important;overflow:hidden !important;animation:none}.preview.portrait .ReactModal__Content .title-and-close{position:relative;width:405px;height:75px;top:29px;left:30px}.preview.portrait .ReactModal__Content .title-and-close .title{position:relative;font-family:var(--font-family);font-size:24px;line-height:29px;letter-spacing:-0.02em;color:#fff;width:305px}.preview.portrait .ReactModal__Content .title-and-close .close{position:relative;left:380px;top:-28.5px}.preview.portrait .ReactModal__Content .carouselContainer{position:relative;overflow:hidden;top:0;left:30px;width:405px;height:590px}.stopcards{margin-block:0}.stop-card-list-container{min-height:400px;display:flex;flex-direction:column;width:780px;margin-left:60px}.buttons{display:flex;padding:20px 15px 40px 10px;justify-content:center}.buttons .wide{flex:1}.buttons-with-alert{display:flex;padding:20px 15px 10px 10px;justify-content:center}.buttons-with-alert .wide{flex:1}.button{display:flex;margin:0 5px;flex-direction:row;justify-content:center;align-items:center;padding:0 28px;height:40px;background:#fff;border:1px solid #888;box-sizing:border-box;border-radius:40px;cursor:pointer}.button span{font-size:16px;line-height:19px;letter-spacing:-0.02em;color:var(--primary-color);white-space:nowrap}.button.blue{background:var(--primary-color);margin-left:5px}.button.blue span{color:#fff}.button:disabled,.button[aria-disabled=true]{cursor:not-allowed;background:#ccc;border:1px solid #ccc;color:#fff}.button:disabled span,.button[aria-disabled=true] span{color:#fff}.cardlist-alert-text{text-align:left;color:var(--alert-color);font-size:12px;margin:8px;font-weight:bold}.stopcard-row-container{font-family:var(--font-family);display:flex;flex-direction:column;background-color:#fff;color:#333;border:1px solid #ddd;border-radius:5px;width:720px;height:auto;padding-left:30px;padding-right:30px;padding-bottom:20px;margin-bottom:10px}.stopcard-row-container .title-with-icons{display:flex;height:80px;width:720px;border-bottom:1px solid #ddd}.stopcard-row-container .title-with-icons .title-list{flex:1;display:flex}.stopcard-row-container .title-with-icons .icons{display:flex;height:40px;position:relative;top:20px;margin-left:auto}.stopcard-row-container .title-with-icons .icons .delete{background:none;border:none;cursor:pointer;width:50px;padding-top:8px;text-align:center}.stopcard-row-container .title-with-icons .icons .delete.move-end{text-align:right;position:relative;left:36px}.stopcard-row-container .title-with-icons .icons .move{position:relative;right:3px;cursor:pointer;border-left:1px solid #ddd;width:50px;text-align:center}.stopcard-row-container .title-with-icons .icons .move>button{background:none;border:none;padding:0;cursor:pointer}.stopcard-row-container .title-with-icons .icons .move.up-and-down .container{width:50px;height:40px}.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;background:none;border:none;padding:0}.stopcard-row-container .header{position:relative;margin-top:16px;font-style:normal;font-weight:var(--font-weight);font-size:13px;line-height:24px;letter-spacing:-0.3px;color:#666}.stopcard-row-container .headers{font-weight:var(--font-weight-bigger);display:flex;margin-top:22px;font-size:15px;line-height:18px;letter-spacing:-0.02em}.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{width:380px;margin-right:40px}.stopcard-row-container .search-stop-with-layout-and-time .search-stop .hidden,.stopcard-row-container .search-stop-with-layout-and-time .search-stop div[class*=styles_suggestionsContainerOpen]:not(:has(li)){display:none}.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{position:relative}.stopcard-row-container .search-stop-with-layout-and-time .search-stop .add-stop-alert{color:#dc0451;font-size:.813rem;position:absolute;top:-20px;right:0}.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{width:100%;max-width:300px}.stopcard-row-container .double-inputs .stop-list-title-input .header{display:block;padding-bottom:16px;margin-left:2px}.stopcard-row-container .double-inputs .stop-list-title-input .monitor-input-container{width:unset;display:flex;margin-right:10px}.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{outline:none;border:none}.stopcard-row-container .stop-list{position:relative;list-style-type:none}input{font-family:var(--font-family)}.stop-code{border:1px solid #ddd;font-size:11px;line-height:13px;display:flex;align-items:center;letter-spacing:-0.015em;font-weight:var(--font-weight-bigger);border-radius:2px;padding:1px 3px;color:#666}.modal-stop-routes h2,.modal-stop-routes h3{font-style:normal;font-weight:var(--font-weight);font-size:18px;line-height:22px;margin-bottom:21px;color:#333}.modal-stop-routes .section-margin-large{margin:0 80px}.modal-stop-routes .section-margin-large label svg{margin-right:10px !important}.modal-stop-routes fieldset.section-margin-large{border:none;padding:0}.modal-stop-routes fieldset.section-margin-large legend{padding:0;margin-bottom:21px;font-style:normal;font-weight:var(--font-weight);font-size:18px;line-height:22px;color:#333}.modal-stop-routes .ReactModal__Content{border:none !important;border-radius:5px !important;width:720px !important;max-height:93% !important;height:fit-content;top:50% !important;left:50% !important;overflow:hidden !important;margin-right:-50%;margin-bottom:-50%;transform:translate(-50%, -50%);display:flex;justify-content:center;animation:none;padding:0 !important}.modal-stop-routes .modal-close-container{position:absolute;top:30px;right:30px}.modal-stop-routes .modal-close-container .close-button{background:rgba(0,0,0,0);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{padding-top:0;width:720px;font-family:var(--font-family);margin:0;overflow-y:auto}.modal-stop-routes .modal .route-rows{display:flex;flex-direction:column;overflow:hidden auto;max-height:325px}.modal-stop-routes .modal .route-rows .row{min-height:30px;display:flex;align-items:center;margin:10px 0}.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{padding-right:10px;padding-left:10px;display:flex}.modal-stop-routes .modal .route-rows .row .route-number{font-style:normal;font-weight:var(--font-weight-bigger);font-size:18px;line-height:22px;color:#333;display:inline-block;text-wrap:nowrap}.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{width:100%;margin-right:13px}.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{font-size:16px;width:100%;border:0}.modal-stop-routes .modal .route-rows .row .renamedDestinations .en.readonly::placeholder,.modal-stop-routes .modal .route-rows .row .renamedDestinations .fi.readonly::placeholder,.modal-stop-routes .modal .route-rows .row .renamedDestinations .sv.readonly::placeholder{color:gray}.modal-stop-routes .modal .route-rows .row .renamedDestinations .en::placeholder,.modal-stop-routes .modal .route-rows .row .renamedDestinations .fi::placeholder,.modal-stop-routes .modal .route-rows .row .renamedDestinations .sv::placeholder{color:gray}.modal-stop-routes .modal .route-rows .row.small{position:sticky;min-height:0;margin:0;margin-bottom:10px}.modal-stop-routes .modal .route-rows .row.small .lang{font-style:normal;font-weight:var(--font-weight);font-size:13px;line-height:15px;letter-spacing:-0.02em;display:flex}.modal-stop-routes .modal .route-rows .row.small .lang.fi,.modal-stop-routes .modal .route-rows .row.small .lang.sv,.modal-stop-routes .modal .route-rows .row.small .lang.en{width:100%}.modal-stop-routes .modal .button-container{background:#fff;width:100%;margin:30px 0;display:flex;justify-content:center}.modal-stop-routes .modal .button-container .btn{background:var(--primary-color);height:40px;width:240px;border:none}.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-style:normal;font-weight:var(--font-weight);font-size:15px;line-height:18px;letter-spacing:-0.02em}.modal-stop-routes .modal .timeshift .show-departures-over{font-style:normal;font-weight:var(--font-weight-bigger);font-size:15px;line-height:18px;color:#333;display:flex;align-items:center}.modal-stop-routes .modal .timeshift .dd-select{width:100px}.modal-stop-routes .modal .title-and-no-renaming{display:flex;align-items:center}.modal-stop-routes .modal .title-and-no-renaming .no-renaming{width:50%;text-align:end}.modal-stop-routes .modal .title-and-no-renaming .no-renaming .rename-destinations-button{background:none;border:none;padding:0;color:var(--primary-color);cursor:pointer;font-size:15px;line-height:18px}.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{font-family:var(--font-family);display:flex;background-color:#fff;color:#333;border:1px solid #ddd;border-radius:5px;height:40px;margin:10px 0;padding:10px 0}.stop-row-container.placeholder{margin:8px 0 0;padding:0;border:none;position:relative;left:-10px;font-size:13px;line-height:24px;letter-spacing:-0.3px;color:#666}.stop-row-container .icon{text-align:center}.stop-row-container .stop-row-stop{padding-top:4px;width:60px;text-align:center}.stop-row-container .stop-bottom-row{color:#666;font-size:13px;line-height:16px;letter-spacing:-0.03em;display:flex}.stop-row-container .stop-bottom-row .address{padding-right:5px}.stop-row-container .stop-bottom-row .hidden-choices{flex:1;text-align:right}.stop-row-container .stop-bottom-row .hidden-choices svg{position:absolute;top:30px;right:67px}.stop-row-container .stop-row-main{flex:1;padding-right:15px;padding-top:2px}.stop-row-container .stop-row-main .stop-upper-row{font-weight:var(--font-weight-bigger);font-size:13px;line-height:16px;letter-spacing:-0.03em;margin-bottom:2px;display:flex}.stop-row-container .stop-row-settings{font-weight:var(--font-weight-bigger);display:flex}.stop-row-container .stop-row-settings .changed-settings{display:flex;align-items:center;color:#666;font-size:13px}.stop-row-container .stop-row-settings .settings{background:none;border:none;padding:0;margin:0 15px;display:flex;align-self:center;cursor:pointer}.stop-row-container .stop-row-delete{background:none;border:none;padding:0;cursor:pointer;border-left:1px solid #ddd;width:50px;padding-top:8px}.stop-row-container .stop-row-move{background:none;border:none;padding:0;cursor:pointer;border-left:1px solid #ddd;width:40px;list-style-type:none}.stop-row-container .placeholder-no-stops{display:flex;justify-content:center;align-items:center;color:#888;padding-left:10px}.stop-title{background:#fff;color:#666;height:80px;width:100%;max-width:300px}.stop-title-input-container{margin-right:10px}.stop-title-input-container .monitor-input.double{font-size:21px;color:#000}.stop-title-input-container .monitor-input-container{width:unset;display:flex}.stop-title-input-container .monitor-input-container .monitor-input{font-size:21px;font-style:normal;font-weight:var(--font-weight);line-height:24px;letter-spacing:-0.3px;text-align:left;height:24px;flex:1;border:none;width:100%}.stop-title-input-container:focus{outline:auto var(--primary-color)}.description{display:block;font-size:13px;font-style:normal;font-weight:var(--font-weight);line-height:24px;letter-spacing:-0.3px;text-align:left;white-space:nowrap;margin:17px 0 0 3px}.title-bar{font-family:var(--font-family);font-weight:var(--monitor-font-weight);display:grid;grid-template-columns:14vw auto 7.3vw 14vw;height:15vh;margin:0 2%}.title-bar.doubleView{grid-template-columns:14vw 1fr 14vw}.title-bar .weather-container{display:grid;grid-template-rows:57% 43%;align-self:center}.title-bar .weather-container .temperature-container{display:flex;justify-content:center;align-items:center;font-size:min(3.7vh,3vw)}.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 .vaasa svg{width:100%;height:auto}.title-bar.portrait .title-logo .linkki{width:min(100%,7vh);height:auto}.title-bar.portrait .title-logo .oulu{width:min(100%,12vh);height:auto}.title-bar.preview{display:grid;height:55px;grid-template-columns:calc(.14*640px) auto calc(.073*640px) calc(.14*640px)}.title-bar.preview.doubleView{grid-template-columns:calc(.14*640px) auto calc(.14*640px)}.title-bar.preview .weather-container-no-icon{display:flex;justify-content:center;align-items:center}.title-bar.preview .weather-container{display:grid;grid-template-rows:58% 42%}.title-bar.preview .weather-container .temperature-container{display:flex;justify-content:center;align-items:center;font-size:1rem}.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:calc(.14*405px) auto calc(.14*405px);height:calc(.0948*590px) !important;padding:0 5px}.title-bar.preview .linkki{width:50px !important}.title-bar.preview .oulu{width:100px !important}.title-bar .title-logo{display:flex;justify-content:flex-start;align-items:center}.title-bar .title-logo.portrait.hsl svg{width:calc(2*min(7.5vh,10vw)) !important;height:min(7.5vh,10vw) !important}.title-bar .title-logo #logo{width:min(100%,20vh)}.title-bar .title-logo.hsl svg{width:calc(2*min(9.48vh,7vw)) !important;height:min(9.48vh,7vw) !important}.title-bar .title-logo .linkki{width:min(100%,10vh);height:auto}.title-bar .title-logo .oulu{width:min(100%,20vh);height:auto}.title-bar .title-logo .vaasa{width:min(100%,20vh);padding-left:.4vw}.title-bar .title-logo .vaasa svg{width:100%;height:auto}.title-bar .title-logo .matka{width:100%;height:auto}.title-bar .title-logo.preview{min-width:calc(.14*640px) !important;padding:calc(.015*365px) 0 !important}.title-bar .title-logo.preview.hsl svg{width:calc(2*min(.09*365px,.09*640px)) !important;height:min(.09*365px,.09*640px) !important}.title-bar .title-logo.preview #logo{width:calc(.14*640px) !important}.title-text{font-weight:var(--font-weight-bigger);display:flex;flex:1;flex-wrap:wrap;white-space:nowrap;overflow:hidden;mask-image:linear-gradient(to left, transparent, rgba(0, 0, 0, 0.2) 5px, rgb(0, 0, 0) 25px, rgb(0, 0, 0));justify-content:center;align-items:center;font-size:min(8vh,5vw)}.title-text.preview{padding:calc(.015*365px) 0 !important;font-size:2rem !important}.title-text.preview.portrait{font-size:1.5rem !important}.multi-display-titles{font-weight:var(--monitor-font-weight);display:flex;color:#fff;width:100%}.multi-display-titles div{margin:0 .1em;flex:1}.left-title.preview{font-size:20px}.left-title{display:flex;justify-content:center;align-items:center;white-space:nowrap;overflow:hidden;font-size:4vw;mask-image:linear-gradient(to left, transparent, rgba(0, 0, 0, 0.2) 5px, rgb(0, 0, 0) 25px, rgb(0, 0, 0))}.right-title.preview{font-size:20px}.right-title{display:flex;justify-content:center;align-items:center;white-space:nowrap;overflow:hidden;font-size:4vw;mask-image:linear-gradient(to left, transparent, rgba(0, 0, 0, 0.2) 5px, rgb(0, 0, 0) 25px, rgb(0, 0, 0))}.title-text-stop{display:flex}.title-time-container{display:flex;justify-content:flex-end;align-items:center;font-size:0}.title-time{font-weight:var(--monitor-font-weight);display:flex;font-size:min(4.5vw,6.5vh);flex:0;flex-direction:row;justify-content:center;align-items:center;border-radius:.2em;background-color:#fff;color:var(--monitor-background-color);padding:0 1.25vw !important}.title-time.preview{font-weight:var(--monitor-font-weight);padding:0 calc(.0125*640px) 0 !important;max-width:100%;max-height:100%;font-size:1.7rem !important}.title-time.preview.portrait{padding:0 calc(.0125*405px) 0 !important;font-size:1.4rem !important}.title-time time span{animation:time-animation 2s steps(1) infinite}@keyframes time-animation{0%{opacity:0}50%{opacity:1}}.alert-modal{position:fixed;top:20%;left:50%;transform:translate(-50%, -50%);background-color:#fff;border:1px solid #ddd;border-radius:5px;height:50px;display:flex;align-items:center;padding:0 20px;color:var(--primary-color)}.card{width:720px;background-color:#fff;padding:0 30px;margin-bottom:10px;border-radius:5px}.card .buttons-container{display:flex;border-top:1px solid #ddd;height:80px;align-items:center;justify-content:flex-end}.card .buttons-container .main-buttons-container{display:flex;flex:1}.card .buttons-container .monitor-button{height:40px;font-size:16px;margin-bottom:0}.main-container>*{height:40px;display:flex;align-items:center}.main-container{height:80px;display:flex;align-items:center;border-bottom:1px solid #ddd}.main-container .monitor-name{flex:1}.main-container .layout-img{margin:0 15px 0 0}.main-container .delete-button-container{margin-left:9px;border-left:1px solid #ddd;padding-left:8px}.main-container .delete-button-container .delete-icon{cursor:pointer;width:40px;text-align:center;justify-content:center}.main-container .monitor-button{font-size:16px;border-radius:40px;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{padding-right:23px;width:64px !important;height:36px !important;flex-shrink:0}.cards .card-item .card-container .data ul{margin-block:0}.cards .card-item .card-container .data .card-title{position:relative;top:-5px;font-style:normal;font-weight:var(--font-weight-bigger);font-size:15px;line-height:24px;letter-spacing:-0.03em;color:#333}.cards .card-item .card-container .data .card-title:not(:first-child){margin-top:15px}.cards .card-item .card-container .data .stop-list li{display:flex;align-items:center}.cards .card-item .card-container .data .stop-list li svg{width:16px !important;height:16px !important;padding:0 10px 0 3px;flex-shrink:0}.cards .card-item .card-container .data .stop-list{font-style:normal;font-weight:var(--font-weight);font-size:15px;line-height:18px;letter-spacing:-0.03em;color:#333}.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{width:100%;justify-content:center}.monitor-modal-content .monitor-modal-buttons .monitor-button:disabled{border:none;background:var(--primary-color)}.user-monitors-container{width:780px;padding:40px 60px 30px}.user-monitors-container .create-button-container{display:flex;margin:20px 10px;justify-content:flex-end}.user-monitors-container .create-button-container .monitor-button{height:40px;font-size:16px}.user-view-title{display:flex;flex-direction:row;background:#f2f5f7;color:#666;height:80px;align-items:flex-end;border-bottom:1px solid #ddd;margin-bottom:18px}.user-view-title .user-view-title-input-container{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding-bottom:12px}.user-view-title .user-view-title-input-container>label{display:block;font-size:13px;font-style:normal;font-weight:var(--font-weight);line-height:24px;letter-spacing:-0.3px;text-align:left;white-space:nowrap;margin:0 0 2px 3px}.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{font-size:26px;background:#f2f5f7}.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{display:flex;align-items:center}.user-view-title .delete-icon{cursor:pointer;padding:0 10px 12px;background-color:#f2f5f7}.not-found{width:100%;height:100%;background-color:var(--monitor-background-color);display:flex;justify-content:center;flex-flow:column;align-items:center;flex:1;font-family:var(--font-family);color:#fff;font-size:60px}.not-found a{text-decoration:none}.not-found .to-create-view{margin-top:80px;display:flex;width:600px;flex-direction:row;justify-content:center;align-items:center;padding:0 28px;height:120px;font-size:40px;background:#fff;border:1px solid #888;box-sizing:border-box;border-radius:40px;color:var(--monitor-background-color)}.query-error{width:100%;height:100%;background-color:var(--monitor-background-color);display:flex;justify-content:center;flex-flow:column;align-items:center;flex:1;font-family:var(--font-family);color:#fff;font-size:56px;white-space:pre-line;text-align:center}.query-error a{text-decoration:none}.query-error .to-create-view{margin-top:80px;display:flex;width:600px;flex-direction:row;justify-content:center;align-items:center;padding:0 28px;height:120px;font-size:40px;background:#fff;border:1px solid #888;box-sizing:border-box;border-radius:40px;color:var(--monitor-background-color)}.monitormap{height:100%;width:100%}.monitormap.preview{position:relative}.monitormap.modal{position:absolute}.map-card{font-family:var(--font-family);display:flex;flex-direction:column;background-color:#fff;color:#333;border:1px solid #ddd;border-radius:5px;width:720px;height:auto;padding:0 0 20px 30px;margin-bottom:10px}.map-description{display:flex;flex-direction:row;border-bottom:1px solid #ddd;height:95px;margin-top:5px}.map-description .desc{font-size:15px;width:350px;height:50px;margin-left:30px}.map-description .modallink{background:none;border:none;padding:0;font-size:15px;margin:61px 0 0 78px;color:var(--primary-color);cursor:pointer;position:absolute}.map-description .modallink.eng{margin:76px 0 0 78px}.map-description .layout-and-time-container{justify-content:center !important}.toggle{display:flex;flex-direction:row;margin-top:15px;align-items:center}.toggle label{display:flex;align-items:center}.toggle label .hide-timetable{margin-left:25px}.option-toggle-container{align-self:center}.option-toggle-container label{height:20px;width:20px;cursor:pointer;position:absolute;left:0;top:3px}.option-toggle-container label.checked{border:var(--primary-color) 1px solid}.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);user-select:none;margin-top:.75em}.option-toggle-container .toggle{position:relative;display:inline-block;width:51px;height:31px}.option-toggle-container .toggle input{opacity:0;width:0;height:0}.option-toggle-container .slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s}.option-toggle-container .slider::before{position:absolute;content:"";height:26px;width:26px;left:0;bottom:0;background-color:#fff;transition:.4s}.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{transform:translateX(20px);border:none}.option-toggle-container .slider.round{border-radius:34px;background:#fff;border:1px solid #888}.option-toggle-container .slider.round.disabled{background:gray !important}.option-toggle-container input[aria-disabled=true]+.slider.round{background:gray !important}.option-toggle-container .slider.round::before{border-radius:50%;width:29px;height:29px;border:solid .5px #888;background-color:#fff}.map-btn{position:absolute;z-index:1000;left:calc(50% - 108px);bottom:5%}.map-modal-header{background-color:#fff;height:56px;z-index:1000;width:100%;position:absolute;display:flex;align-items:center;justify-content:center}.map-modal-header h2{margin:0;font-weight:normal}.map-modal-header .modal-close-container{display:flex;justify-content:flex-end;position:absolute;right:20px}

/*# sourceMappingURL=main.d4e06570.css.map*/