:root {
--button-primary-backgroun-color-active: #005C33;
--button-primary-backgroun-color-active--light: #008F4F;
--button-primary-backgroun-color-active--dark: #002917;
--button-primary-backgroun-color-active--rgb: 0, 92, 51;
--button-primary-backgroun-color-active--light-rgb: 0, 143, 79;
--button-primary-backgroun-color-active--dark-rgb: 0, 41, 23;
--button-primary-backgroun-color-active--rgba: 0, 92, 51, 1.0;
--button-primary-backgroun-color-active--light-rgba: 0, 143, 79, 1.0;
--button-primary-backgroun-color-active--dark-rgba: 0, 41, 23, 1.0;
--button-primary-backgroun-color-active--hsl: 153, 99.99999999999999%, 18.03921568627451%;
--button-primary-backgroun-color-active--light-hsl: 153, 99.99999999999999%, 28.03921568627451%;
--button-primary-backgroun-color-active--dark-hsl: 153, 99.99999999999999%, 8.03921568627451%;
--button-primary-backgroun-color-active--hsla: 153, 99.99999999999999%, 18.03921568627451%, 1.0;
--button-primary-backgroun-color-active--light-hsla: 153, 99.99999999999999%, 28.03921568627451%, 1.0;
--button-primary-backgroun-color-active--dark-hsla: 153, 99.99999999999999%, 8.03921568627451%, 1.0;
--button-primary-text-color: #FFFFFF;
--button-primary-text-color--light: #FFFFFF;
--button-primary-text-color--dark: #E6E6E6;
--button-primary-text-color--rgb: 255, 255, 255;
--button-primary-text-color--light-rgb: 255, 255, 255;
--button-primary-text-color--dark-rgb: 230, 230, 230;
--button-primary-text-color--rgba: 255, 255, 255, 1.0;
--button-primary-text-color--light-rgba: 255, 255, 255, 1.0;
--button-primary-text-color--dark-rgba: 230, 230, 230, 1.0;
--button-primary-text-color--hsl: 0, 0.0%, 100.0%;
--button-primary-text-color--light-hsl: 0, 0.0%, 110.00000000000001%;
--button-primary-text-color--dark-hsl: 0, 0.0%, 90.0%;
--button-primary-text-color--hsla: 0, 0.0%, 100.0%, 1.0;
--button-primary-text-color--light-hsla: 0, 0.0%, 110.00000000000001%, 1.0;
--button-primary-text-color--dark-hsla: 0, 0.0%, 90.0%, 1.0;
--button-secondary-text-color: #007841;
--button-secondary-text-color--light: #00AB5E;
--button-secondary-text-color--dark: #004526;
--button-secondary-text-color--rgb: 0, 120, 65;
--button-secondary-text-color--light-rgb: 0, 171, 94;
--button-secondary-text-color--dark-rgb: 0, 69, 38;
--button-secondary-text-color--rgba: 0, 120, 65, 1.0;
--button-secondary-text-color--light-rgba: 0, 171, 94, 1.0;
--button-secondary-text-color--dark-rgba: 0, 69, 38, 1.0;
--button-secondary-text-color--hsl: 153, 100.0%, 23.52941176470588%;
--button-secondary-text-color--light-hsl: 153, 100.0%, 33.529411764705884%;
--button-secondary-text-color--dark-hsl: 153, 100.0%, 13.529411764705882%;
--button-secondary-text-color--hsla: 153, 100.0%, 23.52941176470588%, 1.0;
--button-secondary-text-color--light-hsla: 153, 100.0%, 33.529411764705884%, 1.0;
--button-secondary-text-color--dark-hsla: 153, 100.0%, 13.529411764705882%, 1.0;
--button-primary-background-color-hover: #006A3A;
--button-primary-background-color-hover--light: #009D56;
--button-primary-background-color-hover--dark: #00371E;
--button-primary-background-color-hover--rgb: 0, 106, 58;
--button-primary-background-color-hover--light-rgb: 0, 157, 86;
--button-primary-background-color-hover--dark-rgb: 0, 55, 30;
--button-primary-background-color-hover--rgba: 0, 106, 58, 1.0;
--button-primary-background-color-hover--light-rgba: 0, 157, 86, 1.0;
--button-primary-background-color-hover--dark-rgba: 0, 55, 30, 1.0;
--button-primary-background-color-hover--hsl: 153, 99.99999999999999%, 20.784313725490197%;
--button-primary-background-color-hover--light-hsl: 153, 99.99999999999999%, 30.784313725490197%;
--button-primary-background-color-hover--dark-hsl: 153, 99.99999999999999%, 10.784313725490197%;
--button-primary-background-color-hover--hsla: 153, 99.99999999999999%, 20.784313725490197%, 1.0;
--button-primary-background-color-hover--light-hsla: 153, 99.99999999999999%, 30.784313725490197%, 1.0;
--button-primary-background-color-hover--dark-hsla: 153, 99.99999999999999%, 10.784313725490197%, 1.0;
--page-abc-minikabinetti-background-color: #F5F5F5;
--page-abc-minikabinetti-background-color--light: #FFFFFF;
--page-abc-minikabinetti-background-color--dark: #DCDCDC;
--page-abc-minikabinetti-background-color--rgb: 245, 245, 245;
--page-abc-minikabinetti-background-color--light-rgb: 255, 255, 255;
--page-abc-minikabinetti-background-color--dark-rgb: 220, 220, 220;
--page-abc-minikabinetti-background-color--rgba: 245, 245, 245, 1.0;
--page-abc-minikabinetti-background-color--light-rgba: 255, 255, 255, 1.0;
--page-abc-minikabinetti-background-color--dark-rgba: 220, 220, 220, 1.0;
--page-abc-minikabinetti-background-color--hsl: 0, 0.0%, 96.07843137254902%;
--page-abc-minikabinetti-background-color--light-hsl: 0, 0.0%, 106.07843137254902%;
--page-abc-minikabinetti-background-color--dark-hsl: 0, 0.0%, 86.07843137254902%;
--page-abc-minikabinetti-background-color--hsla: 0, 0.0%, 96.07843137254902%, 1.0;
--page-abc-minikabinetti-background-color--light-hsla: 0, 0.0%, 106.07843137254902%, 1.0;
--page-abc-minikabinetti-background-color--dark-hsla: 0, 0.0%, 86.07843137254902%, 1.0;
--button-secondary-background-color-default: #FFFFFF;
--button-secondary-background-color-default--light: #FFFFFF;
--button-secondary-background-color-default--dark: #E6E6E6;
--button-secondary-background-color-default--rgb: 255, 255, 255;
--button-secondary-background-color-default--light-rgb: 255, 255, 255;
--button-secondary-background-color-default--dark-rgb: 230, 230, 230;
--button-secondary-background-color-default--rgba: 255, 255, 255, 1.0;
--button-secondary-background-color-default--light-rgba: 255, 255, 255, 1.0;
--button-secondary-background-color-default--dark-rgba: 230, 230, 230, 1.0;
--button-secondary-background-color-default--hsl: 0, 0.0%, 100.0%;
--button-secondary-background-color-default--light-hsl: 0, 0.0%, 110.00000000000001%;
--button-secondary-background-color-default--dark-hsl: 0, 0.0%, 90.0%;
--button-secondary-background-color-default--hsla: 0, 0.0%, 100.0%, 1.0;
--button-secondary-background-color-default--light-hsla: 0, 0.0%, 110.00000000000001%, 1.0;
--button-secondary-background-color-default--dark-hsla: 0, 0.0%, 90.0%, 1.0;
--button-primary-background-color-default: #007841;
--button-primary-background-color-default--light: #00AB5E;
--button-primary-background-color-default--dark: #004526;
--button-primary-background-color-default--rgb: 0, 120, 65;
--button-primary-background-color-default--light-rgb: 0, 171, 94;
--button-primary-background-color-default--dark-rgb: 0, 69, 38;
--button-primary-background-color-default--rgba: 0, 120, 65, 1.0;
--button-primary-background-color-default--light-rgba: 0, 171, 94, 1.0;
--button-primary-background-color-default--dark-rgba: 0, 69, 38, 1.0;
--button-primary-background-color-default--hsl: 153, 100.0%, 23.52941176470588%;
--button-primary-background-color-default--light-hsl: 153, 100.0%, 33.529411764705884%;
--button-primary-background-color-default--dark-hsl: 153, 100.0%, 13.529411764705882%;
--button-primary-background-color-default--hsla: 153, 100.0%, 23.52941176470588%, 1.0;
--button-primary-background-color-default--light-hsla: 153, 100.0%, 33.529411764705884%, 1.0;
--button-primary-background-color-default--dark-hsla: 153, 100.0%, 13.529411764705882%, 1.0;
--typography-header-font-color: #000000;
--typography-header-font-color--light: #1A1A1A;
--typography-header-font-color--dark: #000000;
--typography-header-font-color--rgb: 0, 0, 0;
--typography-header-font-color--light-rgb: 26, 26, 26;
--typography-header-font-color--dark-rgb: 0, 0, 0;
--typography-header-font-color--rgba: 0, 0, 0, 1.0;
--typography-header-font-color--light-rgba: 26, 26, 26, 1.0;
--typography-header-font-color--dark-rgba: 0, 0, 0, 1.0;
--typography-header-font-color--hsl: 0, 0.0%, 0.0%;
--typography-header-font-color--light-hsl: 0, 0.0%, 10.0%;
--typography-header-font-color--dark-hsl: 0, 0.0%, -10.0%;
--typography-header-font-color--hsla: 0, 0.0%, 0.0%, 1.0;
--typography-header-font-color--light-hsla: 0, 0.0%, 10.0%, 1.0;
--typography-header-font-color--dark-hsla: 0, 0.0%, -10.0%, 1.0;
--button-secondary-border-color: #007841;
--button-secondary-border-color--light: #00AB5E;
--button-secondary-border-color--dark: #004526;
--button-secondary-border-color--rgb: 0, 120, 65;
--button-secondary-border-color--light-rgb: 0, 171, 94;
--button-secondary-border-color--dark-rgb: 0, 69, 38;
--button-secondary-border-color--rgba: 0, 120, 65, 1.0;
--button-secondary-border-color--light-rgba: 0, 171, 94, 1.0;
--button-secondary-border-color--dark-rgba: 0, 69, 38, 1.0;
--button-secondary-border-color--hsl: 153, 100.0%, 23.52941176470588%;
--button-secondary-border-color--light-hsl: 153, 100.0%, 33.529411764705884%;
--button-secondary-border-color--dark-hsl: 153, 100.0%, 13.529411764705882%;
--button-secondary-border-color--hsla: 153, 100.0%, 23.52941176470588%, 1.0;
--button-secondary-border-color--light-hsla: 153, 100.0%, 33.529411764705884%, 1.0;
--button-secondary-border-color--dark-hsla: 153, 100.0%, 13.529411764705882%, 1.0;
--typography-body-text-color: #000000;
--typography-body-text-color--light: #1A1A1A;
--typography-body-text-color--dark: #000000;
--typography-body-text-color--rgb: 0, 0, 0;
--typography-body-text-color--light-rgb: 26, 26, 26;
--typography-body-text-color--dark-rgb: 0, 0, 0;
--typography-body-text-color--rgba: 0, 0, 0, 1.0;
--typography-body-text-color--light-rgba: 26, 26, 26, 1.0;
--typography-body-text-color--dark-rgba: 0, 0, 0, 1.0;
--typography-body-text-color--hsl: 0, 0.0%, 0.0%;
--typography-body-text-color--light-hsl: 0, 0.0%, 10.0%;
--typography-body-text-color--dark-hsl: 0, 0.0%, -10.0%;
--typography-body-text-color--hsla: 0, 0.0%, 0.0%, 1.0;
--typography-body-text-color--light-hsla: 0, 0.0%, 10.0%, 1.0;
--typography-body-text-color--dark-hsla: 0, 0.0%, -10.0%, 1.0;
--link-text-color-default: #007841;
--link-text-color-default--light: #00AB5E;
--link-text-color-default--dark: #004526;
--link-text-color-default--rgb: 0, 120, 65;
--link-text-color-default--light-rgb: 0, 171, 94;
--link-text-color-default--dark-rgb: 0, 69, 38;
--link-text-color-default--rgba: 0, 120, 65, 1.0;
--link-text-color-default--light-rgba: 0, 171, 94, 1.0;
--link-text-color-default--dark-rgba: 0, 69, 38, 1.0;
--link-text-color-default--hsl: 153, 100.0%, 23.52941176470588%;
--link-text-color-default--light-hsl: 153, 100.0%, 33.529411764705884%;
--link-text-color-default--dark-hsl: 153, 100.0%, 13.529411764705882%;
--link-text-color-default--hsla: 153, 100.0%, 23.52941176470588%, 1.0;
--link-text-color-default--light-hsla: 153, 100.0%, 33.529411764705884%, 1.0;
--link-text-color-default--dark-hsla: 153, 100.0%, 13.529411764705882%, 1.0;
--button-secondary-background-color-hover: #E7F5EC;
--button-secondary-background-color-hover--light: #FFFFFF;
--button-secondary-background-color-hover--dark: #C3E6CF;
--button-secondary-background-color-hover--rgb: 231, 245, 236;
--button-secondary-background-color-hover--light-rgb: 255, 255, 255;
--button-secondary-background-color-hover--dark-rgb: 195, 230, 207;
--button-secondary-background-color-hover--rgba: 231, 245, 236, 1.0;
--button-secondary-background-color-hover--light-rgba: 255, 255, 255, 1.0;
--button-secondary-background-color-hover--dark-rgba: 195, 230, 207, 1.0;
--button-secondary-background-color-hover--hsl: 141, 41.176470588235325%, 93.33333333333333%;
--button-secondary-background-color-hover--light-hsl: 141, 41.176470588235325%, 103.33333333333334%;
--button-secondary-background-color-hover--dark-hsl: 141, 41.176470588235325%, 83.33333333333334%;
--button-secondary-background-color-hover--hsla: 141, 41.176470588235325%, 93.33333333333333%, 1.0;
--button-secondary-background-color-hover--light-hsla: 141, 41.176470588235325%, 103.33333333333334%, 1.0;
--button-secondary-background-color-hover--dark-hsla: 141, 41.176470588235325%, 83.33333333333334%, 1.0;
--header-background-color: #FFFFFF;
--header-background-color--light: #FFFFFF;
--header-background-color--dark: #E6E6E6;
--header-background-color--rgb: 255, 255, 255;
--header-background-color--light-rgb: 255, 255, 255;
--header-background-color--dark-rgb: 230, 230, 230;
--header-background-color--rgba: 255, 255, 255, 1.0;
--header-background-color--light-rgba: 255, 255, 255, 1.0;
--header-background-color--dark-rgba: 230, 230, 230, 1.0;
--header-background-color--hsl: 0, 0.0%, 100.0%;
--header-background-color--light-hsl: 0, 0.0%, 110.00000000000001%;
--header-background-color--dark-hsl: 0, 0.0%, 90.0%;
--header-background-color--hsla: 0, 0.0%, 100.0%, 1.0;
--header-background-color--light-hsla: 0, 0.0%, 110.00000000000001%, 1.0;
--header-background-color--dark-hsla: 0, 0.0%, 90.0%, 1.0;
--header-border-color: #E6E6E6;
--header-border-color--light: #FFFFFF;
--header-border-color--dark: #CDCDCD;
--header-border-color--rgb: 230, 230, 230;
--header-border-color--light-rgb: 255, 255, 255;
--header-border-color--dark-rgb: 205, 205, 205;
--header-border-color--rgba: 230, 230, 230, 1.0;
--header-border-color--light-rgba: 255, 255, 255, 1.0;
--header-border-color--dark-rgba: 205, 205, 205, 1.0;
--header-border-color--hsl: 0, 0.0%, 90.19607843137256%;
--header-border-color--light-hsl: 0, 0.0%, 100.19607843137254%;
--header-border-color--dark-hsl: 0, 0.0%, 80.19607843137256%;
--header-border-color--hsla: 0, 0.0%, 90.19607843137256%, 1.0;
--header-border-color--light-hsla: 0, 0.0%, 100.19607843137254%, 1.0;
--header-border-color--dark-hsla: 0, 0.0%, 80.19607843137256%, 1.0;
--page-abc-minikabinetti-bullet-point-1: "Äänieristetty";
--page-abc-minikabinetti-bullet-point-2: "2 x pistorasia";
--text-currently-no-stations-to-reserve: "Varattavia asemia ei ole tällä hetkellä saatavilla.";
--text-closed-at-selected-date: "Suljettu valittuna päivänä";
--station-address-4: "Oravasaarentie 2, 40800 Vaajakoski";
--page-abc-minikabinetti-description-2: "Se tarjoaa sinulle rauhallisen paikan työmatkan pysähdykseen tai kun työskentely ei ole mahdollista esim. kotona tai kesämökillä.";
--page-varaa-minikabinetti-date: "Päivämäärä";
--text-back-to-station-selection: "Takaisin asemavalintaan";
--cta-text-station-name-6: "ABC Hirvaskangas";
--cta-text-navigate: "Reitti";
--page-varaa-minikabinetti-header-text: "Varaa minikabinetti";
--cta-text-minikabinetti-1: "Minikabinetti 1";
--page-abc-minikabinetti-bullet-point-4: "WLAN-verkko";
--text-duration-unit-min: "min";
--cta-text-book: "Varaa";
--page-varaa-minikabinetti-station: "Asema:";
--page-varaa-minikabinetti-phone: "Puhelin";
--cta-text-privacy-statement: "Tietosuojaseloste";
--station-address-1: "Hallitie 2, 46860 Keltakangas";
--cta-text-station-name-4: "ABC Vaajakoski Jyväskylä";
--cta-text-station-name-7: "ABC Alavus";
--page-varaa-minikabinetti-start-time: "Alkamisaika";
--station-address-2: "Viitostie 1771, 70800 Kuopio";
--page-abc-minikabinetti-description-3: "Minikabinetissa on kaksi pistorasiaa ja käytettävissäsi on ABC-liikennemyymälän WLAN-verkko.";
--page-abc-minikabinetti-bullet-point-5: "5€ / 30 Minuuttia";
--station-address-7: "Piirantie 1, 63300 Alavus";
--cta-text-station-name-3: "ABC Palokka Jyväskylä";
--page-varaa-minikabinetti-name: "Nimi";
--cta-text-station-1-name: "ABC Anjalankoski Kouvola";
--cta-text-minikabinetti-2: "Minikabinetti 2";
--text-choose-space: "Valitse minikabinetti";
--station-address-5: "Kokkosalmentie 7, 44500 Viitasaari";
--page-abc-minikabinetti-text-welcome: "Tervetuloa ABC Minikabinettiin, jossa voit varata pienen kokoustilan helposti verkossa.";
--page-varaa-minikabinetti-opening-times: "Aukioloajat:";
--page-abc-minikabinetti-text-service-how-to-use: "Valitse sinulle sopiva aika kalenterista ja viimeistele varaus muutamassa vaiheessa.";
--text-customer-confirmation-email: "ABC Minikabinetti - Varausvahvistus";
--cta-text-book-service: "Varaa minikabinetti";
--page-abc-minikabinetti-description-4: "Voit vuokrata minikabinetin tarpeesi mukaan hintaan 5€ / puoli tuntia tai 50€ / 8 tuntia.";
--cta-text-station-name-2: "ABC Pitkälahti";
--station-address-6: "Suonenjoentie 10, 44250 Äänekoivisto";
--page-abc-minikabinetti-description-1: "Abc minikabinetti on äänieristetty tila 1-4 hengen käyttöön, esim. etätyötä, puhelinpalaveria, neuvottelua tai haastattelua varten.";
--text-page-title-select-station: "ABC Minikabinetti - Valitse asema";
--text-unavailable-time-slot: "Ei saatavilla";
--text-duration-unit-hour: "h";
--page-abc-minikabinetti-bullet-point-6: "50€ / 8 Tuntia";
--text-no-spaces-for-reservation-at-this-moment: "Tällä asemalla ei ole tällä hetkellä varattavia minikabinetteja.";
--page-varaa-minikabinetti-email: "Sähköposti";
--cta-text-station-name-5: "ABC Viitasaari";
--cta-text-back-to-frontpage: "Takaisin etusivulle";
--page-varaa-minikabinetti-minimum-time: "Vähimmäisvarausaika:";
--page-abc-minikabinetti-header: "ABC Minikabinetti";
--page-valitse-asema-choose-station: "Valitse asema";
--station-address-3: "Palokanorsi 10, 40270 Palokka";
--cta-text-back-to-selection: "Takaisin valintaan";
--page-varaa-minikabinetti-end-time: "Päättymisaika";
--page-abc-minikabinetti-bullet-point-3: "1-4 henkilöä";
--page-varaa-minikabinetti-minikabinetti: "Minikabinetti:";
--values-margin-s: 6;
--button-primary-corner-radius: 4;
--values-spacing-m: 18;
--values-spacing-xl: 48;
--values-margin-m: 12;
--values-spacing-s: 12;
--values-spacing-l: 24;
--typography-body-text-font-size: 16;
--values-spacing-xs: 6;
--typography-header-font-size: 48;
--image-product-image: url(https://cdn.brandwell.app/targets/abc/abcminikabinetti/abc-minikabinetti-dev/default/assets/image-product-image?t=1785932657.2621465);
--header-brand-logo: url(https://cdn.brandwell.app/targets/abc/abcminikabinetti/abc-minikabinetti-dev/default/assets/header-brand-logo?t=1785932657.2621465);
}
@font-face {font-family: "--button-secondary-font"; src: url(https://cdn.brandwell.app/targets/abc/abcminikabinetti/abc-minikabinetti-dev/default/assets/button-secondary-font?t=1785932657.2621465); }
@font-face {font-family: "--typography-body-text-font"; src: url(https://cdn.brandwell.app/targets/abc/abcminikabinetti/abc-minikabinetti-dev/default/assets/typography-body-text-font?t=1785932657.2621465); }
@font-face {font-family: "--link-font"; src: url(https://cdn.brandwell.app/targets/abc/abcminikabinetti/abc-minikabinetti-dev/default/assets/link-font?t=1785932657.2621465); }
@font-face {font-family: "--typography-body-text-bullet-point-font"; src: url(https://cdn.brandwell.app/targets/abc/abcminikabinetti/abc-minikabinetti-dev/default/assets/typography-body-text-bullet-point-font?t=1785932657.2621465); }
@font-face {font-family: "--typography-header-font"; src: url(https://cdn.brandwell.app/targets/abc/abcminikabinetti/abc-minikabinetti-dev/default/assets/typography-header-font?t=1785932657.2621465); }
@font-face {font-family: "--typography-bullet-point-bold"; src: url(https://cdn.brandwell.app/targets/abc/abcminikabinetti/abc-minikabinetti-dev/default/assets/typography-bullet-point-bold?t=1785932657.2621465); }
@font-face {font-family: "--button-primary-font"; src: url(https://cdn.brandwell.app/targets/abc/abcminikabinetti/abc-minikabinetti-dev/default/assets/button-primary-font?t=1785932657.2621465); }
@font-face {font-family: "--inputfield-header"; src: url(https://cdn.brandwell.app/targets/abc/abcminikabinetti/abc-minikabinetti-dev/default/assets/inputfield-header?t=1785932657.2621465); }