/*
MIT License

Copyright (c) Nicolas Gallagher
Copyright (c) Jonathan Neal
Copyright (c) Sindre Sorhus <sindresorhus@gmail.com> (sindresorhus.com)
Copyright (c) Adam Wathan
Copyright (c) Jonathan Reinink

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

---------------------------------------
  Baseline CSS that was generated from Tailwind 3.4.15 "@base" layer + comments from the original source
---------------------------------------
*/

*,
:after,
:before {
  box-sizing: border-box; /* Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) */
  border: 0 solid; /* Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */
}

html {
  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS. */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol,
    Noto Color Emoji;
  line-height: 1.5; /* Use a consistent sensible line-height in all browsers. */
  tab-size: 4; /* Use a more readable tab size. */
}

body {
  line-height: inherit; /* Inherit line-height from `html` so users can set them as a class directly on the `html` element. */
  margin: 0; /* Remove the margin in all browsers. */
}

hr {
  border-top-width: 1px; /* Ensure horizontal rules are visible by default. */
  color: inherit; /* Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) */
  height: 0; /* Add the correct height in Firefox. */
}

/* Add the correct text decoration in Chrome, Edge, and Safari. */
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

/* Remove the default font size and weight for headings. */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/* Reset links to optimize for opt-in styling instead of opt-out. */
a {
  color: inherit;
  text-decoration: inherit;
}

/* Add the correct font weight in Edge and Safari. */
b,
strong {
  font-weight: bolder;
}

code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New,
    monospace;
  font-size: 1em; /* Correct the odd `em` font sizing in all browsers. */
}

/* Add the correct font size in all browsers. */
small {
  font-size: 80%;
}

/* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: initial;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  border-collapse: collapse; /* Remove gaps between table borders by default. */
  border-color: inherit; /* Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) */
  text-indent: 0; /* Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) */
}

button,
input,
optgroup,
select,
textarea {
  margin: 0; /* Remove the margin in Firefox and Safari. */
  padding: 0; /* Remove default padding in all browsers. */
  /* Change the font styles in all browsers. */
  color: inherit;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
}

/* Remove the inheritance of text transform in Edge and Firefox. */
button,
select {
  text-transform: none;
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari. */
  /* Remove default button styles. */
  background-color: initial;
  background-image: none;
}

/* Use the modern Firefox focus style for all focusable elements. */
:-moz-focusring {
  outline: auto;
}

/* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */
:-moz-ui-invalid {
  box-shadow: none;
}

/* Add the correct vertical alignment in Chrome and Firefox. */
progress {
  vertical-align: initial;
}

/* Correct the cursor style of increment and decrement buttons in Safari. */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

[type='search'] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari. */
  outline-offset: -2px; /* Correct the outline style in Safari. */
}

/* Remove the inner padding in Chrome and Safari on macOS. */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari. */
  font: inherit; /* Change font properties to `inherit` in Safari. */
}

/* Add the correct display in Chrome and Safari. */
summary {
  display: list-item;
}

/* Removes the default spacing and border for appropriate elements. */
blockquote,
dd,
dl,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0;
}

fieldset,
legend {
  padding: 0;
}

menu,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Reset default styling for dialogs. */
dialog {
  padding: 0;
}

/* Prevent resizing textareas horizontally by default. */
textarea {
  resize: vertical;
}

input::placeholder,
textarea::placeholder {
  color: #9ca3af; /* Set the default placeholder color to the user's configured gray 400 color. */
  opacity: 1; /* Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) */
}

/* Set the default cursor for buttons. */
button,
[role='button'] {
  cursor: pointer;
}

/* Make sure disabled buttons don't get the pointer cursor. */
:disabled {
  cursor: default;
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block; /* Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) */
  vertical-align: middle; /* Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */
}

/* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */
img,
video {
  height: auto;
}

/*
---------------------------------------
  Anyword Platform specific styles
---------------------------------------
*/
html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

#app {
  position: relative;
  width: 100vw;
  min-height: 100dvh;
}

/* Global CSS variables */
:root {
  /* MUI related */
  --z-index-mobile-stepper: 1000;
  --z-index-speed-dial: 1050;
  --z-index-app-bar: 1100;
  --z-index-drawer: 1200;
  --z-index-modal: 1300;
  --z-index-snackbar: 1400;
  --z-index-tooltip: 1500;

  /* colors */
  --color-primary-active: #0c5cef;
  --color-primary-default: #3d7ffe;
  --color-primary-dark: #2a58b1;
  --color-primary-medium: #91b6ff;
  --color-primary-light: #c9dbff;
  --color-primary-silver: #ecf2ff;

  --color-neutral-black: #0a1329;
  --color-neutral-white: #ffffff;

  --color-gray-white: #ffffff;
  --color-gray-black: #1e1e1e;
  --color-gray-gray30: #626266;
  --color-gray-gray40: #8c8c8c;
  --color-gray-gray50: #b4b4b4;
  --color-gray-gray60: #e2e2e2;
  --color-gray-gray70: #e9e9e9;
  --color-gray-gray80: #f0f0f0;
  --color-gray-gray90: #f6f6f6;
  --color-gray-background: #fafafa;

  /* border-radius */
  --border-radius-minimal: 2px;
  --border-radius-small: 4px;
  --border-radius-medium: 6px;
  --border-radius: 8px;
  --border-radius-semi-large: 12px;
  --border-radius-large: 16px;
  --border-radius-extra-large: 40px;

  /* border */
  --border-gray-40: 1px solid var(--color-gray-gray40);
  --border-gray-50: 1px solid var(--color-gray-gray50);
  --border-gray-60: 1px solid var(--color-gray-gray60);
  --border-gray-70: 1px solid var(--color-gray-gray70);
  --border-gray-80: 1px solid var(--color-gray-gray80);

  /* box-shadow */
  --box-shadow-large: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);

  /* font-weight */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
}