/* You can add global styles to this file, and also import other style files */
@tailwind base;
@tailwind components;
@tailwind utilities;
:root {
  --white: #dadada;
  --black: #303030;
  --red: #ff0000;
  --green: #00ff00;
  --blue: #0000ff;
  --yellow: #ffff00;
}

@font-face {
  font-family: "Montserrat";
  src: url("./assets/fonts/Montserrat-VariableFont_wght.ttf") format("truetype");
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Montserrat, sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
html {
  position: relative;
}
body {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}
ngneat-dialog {
  .ngneat-dialog-backdrop {
    pointer-events: none;
    .ngneat-dialog-content {
      pointer-events: all;
      border-radius: 10px;
      span {
        font-weight: 600;
        user-select: none;
      }
      .btns {
        fa-icon {
          z-index: 999;
          cursor: not-allowed;
        }
      }
      .ngneat-drag-marker {
        height: 3rem;
      }
    }
  }
}