@charset "UTF-8";
/* -----------------------------------------
   Variables
----------------------------------------- */
*, ::before, ::after {
  box-sizing: border-box;
  border-width: 0;
}

html, body {
  padding: 0;
  margin: 0;
}

button, input, select, textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

*:focus-visible {
  outline: 2px solid #1967D2;
}

:root {
  --site-interaction-base-values: 0 0 0;
  --focus-outline-color: #1967D2;
}

body {
  font-family: "Inter", "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212121;
  height: 100vh;
}

section {
  position: relative;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Inter", "Roboto", sans-serif;
  font-weight: 400;
  line-height: 1.2;
  color: #212121;
}

h1, .h1 {
  font-family: "Inter", "Inter", "Roboto", sans-serif;
  font-size: 3rem;
  margin-top: 0;
  margin-bottom: 0;
}

h2, .h2 {
  font-size: 1.5rem;
}

h3, .h3 {
  font-size: 1.3125rem;
}

h4, .h4 {
  font-size: 1.125rem;
}

h5, .h5 {
  font-size: 0.9375rem;
}

h6, .h6 {
  font-size: 0.9375rem;
}

dt a {
  font-weight: 500;
}

a, button {
  text-decoration: none;
  color: #1967D2;
  font-family: "Inter", "Roboto", sans-serif;
  font-weight: 400;
  cursor: pointer;
  background: none;
}
a:visited, button:visited {
  color: #1967D2;
}
a.filled-button, button.filled-button {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
  gap: 0.5rem;
  width: fit-content;
  background-color: #1967D2;
  color: #FFF;
  text-decoration: none;
  border-radius: 0.25rem;
  cursor: pointer;
  font-family: "Inter", "Roboto", sans-serif;
  font-size: 1.25rem;
  white-space: nowrap;
  outline-offset: 2px;
}
a.filled-button:hover, button.filled-button:hover {
  background-image: linear-gradient(rgb(var(--site-interaction-base-values)/4%) 0 0);
  color: #FFF;
  text-decoration: none;
}
a.filled-button:focus, button.filled-button:focus {
  color: #FFF;
  outline: 2px solid var(--focus-outline-color);
}
a.filled-button:active, button.filled-button:active {
  background-image: linear-gradient(rgb(var(--site-interaction-base-values)/8%) 0 0);
  color: #FFF;
}

button:hover, button:focus, button:active {
  color: #043875;
  outline: none;
  text-decoration: none;
}
button:active {
  color: #042B59;
}

a {
  border-radius: 0.2rem;
}
a:hover {
  text-decoration: underline;
}
a:active {
  color: #0553B1;
}

ul {
  padding-inline-start: 2rem;
}

img {
  max-width: 100%;
  height: auto;
}

dd {
  margin-bottom: 0.75rem;
  margin-top: 0.25rem;
}

blockquote {
  border: solid #b3b3b3;
  border-width: 1px 0;
  margin: 20px;
  padding: 10px 20px 0 20px;
}

details {
  margin-block-start: 1rem;
  margin-block-end: 1rem;
}
details > summary {
  font-weight: 500;
  user-select: none;
  cursor: pointer;
}
details > summary:hover {
  color: #1967D2;
}
details[open] {
  margin-bottom: unset;
}
details[open] > summary {
  margin-bottom: 0.75rem;
}
details > :not(:first-child) {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

figure figcaption {
  text-align: center;
}

.side-by-side {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr));
  column-gap: 2rem;
  row-gap: 0;
  justify-content: center;
}

.centered-rows {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 1rem;
  margin-right: 1rem;
  justify-content: center;
}

.text-center {
  text-align: center;
}

.banner {
  position: relative;
  background-color: #121a26;
  padding: 12px 0;
  text-align: center;
  z-index: 500;
}
.banner p {
  font-family: "Inter", "Roboto", sans-serif;
  font-size: 16px;
  color: white;
  margin: 0;
  padding-left: 1em;
  padding-right: 1em;
}
.banner p a {
  color: #40C4FF;
}
.banner p a:hover, .banner p a:focus, .banner p a:active {
  color: rgb(0, 149.9685863874, 217);
}

.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--card-min-width, 18rem)), 1fr));
  gap: var(--card-grid-gap, 1rem);
  margin: 0 0 1rem;
  justify-content: center;
}
.card-grid .card {
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  padding: 0.75rem;
  gap: 0.5rem;
  background-color: var(--card-container-color, rgb(242, 245, 255));
  height: auto;
  scroll-margin: 2rem;
}
.card-grid .card.hidden {
  display: none;
}
.card-grid .card.outlined-card {
  border: 1px solid var(--card-border-color, rgba(0, 0, 0, 0.125));
}
.card-grid .card .card-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.card-grid .card .card-header .card-title {
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0;
  overflow: hidden;
  font-family: "Inter", "Roboto", sans-serif;
  color: var(--card-title-color, #212121);
}
.card-grid .card .card-content {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.95rem;
  color: var(--card-text-color, #212121);
}
.card-grid .card .card-content p {
  margin: 0;
  margin-block-end: 0.75rem;
}
.card-grid .card .card-content p code {
  font-size: 0.95em;
  background-color: rgba(0, 0, 0, 0.05);
  color: var(--card-text-color, #212121);
  border-radius: 0.25rem;
  padding: 0.1rem 0.25rem;
  text-wrap: nowrap;
}
.card-grid .card .material-symbols {
  user-select: none;
}
.card-grid a.card {
  text-decoration: none;
}
.card-grid a.card .card-header {
  --card-title-color: #1967D2;
}
.card-grid a.card:hover {
  background-image: linear-gradient(rgb(var(--site-interaction-base-values)/3%) 0 0);
}
.card-grid a.card:active {
  background-image: linear-gradient(rgb(var(--site-interaction-base-values)/6%) 0 0);
}
.card-grid a.card:focus-visible {
  outline: 2px solid var(--focus-outline-color);
  border-color: transparent;
}

*:not(pre) > code {
  font-size: 0.9em;
  line-height: 1.25em;
  padding: 0.1rem 0.25rem;
  background-color: #DADCE0;
  background-color: color-mix(in srgb, #DADCE0 35%, transparent);
  border: 1px solid rgb(195, 201, 214);
  border-radius: 0.25rem;
  word-wrap: break-word;
  white-space: nowrap;
}

pre {
  margin: 0 0 1rem;
  font-size: 0.9375rem;
  font-weight: 400;
  padding: 1.25rem;
}
pre code {
  white-space: pre;
}
pre a {
  font-family: inherit;
  font-weight: inherit;
}
pre .highlight {
  background: #FFF59C;
  padding: 0.1em;
}
.highlight-diagnostics pre .highlight {
  border-bottom: 2px #F44336 dashed;
  background: inherit;
  padding: 0;
}
pre:focus {
  outline: none;
}
pre span.line {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  width: 100%;
}
pre span.line.highlighted-line {
  background: rgba(25, 103, 210, 0.1);
}
pre.show-line-numbers code span.line {
  padding-left: 0.5rem;
}
pre.show-line-numbers code span.line[data-line]::before {
  display: inline-block;
  content: attr(data-line) "";
  width: 2em;
  margin-right: 0.5rem;
  text-align: right;
  color: #8d9399;
}

.code-copy-button {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 10;
  width: 2rem;
  height: 2rem;
  padding: 0;
  font: 24px/1 "Material Symbols Outlined";
  appearance: none;
  border: none;
  color: #6E7274;
  background: none;
  opacity: 0;
  transition: opacity 0.4s;
}
.code-copy-button:hover, .code-copy-button:focus {
  color: #1967D2;
  opacity: 1;
}
.code-copy-button:active {
  color: #043875;
}

.code-block-language {
  font-family: "Inter Mono", "Roboto Mono", Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace;
  user-select: none;
  font-size: 0.8125rem;
  color: #6E7274;
  opacity: 1;
  transition: opacity 0.25s;
  position: absolute;
  top: 3px;
  right: 6px;
  z-index: 5;
}
.highlight-languages .language-dart .code-block-language {
  color: #1967D2;
}
.highlight-languages .language-js .code-block-language {
  color: #f1a85a;
}
.highlight-languages .language-swift .code-block-language {
  color: #f05137;
}
.highlight-languages :not(.has-tag) .code-block-language {
  font-size: 0.875rem;
  left: 6px;
  right: unset;
}

.code-block-tag {
  font-family: "Inter Mono", "Roboto Mono", Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace;
  font-size: 0.8125rem;
  font-weight: 500;
  position: absolute;
  top: 3px;
  left: 6px;
}
.tag-good .code-block-tag, .tag-passes-sa .code-block-tag, .tag-runtime-success .code-block-tag {
  color: #155723;
}
.tag-bad .code-block-tag, .tag-fails-sa .code-block-tag, .tag-runtime-fail .code-block-tag {
  color: #cb1425;
}

.code-block-wrapper {
  margin-block-start: 1rem;
  margin-block-end: 1rem;
  border: 1px solid #E8EAED;
}
.code-block-wrapper .code-block-header {
  background-color: #e9ecef;
  border-bottom: 1px solid #E8EAED;
  font-size: 0.9375rem;
  font-weight: 500;
  padding: 0.75rem 0.5rem 0.67rem 1rem;
}
.code-block-wrapper .code-block-body {
  position: relative;
  background-color: #F8F9FA;
}
.code-block-wrapper .code-block-body:hover .code-block-language, .code-block-wrapper .code-block-body:focus-within .code-block-language {
  opacity: 0;
}
.code-block-wrapper .code-block-body:hover .code-copy-button, .code-block-wrapper .code-block-body:focus-within .code-copy-button {
  opacity: 1;
}
.code-block-wrapper .code-block-body.tag-good, .code-block-wrapper .code-block-body.tag-passes-sa, .code-block-wrapper .code-block-body.tag-runtime-success {
  background-color: #f1fbf9;
}
.code-block-wrapper .code-block-body.tag-bad, .code-block-wrapper .code-block-body.tag-fails-sa, .code-block-wrapper .code-block-body.tag-runtime-fail {
  background-color: #fef3f6;
}
.code-block-wrapper:has(:focus-visible) {
  border-color: #1389FD;
}
.code-block-wrapper pre {
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0;
  overflow-x: scroll;
}
.code-block-wrapper pre:not([lang=console]) {
  line-height: 1.8;
}

iframe[src^="https://dartpad"]:not(#try-dart-pad) {
  border: 1px solid #ccc;
  margin: 0;
  min-height: 400px;
  resize: vertical;
  width: 100%;
}

#cookie-notice {
  background-color: white;
  padding: 2rem;
  position: fixed;
  bottom: 0;
  width: 100%;
  box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.3);
  opacity: 0;
  display: none;
  z-index: 9999;
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#cookie-notice button.filled-button {
  font-size: 1rem;
}
#cookie-notice.show {
  display: block;
  animation-duration: 500ms;
  animation-delay: 200ms;
  animation-name: fadein;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
}
#cookie-notice .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1080px;
  min-width: 0 !important;
  width: auto;
  gap: 1.5rem;
}
#cookie-notice .container p {
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

body.homepage #cookie-notice, body.error #cookie-notice {
  background-color: #1C2834;
}
body.homepage #cookie-notice .container p, body.error #cookie-notice .container p {
  color: white;
}
body.homepage #cookie-notice .container p a, body.error #cookie-notice .container p a {
  color: #40C4FF;
}
body.homepage #cookie-notice .container p a:hover, body.homepage #cookie-notice .container p a:focus, body.homepage #cookie-notice .container p a:active, body.error #cookie-notice .container p a:hover, body.error #cookie-notice .container p a:focus, body.error #cookie-notice .container p a:active {
  color: rgb(0, 149.9685863874, 217);
}

form .muted {
  font-size: 75%;
  color: #eeeeee;
  text-indent: 0;
  padding: 10px;
}
form.form-inline {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.select {
  position: relative;
  cursor: pointer;
}
.select select {
  min-width: 120px;
  margin: 0 0.3rem;
}

input, select {
  line-height: 32px;
  height: 32px;
  margin: 4px 0;
  padding: 0 10px;
  border: none;
  border-radius: 0;
  font-size: 13px;
  cursor: pointer;
  background-color: #eeeeee;
  color: #111111;
}
input:focus, input:active, select:focus, select:active {
  outline-color: #1967D2;
}

.site-header {
  background-color: #FFF;
  font-family: "Inter", "Roboto", sans-serif;
  position: sticky;
  top: 0;
  z-index: 1000;
}
.site-header .navbar {
  font-size: 1.25rem;
  min-height: 84px;
}
@media (min-width: 768px) {
  .site-header .navbar {
    font-size: 1rem;
  }
}
.site-header .navbar .navbar-toggler {
  color: #212121;
  margin-right: 1rem;
  padding: 0;
}
.site-header .navbar .navbar-toggler .material-symbols {
  font-size: 28px;
}
.site-header .navbar .navbar-brand {
  margin-right: auto;
}
.site-header .navbar .nav-link {
  color: #6E7274;
  padding: 1.25rem 0;
  position: relative;
  text-decoration: none;
}
@media (min-width: 768px) {
  .site-header .navbar .nav-link {
    padding: 0 1rem;
  }
}
.site-header .navbar .nav-link.active {
  color: #212121;
  font-weight: 500;
}
@media (min-width: 768px) {
  .site-header .navbar .nav-link.active:after {
    background-color: #40C4FF;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    top: calc(50% + 84px / 2 - 3px);
    width: 100%;
  }
}
.site-header__search {
  position: relative;
}
.site-header__search::before {
  content: "search";
  font: 24px/1 "Material Symbols Outlined";
  pointer-events: none;
  position: absolute;
  left: 0.25rem;
}
@media (min-width: 768px) {
  .site-header__search {
    margin-left: 1rem;
  }
}
.site-header__searchfield {
  border: 0;
  padding-left: 2rem;
  font-size: 1.25rem;
  height: 3rem;
  width: 100%;
}
@media (min-width: 768px) {
  .site-header__searchfield {
    font-size: 0.875rem;
    height: unset;
    transition: width 0.35s ease-in-out;
    width: 24px !important;
  }
  .site-header__searchfield:focus {
    width: 220px !important;
  }
}

body.linter-rules {
  --filled-button-container-color: #06599C;
  --filled-button-text-color: #ffffff;
  --outline-button-border-color: rgba(0, 0, 0, .125);
  --outline-button-text-color: #3a3a3a;
  --text-button-text-color: #3a3a3a;
  --chip-container-color: transparent;
  --chip-border-color: rgba(0, 0, 0, .5);
  --chip-selected-container-color: rgb(194 229 255);
  --chip-text-color: #3a3a3a;
  --text-field-border-color: rgba(0, 0, 0, .5);
  --text-field-text-color: #3a3a3a;
  --menu-border-color: rgba(0, 0, 0, .5);
  --menu-container-color: #ffffff;
  --menu-item-container-color: transparent;
  --menu-item-selected-container-color: rgb(194 229 255);
  --menu-item-text-color: #3a3a3a;
  --card-min-width: 19rem;
  --card-text-color: #3a3a3a;
}
body.linter-rules #filter-and-search {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  margin-block-start: 1rem;
  margin-block-end: 1rem;
}
body.linter-rules #filter-and-search.hidden {
  display: none;
}
body.linter-rules .filter-group {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
body.linter-rules .card .card-title {
  padding-right: 2rem;
}
body.linter-rules .card .card-actions {
  margin-top: auto;
  padding-top: 0.5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0.5rem;
}
body.linter-rules .card .card-actions div {
  display: flex;
}
body.linter-rules .card .card-actions div.leading {
  gap: 0.25rem;
  user-select: none;
}
body.linter-rules .card .card-actions div.leading span {
  color: var(--card-text-color);
  font-size: 20px;
  font-variation-settings: "FILL" 1;
}
body.linter-rules .card .card-actions div.trailing {
  gap: 0.5rem;
}
body.linter-rules .card .card-actions div.trailing a, body.linter-rules .card .card-actions div.trailing button {
  display: flex;
  align-items: center;
  text-decoration: none;
  background: none;
  border-radius: 20px;
  padding: 0 0.75rem;
  height: 32px;
  color: var(--outline-button-text-color);
  border: 1px solid var(--outline-button-border-color);
}
body.linter-rules .card .card-actions div.trailing a:last-child, body.linter-rules .card .card-actions div.trailing button:last-child {
  border: none;
  color: var(--filled-button-text-color);
  background-color: var(--filled-button-container-color);
}
body.linter-rules .card .card-actions div.trailing a:hover, body.linter-rules .card .card-actions div.trailing button:hover {
  background-image: linear-gradient(rgb(var(--site-interaction-base-values)/6%) 0 0);
}
body.linter-rules .card .card-actions div.trailing a:active, body.linter-rules .card .card-actions div.trailing button:active {
  background-image: linear-gradient(rgb(var(--site-interaction-base-values)/10%) 0 0);
}
body.linter-rules .card .card-actions div.trailing a:focus-visible, body.linter-rules .card .card-actions div.trailing button:focus-visible {
  outline-offset: 1px;
}
body.linter-rules .card .card-actions div.trailing button.hidden {
  display: none;
}
body.linter-rules .chip-set {
  display: flex;
  flex-direction: row;
  text-wrap: nowrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0 0.5rem;
}
body.linter-rules button.chip {
  border: 1px solid var(--chip-border-color);
  border-radius: 8px;
  height: 2rem;
  padding: 0 0.5rem;
  background: none;
  color: var(--chip-text-color);
  font-weight: 500;
  user-select: none;
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
body.linter-rules button.chip .label {
  background: none;
}
body.linter-rules button.chip:hover {
  background-image: linear-gradient(rgb(var(--site-interaction-base-values)/4%) 0 0);
}
body.linter-rules button.chip:active {
  background-image: linear-gradient(rgb(var(--site-interaction-base-values)/8%) 0 0);
}
body.linter-rules button.chip .chip-icon {
  align-self: center;
  fill: currentcolor;
  position: relative;
  height: 18px;
  width: 18px;
}
body.linter-rules button.chip .leading-icon {
  display: none;
  margin-right: 0.25rem;
}
body.linter-rules button.chip.selected {
  background-color: var(--chip-selected-container-color);
  border: none;
}
body.linter-rules button.chip.selected .leading-icon {
  display: flex;
}
body.linter-rules .text-button {
  background: none;
  border: none;
  color: var(--text-button-text-color);
  border-radius: 8px;
  user-select: none;
  padding: 0 0.5rem;
  height: 1.75rem;
}
body.linter-rules .text-button:hover {
  background-image: linear-gradient(rgb(var(--site-interaction-base-values)/4%) 0 0);
  color: var(--text-button-text-color);
}
body.linter-rules .text-button:active {
  background-image: linear-gradient(rgb(var(--site-interaction-base-values)/8%) 0 0);
  color: var(--text-button-text-color);
}
body.linter-rules .text-button:focus {
  color: var(--text-button-text-color);
}
body.linter-rules .icon-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 2rem;
}
body.linter-rules .search-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
}
body.linter-rules .search-row .search-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  border: 1px solid var(--text-field-border-color);
  border-radius: 20px;
  height: 3rem;
  padding: 0 0.5rem;
}
body.linter-rules .search-row .search-wrapper .leading-icon {
  padding-left: 0.25rem;
  user-select: none;
}
body.linter-rules .search-row .search-wrapper input {
  background: none;
  width: 100%;
  font-size: 1rem;
  cursor: text;
}
body.linter-rules .search-row .search-wrapper input:focus {
  outline: none;
}
body.linter-rules .search-row .search-wrapper input::-webkit-search-cancel-button {
  display: none;
}
body.linter-rules section.content-search-results {
  margin: 0.5rem 0 1rem;
}
body.linter-rules .button-menu-wrapper {
  position: relative;
}
body.linter-rules .button-menu-wrapper .select-menu {
  display: none;
  position: absolute;
  overflow: auto;
  z-index: 5;
  background-color: var(--menu-container-color);
  border-radius: 0.5rem;
  border: 1px solid var(--menu-border-color);
  min-width: 100%;
  max-height: 15rem;
  overflow-y: scroll;
  scrollbar-width: thin;
  overscroll-behavior: contain;
  margin-top: 0.25rem;
}
body.linter-rules .button-menu-wrapper .select-menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
body.linter-rules .button-menu-wrapper .select-menu ul li:first-child {
  padding-top: 0.5rem;
}
body.linter-rules .button-menu-wrapper .select-menu ul li:last-child {
  padding-bottom: 0.5rem;
}
body.linter-rules .button-menu-wrapper .select-menu ul button {
  padding: 0.2rem 0.75rem 0.2rem 0.5rem;
  width: 100%;
  border: none;
  background: none;
  color: var(--menu-item-text-color);
  font-weight: 500;
  text-align: left;
  user-select: none;
  display: flex;
  flex-direction: row;
}
body.linter-rules .button-menu-wrapper .select-menu ul button:hover {
  background-image: linear-gradient(rgb(var(--site-interaction-base-values)/4%) 0 0);
}
body.linter-rules .button-menu-wrapper .select-menu ul button:focus {
  background-image: linear-gradient(rgb(var(--site-interaction-base-values)/6%) 0 0);
}
body.linter-rules .button-menu-wrapper .select-menu ul button:active {
  background-image: linear-gradient(rgb(var(--site-interaction-base-values)/8%) 0 0);
}
body.linter-rules .button-menu-wrapper .select-menu ul button span.material-symbols {
  align-self: center;
  vertical-align: center;
  fill: currentcolor;
  position: relative;
  font-size: 1.25rem;
  margin-right: 0.4rem;
  font-variation-settings: "FILL" 1;
}
body.linter-rules .button-menu-wrapper .select-menu ul button.selected {
  background-color: var(--menu-item-selected-container-color);
}
body.linter-rules .button-menu-wrapper .select-menu.show-menu {
  display: flex;
}
body.linter-rules .search-wrapper:has(:focus-visible), body.linter-rules .chip:focus-visible, body.linter-rules .text-button:focus-visible, body.linter-rules .trailing a:focus-visible, body.linter-rules .trailing button:focus-visible {
  outline: 2px solid var(--focus-outline-color);
  border-color: transparent;
}

