:root {
  --background: #f3f7fd;
  --primary-black: #1e1e1e;
  --primary-white: white;
  --primary-brand-light: #edebff;
  --gray-1: #7d7d7d;
  --primary-brand: #00a155;
  --primary-red: #ee2e31;
  --primary-green-light: #dff5df;
  --primary-green: #279b25;
  --primary-red-light: #ffe5e6;
  --gray-3: #1e1e1e4d;
  --white: white;
  --black: black;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  background-color: var(--background);
  color: var(--primary-black);
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 24px;
  display: flex;
}

h1 {
  margin-top: 0;
  margin-bottom: 32px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
}

.body.pop-out {
  justify-content: center;
  align-items: center;
}

.body.pop-out.split {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: row;
}

.nav-bar {
  background-color: var(--primary-white);
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 72px;
  padding: 32px 16px;
  display: flex;
}

.menu-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.menu-link-block {
  border-radius: 10px;
  padding: 8px;
}

.menu-link-block.w--current {
  background-color: var(--primary-brand-light);
}

.main-section {
  flex: 1;
  padding: 32px;
  display: flex;
  position: relative;
}

.main-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 1fr) 4fr;
}

.left-container {
  border-right: 1px solid #1e1e1e1a;
  flex-direction: column;
  padding-right: 32px;
  display: flex;
  overflow: scroll;
}

.heading-1.center {
  text-align: center;
  margin-bottom: 0;
}

.secondary-link-block {
  color: var(--gray-1);
  padding: 12px 16px;
  text-decoration: none;
}

.secondary-link-block.current {
  background-color: var(--primary-brand-light);
  border-radius: 5px;
}

.text-block-1 {
  font-weight: 500;
}

.text-block-1.current {
  color: var(--primary-brand);
  font-weight: 500;
}

.text-block-1.regular {
  color: var(--gray-1);
  flex: 0 auto;
  font-weight: 400;
}

.text-block-1.semibold {
  font-weight: 600;
}

.text-block-1.semibold.align-right {
  text-align: right;
}

.text-block-1.semibold.black {
  color: var(--primary-black);
}

.text-block-1.brand {
  color: var(--primary-brand);
  font-weight: 600;
}

.text-block-1.gray {
  color: var(--gray-1);
}

.text-block-1.gray.center {
  text-align: center;
}

.text-block-1.warning {
  color: var(--primary-red);
}

.text-block-1.regular-black {
  font-weight: 400;
}

.text-block-1.regular-white {
  color: var(--primary-white);
  font-weight: 400;
}

.text-block-1.new-white {
  color: var(--primary-white);
}

.text-block-1.progress {
  margin-bottom: 40px;
}

.secondary-link-container {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.right-container {
  flex-direction: column;
  padding-left: 32px;
  display: flex;
  position: relative;
  overflow: scroll;
}

.main-toolbar {
  border-top: 1px solid #1e1e1e1a;
  border-bottom: 1px solid #1e1e1e1a;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.toolbar-left-container, .toolbar-right-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.toolbar-link-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--primary-black);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  text-decoration: none;
  display: flex;
}

.toolbar-link-block.prominent {
  background-color: var(--primary-brand-light);
}

.filter {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 24px;
}

.text-field-placeholder {
  height: 24px;
}

.table-tab {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-bottom: 1px solid #1e1e1e1a;
  margin-bottom: 24px;
  display: flex;
}

.tab-link-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--gray-1);
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-left: 8px;
  padding-right: 8px;
  text-decoration: none;
  display: flex;
}

.selector {
  background-color: var(--primary-brand);
  width: 100%;
  height: 2px;
}

.selector.invisible {
  background-color: #7764f900;
}

.add-link-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--primary-black);
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-left: 8px;
  padding-right: 8px;
  text-decoration: none;
  display: flex;
}

.add-container {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  display: flex;
}

.base-table-1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: fill;
  flex: 0 auto;
  grid-template-columns: .25fr 2fr 1fr 1fr 1fr 1fr .25fr;
  width: 100%;
  max-width: 100%;
  overflow: scroll;
}

