@essential-js/ui/menu/menu.css

EssentialJS UI

.essential__card {
  background: var(--secondary-background);
  border-radius: var(--card-border-radius);
  padding: 1rem;
}
.essential__title .title__element {
  background: var(--secondary-background);
  border: 1px solid var(--disabled);
  font-size: 0.8rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100vw - 20px);
  padding: 0.2rem 0.8rem;
  position: absolute;
  overflow: hidden;
}
.sidebar {
  background: var(--secondary-background);
  height: min-content;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: -220px;
  width: 300px;
  height: 100%;
  transition: all 0.3s ease;
  z-index: 99;
}
.sidebar:hover, .sidebar.open {
  left: 0;
}
.sidebar:hover ul, .sidebar.open ul {
  overflow-y: auto;
}
.sidebar__header {
  height: min-content;
  padding: 2rem 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebar__header .logo {
  width: 100%;
  margin: 0 auto;
}
.sidebar__header .toggle__btn {
  background: transparent;
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 10px 15px;
  border: none;
  cursor: pointer;
}
.sidebar__nav {
  padding: 0 20px 20px 20px;
  overflow: auto;
  height: 100%;
  padding: 2rem 1rem;
}
.sidebar__nav ul {
  height: auto;
  overflow-y: auto;
  list-style: none;
  margin: 0;
  padding: 0 0 2rem 0;
}
.sidebar__nav ul li {
  margin-bottom: 10px;
}
.essential__table {
  margin: 1em 0;
  min-width: 300px;
}
.essential__table.breakpoint-1px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-1px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-1px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-1px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-1px th,
.essential__table.breakpoint-1px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-1px th {
  display: none;
}
.essential__table.breakpoint-1px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-1px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 1px) {
  .essential__table.breakpoint-1px td:before {
    display: none;
  }
}
.essential__table.breakpoint-1px th,
.essential__table.breakpoint-1px td {
  text-align: left;
}
@media (min-width: 1px) {
  .essential__table.breakpoint-1px th,
  .essential__table.breakpoint-1px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-2px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-2px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-2px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-2px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-2px th,
.essential__table.breakpoint-2px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-2px th {
  display: none;
}
.essential__table.breakpoint-2px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-2px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 2px) {
  .essential__table.breakpoint-2px td:before {
    display: none;
  }
}
.essential__table.breakpoint-2px th,
.essential__table.breakpoint-2px td {
  text-align: left;
}
@media (min-width: 2px) {
  .essential__table.breakpoint-2px th,
  .essential__table.breakpoint-2px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-3px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-3px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-3px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-3px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-3px th,
.essential__table.breakpoint-3px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-3px th {
  display: none;
}
.essential__table.breakpoint-3px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-3px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 3px) {
  .essential__table.breakpoint-3px td:before {
    display: none;
  }
}
.essential__table.breakpoint-3px th,
.essential__table.breakpoint-3px td {
  text-align: left;
}
@media (min-width: 3px) {
  .essential__table.breakpoint-3px th,
  .essential__table.breakpoint-3px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-4px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-4px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-4px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-4px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-4px th,
.essential__table.breakpoint-4px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-4px th {
  display: none;
}
.essential__table.breakpoint-4px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-4px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 4px) {
  .essential__table.breakpoint-4px td:before {
    display: none;
  }
}
.essential__table.breakpoint-4px th,
.essential__table.breakpoint-4px td {
  text-align: left;
}
@media (min-width: 4px) {
  .essential__table.breakpoint-4px th,
  .essential__table.breakpoint-4px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-5px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-5px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-5px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-5px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-5px th,
.essential__table.breakpoint-5px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-5px th {
  display: none;
}
.essential__table.breakpoint-5px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-5px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 5px) {
  .essential__table.breakpoint-5px td:before {
    display: none;
  }
}
.essential__table.breakpoint-5px th,
.essential__table.breakpoint-5px td {
  text-align: left;
}
@media (min-width: 5px) {
  .essential__table.breakpoint-5px th,
  .essential__table.breakpoint-5px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-6px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-6px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-6px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-6px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-6px th,
.essential__table.breakpoint-6px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-6px th {
  display: none;
}
.essential__table.breakpoint-6px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-6px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 6px) {
  .essential__table.breakpoint-6px td:before {
    display: none;
  }
}
.essential__table.breakpoint-6px th,
.essential__table.breakpoint-6px td {
  text-align: left;
}
@media (min-width: 6px) {
  .essential__table.breakpoint-6px th,
  .essential__table.breakpoint-6px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-7px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-7px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-7px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-7px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-7px th,
.essential__table.breakpoint-7px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-7px th {
  display: none;
}
.essential__table.breakpoint-7px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-7px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 7px) {
  .essential__table.breakpoint-7px td:before {
    display: none;
  }
}
.essential__table.breakpoint-7px th,
.essential__table.breakpoint-7px td {
  text-align: left;
}
@media (min-width: 7px) {
  .essential__table.breakpoint-7px th,
  .essential__table.breakpoint-7px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-8px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-8px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-8px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-8px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-8px th,
.essential__table.breakpoint-8px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-8px th {
  display: none;
}
.essential__table.breakpoint-8px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-8px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 8px) {
  .essential__table.breakpoint-8px td:before {
    display: none;
  }
}
.essential__table.breakpoint-8px th,
.essential__table.breakpoint-8px td {
  text-align: left;
}
@media (min-width: 8px) {
  .essential__table.breakpoint-8px th,
  .essential__table.breakpoint-8px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-9px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-9px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-9px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-9px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-9px th,
.essential__table.breakpoint-9px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-9px th {
  display: none;
}
.essential__table.breakpoint-9px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-9px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 9px) {
  .essential__table.breakpoint-9px td:before {
    display: none;
  }
}
.essential__table.breakpoint-9px th,
.essential__table.breakpoint-9px td {
  text-align: left;
}
@media (min-width: 9px) {
  .essential__table.breakpoint-9px th,
  .essential__table.breakpoint-9px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-10px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-10px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-10px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-10px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-10px th,
.essential__table.breakpoint-10px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-10px th {
  display: none;
}
.essential__table.breakpoint-10px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-10px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 10px) {
  .essential__table.breakpoint-10px td:before {
    display: none;
  }
}
.essential__table.breakpoint-10px th,
.essential__table.breakpoint-10px td {
  text-align: left;
}
@media (min-width: 10px) {
  .essential__table.breakpoint-10px th,
  .essential__table.breakpoint-10px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-11px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-11px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-11px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-11px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-11px th,
.essential__table.breakpoint-11px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-11px th {
  display: none;
}
.essential__table.breakpoint-11px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-11px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 11px) {
  .essential__table.breakpoint-11px td:before {
    display: none;
  }
}
.essential__table.breakpoint-11px th,
.essential__table.breakpoint-11px td {
  text-align: left;
}
@media (min-width: 11px) {
  .essential__table.breakpoint-11px th,
  .essential__table.breakpoint-11px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-12px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-12px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-12px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-12px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-12px th,
.essential__table.breakpoint-12px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-12px th {
  display: none;
}
.essential__table.breakpoint-12px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-12px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 12px) {
  .essential__table.breakpoint-12px td:before {
    display: none;
  }
}
.essential__table.breakpoint-12px th,
.essential__table.breakpoint-12px td {
  text-align: left;
}
@media (min-width: 12px) {
  .essential__table.breakpoint-12px th,
  .essential__table.breakpoint-12px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-13px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-13px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-13px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-13px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-13px th,
.essential__table.breakpoint-13px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-13px th {
  display: none;
}
.essential__table.breakpoint-13px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-13px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 13px) {
  .essential__table.breakpoint-13px td:before {
    display: none;
  }
}
.essential__table.breakpoint-13px th,
.essential__table.breakpoint-13px td {
  text-align: left;
}
@media (min-width: 13px) {
  .essential__table.breakpoint-13px th,
  .essential__table.breakpoint-13px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-14px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-14px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-14px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-14px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-14px th,
.essential__table.breakpoint-14px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-14px th {
  display: none;
}
.essential__table.breakpoint-14px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-14px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 14px) {
  .essential__table.breakpoint-14px td:before {
    display: none;
  }
}
.essential__table.breakpoint-14px th,
.essential__table.breakpoint-14px td {
  text-align: left;
}
@media (min-width: 14px) {
  .essential__table.breakpoint-14px th,
  .essential__table.breakpoint-14px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-15px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-15px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-15px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-15px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-15px th,
.essential__table.breakpoint-15px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-15px th {
  display: none;
}
.essential__table.breakpoint-15px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-15px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 15px) {
  .essential__table.breakpoint-15px td:before {
    display: none;
  }
}
.essential__table.breakpoint-15px th,
.essential__table.breakpoint-15px td {
  text-align: left;
}
@media (min-width: 15px) {
  .essential__table.breakpoint-15px th,
  .essential__table.breakpoint-15px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-16px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-16px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-16px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-16px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-16px th,
.essential__table.breakpoint-16px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-16px th {
  display: none;
}
.essential__table.breakpoint-16px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-16px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 16px) {
  .essential__table.breakpoint-16px td:before {
    display: none;
  }
}
.essential__table.breakpoint-16px th,
.essential__table.breakpoint-16px td {
  text-align: left;
}
@media (min-width: 16px) {
  .essential__table.breakpoint-16px th,
  .essential__table.breakpoint-16px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-17px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-17px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-17px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-17px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-17px th,
.essential__table.breakpoint-17px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-17px th {
  display: none;
}
.essential__table.breakpoint-17px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-17px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 17px) {
  .essential__table.breakpoint-17px td:before {
    display: none;
  }
}
.essential__table.breakpoint-17px th,
.essential__table.breakpoint-17px td {
  text-align: left;
}
@media (min-width: 17px) {
  .essential__table.breakpoint-17px th,
  .essential__table.breakpoint-17px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-18px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-18px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-18px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-18px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-18px th,
.essential__table.breakpoint-18px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-18px th {
  display: none;
}
.essential__table.breakpoint-18px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-18px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 18px) {
  .essential__table.breakpoint-18px td:before {
    display: none;
  }
}
.essential__table.breakpoint-18px th,
.essential__table.breakpoint-18px td {
  text-align: left;
}
@media (min-width: 18px) {
  .essential__table.breakpoint-18px th,
  .essential__table.breakpoint-18px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-19px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-19px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-19px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-19px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-19px th,
.essential__table.breakpoint-19px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-19px th {
  display: none;
}
.essential__table.breakpoint-19px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-19px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 19px) {
  .essential__table.breakpoint-19px td:before {
    display: none;
  }
}
.essential__table.breakpoint-19px th,
.essential__table.breakpoint-19px td {
  text-align: left;
}
@media (min-width: 19px) {
  .essential__table.breakpoint-19px th,
  .essential__table.breakpoint-19px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-20px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-20px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-20px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-20px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-20px th,
.essential__table.breakpoint-20px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-20px th {
  display: none;
}
.essential__table.breakpoint-20px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-20px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 20px) {
  .essential__table.breakpoint-20px td:before {
    display: none;
  }
}
.essential__table.breakpoint-20px th,
.essential__table.breakpoint-20px td {
  text-align: left;
}
@media (min-width: 20px) {
  .essential__table.breakpoint-20px th,
  .essential__table.breakpoint-20px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-21px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-21px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-21px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-21px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-21px th,
.essential__table.breakpoint-21px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-21px th {
  display: none;
}
.essential__table.breakpoint-21px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-21px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 21px) {
  .essential__table.breakpoint-21px td:before {
    display: none;
  }
}
.essential__table.breakpoint-21px th,
.essential__table.breakpoint-21px td {
  text-align: left;
}
@media (min-width: 21px) {
  .essential__table.breakpoint-21px th,
  .essential__table.breakpoint-21px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-22px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-22px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-22px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-22px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-22px th,
.essential__table.breakpoint-22px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-22px th {
  display: none;
}
.essential__table.breakpoint-22px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-22px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 22px) {
  .essential__table.breakpoint-22px td:before {
    display: none;
  }
}
.essential__table.breakpoint-22px th,
.essential__table.breakpoint-22px td {
  text-align: left;
}
@media (min-width: 22px) {
  .essential__table.breakpoint-22px th,
  .essential__table.breakpoint-22px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-23px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-23px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-23px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-23px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-23px th,
.essential__table.breakpoint-23px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-23px th {
  display: none;
}
.essential__table.breakpoint-23px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-23px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 23px) {
  .essential__table.breakpoint-23px td:before {
    display: none;
  }
}
.essential__table.breakpoint-23px th,
.essential__table.breakpoint-23px td {
  text-align: left;
}
@media (min-width: 23px) {
  .essential__table.breakpoint-23px th,
  .essential__table.breakpoint-23px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-24px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-24px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-24px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-24px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-24px th,
.essential__table.breakpoint-24px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-24px th {
  display: none;
}
.essential__table.breakpoint-24px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-24px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 24px) {
  .essential__table.breakpoint-24px td:before {
    display: none;
  }
}
.essential__table.breakpoint-24px th,
.essential__table.breakpoint-24px td {
  text-align: left;
}
@media (min-width: 24px) {
  .essential__table.breakpoint-24px th,
  .essential__table.breakpoint-24px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-25px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-25px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-25px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-25px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-25px th,
.essential__table.breakpoint-25px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-25px th {
  display: none;
}
.essential__table.breakpoint-25px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-25px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 25px) {
  .essential__table.breakpoint-25px td:before {
    display: none;
  }
}
.essential__table.breakpoint-25px th,
.essential__table.breakpoint-25px td {
  text-align: left;
}
@media (min-width: 25px) {
  .essential__table.breakpoint-25px th,
  .essential__table.breakpoint-25px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-26px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-26px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-26px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-26px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-26px th,
.essential__table.breakpoint-26px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-26px th {
  display: none;
}
.essential__table.breakpoint-26px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-26px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 26px) {
  .essential__table.breakpoint-26px td:before {
    display: none;
  }
}
.essential__table.breakpoint-26px th,
.essential__table.breakpoint-26px td {
  text-align: left;
}
@media (min-width: 26px) {
  .essential__table.breakpoint-26px th,
  .essential__table.breakpoint-26px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-27px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-27px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-27px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-27px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-27px th,
.essential__table.breakpoint-27px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-27px th {
  display: none;
}
.essential__table.breakpoint-27px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-27px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 27px) {
  .essential__table.breakpoint-27px td:before {
    display: none;
  }
}
.essential__table.breakpoint-27px th,
.essential__table.breakpoint-27px td {
  text-align: left;
}
@media (min-width: 27px) {
  .essential__table.breakpoint-27px th,
  .essential__table.breakpoint-27px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-28px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-28px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-28px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-28px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-28px th,
.essential__table.breakpoint-28px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-28px th {
  display: none;
}
.essential__table.breakpoint-28px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-28px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 28px) {
  .essential__table.breakpoint-28px td:before {
    display: none;
  }
}
.essential__table.breakpoint-28px th,
.essential__table.breakpoint-28px td {
  text-align: left;
}
@media (min-width: 28px) {
  .essential__table.breakpoint-28px th,
  .essential__table.breakpoint-28px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-29px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-29px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-29px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-29px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-29px th,
.essential__table.breakpoint-29px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-29px th {
  display: none;
}
.essential__table.breakpoint-29px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-29px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 29px) {
  .essential__table.breakpoint-29px td:before {
    display: none;
  }
}
.essential__table.breakpoint-29px th,
.essential__table.breakpoint-29px td {
  text-align: left;
}
@media (min-width: 29px) {
  .essential__table.breakpoint-29px th,
  .essential__table.breakpoint-29px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-30px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-30px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-30px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-30px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-30px th,
.essential__table.breakpoint-30px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-30px th {
  display: none;
}
.essential__table.breakpoint-30px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-30px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 30px) {
  .essential__table.breakpoint-30px td:before {
    display: none;
  }
}
.essential__table.breakpoint-30px th,
.essential__table.breakpoint-30px td {
  text-align: left;
}
@media (min-width: 30px) {
  .essential__table.breakpoint-30px th,
  .essential__table.breakpoint-30px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-31px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-31px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-31px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-31px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-31px th,
.essential__table.breakpoint-31px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-31px th {
  display: none;
}
.essential__table.breakpoint-31px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-31px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 31px) {
  .essential__table.breakpoint-31px td:before {
    display: none;
  }
}
.essential__table.breakpoint-31px th,
.essential__table.breakpoint-31px td {
  text-align: left;
}
@media (min-width: 31px) {
  .essential__table.breakpoint-31px th,
  .essential__table.breakpoint-31px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-32px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-32px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-32px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-32px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-32px th,
.essential__table.breakpoint-32px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-32px th {
  display: none;
}
.essential__table.breakpoint-32px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-32px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 32px) {
  .essential__table.breakpoint-32px td:before {
    display: none;
  }
}
.essential__table.breakpoint-32px th,
.essential__table.breakpoint-32px td {
  text-align: left;
}
@media (min-width: 32px) {
  .essential__table.breakpoint-32px th,
  .essential__table.breakpoint-32px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-33px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-33px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-33px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-33px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-33px th,
.essential__table.breakpoint-33px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-33px th {
  display: none;
}
.essential__table.breakpoint-33px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-33px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 33px) {
  .essential__table.breakpoint-33px td:before {
    display: none;
  }
}
.essential__table.breakpoint-33px th,
.essential__table.breakpoint-33px td {
  text-align: left;
}
@media (min-width: 33px) {
  .essential__table.breakpoint-33px th,
  .essential__table.breakpoint-33px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-34px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-34px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-34px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-34px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-34px th,
.essential__table.breakpoint-34px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-34px th {
  display: none;
}
.essential__table.breakpoint-34px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-34px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 34px) {
  .essential__table.breakpoint-34px td:before {
    display: none;
  }
}
.essential__table.breakpoint-34px th,
.essential__table.breakpoint-34px td {
  text-align: left;
}
@media (min-width: 34px) {
  .essential__table.breakpoint-34px th,
  .essential__table.breakpoint-34px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-35px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-35px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-35px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-35px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-35px th,
.essential__table.breakpoint-35px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-35px th {
  display: none;
}
.essential__table.breakpoint-35px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-35px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 35px) {
  .essential__table.breakpoint-35px td:before {
    display: none;
  }
}
.essential__table.breakpoint-35px th,
.essential__table.breakpoint-35px td {
  text-align: left;
}
@media (min-width: 35px) {
  .essential__table.breakpoint-35px th,
  .essential__table.breakpoint-35px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-36px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-36px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-36px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-36px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-36px th,
.essential__table.breakpoint-36px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-36px th {
  display: none;
}
.essential__table.breakpoint-36px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-36px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 36px) {
  .essential__table.breakpoint-36px td:before {
    display: none;
  }
}
.essential__table.breakpoint-36px th,
.essential__table.breakpoint-36px td {
  text-align: left;
}
@media (min-width: 36px) {
  .essential__table.breakpoint-36px th,
  .essential__table.breakpoint-36px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-37px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-37px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-37px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-37px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-37px th,
.essential__table.breakpoint-37px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-37px th {
  display: none;
}
.essential__table.breakpoint-37px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-37px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 37px) {
  .essential__table.breakpoint-37px td:before {
    display: none;
  }
}
.essential__table.breakpoint-37px th,
.essential__table.breakpoint-37px td {
  text-align: left;
}
@media (min-width: 37px) {
  .essential__table.breakpoint-37px th,
  .essential__table.breakpoint-37px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-38px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-38px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-38px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-38px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-38px th,
.essential__table.breakpoint-38px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-38px th {
  display: none;
}
.essential__table.breakpoint-38px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-38px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 38px) {
  .essential__table.breakpoint-38px td:before {
    display: none;
  }
}
.essential__table.breakpoint-38px th,
.essential__table.breakpoint-38px td {
  text-align: left;
}
@media (min-width: 38px) {
  .essential__table.breakpoint-38px th,
  .essential__table.breakpoint-38px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-39px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-39px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-39px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-39px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-39px th,
.essential__table.breakpoint-39px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-39px th {
  display: none;
}
.essential__table.breakpoint-39px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-39px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 39px) {
  .essential__table.breakpoint-39px td:before {
    display: none;
  }
}
.essential__table.breakpoint-39px th,
.essential__table.breakpoint-39px td {
  text-align: left;
}
@media (min-width: 39px) {
  .essential__table.breakpoint-39px th,
  .essential__table.breakpoint-39px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-40px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-40px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-40px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-40px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-40px th,
.essential__table.breakpoint-40px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-40px th {
  display: none;
}
.essential__table.breakpoint-40px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-40px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 40px) {
  .essential__table.breakpoint-40px td:before {
    display: none;
  }
}
.essential__table.breakpoint-40px th,
.essential__table.breakpoint-40px td {
  text-align: left;
}
@media (min-width: 40px) {
  .essential__table.breakpoint-40px th,
  .essential__table.breakpoint-40px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-41px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-41px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-41px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-41px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-41px th,
.essential__table.breakpoint-41px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-41px th {
  display: none;
}
.essential__table.breakpoint-41px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-41px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 41px) {
  .essential__table.breakpoint-41px td:before {
    display: none;
  }
}
.essential__table.breakpoint-41px th,
.essential__table.breakpoint-41px td {
  text-align: left;
}
@media (min-width: 41px) {
  .essential__table.breakpoint-41px th,
  .essential__table.breakpoint-41px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-42px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-42px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-42px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-42px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-42px th,
.essential__table.breakpoint-42px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-42px th {
  display: none;
}
.essential__table.breakpoint-42px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  display: flex;
  justify-content: space-between;
}
.essential__table.breakpoint-42px td:before {
  content: attr(data-label) " ";
  font-weight: bold;
}
@media (min-width: 42px) {
  .essential__table.breakpoint-42px td:before {
    display: none;
  }
}
.essential__table.breakpoint-42px th,
.essential__table.breakpoint-42px td {
  text-align: left;
}
@media (min-width: 42px) {
  .essential__table.breakpoint-42px th,
  .essential__table.breakpoint-42px td {
    display: table-cell;
    padding: 0.5rem 1rem;
  }
}
.essential__table.breakpoint-43px tr {
  border: 1px solid var(--disabled);
}
.essential__table.breakpoint-43px tbody tr {
  border-bottom: 1px solid var(--disabled);
}
.essential__table.breakpoint-43px tbody tr td {
  background: #292929;
}
.essential__table.breakpoint-43px tbody tr:last-child {
  border-bottom: 0;
}
.essential__table.breakpoint-43px th,
.essential__table.breakpoint-43px td {
  background: var(--secondary-background);
  padding: 0.5rem 1rem;
}
.essential__table.breakpoint-43px th {
  display: none;
}
.essential__table.breakpoint-43px td {
  padding: 0.6rem 1rem;
  display: block;
  font-size: 0.8rem;
  dis