.site-header__search {
  display: flex;
  align-items: center;
}
.site-header__search::before {
  color: #D3D3D3;
  z-index: 1;
}
#mainnav .site-header__search {
  border: 0;
}
.open_menu #mainnav .site-header__search {
  visibility: hidden;
}
#sidenav .site-header__search {
  display: none;
  flex-shrink: 0;
  margin: 0;
  padding: 0 1.25rem;
  order: -1;
}
#sidenav .site-header__search::before {
  left: 1.5rem;
}

.site-header__searchfield {
  border: 0;
  box-shadow: none;
  background-color: transparent;
}
#mainnav .site-header__searchfield {
  background-color: #1C2834;
  color: #f8f9fa;
  font-size: inherit;
  height: inherit;
  width: 24px;
}
#mainnav .site-header__searchfield:focus {
  width: 220px;
}
@media (min-width: 768px) {
  #mainnav .site-header__searchfield {
    font-size: 16px;
    height: unset;
    width: unset;
  }
}
#sidenav .site-header__searchfield {
  font-size: 1.25rem;
  height: 3rem;
  width: 100%;
}
@media (min-width: 768px) {
  #sidenav .site-header__searchfield {
    width: 100% !important;
  }
  #sidenav .site-header__searchfield:focus {
    width: 100% !important;
  }
}

#search-icon {
  position: absolute;
  right: 5px;
  top: 0;
  color: #111111;
  font-size: 14px;
}

#site-search-results {
  display: none;
  position: relative;
  margin-top: 70px;
  padding: 20px;
  min-height: 100vh;
}
#site-search-results button {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 30px;
  cursor: pointer;
  z-index: 5;
}
#site-search-results button:hover {
  color: #D3D3D3;
}

#search-body {
  margin-block-end: 1rem;
  max-width: 640px;
}
#search-body .gsc-control-cse {
  border-radius: 0.5rem;
}

#sidenav {
  margin: 0;
  overflow-y: auto;
  width: 16rem;
  min-width: 16rem;
  height: calc(100vh - 84px);
  padding: 0.75rem 0.75rem 2.25rem;
  position: sticky;
  top: 0;
  scrollbar-width: thin;
  border-right: 0.1rem solid #e7e8ed;
}
#sidenav .nav-header {
  font-weight: bolder;
  padding: 0.25rem 0.4rem 0;
  color: #4A4A4A;
}
#sidenav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  transition: none;
}
#sidenav .sidenav-divider {
  background-color: #e7e8ed;
  border-radius: 0.5rem;
  width: 100%;
  height: 0.125rem;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
#sidenav li {
  margin: 0;
  padding: 0;
  font-size: 0.925rem;
  line-height: 1.25rem;
  width: 100%;
  user-select: none;
}
#sidenav li .nav-header:not(:first-child) {
  margin-top: 0.5rem;
}
#sidenav li a.nav-link, #sidenav li button.nav-link {
  background: none;
  border: none;
  text-wrap: pretty;
  text-align: left;
  padding: 0.25rem 0.4rem;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  border-radius: 0.25rem;
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: #212121;
  font-family: "Inter", "Roboto", sans-serif, sans-serif;
  text-decoration: none;
}
#sidenav li a.nav-link:focus-visible, #sidenav li button.nav-link:focus-visible {
  outline: 2px solid var(--focus-outline-color);
}
#sidenav li a.nav-link > div, #sidenav li button.nav-link > div {
  display: inline-block;
}
#sidenav li a.nav-link > div .material-symbols, #sidenav li button.nav-link > div .material-symbols {
  font-size: 0.825rem;
  margin-left: 0.125rem;
  color: #6E7274;
}
#sidenav li a.nav-link span, #sidenav li button.nav-link span {
  vertical-align: middle;
}
#sidenav li a.nav-link .expander, #sidenav li button.nav-link .expander {
  color: #4A4A4A;
  transition: transform 0.3s ease-in-out;
}
#sidenav li a.nav-link + ul, #sidenav li button.nav-link + ul {
  display: none;
}
#sidenav li a.nav-link:hover, #sidenav li button.nav-link:hover {
  background-image: linear-gradient(rgb(var(--site-interaction-base-values)/3%) 0 0);
}
#sidenav li a.nav-link:active, #sidenav li button.nav-link:active {
  background-image: linear-gradient(rgb(var(--site-interaction-base-values)/5%) 0 0);
}
#sidenav li a.nav-link:not(.collapsed) .expander, #sidenav li button.nav-link:not(.collapsed) .expander {
  transform: rotate(180deg);
}
#sidenav li a.nav-link:not(.collapsed) + ul, #sidenav li button.nav-link:not(.collapsed) + ul {
  display: block;
}
#sidenav li a.nav-link.active, #sidenav li button.nav-link.active {
  background-color: rgb(245, 245, 246);
}
#sidenav li a.nav-link.active:not(.collapsible), #sidenav li button.nav-link.active:not(.collapsible) {
  color: #1967D2;
}
#sidenav > ul > li {
  font-size: 1rem;
}
#sidenav > ul ul {
  margin-left: 0.675rem;
}
#sidenav .navbar-nav {
  display: none;
}
#sidenav .navbar-nav a.nav-link {
  font-size: 1.125rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.375rem 0.6rem;
}

@media (max-width: 1024px) {
  #sidenav {
    display: none;
  }
  #sidenav .navbar-nav {
    display: block;
  }
}
.tag-label {
  user-select: none;
  display: inline-block;
  padding: 0 0.25rem;
  border-radius: 0.25rem;
  font-size: 0.925rem;
  font-family: "Inter", "Roboto", sans-serif;
  text-wrap: nowrap;
}

.language-versioned-tag {
  background-color: #13B9FD;
}

.deprecated-tag {
  background-color: #F2AA3A;
}

.removed-tag {
  background-color: #F3655B;
}

.experimental-tag {
  background-color: #DADCE0;
}

.lint-tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.lint-tags div.tag-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: rgb(194, 229, 255);
  gap: 0.25rem;
  font-size: 1rem;
  padding: 0.15rem 0.5rem;
}
.lint-tags div.tag-label span.material-symbols {
  fill: currentcolor;
  position: relative;
  font-size: 1.25rem;
  font-variation-settings: "FILL" 1;
}
.lint-tags div.tag-label.green {
  background-color: rgb(214, 245, 230);
}
.lint-tags div.tag-label.orange {
  background-color: rgb(255, 220, 185);
}
.lint-tags div.tag-label.red {
  background-color: rgb(255, 205, 200);
}

.site-toc ul {
  padding-left: 0;
  margin-left: 0;
  list-style: none;
}
.site-toc__title {
  font-family: "Inter", "Roboto", sans-serif;
  font-size: 18px;
  margin-bottom: 0.5rem;
}

#site-toc--side {
  padding: 2rem;
  padding-left: 1rem;
  display: none;
  position: sticky;
  top: 0;
  order: 2;
  width: 15rem;
  min-width: 15rem;
  height: fit-content;
  max-height: calc(100vh - 3.25rem);
  overflow-y: auto;
  overflow-wrap: break-word;
  z-index: 5;
}
@media (min-width: 1200px) {
  #site-toc--side {
    display: block;
  }
}
#site-toc--side .toc-entry {
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  margin-left: 1rem;
  text-indent: -1rem;
}
#site-toc--side .toc-entry .nav {
  padding-top: 0.5rem;
  display: block;
}
#site-toc--side .nav-link {
  color: #212121;
  font-size: 14px;
  line-height: normal;
  padding: 1px 0;
}
#site-toc--side .nav-link:hover {
  color: #1967D2;
}
#site-toc--side .nav-link.active {
  color: #1967D2;
}
#site-toc--side .nav-link.active:hover {
  color: #042B59;
}
body.hide_toc #site-toc--side {
  display: none;
}

#site-toc--inline {
  background: #f5f5f7;
  padding: 1rem 1.5rem;
  margin-block-start: 1rem;
  margin-block-end: 1rem;
}
@media (min-width: 1200px) {
  #site-toc--inline {
    display: none;
  }
}
#site-toc--inline .toc-entry ul {
  padding-left: 1rem;
}
#site-toc--inline > .section-nav {
  margin-bottom: 0.25rem;
}
#site-toc--inline.toc-collapsible .site-toc--inline__toggle {
  float: right;
}
#site-toc--inline.toc-collapsible .toc-toggle-down, #site-toc--inline.toc-collapsible .toc-toggle-more-items {
  display: none;
}
#site-toc--inline.toc-collapsible .toc-toggle-more-items {
  float: unset;
}
#site-toc--inline.toc-collapsible .toc-toggle-up, #site-toc--inline.toc-collapsible .toc-toggle-down, #site-toc--inline.toc-collapsible .toc-toggle-more-items {
  user-select: none;
  cursor: pointer;
}
#site-toc--inline.toc-collapsible.toc-collapsed .section-nav {
  max-height: 72px;
  overflow: hidden;
}
#site-toc--inline.toc-collapsible.toc-collapsed .toc-toggle-up {
  display: none;
}
#site-toc--inline.toc-collapsible.toc-collapsed .toc-toggle-down, #site-toc--inline.toc-collapsible.toc-collapsed .toc-toggle-more-items {
  display: inline-block;
}

#stable tbody tr,
#beta tbody tr,
#dev tbody tr {
  transition: all 0.25s ease-in-out;
}
#stable tbody tr.hidden,
#beta tbody tr.hidden,
#dev tbody tr.hidden {
  display: none;
}

.book-img-with-details {
  margin-bottom: 1.5rem;
}
.book-img-with-details img {
  width: 100%;
  max-width: 200px;
}
@media (min-width: 768px) {
  .book-img-with-details img {
    max-width: unset;
  }
}
.book-img-with-details .details .title {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .book-img-with-details .details .title {
    margin-top: 0;
  }
}

.tabs__content {
  display: none;
  border: 2px solid #1967D2;
  padding: 15px;
  margin-bottom: 15px;
}
.tabs__content.current {
  display: inherit;
}
.tabs__top-bar {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tabs__top-bar li {
  background: none;
  color: #111111;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
}
.tabs__top-bar li.current {
  background: #1967D2;
  color: #ffffff;
}

body.homepage .dash-header-callout {
  font-family: "Inter", "Roboto", sans-serif;
  background-color: #121a26;
  text-align: center;
  padding: 4rem 0 4rem 0 !important;
}
body.homepage .dash-header-callout .callout-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1.25rem;
}
body.homepage .dash-header-callout .callout-button > a {
  display: flex;
  flex-direction: row;
  text-decoration: none;
  align-items: center;
  gap: 0.5rem;
  color: #40C4FF;
}
body.homepage .dash-header-callout .callout-button > a:hover {
  text-decoration: none;
  color: rgb(0, 149.9685863874, 217);
}
body.homepage .dash-header-callout .callout-oss {
  font-size: 0.95rem;
  color: #82878c;
  margin-left: 2rem;
  margin-right: 2rem;
  margin-top: 1rem;
}
@media (min-width: 992px) {
  body.homepage .dash-header-callout .callout-oss {
    font-size: 1.25rem;
    margin-left: 0;
    margin-right: 0;
  }
}
body.homepage .dash-header-callout .callout-oss svg {
  width: 1em;
  height: 1em;
}
body.homepage .dash-header-callout .callout-oss p {
  display: inline-flex;
  align-items: center;
}
body.homepage .dash-header-callout .callout-oss a {
  color: #82878c;
  display: inline-flex;
  text-decoration: none;
}
body.homepage .dash-header-callout .callout-oss a:hover, body.homepage .dash-header-callout .callout-oss a:focus, body.homepage .dash-header-callout .callout-oss a:active {
  color: #ffffff;
}
body.homepage .dash-header-callout .callout-title {
  font-size: 1.125rem;
  color: white;
  margin-left: 2rem;
  margin-right: 2rem;
}
@media (min-width: 768px) {
  body.homepage .dash-header-callout .callout-title {
    font-size: 1.25rem;
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media (min-width: 992px) {
  body.homepage .dash-header-callout .callout-title {
    font-size: 1.75rem;
  }
}
body.homepage .dash-header-callout .made-by {
  width: 180px;
  margin-top: 27px;
  opacity: 0.5;
}
body.homepage .dash-dart-features {
  font-family: "Inter", "Roboto", sans-serif;
  padding: 2rem 1rem 4rem;
  background-color: #0d1520;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 1rem;
  align-items: center;
}
@media (min-width: 768px) {
  body.homepage .dash-dart-features {
    flex-direction: row;
    align-items: unset;
  }
}
body.homepage .dash-dart-features .feature {
  margin-top: 2rem;
  text-align: center;
  width: 14rem;
}
@media (min-width: 992px) {
  body.homepage .dash-dart-features .feature {
    width: 18rem;
  }
}
body.homepage .dash-dart-features .feature-title {
  font-size: 1.375rem;
  color: #f8f9fa;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  line-height: 33px;
}
@media (min-width: 992px) {
  body.homepage .dash-dart-features .feature-title {
    font-size: 1.75rem;
  }
}
body.homepage .dash-dart-features .feature-icon img {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}
body.homepage .dash-dart-features .feature-desc {
  font-size: 1rem;
  color: #82878c;
  line-height: 1.25rem;
}
body.homepage .dash-row {
  display: flex;
  background-color: #f8f9fa;
  width: 100%;
}
body.homepage .dash-row a, body.homepage .dash-row button {
  color: #4a4a4a;
}
body.homepage .dash-row a:focus, body.homepage .dash-row button:focus {
  outline: #1967d2 auto 2px;
}
body.homepage .dash-row .content-info {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.5rem 0.5rem;
  min-width: 45%;
}
body.homepage .dash-row .content-info .content-container {
  padding: 1rem;
  max-width: 512px;
  width: 100%;
}
@media (min-width: 992px) {
  body.homepage .dash-row .content-info .content-container {
    padding: 1.5rem;
  }
}
body.homepage .dash-row .content-info .content-icon img {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  body.homepage .dash-row .content-info .content-icon img {
    margin-bottom: 16px;
  }
}
body.homepage .dash-row .content-info .content-feature {
  font-size: 24px;
  margin-bottom: 1.75rem;
  line-height: 1.2;
  color: #4a4a4a;
}
@media (min-width: 992px) {
  body.homepage .dash-row .content-info .content-feature {
    font-size: 43px;
  }
}
body.homepage .dash-row .content-info .content-desc {
  font-family: "Inter", "Roboto", sans-serif;
  font-size: 0.9rem;
  line-height: 24px;
  color: #4a4a4a;
  list-style: none;
}
body.homepage .dash-row .content-info .content-desc .highlight {
  color: #1967d2;
}
body.homepage .dash-row .content-info .content-desc .highlight .animated-bullet {
  height: 25px;
  background-color: #1967d2;
}
body.homepage .dash-row .content-info .content-desc .highlight a, body.homepage .dash-row .content-info .content-desc .highlight button {
  color: #1967d2;
}
@media (min-width: 992px) {
  body.homepage .dash-row .content-info .content-desc {
    font-size: 1.125rem;
  }
}
body.homepage .dash-row .content-info .content-desc ul li {
  margin-bottom: 10px;
  list-style: none;
}
body.homepage .dash-row .content-info .content-desc ul li:focus {
  outline: none;
}
body.homepage .dash-row .animated-bullet {
  background-color: #0d1520;
  height: 10px;
  width: 5px;
  margin-top: 5px;
  transition: height 0.5s, background-color 0.5s;
}
body.homepage .dash-row .bullet-container {
  float: left;
  margin-right: 10px;
}
body.homepage .dash-row .bullet-text {
  margin-left: 20px;
}
body.homepage .dash-row .content-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-width: 40%;
  background-color: #0d1520;
}
body.homepage .dash-row .content-image img {
  max-height: 640px;
}
body.homepage .dash-try-dart {
  background-color: #12202f;
  padding: 40px 80px !important;
  height: 745px;
}
body.homepage .dash-try-dart .title {
  color: #f8f9fa;
  font-size: 43px;
}
body.homepage .dash-header {
  background-color: #17212f;
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.homepage .dash-header > video {
  display: none;
  width: 100%;
  max-width: 1330px;
}
@media (min-width: 768px) {
  body.homepage .dash-header > video {
    display: block;
  }
  body.homepage .dash-header > img {
    display: none;
  }
}
body.homepage .dash-dartpad-row {
  background-color: #121a26;
  display: none;
}
@media (min-width: 768px) {
  body.homepage .dash-dartpad-row {
    display: block;
  }
}
body.homepage .dash-dartpad {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: 102vh;
  padding: 3rem 2rem;
  background-color: #121a26;
}
body.homepage .dash-dartpad h2 {
  font-size: 43px;
  margin: 0.5em 0 0.5em 0;
  line-height: 1.2;
  color: #f8f9fa;
}
body.homepage .dash-dartpad h3 {
  color: #f8f9fa;
  margin-left: 1rem;
  margin-right: 1rem;
}
body.homepage .dash-dartpad a {
  color: #40C4FF;
}
body.homepage .dash-dartpad a:hover, body.homepage .dash-dartpad a:focus, body.homepage .dash-dartpad a:active {
  color: rgb(0, 149.9685863874, 217);
}
body.homepage .dash-dartpad #dartpad-host {
  height: 100%;
  width: 100%;
  max-width: 1330px;
  display: flex;
}
body.homepage .dash-dartpad #dartpad-host iframe {
  border: 1px solid #293542;
  resize: none;
}
body.homepage .dart-dash-details {
  display: flex;
  flex-direction: column;
  font-family: "Inter", "Roboto", sans-serif;
}
body.homepage .dart-dash-details .dash-row {
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 768px) {
  body.homepage .dart-dash-details .dash-row {
    flex-direction: row-reverse;
  }
  body.homepage .dart-dash-details .dash-row:nth-child(even) {
    flex-direction: row;
  }
  body.homepage .dart-dash-details .dash-row > div.content-info {
    justify-content: flex-end;
  }
  body.homepage .dart-dash-details .dash-row > div.content-image {
    align-items: flex-start;
  }
  body.homepage .dart-dash-details .dash-row:nth-child(even) > div.content-info {
    justify-content: flex-start;
  }
  body.homepage .dart-dash-details .dash-row:nth-child(even) > div.content-image {
    align-items: flex-end;
  }
}
body.homepage .dart-dash-details a {
  text-decoration: underline;
}
body.homepage .dart-dash-details a:hover {
  text-decoration-thickness: 1.5px;
}
body.homepage .dart-dash-details .selector {
  padding-inline-start: 0.5rem;
}
body.homepage a.frontanchor {
  padding-top: 2rem;
}