.header-column {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #1e1e1e0d;
  align-items: center;
  padding: 16px 25px 16px 24px;
  display: flex;
}

.table-header-text-block {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.header-column-small {
  background-color: #1e1e1e0d;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
}

.header-column-small.radius10-top-left {
  cursor: pointer;
  border-top-left-radius: 10px;
}

.header-column-small.radius10-top-right {
  border-top-right-radius: 10px;
}

.data-column-small {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
}

.data-column-small.gray {
  background-color: #1e1e1e0d;
}

.image {
  display: none;
}

.data-column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  align-items: center;
  padding: 16px 25px 16px 24px;
  display: flex;
}

.data-column.gray {
  background-color: #1e1e1e0d;
}

.data-column.linkable {
  cursor: pointer;
}

.table-data-text-block {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.table-data-text-block.chip {
  background-color: var(--primary-green-light);
  color: var(--primary-green);
  border-radius: 10px;
  padding: 4px 6px;
  font-weight: 400;
}

.table-data-text-block.chip.offline {
  background-color: var(--primary-red-light);
  color: var(--primary-red);
}

.table-data-text-block.semibold {
  color: var(--primary-brand);
  font-weight: 600;
}

.table-data-text-block.red {
  background-color: var(--primary-red-light);
  color: var(--primary-red);
  -webkit-text-stroke-color: var(--primary-green-light);
  border-radius: 10px;
  padding: 4px 6px;
  font-weight: 400;
}

.table-data-text-block.general {
  background-color: var(--primary-brand-light);
  color: var(--primary-brand);
  border-radius: 10px;
  padding: 4px 6px;
  font-weight: 400;
}

.table-data-text-block.general.brand {
  background-color: var(--primary-brand);
  color: var(--primary-white);
}

.bottom-bar {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--primary-white);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
  padding: 16px 24px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
  box-shadow: 0 2px 5px #7090b040;
}

.select-page-container, .show-data-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.vertical-separator {
  background-color: #1e1e1e0d;
  width: 1px;
  height: 24px;
}

.agents-status {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  align-items: center;
  display: flex;
}

.total-agents {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.toolbar-main-checkbox {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
}

.control-div {
  width: 100%;
  max-width: 100%;
  margin-top: 24px;
  overflow: hidden;
}

.agent-view-container {
  background-color: var(--primary-white);
  border-radius: 10px;
  flex-direction: column;
  max-width: 1200px;
  margin: 16px;
  padding: 24px;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.agent-main-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 4fr;
  overflow: scroll;
}

.agent-header-container {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.heading-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.heading-2.brand {
  color: var(--primary-brand);
}

.heading-2.brand.small {
  font-size: 20px;
}

.agent-title-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  align-items: center;
  display: flex;
}

.agent-os.small {
  width: 32px;
}

.dropdown-container {
  flex-direction: column;
  display: flex;
}

.dropdown-toggle {
  cursor: pointer;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.chevron-click {
  cursor: pointer;
}

.agent-toolbar {
  border-top: 1px solid #1e1e1e1a;
  border-bottom: 1px solid #1e1e1e1a;
  justify-content: flex-end;
  margin-bottom: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.heading-3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}

.connection-status-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--primary-brand-light);
  border-radius: 10px;
  align-items: center;
  margin-bottom: 24px;
  padding: 12px 16px;
  display: flex;
}

.agent-module-card {
  border: 1px solid #bbc6d6;
  border-radius: 10px;
  flex-direction: column;
  padding: 0 24px;
  display: flex;
}

