@charset "UTF-8";

@import "root.css";

section.\\model\\deck.\\view\\card {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
}
section.\\model\\deck.\\view\\stack {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
}

.\\model\\deck *,
.\\model\\deck p {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
.\\model\\deck *:focus {
  outline: 0 !important;
  text-decoration: none !important;
}

.\\model\\deck strong{
  font-weight:bold;
}

.\\model\\deck sup {
  font-size: 70%;
  vertical-align: super;
}

/* colors */
.\\model\\deck .gray-color {
  color: #4B636E;
}
.\\model\\deck .teal-color {
  color: #008392;
}
.\\model\\deck .teal-color:focus,
.\\model\\deck .teal-color:active {
  color: #0095a8;
}
.\\model\\deck .dark-blue-color {
  color: #112E51;
}
.\\model\\deck .gray-bkg {
  background-color: #4B636E;
}
.\\model\\deck .teal-bkg {
  background-color: #008392;
}
.\\model\\deck .green-bkg {
  background-color: #009964;
}

/* color names abstraction */
.\\model\\deck .color-var1 {
  color: var(--color-var1);
}
.\\model\\deck .bg-color-button {
  background-color: var(--bg-color-button);
}
.\\model\\deck .bg-color-var1 {
  background-color: var(--bg-color-var1);
}
.\\model\\deck .bg-color-var2 {
  background-color: var(--bg-color-var2);
}
.\\model\\deck .bg-color-var3 {
  background-color: var(--bg-color-var3);
}
.\\model\\deck .bg-color-var4 {
  background-color: var(--bg-color-var4);
}