@media print {
  #page-header, #sidenav, #subnav, #page-footer, .banner,
  #site-toc--inline, #site-toc--side, #page-github-links, #cookie-notice {
    display: none !important;
  }
  #page-content > article {
    width: auto;
    margin: 0;
  }
  a {
    text-decoration: underline;
  }
  a:after {
    content: none !important;
  }
  .alert, pre {
    border: 1px solid #4a4a4a;
  }
}
/* -----------------------------------------
  DOM
  ----------------------------------------- */
#page-header {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}

#page-content {
  min-height: calc(100vh - 84px);
  min-width: 0;
  width: 100%;
}
#page-content:not(.focused) {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
body.obsolete #page-content {
  border: 0.5rem solid #fcf8e3;
  border-top: none;
}
#page-content > article {
  min-width: 8rem;
}
#page-content > article > .content {
  max-width: 58rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2rem;
}

#site-below-header {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 84px);
  overflow-y: auto;
}

#site-main-row {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  align-items: flex-start;
  justify-content: space-between;
}

#site-content-title {
  margin-bottom: 1.5rem;
  scroll-margin: 2rem;
}

#page-footer {
  position: relative;
  z-index: 1000;
  background-color: #1C2834;
  padding: 32px;
  color: #DADCE0;
  font-weight: 400;
  font-family: "Inter", "Roboto", sans-serif;
  font-size: 14px;
}
#page-footer .brand {
  width: 176px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.125rem;
}
#page-footer .footer-section {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  text-align: left;
}
@media (max-width: 768px) {
  #page-footer .footer-section {
    flex-direction: column;
    text-align: center;
  }
}
#page-footer .footer-main {
  margin-bottom: 24px;
  align-items: center;
}
#page-footer .footer-tray {
  border-top: 1px solid #82878c;
  padding-top: 24px;
}
#page-footer .footer-tray .footer-licenses {
  width: 70%;
  max-width: 720px;
}
@media (max-width: 768px) {
  #page-footer .footer-tray .footer-licenses {
    width: 100%;
  }
}
#page-footer .footer-social-links {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
#page-footer .footer-social-links a {
  display: inline-flex;
  text-align: center;
  padding: 0.25rem;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
#page-footer .footer-social-links a svg {
  height: 2rem;
  width: 2rem;
}
@media (max-width: 768px) {
  #page-footer .footer-social-links {
    margin-top: 24px;
  }
}
#page-footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#page-footer ul li {
  display: inline;
  margin-left: 16px;
}
@media (max-width: 768px) {
  #page-footer ul {
    margin-top: 12px;
  }
  #page-footer ul li:first-child {
    margin-left: 0;
  }
}
#page-footer a {
  color: #DADCE0;
  font-family: "Inter", "Roboto", sans-serif;
}
#page-footer a:hover, #page-footer a:focus, #page-footer a:active {
  color: #FFF;
}

#menu-toggle {
  display: none;
  align-items: center;
  line-height: 84px;
  margin-left: 20px;
  padding-right: 10px;
  cursor: pointer;
  z-index: 100;
  user-select: none;
}
#menu-toggle span {
  font-size: 32px;
}

#mainnav {
  background-color: #1C2834;
  color: #f8f9fa;
  display: flex;
  align-items: center;
}
#mainnav ul {
  margin: 0 0 0 auto;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#mainnav ul li {
  padding: 0 0.75rem;
}
#mainnav ul li a {
  color: #f8f9fa;
  display: inline-block;
  padding: 0 6px;
  font-size: 16px;
  font-weight: 400;
  font-family: "Inter", "Roboto", sans-serif;
}
#mainnav ul li a:hover, #mainnav ul li a:active {
  color: #40C4FF;
}
#mainnav ul li.searchfield {
  position: relative;
}
#mainnav ul li.searchfield form {
  display: flex;
  align-items: center;
}
#mainnav .brand {
  display: flex;
  width: 5.5rem;
  overflow: hidden;
  margin-left: 1.25rem;
  align-items: center;
}

#subnav {
  min-height: 32px;
  line-height: 32px;
  margin-bottom: 10px;
}
#subnav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#subnav ul li {
  display: inline-block;
  width: 49%;
}
#subnav ul li a {
  display: block;
  padding-left: 5px;
  padding-right: 5px;
}
#subnav ul li.next {
  float: right;
  text-align: right;
}

/* -----------------------------------------
 Anchor links
 ----------------------------------------- */
main .content h1,
main .content h2,
main .content h3,
main .content h4,
main .content h5,
main .content h6 {
  margin-bottom: 0;
}
main .content h1[id],
main .content h2[id],
main .content h3[id],
main .content h4[id],
main .content h5[id],
main .content h6[id] {
  scroll-margin: 1.5rem;
}
main .content a[id] {
  scroll-margin: 1.5rem;
}
main .content .header-wrapper {
  display: flex;
  margin-block-start: 1.5rem;
  margin-block-end: 0.75rem;
  align-items: center;
}
main .content .header-wrapper .heading-link {
  border-radius: 0.125rem;
  margin-left: 0.4rem;
  font-size: 1.3rem;
  line-height: 1;
  transition: all 0.1s ease-in-out;
  overflow: hidden;
  color: #4a4a4a;
  opacity: 0;
  text-decoration: none;
}
main .content .header-wrapper .heading-link:hover {
  color: #1967D2;
}
main .content .header-wrapper .heading-link:focus {
  opacity: 1;
}
main .content .header-wrapper .heading-link:active {
  color: #043875;
}
main .content .header-wrapper:hover .heading-link {
  opacity: 1;
}

/* -----------------------------------------
  Utility Classes
 ----------------------------------------- */
.content {
  position: relative;
  padding: 2rem;
}

.button {
  padding: 5px 10px;
  color: #1b87c9;
  border-radius: 8px;
}

.cols2 {
  list-style: none;
  column-count: 2;
  column-gap: 0;
  padding-left: 0.5rem;
}
.cols2 li {
  page-break-inside: avoid;
  padding: 0.5rem;
  font-size: 14px;
}

.logo-link-grids {
  list-style-type: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
  gap: 1rem;
  margin-left: 1rem;
}
.logo-link-grids a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.logo-link-grids a span {
  font-weight: 500;
}
.logo-link-grids img {
  width: 3rem;
  margin: 0.25rem;
}

.linter-rule {
  margin-block-start: -0.375rem;
  font-size: 0.9em;
  font-style: italic;
}

.list-image {
  width: 48px;
  margin: 0.25rem;
}

.text-icon {
  margin: 0 0.25rem;
  width: 20px;
  height: 20px;
}

.muted {
  color: #D3D3D3;
}

.footnote {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.footnote li {
  counter-increment: step-counter;
  margin-bottom: 10px;
  position: relative;
}
.footnote li:before {
  content: counter(step-counter);
  position: absolute;
  left: -25px;
  top: -3px;
  font-size: 20px;
  font-weight: bold;
  padding: 3px 8px;
}

.container {
  position: relative;
  max-width: 100%;
  width: 1280px;
  margin: 0 auto;
}

.table {
  width: 100%;
  border-spacing: 0;
}
.table thead {
  vertical-align: bottom;
}
.table thead th {
  border-top: 1px solid #DADCE0;
  border-bottom: 2px solid #DADCE0;
  text-align: start;
}
.table tbody tr {
  vertical-align: top;
}
.table tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.table td, .table th {
  border: none;
  padding: 0.75rem;
}

thead:has(th:empty) {
  display: none;
}

.table-wrapper {
  overflow-x: auto;
  margin-block-start: 1rem;
  margin-block-end: 1rem;
}

.alert {
  border: none;
  border-radius: 0;
  color: #212121;
  margin-top: 1rem;
  padding: 1.5rem;
}
.alert .alert-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "Inter", "Roboto", sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
}
.alert .alert-content {
  margin-top: 0.5rem;
}
.alert span.material-symbols {
  font-size: 1.25em;
  user-select: none;
}
.alert pre {
  background-color: rgba(0, 0, 0, 0.062745098);
}
.alert p:last-child, .alert li:last-child, .alert ul:last-child, .alert ol:last-child {
  margin-bottom: 0;
}
.alert.alert-success {
  width: auto;
  background-color: #f1fbf9;
}
.alert.alert-info {
  width: auto;
  background-color: #e7f8ff;
}
.alert.alert-secondary {
  width: auto;
  background-color: #E8EAED;
}
.alert.alert-warning {
  width: auto;
  background-color: #fcf8e3;
}
.alert.alert-danger {
  width: auto;
  background-color: #fef3f6;
}
.alert.alert-obsolete {
  width: auto;
  background-color: #111111;
  color: #ffffff;
}

.material-symbols {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

/* Used for inlined icon markers, usually at the start of a paragraph */
.content > p > i.material-symbols, .content > p > span.material-symbols {
  vertical-align: bottom;
  user-select: none;
}

.system-support {
  user-select: none;
}

nav.breadcrumbs {
  align-items: center;
  margin-block-start: 1rem;
  margin-block-end: 1rem;
}

ol.breadcrumb-list {
  border-radius: 0.375rem;
  padding: 0.375rem 0;
  align-items: center;
  list-style: none;
  font-family: "Inter", "Roboto", sans-serif;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
ol.breadcrumb-list li.breadcrumb-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
}
ol.breadcrumb-list li.breadcrumb-item a {
  padding: 0.125rem;
  border-radius: 0.125rem;
}
ol.breadcrumb-list li.breadcrumb-item.active a {
  color: #6E7274;
  cursor: default;
  text-decoration: none;
}
ol.breadcrumb-list li.breadcrumb-item:before {
  display: none;
}
ol.breadcrumb-list .child-icon {
  user-select: none;
}

#page-github-links {
  font-style: italic;
  font-size: 0.75rem;
  padding-top: 0.25rem;
  border-top: 0.05rem solid #DADCE0;
}

ul.nav-list {
  list-style: none;
  padding: 0;
}
ul.nav-list li {
  border-bottom: 1px solid #eeeeee;
}
ul.nav-list li h2 {
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 0;
}

/* -----------------------------------------
  Templates
 ----------------------------------------- */
body.homepage #sidenav {
  display: none;
}

body.error {
  background-color: #132030;
  background-image: url("/assets/img/404-bg-pattern.jpg");
  color: #8d9399;
}
body.error #sidenav {
  display: none;
}
body.error .banner {
  display: none;
}
@media (min-width: 1600px) {
  body.error {
    background-size: cover;
  }
}
body.error #in-content-search input[type=search] {
  display: inline-block;
  background: #35404d;
  color: white;
  font-size: 20px;
  padding: 10px 40px;
  border-radius: 30px;
  height: 70px;
  line-height: 70px;
  width: 100%;
  max-width: 880px;
  margin: 0 auto 88px;
}
body.error .content a {
  color: #40C4FF;
}

body.top #sidenav {
  display: none;
}
body.top #site-toc--inline {
  display: block;
}
body.top #site-toc--side {
  display: none;
}

body.obsolete #page-header .alert {
  margin: 0;
}
body.obsolete #page-header .alert h4 {
  margin-bottom: 0;
  margin-top: 0;
}

/* -----------------------------------------
  Media Queries
 ----------------------------------------- */
@media (max-width: 1024px) {
  #menu-toggle {
    display: flex;
  }
  #sidenav {
    width: 100%;
    background: #fff;
    z-index: 100;
  }
  #sidenav .site-header__search {
    display: flex;
  }
  body.open_menu:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 5;
    background-color: rgba(17, 17, 17, 0.4);
    cursor: pointer;
    pointer-events: none;
    transition: all 0.5s ease-in-out;
  }
  body.open_menu #page-content {
    display: none;
  }
  body.open_menu #sidenav {
    display: block;
  }
}
@media (max-width: 960px) {
  #mainnav ul li {
    display: none;
  }
  #mainnav ul li.searchfield {
    display: block;
  }
}
@media (max-width: 600px) {
  .card {
    width: 100%;
  }
}
@media (max-width: 479px) {
  #menu-toggle {
    order: 2;
  }
  #mainnav ul li.searchfield {
    display: none;
  }
}
dd {
  margin-left: 1rem;
}

/* -----------------------------------------
  Headings in tab boxes
 ----------------------------------------- */
div.tabs__content h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0;
}

#skip {
  top: 10px;
  left: 10px;
  position: absolute;
  z-index: 2000;
  padding: 1rem;
  background-color: #1967D2;
  color: #FFF;
  border-radius: 0.5rem;
  transform: translateY(-5rem);
}

#skip:focus {
  opacity: 1;
  transform: translateY(0);
}

.glossary-page .term-separator {
  border-top: 0.05rem solid #DADCE0;
}

:root {
  --source: #1DE9B6;
  --p: #176b53;
  --pd: #00513d;
  --pl: #a5f2d4;
}

