/*  
    General imports for components
    NOTICE: Must not contain anything that generates classes or else it will be generated for every component that imports this file.
*/
/*
  SPACINGS
****************************************************************************/
/*
  FONT SETTINGS 
****************************************************************************/
/* Icon
****************************************************************************/
/*
  Z - Index overview
****************************************************************************/
/* Border Radius
****************************************************************************/
/* Breakpoints
****************************************************************************/
/* Elevation
****************************************************************************/
/* avatar
****************************************************************************/
/* Page
****************************************************************************/
/* Modal
****************************************************************************/
/* Item
****************************************************************************/
/* Dropdown
****************************************************************************/
/* Button, Checkbox, Page, Radio
****************************************************************************/
/* Checkbox, Radio
****************************************************************************/
/* Checkbox - size
****************************************************************************/
/* Transitions
****************************************************************************/
/* stylelint-disable */
/*  
    General imports for components
    NOTICE: Must not contain anything that generates classes or else it will be generated for every component that imports this file.
*/
/*  
    General imports for components
    NOTICE: Must not contain anything that generates classes or else it will be generated for every component that imports this file.
*/
/**
 * Outputs all keys from map as CSS class selector list
 */
/*
* This mixin is applied both in the section-header styles, for using
* headings and paragraphs directly, and in kirby-label styles, for
* wrapping them in a kirby-label within a section-header.
*/
/*  
    General imports for components
    NOTICE: Must not contain anything that generates classes or else it will be generated for every component that imports this file.
*/
:root,
:host {
  /* FONT-FAMILY */
  --kirby-font-family: 'Roboto';
  /* COLORS */
  --kirby-black: #1c1c1c;
  --kirby-black-rgb: 28, 28, 28;
  --kirby-black-contrast: #fff;
  --kirby-black-contrast-rgb: 255, 255, 255;
  --kirby-black-shade: rgb(24.64, 24.64, 24.64);
  --kirby-black-shade-rgb: 25, 25, 25;
  --kirby-black-tint: rgb(50.7, 50.7, 50.7);
  --kirby-black-tint-rgb: 51, 51, 51;
  --kirby-black-color-brightness: dark;
  --kirby-dark-overlay: rgba(28, 28, 28, 0.06);
  --kirby-dark-overlay-rgb: 28, 28, 28;
  --kirby-dark-overlay-contrast: #fff;
  --kirby-dark-overlay-contrast-rgb: 255, 255, 255;
  --kirby-dark-overlay-shade: rgba(5.1764705882, 5.1764705882, 5.1764705882, 0.1728);
  --kirby-dark-overlay-shade-rgb: 5, 5, 5;
  --kirby-dark-overlay-tint: rgba(205.5725806452, 205.5725806452, 205.5725806452, 0.154);
  --kirby-dark-overlay-tint-rgb: 206, 206, 206;
  --kirby-dark-overlay-color-brightness: dark;
  --kirby-dark: #353535;
  --kirby-dark-rgb: 53, 53, 53;
  --kirby-dark-contrast: #fff;
  --kirby-dark-contrast-rgb: 255, 255, 255;
  --kirby-dark-shade: rgb(46.64, 46.64, 46.64);
  --kirby-dark-shade-rgb: 47, 47, 47;
  --kirby-dark-tint: rgb(73.2, 73.2, 73.2);
  --kirby-dark-tint-rgb: 73, 73, 73;
  --kirby-dark-color-brightness: dark;
  --kirby-semi-dark: #8e8e8e;
  --kirby-semi-dark-rgb: 142, 142, 142;
  --kirby-semi-dark-contrast: #1c1c1c;
  --kirby-semi-dark-contrast-rgb: 28, 28, 28;
  --kirby-semi-dark-shade: rgb(124.96, 124.96, 124.96);
  --kirby-semi-dark-shade-rgb: 125, 125, 125;
  --kirby-semi-dark-tint: rgb(153.3, 153.3, 153.3);
  --kirby-semi-dark-tint-rgb: 153, 153, 153;
  --kirby-semi-dark-color-brightness: light;
  --kirby-medium: #d1d1d1;
  --kirby-medium-rgb: 209, 209, 209;
  --kirby-medium-contrast: #1c1c1c;
  --kirby-medium-contrast-rgb: 28, 28, 28;
  --kirby-medium-shade: rgb(183.92, 183.92, 183.92);
  --kirby-medium-shade-rgb: 184, 184, 184;
  --kirby-medium-tint: rgb(213.6, 213.6, 213.6);
  --kirby-medium-tint-rgb: 214, 214, 214;
  --kirby-medium-color-brightness: light;
  --kirby-semi-light: #ebebeb;
  --kirby-semi-light-rgb: 235, 235, 235;
  --kirby-semi-light-contrast: #1c1c1c;
  --kirby-semi-light-contrast-rgb: 28, 28, 28;
  --kirby-semi-light-shade: rgb(206.8, 206.8, 206.8);
  --kirby-semi-light-shade-rgb: 207, 207, 207;
  --kirby-semi-light-tint: #ededed;
  --kirby-semi-light-tint-rgb: 237, 237, 237;
  --kirby-semi-light-color-brightness: light;
  --kirby-light: #f2f2f2;
  --kirby-light-rgb: 242, 242, 242;
  --kirby-light-contrast: #1c1c1c;
  --kirby-light-contrast-rgb: 28, 28, 28;
  --kirby-light-shade: rgb(212.96, 212.96, 212.96);
  --kirby-light-shade-rgb: 213, 213, 213;
  --kirby-light-tint: rgb(243.3, 243.3, 243.3);
  --kirby-light-tint-rgb: 243, 243, 243;
  --kirby-light-color-brightness: light;
  --kirby-white-overlay: rgba(255, 255, 255, 0.15);
  --kirby-white-overlay-rgb: 255, 255, 255;
  --kirby-white-overlay-contrast: #1c1c1c;
  --kirby-white-overlay-contrast-rgb: 28, 28, 28;
  --kirby-white-overlay-shade: rgba(95.0847457627, 95.0847457627, 95.0847457627, 0.252);
  --kirby-white-overlay-shade-rgb: 95, 95, 95;
  --kirby-white-overlay-tint: rgba(255, 255, 255, 0.235);
  --kirby-white-overlay-tint-rgb: 255, 255, 255;
  --kirby-white-overlay-color-brightness: white;
  --kirby-white: #fff;
  --kirby-white-rgb: 255, 255, 255;
  --kirby-white-contrast: #1c1c1c;
  --kirby-white-contrast-rgb: 28, 28, 28;
  --kirby-white-shade: rgb(224.4, 224.4, 224.4);
  --kirby-white-shade-rgb: 224, 224, 224;
  --kirby-white-tint: white;
  --kirby-white-tint-rgb: 255, 255, 255;
  --kirby-white-color-brightness: white;
  --kirby-background-color: #f6f6f6;
  --kirby-background-color-rgb: 246, 246, 246;
  --kirby-background-color-contrast: #1c1c1c;
  --kirby-background-color-contrast-rgb: 28, 28, 28;
  --kirby-background-color-shade: rgb(216.48, 216.48, 216.48);
  --kirby-background-color-shade-rgb: 216, 216, 216;
  --kirby-background-color-tint: rgb(246.9, 246.9, 246.9);
  --kirby-background-color-tint-rgb: 247, 247, 247;
  --kirby-background-color-color-brightness: light;
  --kirby-danger: #e95458;
  --kirby-danger-rgb: 233, 84, 88;
  --kirby-danger-contrast: #1c1c1c;
  --kirby-danger-contrast-rgb: 28, 28, 28;
  --kirby-danger-shade: #c5474a;
  --kirby-danger-shade-rgb: 197, 71, 74;
  --kirby-danger-tint: #f0898c;
  --kirby-danger-tint-rgb: 240, 137, 140;
  --kirby-danger-color-brightness: light;
  --kirby-warning: #ffaa61;
  --kirby-warning-rgb: 255, 170, 97;
  --kirby-warning-contrast: #1c1c1c;
  --kirby-warning-contrast-rgb: 28, 28, 28;
  --kirby-warning-shade: #d9731b;
  --kirby-warning-shade-rgb: 217, 115, 27;
  --kirby-warning-tint: #ffbb81;
  --kirby-warning-tint-rgb: 255, 187, 129;
  --kirby-warning-color-brightness: light;
  --kirby-success: #47d489;
  --kirby-success-rgb: 71, 212, 137;
  --kirby-success-contrast: #1c1c1c;
  --kirby-success-contrast-rgb: 28, 28, 28;
  --kirby-success-shade: #349c65;
  --kirby-success-shade-rgb: 52, 156, 101;
  --kirby-success-tint: #80e1ae;
  --kirby-success-tint-rgb: 128, 225, 174;
  --kirby-success-color-brightness: light;
  --kirby-tertiary: #01352c;
  --kirby-tertiary-rgb: 1, 53, 44;
  --kirby-tertiary-contrast: #fff;
  --kirby-tertiary-contrast-rgb: 255, 255, 255;
  --kirby-tertiary-shade: rgb(0.88, 46.64, 38.72);
  --kirby-tertiary-shade-rgb: 1, 47, 39;
  --kirby-tertiary-tint: rgb(26.4, 73.2, 65.1);
  --kirby-tertiary-tint-rgb: 26, 73, 65;
  --kirby-tertiary-color-brightness: dark;
  --kirby-secondary: #005c3c;
  --kirby-secondary-rgb: 0, 92, 60;
  --kirby-secondary-contrast: #fff;
  --kirby-secondary-contrast-rgb: 255, 255, 255;
  --kirby-secondary-shade: rgb(0, 80.96, 52.8);
  --kirby-secondary-shade-rgb: 0, 81, 53;
  --kirby-secondary-tint: rgb(25.5, 108.3, 79.5);
  --kirby-secondary-tint-rgb: 25, 108, 80;
  --kirby-secondary-color-brightness: dark;
  --kirby-primary: #00e89a;
  --kirby-primary-rgb: 0, 232, 154;
  --kirby-primary-contrast: #1c1c1c;
  --kirby-primary-contrast-rgb: 28, 28, 28;
  --kirby-primary-shade: rgb(0, 204.16, 135.52);
  --kirby-primary-shade-rgb: 0, 204, 136;
  --kirby-primary-tint: rgb(25.5, 234.3, 164.1);
  --kirby-primary-tint-rgb: 25, 234, 164;
  --kirby-primary-color-brightness: light;
  /* TEXT-COLORS */
  --kirby-text-color-negative: #a13a3d;
  --kirby-text-color-negative-rgb: 161, 58, 61;
  --kirby-text-color-negative-contrast: #fff;
  --kirby-text-color-negative-contrast-rgb: 255, 255, 255;
  --kirby-text-color-negative-shade: rgb(141.68, 51.04, 53.68);
  --kirby-text-color-negative-shade-rgb: 142, 51, 54;
  --kirby-text-color-negative-tint: rgb(170.4, 77.7, 80.4);
  --kirby-text-color-negative-tint-rgb: 170, 78, 80;
  --kirby-text-color-negative-color-brightness: dark;
  --kirby-text-color-positive: #267149;
  --kirby-text-color-positive-rgb: 38, 113, 73;
  --kirby-text-color-positive-contrast: #fff;
  --kirby-text-color-positive-contrast-rgb: 255, 255, 255;
  --kirby-text-color-positive-shade: rgb(33.44, 99.44, 64.24);
  --kirby-text-color-positive-shade-rgb: 33, 99, 64;
  --kirby-text-color-positive-tint: rgb(59.7, 127.2, 91.2);
  --kirby-text-color-positive-tint-rgb: 60, 127, 91;
  --kirby-text-color-positive-color-brightness: dark;
  --kirby-text-color-danger: #ee0d0d;
  --kirby-text-color-danger-rgb: 238, 13, 13;
  --kirby-text-color-danger-contrast: #fff;
  --kirby-text-color-danger-contrast-rgb: 255, 255, 255;
  --kirby-text-color-danger-shade: #c5474a;
  --kirby-text-color-danger-shade-rgb: 197, 71, 74;
  --kirby-text-color-danger-tint: #f0898c;
  --kirby-text-color-danger-tint-rgb: 240, 137, 140;
  --kirby-text-color-danger-color-brightness: dark;
  --kirby-text-color-black: #1c1c1c;
  --kirby-text-color-black-rgb: 28, 28, 28;
  --kirby-text-color-black-contrast: #fff;
  --kirby-text-color-black-contrast-rgb: 255, 255, 255;
  --kirby-text-color-black-shade: rgb(24.64, 24.64, 24.64);
  --kirby-text-color-black-shade-rgb: 25, 25, 25;
  --kirby-text-color-black-tint: rgb(50.7, 50.7, 50.7);
  --kirby-text-color-black-tint-rgb: 51, 51, 51;
  --kirby-text-color-black-color-brightness: dark;
  --kirby-text-color-semi-dark: #707070;
  --kirby-text-color-semi-dark-rgb: 112, 112, 112;
  --kirby-text-color-semi-dark-contrast: #fff;
  --kirby-text-color-semi-dark-contrast-rgb: 255, 255, 255;
  --kirby-text-color-semi-dark-shade: rgb(98.56, 98.56, 98.56);
  --kirby-text-color-semi-dark-shade-rgb: 99, 99, 99;
  --kirby-text-color-semi-dark-tint: rgb(126.3, 126.3, 126.3);
  --kirby-text-color-semi-dark-tint-rgb: 126, 126, 126;
  --kirby-text-color-semi-dark-color-brightness: dark;
  --kirby-text-color-white: #fff;
  --kirby-text-color-white-rgb: 255, 255, 255;
  --kirby-text-color-white-contrast: #1c1c1c;
  --kirby-text-color-white-contrast-rgb: 28, 28, 28;
  --kirby-text-color-white-shade: rgb(224.4, 224.4, 224.4);
  --kirby-text-color-white-shade-rgb: 224, 224, 224;
  --kirby-text-color-white-tint: white;
  --kirby-text-color-white-tint-rgb: 255, 255, 255;
  --kirby-text-color-white-color-brightness: white;
  /* DECORATION-COLORS */
  --kirby-decoration-color-blue-10: #abe3f2;
  --kirby-decoration-color-blue-20: #88d7ec;
  --kirby-decoration-color-blue-30: #66cbe7;
  --kirby-decoration-color-blue-40: #43c0e1;
  --kirby-decoration-color-blue-50: #21b4dc;
  --kirby-decoration-color-blue-60: #1c98ba;
  --kirby-decoration-color-blue-70: #177c98;
  --kirby-decoration-color-blue-80: #126076;
  --kirby-decoration-color-blue-90: #0d4454;
  --kirby-decoration-color-green-10: #b9efd2;
  --kirby-decoration-color-green-20: #9de8c0;
  --kirby-decoration-color-green-30: #80e1ae;
  --kirby-decoration-color-green-40: #64db9b;
  --kirby-decoration-color-green-50: #47d489;
  --kirby-decoration-color-green-60: #3cb374;
  --kirby-decoration-color-green-70: #349c65;
  --kirby-decoration-color-green-80: #267149;
  --kirby-decoration-color-green-90: #1b5134;
  --kirby-decoration-color-purple-10: #e4d4e7;
  --kirby-decoration-color-purple-20: #d9c3de;
  --kirby-decoration-color-purple-30: #ceb1d4;
  --kirby-decoration-color-purple-40: #c3a0cb;
  --kirby-decoration-color-purple-50: #b88ec1;
  --kirby-decoration-color-purple-60: #9b78a3;
  --kirby-decoration-color-purple-70: #7f6285;
  --kirby-decoration-color-purple-80: #624c67;
  --kirby-decoration-color-purple-90: #463649;
  --kirby-decoration-color-red-10: #f7bec0;
  --kirby-decoration-color-red-20: #f3a4a6;
  --kirby-decoration-color-red-30: #f0898c;
  --kirby-decoration-color-red-40: #ec6f72;
  --kirby-decoration-color-red-50: #e95458;
  --kirby-decoration-color-red-60: #c5474a;
  --kirby-decoration-color-red-70: #a13a3d;
  --kirby-decoration-color-red-80: #7d2d2f;
  --kirby-decoration-color-red-90: #592021;
  --kirby-decoration-color-yellow-10: #fde8ae;
  --kirby-decoration-color-yellow-20: #fddf8d;
  --kirby-decoration-color-yellow-30: #fcd66c;
  --kirby-decoration-color-yellow-40: #fccc4b;
  --kirby-decoration-color-yellow-50: #fbc32a;
  --kirby-decoration-color-yellow-60: #d4a523;
  --kirby-decoration-color-yellow-70: #ad871d;
  --kirby-decoration-color-yellow-80: #866816;
  --kirby-decoration-color-yellow-90: #5f4a10;
  --kirby-decoration-color-orange-10: #ffead8;
  --kirby-decoration-color-orange-20: #ffd8b5;
  --kirby-decoration-color-orange-30: #ffbb81;
  --kirby-decoration-color-orange-40: #ffaa61;
  --kirby-decoration-color-orange-50: #ff9d48;
  --kirby-decoration-color-orange-60: #d9731b;
  --kirby-decoration-color-orange-70: #b56118;
  --kirby-decoration-color-orange-80: #8e511b;
  --kirby-decoration-color-orange-90: #5a310d;
  /* OVERLAY-COLORS */
  --kirby-white-overlay-10: rgba(255, 255, 255, 0.1);
  --kirby-white-overlay-20: rgba(255, 255, 255, 0.2);
  --kirby-white-overlay-30: rgba(255, 255, 255, 0.3);
  --kirby-white-overlay-40: rgba(255, 255, 255, 0.4);
  --kirby-white-overlay-50: rgba(255, 255, 255, 0.5);
  --kirby-dark-overlay-10: rgba(28, 28, 28, 0.1);
  --kirby-dark-overlay-20: rgba(28, 28, 28, 0.2);
  --kirby-dark-overlay-30: rgba(28, 28, 28, 0.3);
  --kirby-dark-overlay-40: rgba(28, 28, 28, 0.4);
  --kirby-dark-overlay-50: rgba(28, 28, 28, 0.5);
  /* BORDER RADIUS */
  --kirby-border-radius-xxs: 2px;
  --kirby-border-radius-xs: 4px;
  --kirby-border-radius-s: 8px;
  --kirby-border-radius-n: 16px;
  --kirby-border-radius-l: 24px;
  --kirby-border-radius-xl: 32px;
  --kirby-border-radius-circle: 50%;
  --kirby-border-radius-pill: 999px;
  /* ELEVATIONS */
  --kirby-elevation-2: 0 1px 24px 0 rgba(28, 28, 28, 0.04);
  --kirby-elevation-4: 0 0 5px 0 rgba(28, 28, 28, 0.04), 0 10px 15px -10px rgba(28, 28, 28, 0.15);
  --kirby-elevation-8: 0 20px 30px -15px rgba(28, 28, 28, 0.3), 0 0 5px 0 rgba(28, 28, 28, 0.08);
  /* FONT-SIZES */
  --kirby-font-size-xxxxl: 72px;
  --kirby-font-size-xxxl: 56px;
  --kirby-font-size-xxl: 40px;
  --kirby-font-size-xl: 32px;
  --kirby-font-size-l: 22px;
  --kirby-font-size-m: 18px;
  --kirby-font-size-n: 16px;
  --kirby-font-size-s: 14px;
  --kirby-font-size-xs: 12px;
  --kirby-font-size-xxs: 10px;
  /* FONT-WEIGHT */
  --kirby-font-weight-light: 300;
  --kirby-font-weight-normal: 400;
  --kirby-font-weight-medium: 500;
  --kirby-font-weight-bold: 700;
  --kirby-font-weight-black: 900;
  /* LINE-HEIGHT */
  --kirby-line-height-xl: 38px;
  --kirby-line-height-l: 28px;
  --kirby-line-height-m: 24px;
  --kirby-line-height-n: 24px;
  --kirby-line-height-s: 20px;
  --kirby-line-height-xs: 16px;
  --kirby-line-height-xxs: 11px;
  /* SPACINGS */
  --kirby-spacing-xxxxxl: 72px;
  --kirby-spacing-xxxxl: 64px;
  --kirby-spacing-xxxl: 56px;
  --kirby-spacing-xxl: 48px;
  --kirby-spacing-xl: 40px;
  --kirby-spacing-l: 32px;
  --kirby-spacing-m: 24px;
  --kirby-spacing-s: 16px;
  --kirby-spacing-xs: 12px;
  --kirby-spacing-xxs: 8px;
  --kirby-spacing-xxxs: 4px;
  --kirby-spacing-xxxxs: 2px;
  /* FAT FINGER SIZE */
  --kirby-size-fat-finger: 44px;
  /* Z-INDEXES */
  --kirby-z-index-default: 1;
  --kirby-z-index-segment-badge: 2;
  --kirby-z-index-avatar-badge: 2;
  --kirby-z-index-sticky-content: 10;
  --kirby-z-index-dropdown: 800;
  --kirby-z-index-popover: 850;
  --kirby-z-index-modal-overlay: 900;
  --kirby-z-index-modal: 901;
  --kirby-z-index-loading-overlay: 1001;
  /* BREAKPOINTS */
  --kirby-breakpoint-xsmall: 320px;
  --kirby-breakpoint-small: 632px;
  --kirby-breakpoint-medium: 768px;
  --kirby-breakpoint-large: 992px;
  --kirby-breakpoint-xlarge: 1440px;
  /* TRANSITIONS */
  --kirby-transition-duration-quick: 200ms;
  --kirby-transition-duration-short: 300ms;
  --kirby-transition-duration-long: 500ms;
  --kirby-transition-duration-extra-long: 1000ms;
  --kirby-transition-easing-static: linear;
  --kirby-transition-easing-enter: ease-out;
  --kirby-transition-easing-exit: ease-in;
  --kirby-transition-easing-enter-exit: ease;
  --kirby-transition-easing-motion: cubic-bezier(0.25, 0.1, 0.25, 1);
  --kirby-transition-easing-modal-enter: cubic-bezier(0.32, 0.72, 0, 1);
  --kirby-transition-easing-modal-exit: cubic-bezier(0.32, 0.72, 0, 1);
  --kirby-transition-soft-keyboard-enter: 250ms ease-out 1ms;
  --kirby-transition-soft-keyboard-leave: 150ms ease-out;
}