.agent-module-header {
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.agent-module-title {
  display: flex;
}

.agent-module-action {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-end;
  display: flex;
}

.agent-module-action._24px-gap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.asset-information-header {
  border-top: 1px solid #bbc6d6;
  flex-direction: column;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.information-asset-list {
  justify-content: space-between;
  display: flex;
}

.agent-module-card-grid {
  grid-template-rows: auto auto auto;
}

.stat-card {
  justify-content: flex-end;
  display: flex;
}

.stat-text-block {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2;
}

.span-text {
  font-size: 16px;
}

.hard-disc-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-top: 1px solid #bbc6d6;
  grid-template-rows: auto;
  padding-top: 24px;
  padding-bottom: 24px;
}

.hard-disc-grid._1-col {
  border-top-style: none;
  grid-template-columns: 1fr;
}

.hard-disc-partition {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.hard-disc-bar {
  background-color: var(--primary-brand-light);
  border-radius: 10px;
  height: 24px;
  margin-top: 16px;
  margin-bottom: 8px;
}

.hard-disc-storage {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.exit-button {
  cursor: pointer;
}

.icon-wrapper {
  background-color: var(--primary-black);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-2 {
  padding: 8px;
}

.add-custom-table {
  background-color: var(--primary-white);
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  max-width: 600px;
  margin: 16px;
  padding: 24px;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: scroll;
}

.prompt-1 {
  grid-column-gap: 16px;
  grid-row-gap: 32px;
  background-color: var(--primary-brand-light);
  border-radius: 10px;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  padding: 12px 16px;
  display: flex;
}

.prompt-1.custom {
  margin-top: 2rem;
  margin-bottom: .125rem;
}

.prompt-1.custom._2 {
  margin-top: .5rem;
}

.prompt-1.custom.calendar {
  background-color: var(--primary-white);
  border: 1px solid #979595;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.prompt-1.custom.range {
  background-color: var(--primary-white);
  border: 1px solid #979595;
  margin-top: 0;
}

.manage-column-container {
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.data-chip {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--primary-brand);
  color: var(--primary-white);
  border-radius: 10px;
  justify-content: space-between;
  padding: 6px 8px;
  text-decoration: none;
  display: flex;
}

.data-chip.unselected {
  background-color: var(--primary-brand-light);
  color: var(--primary-black);
}

.data-chip-flexbox {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 40px;
  display: flex;
}

.horizontal-separator {
  background-color: #1e1e1e1a;
  height: 1px;
  display: flex;
}

.add-custom-table-top-container {
  flex-direction: column;
  display: flex;
}

.button-container {
  justify-content: flex-end;
  display: flex;
}

.primary-button {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--primary-brand);
  text-align: center;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  font-weight: 600;
  display: flex;
}

.primary-button.expand {
  flex: 1;
  margin-top: 40px;
}

.primary-button.expand.border {
  border: 2px solid var(--primary-brand);
  color: var(--primary-brand);
  background-color: #0000;
}

.checkbox {
  border: 2px solid #000;
  border-radius: 8px;
  flex: 0 auto;
  width: 24px;
  height: 24px;
}

.exit-button-2 {
  cursor: pointer;
}

.information-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  padding-top: 24px;
  display: flex;
}

.information-list.no-top-padding {
  padding-top: 0;
}

.graph-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #bbc6d6;
  flex-direction: column;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.add-table-button {
  cursor: pointer;
}

.screenshot-image {
  background-image: linear-gradient(#000, #fff);
  border-radius: 10px;
}

.screenshot-container {
  margin-bottom: 24px;
  display: flex;
  position: relative;
}

.link-block {
  position: absolute;
  inset: 24px 24px auto auto;
}

.action-1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.modal-container {
  background-color: var(--primary-white);
  border-radius: 10px;
  flex-direction: column;
  width: 600px;
  padding: 24px;
  display: flex;
  box-shadow: 4px 4px 32px 4px #0000001a;
}

.modal-header {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.form-placeholder {
  background-color: var(--primary-black);
  flex-direction: column;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.modal-button-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  margin-top: 24px;
  display: flex;
}

.pop-out-prompt {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--primary-brand-light);
  border-radius: 10px;
  align-items: center;
  margin-bottom: 40px;
  margin-right: 40px;
  padding: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.span-text-2 {
  color: var(--primary-brand);
}

.pop-out-title-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.agent-view-container-general {
  background-color: var(--primary-white);
  border-radius: 10px;
  flex-direction: column;
  max-width: 1200px;
  margin: 16px;
  padding: 24px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.modal-toolbar {
  border-top: 1px solid #1e1e1e1a;
  border-bottom: 1px solid #1e1e1e1a;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.image-3 {
  display: none;
}

.brand-color-span {
  color: var(--primary-brand);
}

.modal-control-div {
  width: 100%;
  max-width: 100%;
  margin-top: 24px;
  margin-bottom: 24px;
  overflow: visible;
}

.container-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 24px;
  display: flex;
}

.grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.modal-link-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--primary-black);
  border: 1px solid #bbc6d6;
  border-radius: 10px;
  align-items: center;
  padding: 24px;
  text-decoration: none;
  display: flex;
}

.modal-new-accordian {
  border: 1px solid #bbc6d6;
  border-radius: 10px;
  flex-direction: column;
  margin-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.accordian-main-wrapper {
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.accordian-main-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 70%;
  display: flex;
}

._14px-text-block {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

._14px-text-block.gray {
  color: var(--gray-1);
}

._14px-text-block.white {
  color: var(--primary-white);
}

._14px-text-block.gray-3 {
  color: var(--gray-3);
}

._14px-text-block.white-2 {
  color: #ffffffb3;
  font-weight: 400;
}

.accordian-chip-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.accordian-controls {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.accordian-sub-info-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.programs-main-list {
  justify-content: space-between;
  display: flex;
}

.program-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.program-logo-wrapper {
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  display: flex;
}

.program-info {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.programs-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-top: 1px solid #bbc6d6;
  flex-direction: column;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.programs-control {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.modal-table-1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: fill;
  flex: 0 auto;
  grid-template-columns: .25fr 2fr .8fr .8fr 1fr .8fr .8fr;
  width: 100%;
  max-width: 100%;
  overflow: scroll;
}

.calendar-wrapper {
  justify-content: center;
  align-items: center;
  padding-top: 48px;
  padding-bottom: 48px;
  display: flex;
}

.main-calendar-container {
  border-radius: 10px;
  flex-direction: column;
  padding: 24px;
  display: flex;
  box-shadow: 3px 4px 20px -5px #7090b04d;
}

.calendar-header {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-bottom: 1px solid #bbc6d6;
  justify-content: space-between;
  padding-bottom: 16px;
  display: flex;
}

.calendar-arrows {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.calendar-main-date {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 16px;
  display: grid;
}

.day-container {
  justify-content: center;
  align-items: center;
  padding: 5px;
  display: flex;
}

.date-regular {
  font-weight: 500;
}

.date-regular.inactive {
  color: var(--gray-3);
}

.date-container {
  justify-content: center;
  align-items: center;
  padding: 5px;
  display: flex;
}

.date-container.selected {
  background-color: var(--primary-brand);
  color: var(--primary-white);
  border-radius: 5px;
}

.rc-section {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.rc-toolbar-wrapper {
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
}

.dropdown-toggle-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  padding: 8px;
  display: flex;
}

.icon {
  margin-right: 0;
  position: static;
}

.div-block-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.left-rc-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  align-items: center;
  display: flex;
}

.windows-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.dropdown-list-2 {
  background-color: #ddd;
}

.dropdown-list-2.w--open {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px;
  display: flex;
  box-shadow: 6px 6px 15px 2px #7090b026;
}

.dropdown-link {
  border-radius: 5px;
  width: 100%;
}

.dropdown-link:hover {
  background-color: #1e1e1e0d;
}

.chat-wrapper {
  background-color: var(--primary-white);
  border-radius: 10px;
  flex-direction: column;
  width: 800px;
  margin: 16px;
  padding: 24px;
  display: flex;
  position: static;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.agent-header-container-copy {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.chat-header-wrapper {
  border-bottom: 1px solid #bbc6d6;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 24px;
  display: flex;
}

.chat-bubble-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.chat-bubble-wrapper.right {
  align-items: flex-end;
}

.chat-bubble {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--primary-brand-light);
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  display: flex;
}

.chat-bubble.self {
  background-color: var(--primary-brand);
}

.chat-bubble.max-width {
  width: 60%;
  max-width: 60%;
}

.chat-input-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.chat-send-button {
  background-color: var(--primary-brand);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
}

.chat-scroller {
  flex-direction: column;
  max-height: 600px;
  display: flex;
  overflow: scroll;
}

.rc-main-toolbar {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.rc-secondary-toolbar {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

._2-col-grid {
  grid-template-rows: auto;
  margin-bottom: 40px;
}

.bread-crumb-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.bread-crumb-inner-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bread-crumb {
  border-top: 1px #1e1e1e1a;
  border-bottom: 1px #1e1e1e1a;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.manage-group-grid {
  grid-template-columns: 1fr 1fr 1fr;
}

.group-title-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.level-1-group-wrapper {
  border: 1px solid #bbc6d6;
  border-radius: 10px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  display: flex;
}

.group-info-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.grou-link-block {
  color: var(--primary-brand);
  text-decoration: none;
}

.div-block-3 {
  height: 40px;
}

.create-sub-group-wrapper {
  border: 2px dashed var(--primary-brand-light);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
}

.secondary-toolbar {
  border-top: 1px #1e1e1e1a;
  border-bottom: 1px #1e1e1e1a;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.agent-wrapper {
  border: 1px solid #bbc6d6;
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.agent-wrapper.brand {
  border-color: var(--primary-brand);
  background-color: var(--primary-brand-light);
}

.agent-list-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #bbc6d6;
  flex-flow: column;
  width: 100%;
  margin-top: 16px;
  padding-top: 16px;
  display: flex;
}

.agent-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-4 {
  flex: 1;
}

.empty-state-wrapper {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.empty-state-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.empty-state-visual {
  width: 200px;
}

.empty-state-text-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.button-with-icon {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--primary-brand);
  color: var(--primary-black);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  text-decoration: none;
  display: flex;
}

.button-with-icon.prominent {
  background-color: var(--primary-brand-light);
}

.alert-icon {
  width: 34px;
  margin-top: 2px;
}

.custom-title-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.list {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  margin-top: 16px;
  padding-left: 24px;
  list-style-type: decimal;
  display: flex;
}

.custom-bold {
  color: var(--primary-black);
  font-weight: 700;
}

.form-block-1 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-top: 2rem;
  display: flex;
}

.syncing-load-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lottie {
  width: 50%;
}

.h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
}

.h4.selected {
  font-weight: 700;
}

.button-text {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}

.button-text.default {
  color: #1e1e1e;
}

.button-text.default.green {
  color: var(--primary-brand);
}

.separator {
  background-color: #ebe4e4;
  width: 2px;
  height: 24px;
}

.button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #317bd2;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.button.default {
  background-color: #0000;
}

.button.default.bottom {
  padding: 8px 0;
}

.button.default.bottom.left-margin {
  margin-left: 40px;
}

.action-wrapper {
  z-index: 1;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  margin-right: 40px;
  padding: 10px 24px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
  box-shadow: 0 0 24px 6px #7090b029;
}

.action-wrapper.hide {
  display: none;
}

.selection-number {
  color: #317bd2;
  font-weight: 700;
}

.email-icon {
  width: 28px;
}

.overlay {
  z-index: -1;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #1e1e1e66;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.check-box-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #dcf9eb;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  padding: 16px;
  display: flex;
}

.black-bold {
  color: var(--primary-black);
  font-weight: 700;
}

.button-wrapper {
  width: 402px;
  display: flex;
}

.main-button {
  background-color: #6100ff;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 12px 0;
  text-decoration: none;
  display: flex;
  position: relative;
  transform: translate(0);
}

.button-deco {
  border: 3px solid #b49adf;
  position: absolute;
  inset: 0% 0% 10%;
}

.new-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.new-wrapper-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.green {
  color: var(--primary-brand);
}

.form-wrapper {
  background-color: var(--primary-white);
  border-radius: 10px;
  flex-direction: column;
  width: 500px;
  padding: 32px;
  display: flex;
  box-shadow: 4px 4px 32px 4px #0000001a;
}

.field-wrapper {
  flex-flow: column;
  margin-bottom: 32px;
  display: flex;
}

.t-field {
  color: var(--primary-black);
  border-radius: 12px;
  height: 48px;
  margin-bottom: 0;
  padding: 16px 8px;
}

.form-send-button {
  background-color: var(--primary-brand);
  border-radius: 12px;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
}

.form-title-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.form-title {
  text-align: center;
  margin-bottom: 0;
}

.done-logo {
  height: 64px;
  margin-bottom: 24px;
}

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

@media screen and (max-width: 479px) {
  .form-wrapper {
    margin-left: 20px;
    margin-right: 20px;
    padding: 20px;
  }

  .form-title-wrapper {
    justify-content: center;
    align-items: center;
  }

  .form-title {
    font-size: 24px;
  }

  .done-logo {
    height: 50px;
  }
}

#w-node-_4cfadb0b-78d7-f3c0-ca38-53ee45abcd44-84a9afc4, #w-node-_1bfdaa05-e380-bab9-5644-82627c6720ca-84a9afc4, #w-node-_8a16c57b-5615-aade-dfc5-fe27c1a33686-84a9afc4, #w-node-aa4963db-029c-1bd7-2b81-8be618fe6bca-84a9afc4, #w-node-d8ae46a6-a055-6906-3195-2b25613169f4-84a9afc4, #w-node-_82c7af86-1c81-128b-840c-f351b7aca83e-84a9afc4, #w-node-_19fd1ce5-a9c8-b91b-62ca-3c2abc55f65c-84a9afc4, #w-node-_14030666-b595-3873-76f1-d1a73fd5dd61-84a9afc4, #w-node-d6fb539f-dcbf-879a-b493-06f62a1c3936-84a9afc4, #w-node-_30ea10f6-7885-aa8e-c218-ba71253709f9-84a9afc4, #w-node-af129766-6bba-6e93-14a2-ea2036ae407d-84a9afc4, #w-node-_7bfc9bf3-d256-0b79-0032-34b3ba07aa22-84a9afc4, #w-node-_7f691ac2-c04d-f8f0-a638-4c4947986d66-84a9afc4, #w-node-c922536b-4df6-3316-05b1-cef847701c76-84a9afc4, #w-node-e9475529-98c3-2d79-4c97-77bc4ab0a771-84a9afc4, #w-node-_4319edab-056a-a474-ab6d-1f98b00fed08-84a9afc4, #w-node-_89a78b54-e820-ea43-55fd-7eea84038d3d-84a9afc4, #w-node-_7854b6e2-bbd0-51f6-923f-e4cd7996b327-84a9afc4, #w-node-_26da2351-7de2-fa61-4f7d-a20de98a28c5-84a9afc4, #w-node-_542200ca-61e4-19f5-426b-7ba70b25106b-84a9afc4, #w-node-_767fa2de-0aae-132a-f7a9-718951d50cac-84a9afc4, #w-node-d7364bd4-2f84-edd1-1491-3eaf82c5b56e-84a9afc4, #w-node-aba04684-eb3f-013f-4e0d-080d7410984c-84a9afc4, #w-node-_48ddebd7-cf79-1e30-cb51-6cdde9f61ee7-84a9afc4, #w-node-_0f86752b-df6a-30d6-2047-e5744218d71e-84a9afc4, #w-node-_2845db94-4a78-0843-9f96-616c79c26e2e-84a9afc4, #w-node-_393e3445-a4fc-55d0-268f-ee8e61059c6d-84a9afc4, #w-node-_7f49e166-8b33-89fb-d5f4-5fc62b4f7ab0-84a9afc4, #w-node-_2974af08-e3fc-d0e1-9cda-6286e30a4315-84a9afc4, #w-node-_2974af08-e3fc-d0e1-9cda-6286e30a4325-84a9afc4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_565a9279-ce94-1231-c862-b9eec4ee2c47-84a9afc4, #w-node-cd23659b-468b-4c5b-a421-d55cfdf81dbc-84a9afc4, #w-node-_5d4b7b4e-c54f-001f-9c3a-3be6afa5bf21-84a9afc4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_74280450-db0f-d8a3-a4db-4f31a8c26346-84a9afc4, #w-node-ac66d31c-2a99-3fe4-35cb-e2b7022540a8-84a9afc4, #w-node-_67fc2657-df7c-1c0a-8dfd-be4776fb378f-84a9afc4, #w-node-_264225cd-ade4-dfc2-e8a3-acc3733f34a1-84a9afc4, #w-node-_4cfadb0b-78d7-f3c0-ca38-53ee45abcd44-1c43a189, #w-node-_1bfdaa05-e380-bab9-5644-82627c6720ca-1c43a189, #w-node-_8a16c57b-5615-aade-dfc5-fe27c1a33686-1c43a189, #w-node-aa4963db-029c-1bd7-2b81-8be618fe6bca-1c43a189, #w-node-d8ae46a6-a055-6906-3195-2b25613169f4-1c43a189, #w-node-_82c7af86-1c81-128b-840c-f351b7aca83e-1c43a189, #w-node-_19fd1ce5-a9c8-b91b-62ca-3c2abc55f65c-1c43a189, #w-node-_14030666-b595-3873-76f1-d1a73fd5dd61-1c43a189, #w-node-d6fb539f-dcbf-879a-b493-06f62a1c3936-1c43a189, #w-node-_30ea10f6-7885-aa8e-c218-ba71253709f9-1c43a189, #w-node-af129766-6bba-6e93-14a2-ea2036ae407d-1c43a189, #w-node-_7bfc9bf3-d256-0b79-0032-34b3ba07aa22-1c43a189, #w-node-_7f691ac2-c04d-f8f0-a638-4c4947986d66-1c43a189, #w-node-c922536b-4df6-3316-05b1-cef847701c76-1c43a189, #w-node-e9475529-98c3-2d79-4c97-77bc4ab0a771-1c43a189, #w-node-_4319edab-056a-a474-ab6d-1f98b00fed08-1c43a189, #w-node-_89a78b54-e820-ea43-55fd-7eea84038d3d-1c43a189, #w-node-_7854b6e2-bbd0-51f6-923f-e4cd7996b327-1c43a189, #w-node-_26da2351-7de2-fa61-4f7d-a20de98a28c5-1c43a189, #w-node-_542200ca-61e4-19f5-426b-7ba70b25106b-1c43a189, #w-node-_767fa2de-0aae-132a-f7a9-718951d50cac-1c43a189, #w-node-d7364bd4-2f84-edd1-1491-3eaf82c5b56e-1c43a189, #w-node-aba04684-eb3f-013f-4e0d-080d7410984c-1c43a189, #w-node-_48ddebd7-cf79-1e30-cb51-6cdde9f61ee7-1c43a189, #w-node-_0f86752b-df6a-30d6-2047-e5744218d71e-1c43a189, #w-node-_2845db94-4a78-0843-9f96-616c79c26e2e-1c43a189, #w-node-_393e3445-a4fc-55d0-268f-ee8e61059c6d-1c43a189, #w-node-_7f49e166-8b33-89fb-d5f4-5fc62b4f7ab0-1c43a189, #w-node-_4cfbf477-c955-3e4b-8ab8-02e2400cc83a-b4e637fa, #w-node-_4cfbf477-c955-3e4b-8ab8-02e2400cc854-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa94b-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa94d-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa951-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa954-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa957-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa95a-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa95d-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa960-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa962-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa965-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa968-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa96b-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa96e-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa971-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa974-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa976-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa979-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa97c-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa97f-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa982-b4e637fa, #w-node-_4e11c073-8676-a41a-31e3-a6a6592fa985-b4e637fa, #w-node-_9c9a26fa-e19d-18ad-b9f1-469b73864da3-b4e637fa, #w-node-_8acb4a44-d4d1-fdf7-f20b-204932ebb62c-b4e637fa, #w-node-_9dbbc76b-9cab-1696-f18d-4ea4a8d19079-b4e637fa, #w-node-_15327137-6e1d-0ba6-ba33-d179ec715b93-b4e637fa, #w-node-be5cc51f-9ee2-bafe-46e9-50f2cec4d752-b4e637fa, #w-node-_1908ec4e-6576-3229-7c57-e871513ed931-b4e637fa, #w-node-ce5c7d74-fd69-73cf-a2c7-960a5fbf8063-b4e637fa, #w-node-e115d972-ab6c-674f-23e3-cfb24f73c1d8-b4e637fa, #w-node-_140eb40d-445a-1b5c-6405-09133f72dd08-b4e637fa, #w-node-cdea4468-d71e-555f-0e5a-4339a782aeb5-b4e637fa, #w-node-_67e74e04-5045-b778-b9ba-0e22751fc980-b4e637fa, #w-node-df1ba855-b65a-b6e2-7bc0-2a3e4f10833a-b4e637fa, #w-node-_73724a42-2a87-0453-ae1c-c1ed300a8008-b4e637fa, #w-node-_6c9302e8-0355-1ef4-2279-fce1012c0733-b4e637fa, #w-node-b5d4f5c8-b18d-cbb5-f9dd-bf07c2e5c211-b4e637fa, #w-node-_364b1eed-d337-4d55-e8f1-65bb38c195d8-b4e637fa, #w-node-_516bdacb-2de6-c354-236c-1aa588e81351-b4e637fa, #w-node-f578f90b-31f3-5065-25c8-0bb87d1d5274-b4e637fa, #w-node-_83494dd3-43c8-d697-6510-265bd15c26b8-b4e637fa, #w-node-eea6ce2b-6aaf-acfc-59f8-bc121bef96ce-b4e637fa, #w-node-_35957cac-c45e-62ff-b863-543d03d688f7-b4e637fa, #w-node-af4e6100-0952-1b73-c746-c74eba497158-b4e637fa, #w-node-_6653d16c-d3bc-c5b4-a3b7-685074c0b2be-b4e637fa, #w-node-_390414bd-3c0a-d428-de08-85c152103438-b4e637fa, #w-node-b2c852a9-254f-c98f-5d4b-318747470314-b4e637fa, #w-node-f281c191-c98e-15da-f5e9-d5e08764c978-b4e637fa, #w-node-c29df227-079a-0cbe-d2ba-7639d0109b78-b4e637fa, #w-node-_60224b94-afd2-c908-16b1-992650bd2de0-b4e637fa, #w-node-_24eb25b1-f98b-4e5c-4e3b-9722311107de-b4e637fa, #w-node-_63d5b99d-0aae-bc13-5645-fe540b77bd93-b4e637fa, #w-node-a564bee0-c080-fbca-f133-d484dcddc2b0-b4e637fa, #w-node-_1b540171-78b8-1137-0f9f-8af847571872-b4e637fa, #w-node-_46210a40-f2dd-13de-1f8c-a5e4ac175d01-b4e637fa, #w-node-_6b2e6c9a-8cd0-4cb9-6b7b-5dc0e037977e-b4e637fa, #w-node-_7f3b8fbf-3e34-b10c-7ca5-0de990fb889b-b4e637fa, #w-node-_7f0c5360-f0d0-45d5-46b0-cf1bb3610e03-b4e637fa, #w-node-_211e47a7-0802-48cf-881c-05f9359ccd47-b4e637fa, #w-node-_08d16afb-ead6-4b9d-1e2a-8fd94c719bb7-b4e637fa, #w-node-_40274fd6-0a88-5cc7-7476-a103f3220514-b4e637fa, #w-node-_51c8cb37-7667-06c8-96e1-f5a2d04d60a4-b4e637fa, #w-node-be757423-760c-7a25-7fc7-3422fe5fe763-b4e637fa, #w-node-_3aa54d38-0f39-a4db-ff31-90128acee4d5-b4e637fa, #w-node-_82110704-ad97-4abf-354c-728ca5f2f4b3-b4e637fa, #w-node-_332a9d4e-0292-ac4d-495e-f081c9ab1bec-b4e637fa, #w-node-_4b799c12-aeb2-45fa-fd20-410ed02b010d-b4e637fa, #w-node-_05758d4d-f79a-31e4-bafa-f1d00487001e-b4e637fa, #w-node-_301cc1c4-de01-05fe-fdb9-0ed0b102206d-b4e637fa, #w-node-_4cfadb0b-78d7-f3c0-ca38-53ee45abcd44-88f40795, #w-node-_1bfdaa05-e380-bab9-5644-82627c6720ca-88f40795, #w-node-_4cfadb0b-78d7-f3c0-ca38-53ee45abcd44-2785f797, #w-node-_1bfdaa05-e380-bab9-5644-82627c6720ca-2785f797 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}