.custom-linear-gradient-01 {
  background-image: linear-gradient(181deg, #06ffb8, #176b53);
  background-size: 222% 131%;
  background-position: center 75%;
}

* {
  -webkit-font-smoothing: antialiased;
}

/* Hamburger button */
.hamburger svg > *:nth-child(1),
.hamburger svg > *:nth-child(2),
.hamburger svg > *:nth-child(3) {
  transform-origin: center;
  transform: rotate(0deg);
}

.hamburger svg > *:nth-child(1) {
  transition: y 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0.1s ease-in;
}

.hamburger svg > *:nth-child(2) {
  transition: transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger svg > *:nth-child(3) {
  transition: y 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), width 0.1s 0.25s ease-in;
}

.hamburger.active svg > *:nth-child(1) {
  opacity: 0;
  y: 11;
  transform: rotate(225deg);
  transition: y 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.1s 0.12s ease-out;
}

.hamburger.active svg > *:nth-child(2) {
  transform: rotate(225deg);
  transition: transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger.active svg > *:nth-child(3) {
  y: 11;
  transform: rotate(135deg);
  transition: y 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), width 0.1s ease-out;
}

/* Custom Swiper styles */
.swiper-button-disabled {
  @apply opacity-50 cursor-default pointer-events-none;
}

/* Pulsing animation */
@keyframes pulseLoop {
  0% {
    opacity: 0;
    transform: scale(1) translateZ(0);
  }
  30% {
    opacity: 0.4;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 0;
    transform: scale(2.5) translateZ(0);
  }
}
.pulse {
  transform: scale(1);
  opacity: 0;
  transform-origin: center;
  animation: pulseLoop 8000ms linear infinite;
}

.pulse-1 {
  animation-delay: -2000ms;
}

.pulse-2 {
  animation-delay: -4000ms;
}

.pulse-3 {
  animation-delay: -6000ms;
}

.translate-z-0 {
  transform: translateZ(0);
}

/* Custom AOS distance */
@media screen {
  html:not(.no-js) body [data-aos=fade-up] {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  html:not(.no-js) body [data-aos=fade-down] {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  html:not(.no-js) body [data-aos=fade-right] {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  html:not(.no-js) body [data-aos=fade-left] {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  html:not(.no-js) body [data-aos=fade-up-right] {
    -webkit-transform: translate3d(-10px, 10px, 0);
    transform: translate3d(-10px, 10px, 0);
  }
  html:not(.no-js) body [data-aos=fade-up-left] {
    -webkit-transform: translate3d(10px, 10px, 0);
    transform: translate3d(10px, 10px, 0);
  }
  html:not(.no-js) body [data-aos=fade-down-right] {
    -webkit-transform: translate3d(-10px, -10px, 0);
    transform: translate3d(-10px, -10px, 0);
  }
  html:not(.no-js) body [data-aos=fade-down-left] {
    -webkit-transform: translate3d(10px, -10px, 0);
    transform: translate3d(10px, -10px, 0);
  }
  html:not(.no-js) body [data-aos=zoom-in-up] {
    -webkit-transform: translate3d(0, 10px, 0) scale(0.6);
    transform: translate3d(0, 10px, 0) scale(0.6);
  }
  html:not(.no-js) body [data-aos=zoom-in-down] {
    -webkit-transform: translate3d(0, -10px, 0) scale(0.6);
    transform: translate3d(0, -10px, 0) scale(0.6);
  }
  html:not(.no-js) body [data-aos=zoom-in-right] {
    -webkit-transform: translate3d(-10px, 0, 0) scale(0.6);
    transform: translate3d(-10px, 0, 0) scale(0.6);
  }
  html:not(.no-js) body [data-aos=zoom-in-left] {
    -webkit-transform: translate3d(10px, 0, 0) scale(0.6);
    transform: translate3d(10px, 0, 0) scale(0.6);
  }
  html:not(.no-js) body [data-aos=zoom-out-up] {
    -webkit-transform: translate3d(0, 10px, 0) scale(1.2);
    transform: translate3d(0, 10px, 0) scale(1.2);
  }
  html:not(.no-js) body [data-aos=zoom-out-down] {
    -webkit-transform: translate3d(0, -10px, 0) scale(1.2);
    transform: translate3d(0, -10px, 0) scale(1.2);
  }
  html:not(.no-js) body [data-aos=zoom-out-right] {
    -webkit-transform: translate3d(-10px, 0, 0) scale(1.2);
    transform: translate3d(-10px, 0, 0) scale(1.2);
  }
  html:not(.no-js) body [data-aos=zoom-out-left] {
    -webkit-transform: translate3d(10px, 0, 0) scale(1.2);
    transform: translate3d(10px, 0, 0) scale(1.2);
  }
}
/* Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

/*
  The default border color has changed to `currentColor` in Tailwind CSS v4,
  so we've added these compatibility styles to make sure everything still
  looks the same as it did with Tailwind CSS v3.

  If we ever want to remove these styles, we need to add an explicit border
  color utility to any element that depends on these defaults.
*/
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    border-color: var(--color-gray-200, currentColor);
  }
}
/* Additional Tailwind directives: https://tailwindcss.com/docs/functions-and-directives/#responsive */
@utility rtl {
  direction: rtl;
}
/* See Alpine.js: https://github.com/alpinejs/alpine#x-cloak */
[x-cloak=""] {
  display: none;
}

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}

[data-aos] {
  pointer-events: none;
}

[data-aos].aos-animate {
  pointer-events: auto;
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@media screen {
  html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
  }
  html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  html:not(.no-js) [data-aos=fade-up] {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }
  html:not(.no-js) [data-aos=fade-down] {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }
  html:not(.no-js) [data-aos=fade-right] {
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }
  html:not(.no-js) [data-aos=fade-left] {
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }
  html:not(.no-js) [data-aos=fade-up-right] {
    -webkit-transform: translate3d(-100px, 100px, 0);
    transform: translate3d(-100px, 100px, 0);
  }
  html:not(.no-js) [data-aos=fade-up-left] {
    -webkit-transform: translate3d(100px, 100px, 0);
    transform: translate3d(100px, 100px, 0);
  }
  html:not(.no-js) [data-aos=fade-down-right] {
    -webkit-transform: translate3d(-100px, -100px, 0);
    transform: translate3d(-100px, -100px, 0);
  }
  html:not(.no-js) [data-aos=fade-down-left] {
    -webkit-transform: translate3d(100px, -100px, 0);
    transform: translate3d(100px, -100px, 0);
  }
  html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
  }
  html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
  }
  html:not(.no-js) [data-aos=zoom-in] {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
  html:not(.no-js) [data-aos=zoom-in-up] {
    -webkit-transform: translate3d(0, 100px, 0) scale(0.6);
    transform: translate3d(0, 100px, 0) scale(0.6);
  }
  html:not(.no-js) [data-aos=zoom-in-down] {
    -webkit-transform: translate3d(0, -100px, 0) scale(0.6);
    transform: translate3d(0, -100px, 0) scale(0.6);
  }
  html:not(.no-js) [data-aos=zoom-in-right] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
    transform: translate3d(-100px, 0, 0) scale(0.6);
  }
  html:not(.no-js) [data-aos=zoom-in-left] {
    -webkit-transform: translate3d(100px, 0, 0) scale(0.6);
    transform: translate3d(100px, 0, 0) scale(0.6);
  }
  html:not(.no-js) [data-aos=zoom-out] {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  html:not(.no-js) [data-aos=zoom-out-up] {
    -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
    transform: translate3d(0, 100px, 0) scale(1.2);
  }
  html:not(.no-js) [data-aos=zoom-out-down] {
    -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
    transform: translate3d(0, -100px, 0) scale(1.2);
  }
  html:not(.no-js) [data-aos=zoom-out-right] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
    transform: translate3d(-100px, 0, 0) scale(1.2);
  }
  html:not(.no-js) [data-aos=zoom-out-left] {
    -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
    transform: translate3d(100px, 0, 0) scale(1.2);
  }
  html:not(.no-js) [data-aos^=slide][data-aos^=slide] {
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    visibility: hidden;
  }
  html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate {
    visibility: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  html:not(.no-js) [data-aos=slide-up] {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  html:not(.no-js) [data-aos=slide-down] {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  html:not(.no-js) [data-aos=slide-right] {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  html:not(.no-js) [data-aos=slide-left] {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
  }
  html:not(.no-js) [data-aos=flip-left] {
    -webkit-transform: perspective(2500px) rotateY(-100deg);
    transform: perspective(2500px) rotateY(-100deg);
  }
  html:not(.no-js) [data-aos=flip-left].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0);
  }
  html:not(.no-js) [data-aos=flip-right] {
    -webkit-transform: perspective(2500px) rotateY(100deg);
    transform: perspective(2500px) rotateY(100deg);
  }
  html:not(.no-js) [data-aos=flip-right].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0);
  }
  html:not(.no-js) [data-aos=flip-up] {
    -webkit-transform: perspective(2500px) rotateX(-100deg);
    transform: perspective(2500px) rotateX(-100deg);
  }
  html:not(.no-js) [data-aos=flip-up].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0);
  }
  html:not(.no-js) [data-aos=flip-down] {
    -webkit-transform: perspective(2500px) rotateX(100deg);
    transform: perspective(2500px) rotateX(100deg);
  }
  html:not(.no-js) [data-aos=flip-down].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0);
  }
}
input:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

*, :before, :after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}

:before, :after {
  --tw-content: "";
}

html, :host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, system-ui, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  line-height: inherit;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  text-decoration: inherit;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp, pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button, select {
  text-transform: none;
}

button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}

:-moz-focusring {
  outline: auto;
}

:-moz-ui-invalid {
  box-shadow: none;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

dialog {
  padding: 0;
}

textarea {
  resize: vertical;
}

input::placeholder, textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

button, [role=button] {
  cursor: pointer;
}

:disabled {
  cursor: default;
}

img, svg, video, canvas, audio, iframe, embed, object {
  display: block;
  vertical-align: middle;
}

img, video {
  max-width: 100%;
  height: auto;
}

[hidden] {
  display: none;
}

*, :before, :after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}

.container {
  width: 100%;
}

@media (min-width: 346px) {
  .container {
    max-width: 346px;
  }
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.pointer-events-none {
  pointer-events: none;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.-top-12 {
  top: -3rem;
}

.-top-14 {
  top: -3.5rem;
}

.-top-28 {
  top: -7rem;
}

.-top-4 {
  top: -1rem;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.left-3 {
  left: 0.75rem;
}

.right-0 {
  right: 0;
}

.right-12 {
  right: 3rem;
}

.top-\[18px\] {
  top: 18px;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-\[999999\] {
  z-index: 999999;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.-ml-3 {
  margin-left: -0.75rem;
}

.-mt-16 {
  margin-top: -4rem;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.me-3 {
  margin-inline-end: 0.75rem;
}

.mt-0 {
  margin-top: 0;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-1\.5 {
  margin-top: 0.375rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-\[2px\] {
  margin-top: 2px;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.aspect-video {
  aspect-ratio: 16/9;
}

.h-16 {
  height: 4rem;
}

.h-32 {
  height: 8rem;
}

.h-4 {
  height: 1rem;
}

.h-\[32px\] {
  height: 32px;
}

.h-\[40px\] {
  height: 40px;
}

.h-\[64px\] {
  height: 64px;
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.max-h-\[200px\] {
  max-height: 200px;
}

.max-h-\[276px\] {
  max-height: 276px;
}

.max-h-\[32px\] {
  max-height: 32px;
}

.max-h-\[400px\] {
  max-height: 400px;
}

.max-h-\[40px\] {
  max-height: 40px;
}

.max-h-\[calc\(96px_\*_3\)\] {
  max-height: 288px;
}

.max-h-\[calc\(96px_\*_3_\+_34px\)\] {
  max-height: 322px;
}

.min-h-\[128px\] {
  min-height: 128px;
}

.min-h-\[200px\] {
  min-height: 200px;
}

.min-h-\[32px\] {
  min-height: 32px;
}

.min-h-\[40px\] {
  min-height: 40px;
}

.w-1 {
  width: 0.25rem;
}

.w-1\.5 {
  width: 0.375rem;
}

.w-4 {
  width: 1rem;
}

.w-5 {
  width: 1.25rem;
}

.w-6 {
  width: 1.5rem;
}

.w-\[320px\] {
  width: 320px;
}

.w-full {
  width: 100%;
}

.w-max {
  width: max-content;
}

.min-w-\[107px\] {
  min-width: 107px;
}

.min-w-\[160px\] {
  min-width: 160px;
}

.min-w-\[164px\] {
  min-width: 164px;
}

.max-w-40 {
  max-width: 10rem;
}

.max-w-\[160px\] {
  max-width: 160px;
}

.max-w-\[760px\] {
  max-width: 760px;
}

.max-w-\[calc\(100\%_-_var\(--padding-h\)_\/_2_\*_2\)\] {
  max-width: calc(100% - var(--padding-h) / 2 * 2);
}

.flex-shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.flex-grow, .grow {
  flex-grow: 1;
}

.origin-\[0\] {
  transform-origin: 0;
}

.-translate-y-2 {
  --tw-translate-y: -.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-2\.5 {
  --tw-translate-y: -.625rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-3 {
  --tw-rotate: 3deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-75 {
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.resize {
  resize: both;
}

.list-outside {
  list-style-position: outside;
}

.list-decimal {
  list-style-type: decimal;
}

.list-disc {
  list-style-type: disc;
}

.appearance-none {
  appearance: none;
}

.flex-row {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-4 {
  gap: 1rem;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-\[inherit\] {
  border-radius: inherit;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0px;
}

.border-2 {
  border-width: 2px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-l-0 {
  border-left-width: 0px;
}

.border-r {
  border-right-width: 1px;
}

.border-r-0 {
  border-right-width: 0px;
}

.border-t-0 {
  border-top-width: 0px;
}

.border-solid {
  border-style: solid;
}

.border-\[\#0000006b\] {
  border-color: rgba(0, 0, 0, 0.4196078431);
}

.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0, 0, 0, var(--tw-border-opacity));
}

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229, 231, 235, var(--tw-border-opacity));
}

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209, 213, 219, var(--tw-border-opacity));
}

.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(239, 68, 68, var(--tw-border-opacity));
}

.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226, 232, 240, var(--tw-border-opacity));
}

.border-slate-300 {
  --tw-border-opacity: 1;
  border-color: rgb(203, 213, 225, var(--tw-border-opacity));
}

.border-slate-50\/10 {
  border-color: rgba(248, 250, 252, 0.1019607843);
}

.border-slate-800\/20 {
  border-color: rgba(30, 41, 59, 0.2);
}

.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255, 255, 255, var(--tw-border-opacity));
}

.bg-\[\#f5f5f5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245, 245, 245, var(--tw-bg-opacity));
}

.bg-\[\#f9fbfd\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249, 251, 253, var(--tw-bg-opacity));
}

.bg-\[\#fff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255, 255, 255, var(--tw-bg-opacity));
}

.bg-\[\#ffffff13\] {
  background-color: rgba(255, 255, 255, 0.0745098039);
}

.bg-\[var\(--s\)\] {
  background-color: var(--s);
}

.bg-black\/75 {
  background-color: rgba(0, 0, 0, 0.7490196078);
}

.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239, 246, 255, var(--tw-bg-opacity));
}

.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254, 242, 242, var(--tw-bg-opacity));
}

.bg-slate-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30, 41, 59, var(--tw-bg-opacity));
}

.bg-slate-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(15, 23, 42, var(--tw-bg-opacity));
}

.bg-transparent {
  background-color: transparent;
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255, 255, 255, var(--tw-bg-opacity));
}

.p-0 {
  padding: 0;
}

.p-2 {
  padding: 0.5rem;
}

.p-2\.5 {
  padding: 0.625rem;
}

.p-4 {
  padding: 1rem;
}

.p-6 {
  padding: 1.5rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.pb-\[10px\] {
  padding-bottom: 10px;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-2\.5 {
  padding-left: 0.625rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.ps-5 {
  padding-inline-start: 1.25rem;
}

.pt-\[24px\] {
  padding-top: 24px;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-\[12px\] {
  font-size: 12px;
}

.text-\[13px\] {
  font-size: 13px;
}

.text-\[9px\] {
  font-size: 9px;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.leading-4 {
  line-height: 1rem;
}

.leading-\[30px\] {
  line-height: 30px;
}

.leading-none {
  line-height: 1;
}

.leading-tight {
  line-height: 1.25;
}

.tracking-normal {
  letter-spacing: 0em;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.text-\[\#001b41\] {
  --tw-text-opacity: 1;
  color: rgb(0, 27, 65, var(--tw-text-opacity));
}

.text-\[\#1c1c1c\] {
  --tw-text-opacity: 1;
  color: rgb(28, 28, 28, var(--tw-text-opacity));
}

.text-\[var\(--pl\)\] {
  color: var(--pl);
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(0, 0, 0, var(--tw-text-opacity));
}

.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37, 99, 235, var(--tw-text-opacity));
}

.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30, 64, 175, var(--tw-text-opacity));
}

.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17, 24, 39, var(--tw-text-opacity));
}

.text-orange-400 {
  --tw-text-opacity: 1;
  color: rgb(251, 146, 60, var(--tw-text-opacity));
}

.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239, 68, 68, var(--tw-text-opacity));
}

.text-red-900 {
  --tw-text-opacity: 1;
  color: rgb(127, 29, 29, var(--tw-text-opacity));
}

.text-slate-200 {
  --tw-text-opacity: 1;
  color: rgb(226, 232, 240, var(--tw-text-opacity));
}

.text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148, 163, 184, var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255, 255, 255, var(--tw-text-opacity));
}

.underline {
  text-decoration-line: underline;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.placeholder-red-500::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(239, 68, 68, var(--tw-placeholder-opacity));
}

.opacity-0 {
  opacity: 0;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.outline {
  outline-style: solid;
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.duration-300 {
  transition-duration: 0.3s;
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.pac-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 40px;
  grid-auto-rows: 40px;
  padding: 12px 0 8px;
  border-radius: 0 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
  margin-top: 0 !important;
}

.pac-item:nth-child(1) {
  border: none !important;
}

.pac-container {
  border-radius: 0 0 16px 16px !important;
  border-top: none !important;
  border: 2px solid #b6b6b6;
  transform: translateY(12px);
  box-shadow: none !important;
}

.pac-container * {
  font-size: 13px !important;
  line-height: 21px !important;
  display: flex;
  align-items: center;
}

.pac-container .pac-item {
  cursor: pointer;
  padding-left: 18px !important;
  padding-right: 16px !important;
  border-top: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.pac-icon {
  display: none !important;
}

.pac-logo:after {
  background-position: calc(100% - 16px) center !important;
  padding: 16px !important;
  height: 48px !important;
}

.mdc-checkbox:hover > .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, .mdc-checkbox:hover > .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
  --mdc-checkbox-selected-hover-icon-color: #0066ff;
  --mdc-checkbox-selected-icon-color: #0066ff;
}

:root {
  --mat-stepper-header-focus-state-layer-shape: 0px;
  --mat-stepper-header-hover-state-layer-shape: 0px;
}

.marker\:text-white *::marker {
  color: #fff;
}

.marker\:text-white::marker {
  color: #fff;
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.focus\:border-blue-600:focus {
  --tw-border-opacity: 1;
  border-color: rgb(37, 99, 235, var(--tw-border-opacity));
}

.focus\:border-red-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(239, 68, 68, var(--tw-border-opacity));
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
}

.focus\:ring-red-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity));
}

