/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./apps/grobbee/src/styles.scss?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined);
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@angular/cdk/overlay-prebuilt.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./apps/grobbee/src/styles.scss?ngGlobalStyle (1) ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

body {
  background-color: white;
}

.cdk-drop-list-dragging .cdk-drag {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.cdk-drag-placeholder {
  background-color: #f7f7fa;
  border: 1px dotted #dddee3;
}
.cdk-drag-placeholder > * {
  visibility: hidden;
}

.cdk-drag-preview .cdk-drag {
  transform: translateX(4rem);
}

:root {
  --theme-color-primary: #00b0ea;
  --theme-color-primary-light: #f4fcff;
  --theme-color-base: #253b64;
  --theme-color-base-dark: #17253f;
  --theme-color-base-light: #d5dff0;
  --theme-color-error: #e73277;
  --theme-color-error-light: #fce9f0;
  --theme-color-info: #00b0ea;
  --theme-color-info-light: #eafaff;
  --theme-color-success: #9ab10b;
  --theme-color-success-light: #f8fdd7;
  --theme-color-warning: #dcab01;
  --theme-color-warning-light: #fff8e2;
  --theme-color-special: #e83278;
  --theme-color-special-light: #fde9f1;
}

:root {
  --theme-font-title: Klavika;
  --theme-font-text: Klavika;
}

body {
  font-family: var(--theme-font-text), sans-serif;
}

h1,
h2,
h3,
h4 {
  font-family: var(--theme-font-title), serif;
}

h5,
h6 {
  font-family: var(--theme-font-text), sans-serif;
}

@font-face {
  font-family: "Klavika";
  font-weight: 200;
  src: url("/assets/fonts/Klavika-Light.otf");
}
@font-face {
  font-family: "Klavika";
  font-weight: 400;
  src: url("/assets/fonts/Klavika-Regular.otf");
}
@font-face {
  font-family: "Klavika";
  font-weight: 500;
  src: url("/assets/fonts/Klavika-Medium.otf");
}
@font-face {
  font-family: "Klavika";
  font-weight: 600;
  src: url("/assets/fonts/Klavika-Bold.otf");
}

/*# sourceMappingURL=styles.css.map*/