.active\:underline:active {
  text-decoration-line: underline;
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:placeholder-shown ~ .peer-placeholder-shown\:scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:focus ~ .peer-focus\:-translate-y-2 {
  --tw-translate-y: -.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:focus ~ .peer-focus\:-translate-y-2\.5 {
  --tw-translate-y: -.625rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:focus ~ .peer-focus\:scale-75 {
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer:focus ~ .peer-focus\:text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37, 99, 235, var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .sm\:-ml-3 {
    margin-left: -0.75rem;
  }
  .sm\:mt-6 {
    margin-top: 1.5rem;
  }
  .sm\:h-auto {
    height: auto;
  }
  .sm\:w-full {
    width: 100%;
  }
  .sm\:min-w-20 {
    min-width: 5rem;
  }
  .sm\:min-w-\[107px\] {
    min-width: 107px;
  }
  .sm\:min-w-\[160px\] {
    min-width: 160px;
  }
  .sm\:max-w-40 {
    max-width: 10rem;
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:p-6 {
    padding: 1.5rem;
  }
  .sm\:text-left {
    text-align: left;
  }
  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 768px) {
  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
}
@media (min-width: 1024px) {
  .lg\:min-w-48 {
    min-width: 12rem;
  }
  .lg\:max-w-48 {
    max-width: 12rem;
  }
  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .lg\:text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }
}
@media (min-width: 1280px) {
  .xl\:mt-8 {
    margin-top: 2rem;
  }
  .xl\:max-h-\[calc\(96px_\*_4\)\] {
    max-height: 384px;
  }
  .xl\:max-h-\[calc\(96px_\*_4_-_34px\)\] {
    max-height: 350px;
  }
  .xl\:w-full {
    width: 100%;
  }
  .xl\:min-w-60 {
    min-width: 15rem;
  }
  .xl\:max-w-60 {
    max-width: 15rem;
  }
  .xl\:gap-1 {
    gap: 0.25rem;
  }
  .xl\:p-6 {
    padding: 1.5rem;
  }
  .xl\:text-center {
    text-align: center;
  }
  .xl\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .xl\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (prefers-color-scheme: dark) {
  .dark\:border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(239, 68, 68, var(--tw-border-opacity));
  }
  .dark\:bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(55, 65, 81, var(--tw-bg-opacity));
  }
  .dark\:text-black {
    --tw-text-opacity: 1;
    color: rgb(0, 0, 0, var(--tw-text-opacity));
  }
  .dark\:text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156, 163, 175, var(--tw-text-opacity));
  }
  .dark\:text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239, 68, 68, var(--tw-text-opacity));
  }
  .dark\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255, 255, 255, var(--tw-text-opacity));
  }
  .dark\:placeholder-red-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(239, 68, 68, var(--tw-placeholder-opacity));
  }
}
:root {
  --app-bar-height: 80px;
  --dark-grey: #333333;
  --medium-grey: #636363;
  --light-grey: #eeeeee;
  --ash: #f4f4f4;
  --primary-color: #214679;
  --white: white;
  --border: 1px solid var(--light-grey);
  --shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

#appBar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: var(--globalnav-background);
  -webkit-backdrop-filter: saturate(180%) blur(15px) !important;
  backdrop-filter: saturate(180%) blur(15px) !important;
  height: var(--app-bar-height);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
  border-bottom: 1px solid #eeeeee;
}

main {
  position: relative;
  z-index: 1;
  background-color: #fff;
}

:root {
  --p: #28abe3;
  --pl: #6fddff;
  --pd: #007cb1;
  --s: #214679;
  --sl: #5471a8;
  --sd: #00204d;
  --bg0: #f1f3f6;
  --bg1: #f5f6f7;
  --bg2: #eff6ff;
  --bg3: #f8fafc;
  --bg4: #fcfcfc;
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.25);
  --mat-stepper-header-height: 48px;
}

[type=checkbox]:focus,
[type=radio]:focus {
  --tw-ring-offset-width: 0px !important;
  box-shadow: none !important;
}

div.hs-accordion a {
  word-break: break-all;
}

/* app-bar */
#navbar-with-logo {
  /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
}

#navIcon4 {
  width: 24px;
  height: 24px;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
}

#navIcon4 span {
  display: block;
  position: absolute;
  width: 18px;
  height: 2px;
  border-radius: 32px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

#navIcon4 span:nth-child(1) {
  top: 6px;
  left: 3px;
  transform-origin: left center;
}

#navIcon4 span:nth-child(2) {
  top: 11px;
  left: 3px;
  transform-origin: left center;
}

#navIcon4 span:nth-child(3) {
  top: 16px;
  left: 3px;
  transform-origin: left center;
}

.open #navIcon4 span:nth-child(1) {
  left: 5px;
  top: 4px;
  transform: rotate(45deg);
}

.open #navIcon4 span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.open #navIcon4 span:nth-child(3) {
  left: 5px;
  top: 17px;
  transform: rotate(-45deg);
}

/* features1Section, features2Section */
#features1Section #features1SectionIsland > .flex,
#features2Section #features2SectionIsland > .flex {
  gap: var(--padding-h);
}

.features-section .feature-item__actions {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  height: auto;
  gap: 8px;
}

.features-section .feature-item__action-item {
  background-color: #214679;
  min-width: unset;
  min-height: unset;
  width: max-content;
  height: max-content;
  line-height: 1;
  text-decoration: none;
  border: none;
  padding: 3px 4px 3px 12px;
  border-radius: 64px;
  max-height: 22px;
  display: flex;
  align-items: center;
}

.features-section .feature-item__action-item span {
  font-size: 12px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -0.15px;
  color: #fff;
}

.features-section .feature-item__action-item svg {
  width: 16px;
  height: 16px;
}

.features-section .feature-item__content p {
  margin-bottom: 0;
}

.features-section .feature-item__header--expand-icon {
  margin-top: 4px;
}

.hs-accordion-toggle svg:not(.custom) {
  min-width: 12px;
  min-height: auto;
  width: 12px;
  height: auto;
  max-width: 12px;
  max-height: auto;
}

#navbar-with-logo {
  height: var(--app-bar-height);
  background-color: #fff;
}

#navbar-collapse-with-animation {
  box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.25), 0 30px 60px -30px rgba(0, 0, 0, 0.3) !important;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

#appbar-collapse-with-animation {
  box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.25), 0 30px 60px -30px rgba(0, 0, 0, 0.3) !important;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

@media (max-width: 639px) {
  main {
    min-height: 100vh;
  }
  #heroSection {
    min-height: 100vh;
  }
  #appBottomNavigationBar {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 40;
  }
  #appBottomNavigationBar .nav {
    display: grid;
    grid-template-columns: 1fr 1fr 16px 1fr 1fr;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    height: 64px;
    filter: drop-shadow(0 0 5px rgba(31, 31, 31, 0.1));
    position: fixed;
    bottom: 0;
  }
  #appBottomNavigationBar .nav .nav-slot {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eaeaea;
    display: grid;
    justify-items: center;
    align-items: center;
    color: #242729;
    transition: 0.3s all;
    width: 100%;
    height: 100%;
    grid-template-columns: 1fr;
    grid-template-rows: max-content max-content;
    justify-content: center;
    align-content: center;
    grid-gap: 2px;
  }
  #appBottomNavigationBar .nav .nav-slot span {
    font-size: 12px;
    line-height: 16px;
    text-align: center;
  }
  #appBottomNavigationBar .curve {
    z-index: 1100;
  }
  /* @media (prefers-color-scheme: dark) {
    #appBottomNavigationBar .curve::before {
      content: "";
      display: block;
      position: absolute;
      width: 130px;
      height: 30px;
      top: -29px;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      z-index: -1;
      background-image: none;
      background-position: center;
    }
  } */
  /* @media (prefers-color-scheme: light) {
    #appBottomNavigationBar .curve::before {
      content: "";
      display: block;
      position: absolute;
      width: 130px;
      height: 30px;
      top: -29px;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      z-index: -1;
      background-image: url("data:image/svg+xml,%3Csvg width='115' height='30' viewBox='0 0 115 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.43339 29.3366H0.733391C0.733391 29.3366 1.33339 29.4366 2.43339 29.3366Z' fill='%23EAEAEA'/%3E%3Cpath d='M81.9334 14.6366C71.9334 -1.06341 57.6334 0.836594 57.6334 0.836594C57.6334 0.836594 43.3334 -0.963406 33.3334 14.7366C25.0334 27.8366 7.83339 29.2366 2.43339 29.3366L57.6334 29.4366L112.833 29.3366C107.333 29.2366 90.2334 27.8366 81.9334 14.6366Z' fill='%23EAEAEA'/%3E%3C/svg%3E%0A");
      background-position: center;
    }
  } */
  #appBottomNavigationBar .curve::before {
    content: "";
    display: block;
    position: absolute;
    width: 130px;
    height: 30px;
    top: -29px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: -1;
    background-image: url("data:image/svg+xml,%3Csvg width='115' height='30' viewBox='0 0 115 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.43339 29.3366H0.733391C0.733391 29.3366 1.33339 29.4366 2.43339 29.3366Z' fill='%23EAEAEA'/%3E%3Cpath d='M81.9334 14.6366C71.9334 -1.06341 57.6334 0.836594 57.6334 0.836594C57.6334 0.836594 43.3334 -0.963406 33.3334 14.7366C25.0334 27.8366 7.83339 29.2366 2.43339 29.3366L57.6334 29.4366L112.833 29.3366C107.333 29.2366 90.2334 27.8366 81.9334 14.6366Z' fill='%23EAEAEA'/%3E%3C/svg%3E%0A");
    background-position: center;
  }
  #appBottomNavigationBar .floating-button {
    position: fixed;
    width: 56px;
    height: 56px;
    line-height: 3;
    text-align: center;
    border-radius: 50%;
    bottom: 40px;
    background-color: var(--p) !important;
    background-image: linear-gradient(39deg, #06f 30%, #28abe3 90%) !important;
    transition: all 75ms ease;
    box-shadow: 0 10px 22px 2px rgba(35, 110, 180, 0.5);
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto !important;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: center;
  }
  .tab-panel {
    transition: opacity 0.25s ease;
    background-color: #fff;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 30;
    padding-top: var(--app-bar-height);
  }
  .tab-panel-content {
    width: 100%;
    height: 100%;
  }
  .contact-button-container {
    opacity: 0;
    display: grid;
    grid-template-rows: 64px max-content;
    justify-content: center;
    grid-template-columns: 64px;
    gap: 8px;
  }
  .contact-button-container span {
    font-size: 12px;
    line-height: 15px;
    font-weight: 500;
    letter-spacing: 0.1px;
    text-align: center;
    display: flex;
    justify-content: center;
  }
  .contact-button {
    width: 64px;
    height: 64px;
    background-color: #1380cb;
    box-shadow: 0 10px 22px 2px rgba(35, 110, 180, 0.5019607843);
    border-radius: 100%;
    padding: 0;
    display: flex;
    place-content: center;
    place-items: center;
  }
  #bar-with-underline-1 .tab-panel-content {
    background-image: url(https://dein-ruf.de/assets/components/bottom-navigation-bar/icons/bg-image_contact-options-page.svg), linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
    background-position: center 25%, center center;
    background-size: 75% auto, 100% 100%;
    background-repeat: no-repeat, no-repeat;
  }
  #heroSection {
    min-height: 100vh;
  }
  .snackbar {
    left: 0;
    right: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  /* features1Section, features2Section */
  .features-section .feature-item {
    padding-left: var(--padding-h);
    border-left: 2px solid #dddee2;
  }
  .features-section .feature-item[aria-expanded=true] {
    border-color: var(--p);
  }
  .features-section .feature-item__content {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 500ms;
  }
  .features-section .feature-item__content[aria-hidden=false] {
    grid-template-rows: 1fr;
  }
  .features-section .feature-item__content > div {
    overflow: hidden;
  }
  .features-section .feature-item__header {
    display: grid;
    grid-template-columns: 32px 1fr 12px;
    grid-template-rows: max-content;
    grid-gap: 16px;
    align-items: start;
  }
  .features-section .feature-item__header--icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    place-content: center;
    place-items: center;
    margin-top: 3px;
  }
  .features-section .feature-item__header--title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: var(--sd);
    margin-bottom: 0 !important;
  }
  .features-section .feature-item__header--expand-icon {
    width: 12px;
    height: 12px;
    display: flex;
    place-content: center;
    place-items: center;
  }
  .features-section .feature-item__header--expand-icon svg {
    margin: auto;
    width: 12px;
    height: auto;
    transform: rotate(-180deg);
  }
  .features-section .feature-item[aria-expanded=true] .feature-item__header--expand-icon svg {
    transform: rotate(0deg);
  }
  .features-section .feature-item__header > * {
    min-width: 0;
    min-height: 0;
  }
  .features-section .feature-item__content p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #5f6368;
  }
  .features-section .feature-item__content > div:first-child::before {
    content: "";
    display: block;
    height: 16px;
  }
  .features-section .feature-item__content a,
  .features-section .feature-item__content a:visited {
    color: var(--s);
    font-weight: 500;
  }
  .features-section .feature-item__actions {
    margin-top: 16px;
  }
  #logos2Desktop {
    display: none;
  }
}
@media (min-width: 640px) {
  #leadForm {
    border-radius: 16px;
  }
  #appBottomNavigationBar {
    display: none;
  }
  .snackbar {
    left: 32px;
  }
  body {
    overflow: visible !important;
  }
  /* features1Section, features2Section */
  .features-section .feature-item__header--expand-icon {
    display: none;
  }
  .features-section .feature-item__header {
    display: grid;
    grid-template-columns: 30px 1fr;
    grid-gap: 16px;
  }
  .features-section .feature-item__header--icon img {
    width: 30px;
    height: 30px;
    margin-top: 4px;
  }
  .features-section .feature-item__content {
    padding-left: 46px;
  }
  .features-section .feature-item__content p {
    font-size: 14px;
    line-height: 22px;
    -webkit-hyphens: auto;
    hyphens: auto;
    text-align: justify;
  }
  .features-section .feature-item__content p a {
    color: #22457a;
    border-bottom: 1px dotted #22457a;
    text-decoration: none;
  }
  .features-section .feature-item__actions {
    margin-top: 8px;
  }
}
@media (min-width: 768px) {
  #leadForm {
    border-radius: 16px;
  }
}
@media (min-width: 1024px) {
  .features-section .feature-item {
    width: calc(50% - 12px);
  }
  .features-section .feature-item__header {
    grid-template-columns: 24px 1fr;
    grid-template-rows: max-content;
    grid-gap: 12px;
  }
  .features-section .feature-item__header--icon img {
    width: 24px;
    height: 24px;
  }
  .features-section .feature-item__header h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 8px;
  }
  .features-section .feature-item__content {
    padding-left: 36px !important;
  }
  .features-section .feature-item__actions {
    margin-top: 16px;
  }
  #navbar-with-logo {
    background-color: transparent !important;
  }
  #navbar-collapse-with-animation {
    box-shadow: none !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    background-color: transparent !important;
  }
  #partnerSlider {
    display: block;
  }
  #logos2Mobile {
    display: none;
  }
}
@media (min-width: 1280px) {
  #logoLayout {
    left: 17px !important;
  }
  .features-section .feature-item {
    width: calc(50% - 16px);
  }
  .features-section .feature-item__header h3 {
    font-size: var(--h5-font-size);
    font-weight: var(--h5-font-weight);
    line-height: var(--h5-line-height);
    margin-bottom: 8px;
  }
  #navbar-with-logo {
    background-color: transparent !important;
  }
  #navbar-collapse-with-animation {
    box-shadow: none !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    background-color: transparent !important;
  }
}
:root {
  --app-bar-height: 80px;
  --dark-grey: #333333;
  --medium-grey: #636363;
  --light-grey: #eeeeee;
  --ash: #f4f4f4;
  --primary-color: #214679;
  --white: white;
  --border: 1px solid var(--light-grey);
  --shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

@media (min-width: 321px) and (max-width: 599.98px) and (orientation: portrait), (min-width: 321px) and (max-width: 959.98px) and (orientation: landscape) {
  :root {
    /* VARS */
    --density: 0;
    --app-bar-height: 84px;
    --main-row-gap: 48px;
    --max-width: 100%;
    --padding-h: 24px;
    --padding-v: 24px;
    /* DEFAULT */
    --default-font-size: 14px;
    --default-font-weight: 400;
    --default-line-height: 24px;
    --default-letter-spacing: normal;
    --default-margin-bottom: 16px;
    /* HEADLINES */
    --h1-font-size: 1.802rem;
    --h1-font-weight: 400;
    --h1-line-height: 1.3;
    --h1-letter-spacing: -0.05px;
    --h1-margin-bottom: 16px;
    --h2-font-size: 1.602rem;
    --h2-font-weight: 400;
    --h2-line-height: 1.3;
    --h2-letter-spacing: -0.05px;
    --h2-margin-bottom: 16px;
    --h3-font-size: 1.424rem;
    --h3-font-weight: 400;
    --h3-line-height: 1.3;
    --h3-letter-spacing: -0.05px;
    --h3-margin-bottom: 16px;
    --h4-font-size: 1.266rem;
    --h4-font-weight: 400;
    --h4-line-height: 1.3;
    --h4-letter-spacing: -0.05px;
    --h4-margin-bottom: 16px;
    --h5-font-size: 1.125rem;
    --h5-font-weight: 400;
    --h5-line-height: 1.3;
    --h5-letter-spacing: -0.05px;
    --h5-margin-bottom: 16px;
    /* SECTION */
    --section-padding-top: 3rem;
    --section-padding-bottom: 3rem;
    --section-headline-font-size: 1.424rem;
    --section-headline-font-weight: 400;
    --section-headline-line-height: 1.3;
    --section-headline-letter-spacing: -0.05px;
    --section-headline-margin-bottom: 2rem;
    /* HERO */
    --hero-title-font-size: 24px;
    --hero-title-line-height: 32px;
    --hero-title-font-weight: 400;
    --hero-subtitle-font-size: 20px;
    --hero-subtitle-line-height: 28px;
    --hero-subtitle-font-weight: 400;
    --hero-text-font-size: 16px;
    --hero-text-line-height: 24px;
    --hero-text-font-weight: 400;
    /* BUTTON */
    --button-font-size: 14px;
    --button-font-weight: 400;
    --button-line-height: 1;
    --button-letter-spacing: 0.5px;
    /* MISCELLANEOUS */
    --small-font-size: 12px;
    --strong-font-weight: 500;
  }
  .fab {
    width: 40px !important;
    height: 40px !important;
  }
  .fab mat-icon {
    font-size: 20px;
    line-height: 20px;
    width: 20px;
    height: 20px;
  }
  .fab.fab-whatsapp img {
    width: 40px !important;
    height: 40px !important;
  }
}
@media (min-width: 600px) and (max-width: 839.98px) and (orientation: portrait), (min-width: 960px) and (max-width: 1279.98px) and (orientation: landscape), (min-width: 840px) and (orientation: portrait) {
  :root {
    /* VARS */
    --density: 0;
    --app-bar-height: 84px;
    --main-row-gap: 48px;
    --max-width: 100%;
    --padding-h: 24px;
    --padding-v: 24px;
    /* DEFAULT */
    --default-font-size: 14px;
    --default-font-weight: 400;
    --default-line-height: 24px;
    --default-letter-spacing: normal;
    --default-margin-bottom: 16px;
    /* HEADLINES */
    --h1-font-size: 3.052rem;
    --h1-font-weight: 400;
    --h1-line-height: 1.3;
    --h1-letter-spacing: -0.05px;
    --h1-margin-bottom: 16px;
    --h2-font-size: 2.441rem;
    --h2-font-weight: 400;
    --h2-line-height: 1.3;
    --h2-letter-spacing: -0.05px;
    --h2-margin-bottom: 16px;
    --h3-font-size: 1.953rem;
    --h3-font-weight: 400;
    --h3-line-height: 1.3;
    --h3-letter-spacing: -0.05px;
    --h3-margin-bottom: 16px;
    --h4-font-size: 1.563rem;
    --h4-font-weight: 400;
    --h4-line-height: 1.3;
    --h4-letter-spacing: -0.05px;
    --h4-margin-bottom: 16px;
    --h5-font-size: 1.25rem;
    --h5-font-weight: 400;
    --h5-line-height: 1.3;
    --h5-letter-spacing: -0.05px;
    --h5-margin-bottom: 16px;
    /* SECTION */
    --section-padding-top: 48px;
    --section-padding-bottom: 48px;
    --section-headline-font-size: 1.953rem;
    --section-headline-font-weight: 400;
    --section-headline-line-height: 1.3;
    --section-headline-letter-spacing: -0.05px;
    --section-headline-margin-bottom: 3rem;
    /* HERO */
    --hero-title-font-size: 2.488rem;
    --hero-title-line-height: 1.3;
    --hero-title-font-weight: 400;
    --hero-subtitle-font-size: 2.074rem;
    --hero-subtitle-line-height: 1.3;
    --hero-subtitle-font-weight: 400;
    --hero-text-font-size: 1.25rem;
    --hero-text-line-height: 1.3;
    --hero-text-font-weight: 400;
    /* BUTTON */
    --button-font-size: 14px;
    --button-font-weight: 500;
    --button-line-height: 1;
    --button-letter-spacing: 0.5px;
    /* MISCELLANEOUS */
    --small-font-size: 0.8rem;
    --strong-font-weight: 500;
  }
}
@media (min-width: 1280px) and (orientation: landscape) {
  :root {
    /* VARS */
    --density: 0;
    --app-bar-height: 84px;
    --main-row-gap: 64px;
    --max-width: 1216px;
    --padding-h: 32px;
    --padding-v: 32px;
    /* DEFAULT */
    --default-font-size: 14px;
    --default-font-weight: 400;
    --default-line-height: 24px;
    --default-letter-spacing: normal;
    --default-margin-bottom: 16px;
    /* HEADLINES */
    --h1-font-size: 3.052rem;
    --h1-font-weight: 400;
    --h1-line-height: 1.3;
    --h1-letter-spacing: -0.05px;
    --h1-margin-bottom: 16px;
    --h2-font-size: 2.441rem;
    --h2-font-weight: 400;
    --h2-line-height: 1.3;
    --h2-letter-spacing: -0.05px;
    --h2-margin-bottom: 16px;
    --h3-font-size: 1.953rem;
    --h3-font-weight: 400;
    --h3-line-height: 1.3;
    --h3-letter-spacing: -0.05px;
    --h3-margin-bottom: 16px;
    --h4-font-size: 1.563rem;
    --h4-font-weight: 400;
    --h4-line-height: 1.3;
    --h4-letter-spacing: -0.05px;
    --h4-margin-bottom: 16px;
    --h5-font-size: 1.25rem;
    --h5-font-weight: 400;
    --h5-line-height: 1.3;
    --h5-letter-spacing: -0.05px;
    --h5-margin-bottom: 16px;
    /* SECTION */
    --section-padding-top: 3rem;
    --section-padding-bottom: 3rem;
    --section-headline-font-size: 1.953rem;
    --section-headline-font-weight: 400;
    --section-headline-line-height: 1.3;
    --section-headline-letter-spacing: -0.05px;
    --section-headline-margin-bottom: 3rem;
    /* HERO */
    --hero-title-font-size: 2.488rem;
    --hero-title-line-height: 1.3;
    --hero-title-font-weight: 400;
    --hero-subtitle-font-size: 2.074rem;
    --hero-subtitle-line-height: 1.3;
    --hero-subtitle-font-weight: 400;
    --hero-text-font-size: 1.25rem;
    --hero-text-line-height: 1.3;
    --hero-text-font-weight: 400;
    /* BUTTON */
    --button-font-size: 14px;
    --button-font-weight: 500;
    --button-line-height: 1;
    --button-letter-spacing: 0.5px;
    /* MISCELLANEOUS */
    --small-font-size: 12px;
    --strong-font-weight: 500;
  }
  .fab {
    width: 56px !important;
    height: 56px !important;
  }
  .fab mat-icon {
    font-size: 24px;
    line-height: 24px;
    width: 24px;
    height: 24px;
  }
  .fab.fab-whatsapp img {
    width: 56px !important;
    height: 56px !important;
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

body {
  height: 100dvh;
}

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

:root {
  --globalnav-backdrop-filter: saturate(180%) blur(20px);
  --globalnav-background: rgba(250, 250, 252, 0.8);
}

#appBar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: var(--globalnav-background);
  -webkit-backdrop-filter: saturate(180%) blur(15px) !important;
  backdrop-filter: saturate(180%) blur(15px) !important;
  height: var(--app-bar-height);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.07);
  border-bottom: 1px solid #eeeeee;
  /* z-index: 999999 !important; */
}

main {
  position: relative;
  z-index: 1;
  background-color: #fff;
}

.section-placeholder {
  min-height: 400px;
}

span.ripple {
  position: absolute;
  border-radius: 50%;
  transform: scale(0);
  animation: ripple 600ms linear;
  background-color: rgba(255, 255, 255, 0.7);
}

@keyframes ripple {
  to {
    transform: scale(4);
    opacity: 0;
  }
}
#pricingIsland {
  display: block;
  position: relative;
  width: 100%;
}

#emailCarouselIsland {
  display: block;
  position: relative;
  width: 100%;
}

/* .hs-accordion-group>.hs-accordion.active {
  padding-bottom: 24px;
}

.hs-accordion-group>.hs-accordion.active .hs-accordion.active {
  padding-bottom: 12px;
}

.hs-accordion-content .hs-accordion-content {
  padding-left: 26px;
} */
/* .hs-accordion h1 :where(h1>:first-child):not(:where([class~=custom],[class~=custom] *)),
.hs-accordion h2 :where(h2>:first-child):not(:where([class~=custom],[class~=custom] *)),
.hs-accordion h3 :where(h3>:first-child):not(:where([class~=custom],[class~=custom] *)),
.hs-accordion h4 :where(h4>:first-child):not(:where([class~=custom],[class~=custom] *)),
.hs-accordion h5 :where(h5>:first-child):not(:where([class~=custom],[class~=custom] *)),
.hs-accordion h6 :where(h6>:first-child):not(:where([class~=custom],[class~=custom] *)) {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.hs-accordion h3 :where(h3>:first-child):not(:where([class~=custom],[class~=custom] *)) {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
} */
/* .hs-accordion-content p,
.hs-accordion-content strong,
.hs-accordion-content ul,
.hs-accordion-content ol,
.hs-accordion-content li {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
} */
.hs-accordion .icon {
  cursor: pointer;
}

#leadForm {
  /* --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); */
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  /* border-color: rgb(229 231 235/1);
  border-width: 1px; */
  /* border-style: solid; */
  border-radius: 16px;
}

.snackbar {
  z-index: 9999;
  position: fixed;
  bottom: 32px;
  width: calc(100% - 64px);
  max-width: calc(100% - 64px);
}

button:not(.custom-button):not(.snackbar-close):not(.card-carousel-button):not(#leadFormCallButton) {
  min-height: 36px !important;
}

#logoLayout {
  position: absolute;
  width: 136px;
  height: auto;
  opacity: 1;
  left: 13px;
  top: 17px;
}

/* #logoIcon {
  position: absolute;
  width: 71px;
  height: auto;
  opacity: 0;
  left: 4px;
} */
/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

/* header nav a {
  min-height: 36px;
  display: flex;
  align-items: center;
} */
header nav {
  width: 100%;
}

@media (min-width: 1280px) {
  header nav {
    max-width: 1232px;
  }
}
@media (min-width: 400px) {
  /* header nav {
      max-width:400px
  } */
}
/* @media (min-width: 540px) {
  header nav {
      max-width:540px
  }
}

@media (min-width: 720px) {
  header nav {
      max-width:720px
  }
}

@media (min-width: 960px) {
  header nav {
      max-width:960px
  }
} */
/* @media (min-width: 1140px) {
  header nav {
      max-width:1140px
  }
} */
@keyframes pulse {
  0% {
    box-shadow: 0 0 rgba(0, 173, 239, 0.4);
  }
  25% {
    opacity: 0.8;
    transform: scale(1.1);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(0, 173, 239, 0);
  }
  75% {
    opacity: 1;
    transform: scale(0.9);
  }
  to {
    box-shadow: 0 0 rgba(0, 173, 239, 0);
  }
}
.radial-gradient-01 {
  background-image: radial-gradient(100% 100% at 100% 0, var(--sl) 0, var(--s) 100%) !important;
}

.more-button {
  padding-bottom: 5px !important;
  padding-top: 5px !important;
  padding-right: 8px !important;
  padding-left: 8px !important;
  border: none !important;
  letter-spacing: 0.5px !important;
  border-radius: 32px !important;
}

lite-youtube > .lty-playbtn {
  border: none;
  cursor: pointer;
  filter: none !important;
  height: 48px;
  left: unset !important;
  position: absolute;
  top: unset !important;
  transform: unset !important;
  transition: filter 0.1s cubic-bezier(0, 0, 0.2, 1);
  width: 68px;
  z-index: 1;
  right: 16px;
  bottom: 16px;
}

.swiper {
  opacity: 0;
}

.swiper.swiper-initialized {
  opacity: 1 !important;
}

.popover p {
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 18px !important;
  font-family: var(--default-font-family) !important;
  letter-spacing: normal !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
  color: #fff !important;
}

.fab-container a,
.fab-container button {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.bg-gradient-cta1 {
  background-size: 111% 111% !important;
  --tw-gradient-from: #2f75ff var(--tw-gradient-from-position);
  /* --tw-gradient-from: #0a54ff var(--tw-gradient-from-position); */
  --tw-gradient-to: #28abe3 var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  background-image: linear-gradient(356deg, var(--tw-gradient-stops));
}

.bg-radial-gradient-p1 {
  background-image: radial-gradient(circle, rgb(40, 171, 227) 0%, rgb(26, 86, 219) 390%) !important;
  background-position: center center !important;
  background-size: 131% 131% !important;
}

.bg-linear-gradient-p1 {
  background-color: #28abe3 !important;
  background-image: linear-gradient(39deg, #28abe3 0%, rgba(26, 86, 219, 0.5019607843) 222%) !important;
  background-position: center center !important;
  background-size: 333% 333% !important;
}

.bg-linear-gradient-s1 {
  background-color: #214679 !important;
  background-image: linear-gradient(31deg, rgba(0, 32, 77, 0.5) 0%, #214679 25%, rgba(26, 86, 219, 0.5) 333%) !important;
  background-position: center center !important;
  background-size: 333% 333% !important;
}

/* .bg-linear-gradient-custom1 {
  background-color: #0066ff !important;
  background-image: linear-gradient(139.9deg,#0066ff 49.15%,#28abe3 141.13%);
  background-position: center center !important;
  background-size: 222% 222% !important;
} */
.bg-linear-gradient-custom1 {
  background-color: var(--p) !important;
  background-image: linear-gradient(39deg, rgb(0, 102, 255) 30%, #28abe3 90%) !important;
  background-position: center center !important;
  background-size: 222% 222% !important;
  transition: all 75ms ease;
}

.bg-linear-gradient-custom1:hover {
  background-color: var(--pl) !important;
  background-image: linear-gradient(39deg, rgba(0, 102, 255, 0.75) 30%, #28abe3 90%) !important;
  background-position: center center !important;
  background-size: 222% 222% !important;
}

.border-linear-gradient-custom1 {
  /* background: radial-gradient(circle at 100% 100%, #ebf5ff 0, #ebf5ff 23px, transparent 23px) 0% 0%/24px 24px no-repeat,
  radial-gradient(circle at 0 100%, #ebf5ff 0, #ebf5ff 23px, transparent 23px) 100% 0%/24px 24px no-repeat,
  radial-gradient(circle at 100% 0, #ebf5ff 0, #ebf5ff 23px, transparent 23px) 0% 100%/24px 24px no-repeat,
  radial-gradient(circle at 0 0, #ebf5ff 0, #ebf5ff 23px, transparent 23px) 100% 100%/24px 24px no-repeat,
  linear-gradient(#ebf5ff, #ebf5ff) 50% 50%/calc(100% - 2px) calc(100% - 48px) no-repeat,
  linear-gradient(#ebf5ff, #ebf5ff) 50% 50%/calc(100% - 48px) calc(100% - 2px) no-repeat,
  linear-gradient(356deg, #1c64f2 0%, #6fddff 100%); */
  border-radius: 24px;
  border: 1px solid #1c64f2;
}

.prose :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
  color: inherit !important;
}

.border-linear-gradient-custom2 {
  /* background: radial-gradient(circle at 100% 100%, #ebf5ff 0, #ebf5ff 22px, transparent 22px) 0% 0%/24px 24px no-repeat,
  radial-gradient(circle at 0 100%, #ebf5ff 0, #ebf5ff 22px, transparent 22px) 100% 0%/24px 24px no-repeat,
  radial-gradient(circle at 100% 0, #ebf5ff 0, #ebf5ff 22px, transparent 22px) 0% 100%/24px 24px no-repeat,
  radial-gradient(circle at 0 0, #ebf5ff 0, #ebf5ff 22px, transparent 22px) 100% 100%/24px 24px no-repeat,
  linear-gradient(#ebf5ff, #ebf5ff) 50% 50%/calc(100% - 4px) calc(100% - 48px) no-repeat,
  linear-gradient(#ebf5ff, #ebf5ff) 50% 50%/calc(100% - 48px) calc(100% - 4px) no-repeat,
  linear-gradient(356deg, #1c64f2 0%, #6fddff 100%); */
  border-radius: 24px;
  border: 1px solid #1c64f2;
}

/* #adobe-dc-view {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  z-index: 99999999;
} */
.pdf-modal-container {
  position: fixed;
  z-index: 20000;
}

html,
body {
  display: block;
  scroll-behavior: smooth;
}

.mdc-ripple-surface-light,
.mdc-ripple-surface-light::before,
.mdc-ripple-surface-light::after {
  --mdc-ripple-color: #fff;
  --mdc-ripple-press-opacity: 0.25 !important;
}

.mdc-ripple-surface-light::before,
.mdc-ripple-surface-light::after {
  background-color: #fff !important;
}

.mdc-ripple-surface-dark,
.mdc-ripple-surface-dark::before,
.mdc-ripple-surface-dark::after {
  --mdc-ripple-color: #000;
}

.mdc-ripple-surface-dark::before,
.mdc-ripple-surface-dark::after {
  background-color: #000 !important;
}

/* * {
  scroll-margin-top: var(--app-bar-height);
} */
/* [multiple]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, select:focus, textarea:focus {
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
} */
.postlist .postlist-item time {
  display: block;
}

.postlist .postlist-item .postlist-link span {
  display: inline;
}

.custom-headline {
  position: relative;
}

.custom-headline hr {
  opacity: 0;
  margin: 0;
  position: absolute !important;
  top: calc((var(--app-bar-height) + 24px) * -1);
}

hr.custom-headline {
  opacity: 0;
  margin: 0;
  position: absolute !important;
  top: calc((var(--app-bar-height) + 24px + 44px) * -1);
}

hr.custom-headline-accordion {
  opacity: 0;
  margin: 0;
  position: absolute !important;
  top: calc((var(--app-bar-height) + 24px + 100px) * -1);
}

article hr[id] {
  opacity: 0;
  margin: 0;
  position: absolute !important;
  top: calc((var(--app-bar-height) + 24px) * -1);
}

.hover-effect-01:hover {
  transform: scale(1.03);
  transition: all 0.2s;
}

.toc-indicator {
  width: 258px;
  left: -1px;
  position: absolute;
  transition-duration: 0.5s, 0.2s;
  transition-property: transform, opacity, height;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
  border: 1px solid #857373;
  border-radius: 18px;
  opacity: 1;
  z-index: -1;
}

#tabpanel-reporting,
#tabpanel-main,
#tabpanel-order,
#tabpanel-whatsapp {
  display: none !important;
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.custom-button {
  cursor: pointer !important;
}

is-land[on\:interaction] {
  cursor: pointer;
}

.hs-accordion-content {
  display: flex;
  flex-direction: column;
}

article.custom ul:not(.no-bullets):not(.no_bullets) {
  list-style-type: none;
}

article.custom ul:not(.no-bullets):not(.no_bullets) > li:before {
  content: "•";
  float: left;
  font-size: 1rem;
  margin-left: -0.875rem;
  list-style-type: none;
}

.hs-tooltip-content {
  background-color: rgba(19, 19, 19, 0.8705882353) !important;
  backdrop-filter: saturate(360%) blur(8px) !important;
}

.hs-tooltip-content > * {
  font-size: 11px !important;
  line-height: 14px !important;
  text-align: left !important;
  /* hyphens: auto !important; */
}

/* MAT SLIDE TOGGLE */
.mdc-switch {
  --mdc-switch-disabled-handle-opacity: 0.38;
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-state-layer-size: 40px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
}

.mat-mdc-slide-toggle {
  --mdc-switch-selected-focus-state-layer-color: #69c4eb;
  --mdc-switch-selected-handle-color: #69c4eb;
  --mdc-switch-selected-hover-state-layer-color: #69c4eb;
  --mdc-switch-selected-pressed-state-layer-color: #69c4eb;
  --mdc-switch-selected-focus-handle-color: #94d5f1;
  --mdc-switch-selected-hover-handle-color: #94d5f1;
  --mdc-switch-selected-pressed-handle-color: #94d5f1;
  --mdc-switch-selected-focus-track-color: #24a4e0;
  --mdc-switch-selected-hover-track-color: #24a4e0;
  --mdc-switch-selected-pressed-track-color: #24a4e0;
  --mdc-switch-selected-track-color: #24a4e0;
  --mdc-switch-disabled-selected-handle-color: #000;
  --mdc-switch-disabled-selected-icon-color: #212121;
  --mdc-switch-disabled-selected-track-color: #f5f5f5;
  --mdc-switch-disabled-unselected-handle-color: #000;
  --mdc-switch-disabled-unselected-icon-color: #212121;
  --mdc-switch-disabled-unselected-track-color: #f5f5f5;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #212121;
  --mdc-switch-unselected-focus-handle-color: #fafafa;
  --mdc-switch-unselected-focus-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-focus-track-color: #616161;
  --mdc-switch-unselected-handle-color: #9e9e9e;
  --mdc-switch-unselected-hover-handle-color: #fafafa;
  --mdc-switch-unselected-hover-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-hover-track-color: #616161;
  --mdc-switch-unselected-icon-color: #212121;
  --mdc-switch-unselected-pressed-handle-color: #fafafa;
  --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-pressed-track-color: #616161;
  --mdc-switch-unselected-track-color: #616161;
}

.mat-mdc-slide-toggle .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, white);
}

.mat-mdc-slide-toggle .mdc-switch--disabled + label {
  color: rgba(255, 255, 255, 0.5);
}

.mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #647ea1;
  --mdc-switch-selected-handle-color: #647ea1;
  --mdc-switch-selected-hover-state-layer-color: #647ea1;
  --mdc-switch-selected-pressed-state-layer-color: #647ea1;
  --mdc-switch-selected-focus-handle-color: #90a3bc;
  --mdc-switch-selected-hover-handle-color: #90a3bc;
  --mdc-switch-selected-pressed-handle-color: #90a3bc;
  --mdc-switch-selected-focus-track-color: #1d3f71;
  --mdc-switch-selected-hover-track-color: #1d3f71;
  --mdc-switch-selected-pressed-track-color: #1d3f71;
  --mdc-switch-selected-track-color: #1d3f71;
}

.mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e57373;
  --mdc-switch-selected-handle-color: #e57373;
  --mdc-switch-selected-hover-state-layer-color: #e57373;
  --mdc-switch-selected-pressed-state-layer-color: #e57373;
  --mdc-switch-selected-focus-handle-color: #ef9a9a;
  --mdc-switch-selected-hover-handle-color: #ef9a9a;
  --mdc-switch-selected-pressed-handle-color: #ef9a9a;
  --mdc-switch-selected-focus-track-color: #e53935;
  --mdc-switch-selected-hover-track-color: #e53935;
  --mdc-switch-selected-pressed-track-color: #e53935;
  --mdc-switch-selected-track-color: #e53935;
}

.mat-mdc-slide-toggle {
  --mdc-switch-state-layer-size: 48px;
}

.click-icon {
  position: absolute;
  top: 0;
  background-image: url("https://storage.dein-ruf.de/icons/miscellaneous/icon-click-mouse.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 11;
  width: 32px;
  height: 32px;
}

/* :root {
  --md-sys-color-primary: #006A6A;
  --md-ripple-hover-color: var(--md-sys-color-primary);
  --md-ripple-pressed-color: var(--md-sys-color-primary);
} */
:root {
  /* --md-ripple-hover-color: var(--md-sys-color-primary);
  --md-ripple-pressed-color: var(--md-sys-color-primary); */
  /* --md-elevated-button-container-color: var(--md-sys-color-primary-container);
  --md-elevated-button-container-shape: 4px;
  --md-elevated-button-label-text-color: var(--md-sys-color-on-primary-container);
  --md-elevated-button-label-text-font: system-ui; */
  /* --md-filled-button-container-color: var(--md-sys-color-primary-container);
  --md-filled-button-container-shape: 4px;
  --md-filled-button-label-text-color: var(--md-sys-color-on-primary-container);
  --md-filled-button-label-text-font: system-ui; */
  --mat-stepper-header-height: 48px;
}

/* md-elevated-button.primary, md-filled-button.primary .background, md-filled-button.accent .background {
  background-color: #28abe3!important;
  background-image: linear-gradient(39deg,#28abe3,#1a56db80 222%)!important;
} */
lead-form md-elevated-button {
  width: 100%;
}

md-elevated-button {
  /* background-color: #214679 !important;
  background-image: linear-gradient(31deg,rgb(0, 32, 77, 0.5) 0%,#214679 25%,rgba(26,86,219,.5) 333%)!important;
  background-position: center center !important;
  background-size: 333% 333% !important; */
}

.ripple-container {
  display: flex;
  place-content: center;
  place-items: center;
  position: relative;
}

md-ripple.unbounded {
  /* Needed for unbounded ripple */
  border-radius: 50%;
  inset: unset;
  height: 64px;
  width: 64px;
}

.overflow-scroll {
  overflow: scroll !important;
}

.prose :not(.custom-prose) h1:not(:where([class])),
.prose :not(.custom-prose) h2:not(:where([class])),
.prose :not(.custom-prose) h3:not(:where([class])),
.prose :not(.custom-prose) h4:not(:where([class])),
.prose :not(.custom-prose) h5:not(:where([class])),
.prose :not(.custom-prose) h6:not(:where([class])) {
  margin-bottom: 16px !important;
}

strong {
  font-weight: 600 !important;
}

.m3-transition {
  transition: border-radius 0.2s cubic-bezier(0.2, 0, 0, 1);
}

#mainOverlay.transparent-overlay {
  cursor: auto;
}

#mainOverlay.dark-overlay {
  cursor: auto;
  backdrop-filter: saturate(180%) blur(20px);
  transition: all 0.075s cubic-bezier(0.4, 0, 0.6, 1);
}

#tocOverlay.transparent-overlay {
  cursor: auto;
}

#tocOverlay.dark-overlay {
  cursor: auto;
}

.article-header.show {
  position: sticky;
}

.article-header .article-title,
.article-header .scroll-bar {
  display: none;
}

.article-header.show .scroll-bar {
  display: block;
}

.article-header > div p {
  margin: 0;
}

body.article-bar .article-header:not(.show) > div + div {
  position: sticky !important;
}

#table-of-contents {
  position: relative;
  display: none;
  overflow: hidden;
}

#table-of-contents a:focus,
#table-of-contents a:hover {
  outline: none;
  box-shadow: none;
}

#table-of-contents svg {
  transform-origin: 0.5em 0.5em;
  transition: transform 0.3s linear;
}

#table-of-contents ol {
  /* display: none; */
  display: block;
  opacity: 0;
  z-index: -1;
  height: 0;
  padding: 0;
}

#table-of-contents.show ol {
  display: block;
  opacity: 1;
  height: 100%;
  padding-bottom: 2rem;
  padding-top: 2rem;
  padding-left: 3rem;
  padding-right: 3rem;
}

#table-of-contents ol a {
  position: relative;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  color: #131d26;
}

#table-of-contents .selected {
  color: var(--p);
  font-weight: 600;
  position: relative;
}

#table-of-contents li.selected::after {
  content: "";
  position: absolute;
  left: -48px;
  top: 0;
  height: 100%;
  border-left: 3px solid var(--p);
}

main > [data-toc] {
  margin: 0;
  padding: 1em 0;
}

main > [data-toc]:focus {
  outline: none;
  box-shadow: none;
}

review-calculator-v3 button:not([disabled]) .mdc-button__label {
  color: #fff !important;
}

.before {
  content: "";
}

@keyframes workspacelabsgradient {
  0% {
    background-position: bottom right;
  }
  100% {
    background-position: top 37.5% left 37.5%;
  }
}
.ki-button-animated {
  /* background-color: #f4f5fc; */
  font-weight: 500;
  animation: workspacelabsgradient 2100ms infinite linear !important;
  background-image: linear-gradient(135deg, #d3e3fd, #84c4ff, #a8c7fa, #84c4ff, #d3e3fd, #d3e3fd, #84c4ff, #a8c7fa, #84c4ff, #d3e3fd) !important;
  background-size: 800% 800%;
  /* cursor: pointer !important;
  animation: workspacelabsgradient 2100ms infinite linear;
  background: linear-gradient(135deg, #d3e3fd, #84c4ff, #a8c7fa, #84c4ff, #d3e3fd, #d3e3fd, #84c4ff, #a8c7fa, #84c4ff, #d3e3fd);
  background-size: 800% 800%; */
  background-color: #d3e3fd !important;
}

.ki-button-animated:hover {
  animation: workspacelabsgradient 2100ms infinite linear !important;
  background: linear-gradient(135deg, #d3e3fd, #84c4ff, #a8c7fa, #84c4ff, #d3e3fd, #d3e3fd, #84c4ff, #a8c7fa, #84c4ff, #d3e3fd);
  background-size: 800% 800%;
}

.ki-button {
  /* background-color: #f4f5fc !important; */
  font-weight: 500;
  /* cursor: pointer !important;
  animation: workspacelabsgradient 2100ms infinite linear;
  background: linear-gradient(135deg, #d3e3fd, #84c4ff, #a8c7fa, #84c4ff, #d3e3fd, #d3e3fd, #84c4ff, #a8c7fa, #84c4ff, #d3e3fd);
  background-size: 800% 800%; */
  background-color: #d3e3fd !important;
}

.ki-button:hover {
  animation: workspacelabsgradient 2100ms infinite linear !important;
  background: linear-gradient(135deg, #d3e3fd, #84c4ff, #a8c7fa, #84c4ff, #d3e3fd, #d3e3fd, #84c4ff, #a8c7fa, #84c4ff, #d3e3fd);
  background-size: 800% 800%;
}

:root {
  color-scheme: only light !important;
}

.text-shadow-1 {
  color: #000;
  background: transparent;
  text-shadow: 2px 1px 0px rgb(255, 255, 255);
}

.pulse-play {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
}

.pulse-play:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 50px;
  height: 50px;
  background: #ba1f24;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.pulse-play span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 12px solid #fff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

.pulse-play:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 50px;
  height: 50px;
  background: #c72128;
  border-radius: 50%;
  transition: all 200ms;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.mat-ripple-element {
  position: absolute !important;
}

sterneloescher-c01 #autocompleteField .mat-mdc-form-field-icon-prefix,
google-bewertungen-loeschen #autocompleteField .mat-mdc-form-field-icon-prefix {
  position: absolute;
}

sterneloescher-c01 #autocompleteField input,
google-bewertungen-loeschen #autocompleteField input {
  padding-left: 44px !important;
}

sterneloescher-c01 .privacy,
google-bewertungen-loeschen .privacy {
  font-size: 9px !important;
  line-height: 12px !important;
}

@media (max-width: 1023px) {
  sterneloescher-c01 .maps {
    width: 100% !important;
  }
  google-bewertungen-loeschen .maps {
    width: 100vw !important;
    margin-left: -24px !important;
    margin-right: -24px !important;
  }
}
@media (min-width: 1024px) {
  sterneloescher-c01 .maps {
    width: 100vw !important;
    /* margin-left: calc(((100vw - 1024px) / 2) * -1); */
    margin-left: calc(-50vw + 608px);
    /* margin-right: calc(((100vw - 1024px) / 2) * -1); */
  }
  sterneloescher-c01 .mat-mdc-form-field-icon-prefix,
  google-bewertungen-loeschen .mat-mdc-form-field-icon-prefix {
    position: absolute;
  }
  google-bewertungen-loeschen .maps {
    width: 100% !important;
  }
  google-bewertungen-loeschen .component-container .main {
    max-width: calc(100% - 48px);
  }
}
.pulse {
  position: relative;
  margin: auto;
  color: #ffd9de;
  animation: 1.6s playShadow ease-out infinite;
  display: flex !important;
  justify-content: center;
  justify-items: center;
  align-items: center;
  align-content: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  background-color: #ff0000;
}

.pulse:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  z-index: -1;
  pointer-events: none;
  transition: 0.35s;
}

.pulse:hover:after {
  box-shadow: 0 0 0 2px rgba(239, 35, 60, 0.3), 0 0 0 4px rgba(239, 35, 60, 0.2);
}

@keyframes playShadow {
  0% {
    box-shadow: 0 0 0 0px rgba(239, 35, 60, 0.3), 0 0 0 0px rgba(239, 35, 60, 0.2);
    transform: scale(1);
  }
  18% {
    box-shadow: 0 0 0 0px rgba(239, 35, 60, 0.3), 0 0 0 0px rgba(239, 35, 60, 0.2);
  }
  35% {
    transform: scale(1.08);
  }
  76% {
    transform: scale(0.96);
  }
  100% {
    box-shadow: 0 0 0 8px rgba(239, 35, 60, 0), 0 0 0 16px rgba(239, 35, 60, 0);
    transform: scale(1);
  }
}
.judgement-paragraph {
  display: flex;
}

.judgement-paragraph em {
  font-size: 13px !important;
}

* ::-webkit-input-placeholder,
* ::placeholder {
  font-family: sans-serif !important;
}

[multiple]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
select:focus,
textarea:focus {
  --tw-ring-inset: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: transparent;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0px solid transparent;
  outline-offset: 0px !important;
}

#logos-review-platforms--desktop a {
  height: 64px !important;
  border: 1px solid #f0f4f8;
}

.posthero img.object-cover {
  object-position: top center;
}

a:hover {
  text-decoration: none;
}

.logos-review-platforms {
  overflow: hidden !important;
}

.logos-review-platforms .swiper-slide {
  width: max-content;
  height: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logos-review-platforms .swiper-slide img {
  width: max-content;
  height: 76px;
}

*, :before, :after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.bottom-0 {
  bottom: 0;
}

.bottom-10 {
  bottom: 2.5rem;
}

.bottom-12 {
  bottom: 3rem;
}

.bottom-6 {
  bottom: 1.5rem;
}

.bottom-8 {
  bottom: 2rem;
}

.left-0 {
  left: 0;
}

.left-3 {
  left: 0.75rem;
}

.right-0 {
  right: 0;
}

.right-3 {
  right: 0.75rem;
}

.right-6 {
  right: 1.5rem;
}

.top-0 {
  top: 0;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.ml-\[calc\(32px_\+_16px\)\] {
  margin-left: 48px;
}

.ms-auto {
  margin-inline-start: auto;
}

.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.h-10 {
  height: 2.5rem;
}

.h-12 {
  height: 3rem;
}

.h-14 {
  height: 3.5rem;
}

.h-4 {
  height: 1rem;
}

.h-5 {
  height: 1.25rem;
}

.h-8 {
  height: 2rem;
}

.h-9 {
  height: 2.25rem;
}

.h-\[76px\] {
  height: 76px;
}

.h-\[calc\(100vh_-_64px_-_48px\)\] {
  height: calc(100vh - 112px);
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.h-max {
  height: max-content;
}

.max-h-10 {
  max-height: 2.5rem;
}

.max-h-\[76px\] {
  max-height: 76px;
}

.min-h-1 {
  min-height: 0.25rem;
}

.min-h-10 {
  min-height: 2.5rem;
}

.min-h-12 {
  min-height: 3rem;
}

.min-h-16 {
  min-height: 4rem;
}

.min-h-8 {
  min-height: 2rem;
}

.min-h-9 {
  min-height: 2.25rem;
}

.min-h-\[76px\] {
  min-height: 76px;
}

.min-h-\[calc\(100vh_-_64px_-_48px\)\] {
  min-height: calc(100vh - 112px);
}

.w-10 {
  width: 2.5rem;
}

.w-12 {
  width: 3rem;
}

.w-14 {
  width: 3.5rem;
}

.w-4 {
  width: 1rem;
}

.w-5 {
  width: 1.25rem;
}

.w-8 {
  width: 2rem;
}

.w-9 {
  width: 2.25rem;
}

.w-full {
  width: 100%;
}

.w-max {
  width: max-content;
}

.min-w-10 {
  min-width: 2.5rem;
}

.min-w-8 {
  min-width: 2rem;
}

.min-w-9 {
  min-width: 2.25rem;
}

.min-w-max {
  min-width: max-content;
}

.max-w-\[328px\] {
  max-width: 328px;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.grow {
  flex-grow: 1;
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer {
  cursor: pointer;
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-x-2 {
  column-gap: 0.5rem;
}

.gap-x-3 {
  column-gap: 0.75rem;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.border {
  border-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-0 {
  border-bottom-width: 0px;
}

.border-l-0 {
  border-left-width: 0px;
}

.border-r-0 {
  border-right-width: 0px;
}

.border-t {
  border-top-width: 1px;
}

.border-t-0 {
  border-top-width: 0px;
}

.border-solid {
  border-style: solid;
}

.border-\[\#ececec\] {
  --tw-border-opacity: 1;
  border-color: rgb(236, 236, 236, var(--tw-border-opacity));
}

.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37, 99, 235, var(--tw-border-opacity));
}

.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229, 231, 235, var(--tw-border-opacity));
}

.bg-\[\#00204d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0, 32, 77, var(--tw-bg-opacity));
}

.bg-\[\#c2e7ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(194, 231, 255, var(--tw-bg-opacity));
}

.bg-\[\#f2f2f2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242, 242, 242, var(--tw-bg-opacity));
}

.bg-\[\#fff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255, 255, 255, var(--tw-bg-opacity));
}

.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241, 245, 249, var(--tw-bg-opacity));
}

.bg-transparent {
  background-color: transparent;
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255, 255, 255, var(--tw-bg-opacity));
}

.bg-\[linear-gradient\(39deg\,\#06f_30\%\,\#28abe3_90\%\)\], .bg-\[linear-gradient\(39deg\,\#06f_30\%\,_\#28abe3_90\%\)\] {
  background-image: linear-gradient(39deg, #06f 30%, #28abe3 90%);
}

.bg-\[linear-gradient\(to_bottom\,_\#214679\,_\#00204d\)\] {
  background-image: linear-gradient(to bottom, #214679, #00204d);
}

.p-1 {
  padding: 0.25rem;
}

.p-1\.5 {
  padding: 0.375rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}

.py-\[17px\] {
  padding-top: 17px;
  padding-bottom: 17px;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.align-middle {
  vertical-align: middle;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.text-\[\#666666\] {
  --tw-text-opacity: 1;
  color: rgb(102, 102, 102, var(--tw-text-opacity));
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(0, 0, 0, var(--tw-text-opacity));
}

.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37, 99, 235, var(--tw-text-opacity));
}

.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55, 65, 81, var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255, 255, 255, var(--tw-text-opacity));
}

.shadow-\[0_3px_5px_-1px_rgba\(0\,0\,0\,\.2\)\,0_6px_10px_0_rgba\(0\,0\,0\,\.14\)\,0_1px_18px_0_rgba\(0\,0\,0\,\.12\)\] {
  --tw-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);
  --tw-shadow-colored: 0 3px 5px -1px var(--tw-shadow-color), 0 6px 10px 0 var(--tw-shadow-color), 0 1px 18px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.shadow-\[rgba\(0\,_0\,_0\,_0\.1\)_0px_0px_25px\,_rgba\(0\,_0\,_0\,_0\.1\)_0px_0px_25px\] {
  --tw-shadow: rgba(0, 0, 0, .1) 0px 0px 25px, rgba(0, 0, 0, .1) 0px 0px 25px;
  --tw-shadow-colored: 0px 0px 25px var(--tw-shadow-color), 0px 0px 25px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.outline {
  outline-style: solid;
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}

.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}

.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}

[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.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;
  inset: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.4s 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: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.3215686275);
}

.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;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start {}
@keyframes cdk-text-field-autofill-end {}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}

.mat-focus-indicator:before {
  inset: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}

.mat-focus-indicator:focus:before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}

.mat-mdc-focus-indicator:before {
  inset: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}

.mat-mdc-focus-indicator:focus:before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-app-background {
  background-color: var(--mat-app-background-color, transparent);
  color: var(--mat-app-text-color, inherit);
}

:root {
  --p: #28abe3;
  --pl: #6fddff;
  --pd: #007cb1;
  --s: #214679;
  --sl: #5471a8;
  --sd: #00204d;
}

*, :before, :after {
  box-sizing: border-box;
  border-width: 0;
}

:before, :after {
  --tw-content: "";
}

html, :host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  line-height: inherit;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  text-decoration: inherit;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp, pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button, select {
  text-transform: none;
}

button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}

:-moz-focusring {
  outline: auto;
}

:-moz-ui-invalid {
  box-shadow: none;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

dialog {
  padding: 0;
}

textarea {
  resize: vertical;
}

input::placeholder, textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

button, [role=button] {
  cursor: pointer;
}

:disabled {
  cursor: default;
}

img, svg, video, canvas, audio, iframe, embed, object {
  display: block;
  vertical-align: middle;
}

img, video {
  max-width: 100%;
  height: auto;
}

[hidden] {
  display: none;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  --mat-ripple-color: rgba(27, 27, 31, .1);
  --mdc-text-button-label-text-color: #bec2ff;
  --mdc-text-button-disabled-label-text-color: rgba(229, 225, 230, .38);
  --mdc-text-button-label-text-font: Roboto, sans-serif;
  --mdc-text-button-label-text-size: .875rem;
  --mdc-text-button-label-text-tracking: .006rem;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-container-height: 40px;
  --mdc-text-button-container-shape: 9999px;
  --mdc-protected-button-container-color: #1b1b1f;
  --mdc-protected-button-label-text-color: #bec2ff;
  --mdc-protected-button-disabled-container-color: rgba(229, 225, 230, .12);
  --mdc-protected-button-disabled-label-text-color: rgba(229, 225, 230, .38);
  --mdc-protected-button-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
  --mdc-protected-button-container-shadow-color: #000000;
  --mdc-protected-button-label-text-font: Roboto, sans-serif;
  --mdc-protected-button-label-text-size: .875rem;
  --mdc-protected-button-label-text-tracking: .006rem;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-container-height: 40px;
  --mdc-protected-button-container-shape: 9999px;
  --mdc-filled-button-container-color: #bec2ff;
  --mdc-filled-button-label-text-color: #0001ac;
  --mdc-filled-button-disabled-container-color: rgba(229, 225, 230, .12);
  --mdc-filled-button-disabled-label-text-color: rgba(229, 225, 230, .38);
  --mdc-filled-button-label-text-font: Roboto, sans-serif;
  --mdc-filled-button-label-text-size: .875rem;
  --mdc-filled-button-label-text-tracking: .006rem;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-container-height: 40px;
  --mdc-filled-button-container-shape: 9999px;
  --mdc-outlined-button-disabled-outline-color: rgba(229, 225, 230, .12);
  --mdc-outlined-button-disabled-label-text-color: rgba(229, 225, 230, .38);
  --mdc-outlined-button-label-text-color: #bec2ff;
  --mdc-outlined-button-outline-color: #91909a;
  --mdc-outlined-button-label-text-font: Roboto, sans-serif;
  --mdc-outlined-button-label-text-size: .875rem;
  --mdc-outlined-button-label-text-tracking: .006rem;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-container-height: 40px;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 9999px;
  --mat-text-button-state-layer-color: #bec2ff;
  --mat-text-button-disabled-state-layer-color: #c7c5d0;
  --mat-text-button-ripple-color: rgba(190, 194, 255, .12);
  --mat-text-button-hover-state-layer-opacity: .08;
  --mat-text-button-focus-state-layer-opacity: .12;
  --mat-text-button-pressed-state-layer-opacity: .12;
  --mat-text-button-touch-target-display: block;
  --mat-text-button-horizontal-padding: 12px;
  --mat-text-button-with-icon-horizontal-padding: 16px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: -4px;
  --mat-protected-button-state-layer-color: #bec2ff;
  --mat-protected-button-disabled-state-layer-color: #c7c5d0;
  --mat-protected-button-ripple-color: rgba(190, 194, 255, .12);
  --mat-protected-button-hover-state-layer-opacity: .08;
  --mat-protected-button-focus-state-layer-opacity: .12;
  --mat-protected-button-pressed-state-layer-opacity: .12;
  --mat-protected-button-touch-target-display: block;
  --mat-protected-button-horizontal-padding: 24px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -8px;
  --mat-filled-button-state-layer-color: #0001ac;
  --mat-filled-button-disabled-state-layer-color: #c7c5d0;
  --mat-filled-button-ripple-color: rgba(0, 1, 172, .12);
  --mat-filled-button-hover-state-layer-opacity: .08;
  --mat-filled-button-focus-state-layer-opacity: .12;
  --mat-filled-button-pressed-state-layer-opacity: .12;
  --mat-filled-button-touch-target-display: block;
  --mat-filled-button-horizontal-padding: 24px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -8px;
  --mat-outlined-button-state-layer-color: #bec2ff;
  --mat-outlined-button-disabled-state-layer-color: #c7c5d0;
  --mat-outlined-button-ripple-color: rgba(190, 194, 255, .12);
  --mat-outlined-button-hover-state-layer-opacity: .08;
  --mat-outlined-button-focus-state-layer-opacity: .12;
  --mat-outlined-button-pressed-state-layer-opacity: .12;
  --mat-outlined-button-touch-target-display: block;
  --mat-outlined-button-horizontal-padding: 24px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -8px;
  --mdc-icon-button-icon-color: #c7c5d0;
  --mdc-icon-button-disabled-icon-color: rgba(229, 225, 230, .38);
  --mdc-icon-button-state-layer-size: 40px;
  --mdc-icon-button-icon-size: 24px;
  --mat-icon-button-state-layer-color: #c7c5d0;
  --mat-icon-button-disabled-state-layer-color: #c7c5d0;
  --mat-icon-button-ripple-color: rgba(199, 197, 208, .12);
  --mat-icon-button-hover-state-layer-opacity: .08;
  --mat-icon-button-focus-state-layer-opacity: .12;
  --mat-icon-button-pressed-state-layer-opacity: .12;
  --mat-icon-button-touch-target-display: block;
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-selected-state-background-color: #343dff;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(27, 27, 31, .38);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #343dff;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(27, 27, 31, .12);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(27, 27, 31, .08);
  --mat-datepicker-toggle-active-state-icon-color: #46464f;
  --mat-datepicker-calendar-date-in-range-state-background-color: #e0e0ff;
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: #e0e0ff;
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #e1e0f9;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #5c5d72;
  --mat-datepicker-toggle-icon-color: #46464f;
  --mat-datepicker-calendar-body-label-text-color: #1b1b1f;
  --mat-datepicker-calendar-period-button-text-color: #46464f;
  --mat-datepicker-calendar-period-button-icon-color: #46464f;
  --mat-datepicker-calendar-navigation-button-icon-color: #46464f;
  --mat-datepicker-calendar-header-text-color: #46464f;
  --mat-datepicker-calendar-date-today-outline-color: #343dff;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(27, 27, 31, .38);
  --mat-datepicker-calendar-date-text-color: #1b1b1f;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(27, 27, 31, .38);
  --mat-datepicker-calendar-date-preview-state-outline-color: #343dff;
  --mat-datepicker-range-input-separator-color: #1b1b1f;
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(27, 27, 31, .38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(27, 27, 31, .38);
  --mat-datepicker-calendar-container-background-color: #ebe7ec;
  --mat-datepicker-calendar-container-text-color: #1b1b1f;
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 1rem;
  --mat-datepicker-calendar-body-label-text-size: .875rem;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: .875rem;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: .875rem;
  --mat-datepicker-calendar-header-text-weight: 500;
  --mat-datepicker-calendar-container-shape: 16px;
  --mat-datepicker-calendar-container-touch-shape: 28px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
  --mat-datepicker-calendar-header-divider-color: transparent;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mdc-elevated-card-container-color: #fffbff;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
  --mdc-elevated-card-container-shape: 12px;
  --mdc-outlined-card-container-color: #fffbff;
  --mdc-outlined-card-outline-color: #c7c5d0;
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
  --mdc-outlined-card-container-shape: 12px;
  --mdc-outlined-card-outline-width: 1px;
  --mat-card-subtitle-text-color: #1b1b1f;
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 1.75rem;
  --mat-card-title-text-size: 1.375rem;
  --mat-card-title-text-tracking: 0rem;
  --mat-card-title-text-weight: 400;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 1.5rem;
  --mat-card-subtitle-text-size: 1rem;
  --mat-card-subtitle-text-tracking: .009rem;
  --mat-card-subtitle-text-weight: 500;
  --mdc-circular-progress-active-indicator-color: #bec2ff;
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
  --mdc-filled-text-field-caret-color: #343dff;
  --mdc-filled-text-field-focus-active-indicator-color: #343dff;
  --mdc-filled-text-field-focus-label-text-color: #343dff;
  --mdc-filled-text-field-container-color: #e4e1ec;
  --mdc-filled-text-field-disabled-container-color: rgba(27, 27, 31, .04);
  --mdc-filled-text-field-label-text-color: #46464f;
  --mdc-filled-text-field-hover-label-text-color: #46464f;
  --mdc-filled-text-field-disabled-label-text-color: rgba(27, 27, 31, .38);
  --mdc-filled-text-field-input-text-color: #1b1b1f;
  --mdc-filled-text-field-disabled-input-text-color: rgba(27, 27, 31, .38);
  --mdc-filled-text-field-input-text-placeholder-color: #46464f;
  --mdc-filled-text-field-error-hover-label-text-color: #410002;
  --mdc-filled-text-field-error-focus-label-text-color: #ba1a1a;
  --mdc-filled-text-field-error-label-text-color: #ba1a1a;
  --mdc-filled-text-field-active-indicator-color: #46464f;
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(27, 27, 31, .38);
  --mdc-filled-text-field-hover-active-indicator-color: #1b1b1f;
  --mdc-filled-text-field-error-active-indicator-color: #ba1a1a;
  --mdc-filled-text-field-error-focus-active-indicator-color: #ba1a1a;
  --mdc-filled-text-field-error-hover-active-indicator-color: #410002;
  --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size: 1rem;
  --mdc-filled-text-field-label-text-tracking: .031rem;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-caret-color: #343dff;
  --mdc-outlined-text-field-focus-outline-color: #343dff;
  --mdc-outlined-text-field-focus-label-text-color: #343dff;
  --mdc-outlined-text-field-label-text-color: #46464f;
  --mdc-outlined-text-field-hover-label-text-color: #1b1b1f;
  --mdc-outlined-text-field-disabled-label-text-color: rgba(27, 27, 31, .38);
  --mdc-outlined-text-field-input-text-color: #1b1b1f;
  --mdc-outlined-text-field-disabled-input-text-color: rgba(27, 27, 31, .38);
  --mdc-outlined-text-field-input-text-placeholder-color: #46464f;
  --mdc-outlined-text-field-error-focus-label-text-color: #ba1a1a;
  --mdc-outlined-text-field-error-label-text-color: #ba1a1a;
  --mdc-outlined-text-field-error-hover-label-text-color: #410002;
  --mdc-outlined-text-field-outline-color: #777680;
  --mdc-outlined-text-field-disabled-outline-color: rgba(27, 27, 31, .12);
  --mdc-outlined-text-field-hover-outline-color: #1b1b1f;
  --mdc-outlined-text-field-error-focus-outline-color: #ba1a1a;
  --mdc-outlined-text-field-error-hover-outline-color: #410002;
  --mdc-outlined-text-field-error-outline-color: #ba1a1a;
  --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size: 1rem;
  --mdc-outlined-text-field-label-text-tracking: .031rem;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mat-form-field-focus-select-arrow-color: #343dff;
  --mat-form-field-disabled-input-text-placeholder-color: rgba(27, 27, 31, .38);
  --mat-form-field-state-layer-color: #1b1b1f;
  --mat-form-field-error-text-color: #ba1a1a;
  --mat-form-field-select-option-text-color: #1b1b1f;
  --mat-form-field-select-disabled-option-text-color: rgba(27, 27, 31, .38);
  --mat-form-field-leading-icon-color: #46464f;
  --mat-form-field-disabled-leading-icon-color: rgba(27, 27, 31, .38);
  --mat-form-field-trailing-icon-color: #46464f;
  --mat-form-field-disabled-trailing-icon-color: rgba(27, 27, 31, .38);
  --mat-form-field-error-focus-trailing-icon-color: #ba1a1a;
  --mat-form-field-error-hover-trailing-icon-color: #410002;
  --mat-form-field-error-trailing-icon-color: #ba1a1a;
  --mat-form-field-enabled-select-arrow-color: #46464f;
  --mat-form-field-disabled-select-arrow-color: rgba(27, 27, 31, .38);
  --mat-form-field-hover-state-layer-opacity: .08;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 1.5rem;
  --mat-form-field-container-text-size: 1rem;
  --mat-form-field-container-text-tracking: .031rem;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 1rem;
  --mat-form-field-subscript-text-size: .75rem;
  --mat-form-field-subscript-text-tracking: .025rem;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-focus-state-layer-opacity: 0;
  --mat-icon-color: inherit;
  --mat-menu-item-label-text-color: #1b1b1f;
  --mat-menu-item-icon-color: #46464f;
  --mat-menu-item-hover-state-layer-color: rgba(27, 27, 31, .08);
  --mat-menu-item-focus-state-layer-color: rgba(27, 27, 31, .12);
  --mat-menu-container-color: #f0ecf1;
  --mat-menu-divider-color: #e4e1ec;
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: .875rem;
  --mat-menu-item-label-text-tracking: .006rem;
  --mat-menu-item-label-text-line-height: 1.25rem;
  --mat-menu-item-label-text-weight: 500;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 8px;
  --mat-menu-divider-top-spacing: 8px;
  --mat-menu-item-spacing: 12px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 12px;
  --mat-menu-item-trailing-spacing: 12px;
  --mat-menu-item-with-icon-leading-spacing: 12px;
  --mat-menu-item-with-icon-trailing-spacing: 12px;
}

.mat-mdc-icon-button-light-back {
  --mdc-icon-button-light-back-icon-size: 28px;
}

.mat-mdc-icon-button-light-back mat-icon {
  color: #000;
  width: var(--mdc-icon-button-light-back-icon-size);
  height: var(--mdc-icon-button-light-back-icon-size);
  line-height: var(--mdc-icon-button-light-back-icon-size);
  font-size: var(--mdc-icon-button-light-back-icon-size);
}

.mat-mdc-icon-button-light-close {
  --mdc-icon-button-light-close-icon-size: 24px;
}

.mat-mdc-icon-button-light-close mat-icon {
  color: #000;
  width: var(--mdc-icon-button-light-close-icon-size);
  height: var(--mdc-icon-button-light-close-icon-size);
  line-height: var(--mdc-icon-button-light-close-icon-size);
  font-size: var(--mdc-icon-button-light-close-icon-size);
}

.mat-mdc-icon-button-dark {
  --mdc-icon-button-icon-size: 20px;
}

.mat-mdc-icon-button-dark mat-icon {
  color: #fff;
  width: var(--mdc-icon-button-icon-size);
  height: var(--mdc-icon-button-icon-size);
  line-height: var(--mdc-icon-button-icon-size);
  font-size: var(--mdc-icon-button-icon-size);
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 0;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  justify-items: center;
}

html, body {
  width: 100%;
  height: 100%;
}

mat-form-field * {
  --mdc-outlined-text-field-container-shape: 8px;
}

.header .back-button mat-icon svg {
  width: 26px;
  height: 26px;
}

.header .close-button mat-icon svg {
  width: 22px;
  height: 22px;
}

.header mat-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.hover\:bg-blue-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239, 246, 255, var(--tw-bg-opacity));
}

.hover\:bg-slate-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241, 245, 249, var(--tw-bg-opacity));
}

.focus\:bg-blue-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(239, 246, 255, var(--tw-bg-opacity));
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

@media (min-width: 345px) {
  .xs\:text-\[13px\] {
    font-size: 13px;
  }
}
@media (min-width: 640px) {
  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .lg\:absolute {
    position: absolute;
  }
  .lg\:bottom-20 {
    bottom: 5rem;
  }
  .lg\:bottom-8 {
    bottom: 2rem;
  }
  .lg\:left-\[unset\] {
    left: unset;
  }
  .lg\:right-20 {
    right: 5rem;
  }
  .lg\:top-\[unset\] {
    top: unset;
  }
  .lg\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .lg\:h-\[65vh\] {
    height: 65vh;
  }
  .lg\:h-\[calc\(65vh_-_64px_-_48px\)\] {
    height: calc(65vh - 112px);
  }
  .lg\:h-max {
    height: max-content;
  }
  .lg\:max-h-\[calc\(65vh_-_64px\)\] {
    max-height: calc(65vh - 64px);
  }
  .lg\:min-h-\[calc\(65vh_-_64px\)\] {
    min-height: calc(65vh - 64px);
  }
  .lg\:min-h-\[calc\(65vh_-_64px_-_48px\)\] {
    min-height: calc(65vh - 112px);
  }
  .lg\:w-max {
    width: max-content;
  }
  .lg\:min-w-\[400px\] {
    min-width: 400px;
  }
  .lg\:max-w-4xl {
    max-width: 56rem;
  }
  .lg\:max-w-\[400px\] {
    max-width: 400px;
  }
  .lg\:rounded-3xl {
    border-radius: 1.5rem;
  }
  .lg\:shadow-\[rgba\(0\,_0\,_0\,_0\.02\)_0px_6px_6px_0px\,_rgba\(0\,_0\,_0\,_0\.12\)_0px_8px_24px_0px\] {
    --tw-shadow: rgba(0, 0, 0, .02) 0px 6px 6px 0px, rgba(0, 0, 0, .12) 0px 8px 24px 0px;
    --tw-shadow-colored: 0px 6px 6px 0px var(--tw-shadow-color), 0px 8px 24px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  }
}