@import '_content/Garden.Razor/Garden.Razor.trix4c5fci.bundle.scp.css';

/* _content/Oxygen.Web/Comp/DashboardLyt.razor.rz.scp.css */
.root[b-18ucr3toaj] {
  --gdn-comp-dashboard-layout-viewport-height: 100dvh;
  --gdn-comp-dashboard-layout-top-bar-height: 64px;
  --gdn-comp-dashboard-layout-drawer-width: 360px;
  --gdn-comp-dashboard-layout-drawer-mobile-gutter: var(--gdn-sys-spacing-8);
  --gdn-comp-dashboard-layout-content-padding: var(--gdn-sys-spacing-8);
  --gdn-comp-dashboard-layout-content-mobile-padding: var(--gdn-sys-spacing-4);
  --gdn-comp-dashboard-layout-drawer-padding: var(--gdn-sys-spacing-4);
  --gdn-comp-dashboard-layout-drawer-border: 1px solid var(--gdn-sys-color-outline-variant);
  --gdn-comp-dashboard-layout-foreground: var(--gdn-sys-color-on-surface);
  --gdn-comp-dashboard-layout-background: var(--gdn-sys-color-surface);
  --gdn-comp-dashboard-layout-body-background: var(--gdn-sys-color-surface-container-low);
  --gdn-comp-dashboard-layout-drawer-background: var(--gdn-sys-color-surface);
  --gdn-comp-dashboard-layout-scrim-background: var(--gdn-comp-side-sheets-scrim-color);
  --gdn-comp-dashboard-layout-scrim-opacity: var(--gdn-comp-side-sheets-scrim-opacity);
  --gdn-comp-dashboard-layout-layer: 30;

  min-height: var(--gdn-comp-dashboard-layout-viewport-height);
  overflow-x: clip;
  color: var(--gdn-comp-dashboard-layout-foreground);
  background: var(--gdn-comp-dashboard-layout-background);
}

.root__body[b-18ucr3toaj] {
  position: relative;
  min-height: calc(
    var(--gdn-comp-dashboard-layout-viewport-height)
    - var(--gdn-comp-dashboard-layout-top-bar-height)
  );
  background: var(--gdn-comp-dashboard-layout-body-background);
}

.root__content[b-18ucr3toaj] {
  width: 100%;
  min-width: 0;
  padding: var(--gdn-comp-dashboard-layout-content-padding);
}

.root__drawer-scrim[b-18ucr3toaj],
.root__drawer[b-18ucr3toaj] {
  position: absolute;
  z-index: var(--gdn-comp-dashboard-layout-layer);
  inset-block: 0;
  inset-inline-start: 0;
}

.root__drawer-scrim[b-18ucr3toaj] {
  inset-inline-end: 0;
  width: 100%;
  border: 0;
  padding: 0;
  background: var(--gdn-comp-dashboard-layout-scrim-background);
  opacity: var(--gdn-comp-dashboard-layout-scrim-opacity);
  cursor: default;
}

.root__drawer[b-18ucr3toaj] {
  width: min(var(--gdn-comp-dashboard-layout-drawer-width), 100%);
  overflow-y: auto;
  padding: var(--gdn-comp-dashboard-layout-drawer-padding);
  border-inline-end: var(--gdn-comp-dashboard-layout-drawer-border);
  background: var(--gdn-comp-dashboard-layout-drawer-background);
}

@media (max-width: 720px) {
  .root__content[b-18ucr3toaj] {
    padding: var(--gdn-comp-dashboard-layout-content-mobile-padding);
  }

  .root__drawer[b-18ucr3toaj] {
    width: min(
      var(--gdn-comp-dashboard-layout-drawer-width),
      calc(100vw - var(--gdn-comp-dashboard-layout-drawer-mobile-gutter))
    );
  }
}
/* _content/Oxygen.Web/Feat/DelAccount/DelAccountMdl.razor.rz.scp.css */
.root__description[b-2l0g7398cl] {
  display: flex;
  flex-direction: column;
  gap: var(--gdn-sys-spacing-1);
}

.root__description p[b-2l0g7398cl] {
  margin: 0;
}

.root[b-2l0g7398cl]  .root__confirm {
  color: var(--gdn-sys-color-on-error);
  background: var(--gdn-sys-color-error);
}
/* _content/Oxygen.Web/Feat/DeviceListByUser/DeviceItem.razor.rz.scp.css */
.root[b-fdhoi248jz] {
  --gdn-comp-device-item-icon-size: 52px;
  --gdn-comp-device-item-action-size: 40px;
  --gdn-comp-device-item-gap: var(--gdn-sys-spacing-4);
  --gdn-comp-device-item-small-gap: var(--gdn-sys-spacing-1);
  --gdn-comp-device-item-action-gap: var(--gdn-sys-spacing-2);
  --gdn-comp-device-item-block-padding: var(--gdn-sys-spacing-3);
  --gdn-comp-device-item-divider: 1px solid var(--gdn-sys-color-outline-variant);
  --gdn-comp-device-item-focus-width: 3px;
  --gdn-comp-device-item-focus-offset: 2px;
  --gdn-comp-device-item-foreground: var(--gdn-sys-color-on-surface);
  --gdn-comp-device-item-muted: var(--gdn-sys-color-on-surface-variant);
  --gdn-comp-device-item-icon-background: var(--gdn-sys-color-tertiary-container);
  --gdn-comp-device-item-delete-hover: var(--gdn-sys-color-surface-container-high);
  --gdn-comp-device-item-focus-color: var(--gdn-sys-color-primary);
  --gdn-comp-device-item-icon-shape: var(--gdn-sys-shape-corner-medium);
  --gdn-comp-device-item-action-shape: var(--gdn-sys-shape-corner-full);

  display: grid;
  grid-template-columns:
    var(--gdn-comp-device-item-icon-size)
    minmax(0, 1fr)
    auto;
  align-items: center;
  gap: var(--gdn-comp-device-item-gap);
  padding-block: var(--gdn-comp-device-item-block-padding);
  color: var(--gdn-comp-device-item-foreground);
}

.root + .root[b-fdhoi248jz] {
  border-top: var(--gdn-comp-device-item-divider);
}

.root__icon-wrap[b-fdhoi248jz],
.root__icon[b-fdhoi248jz] {
  width: var(--gdn-comp-device-item-icon-size);
  height: var(--gdn-comp-device-item-icon-size);
}

.root__icon-wrap[b-fdhoi248jz] {
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: var(--gdn-comp-device-item-icon-shape);
  background: var(--gdn-comp-device-item-icon-background);
}

.root__icon[b-fdhoi248jz] {
  object-fit: contain;
}

.root__info[b-fdhoi248jz] {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--gdn-comp-device-item-small-gap);
}

.root__info[b-fdhoi248jz]  .gdn-comp-typography {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.root__actions[b-fdhoi248jz] {
  display: flex;
  align-items: center;
  gap: var(--gdn-comp-device-item-action-gap);
}

.root__delete[b-fdhoi248jz] {
  display: inline-flex;
  width: var(--gdn-comp-device-item-action-size);
  height: var(--gdn-comp-device-item-action-size);
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: var(--gdn-comp-device-item-action-shape);
  color: var(--gdn-comp-device-item-muted);
  background: transparent;
  cursor: pointer;
}

.root__delete:hover[b-fdhoi248jz] {
  background: var(--gdn-comp-device-item-delete-hover);
}

.root__delete:focus-visible[b-fdhoi248jz] {
  outline: var(--gdn-comp-device-item-focus-width) solid
    var(--gdn-comp-device-item-focus-color);
  outline-offset: var(--gdn-comp-device-item-focus-offset);
}

@media (max-width: 640px) {
  .root[b-fdhoi248jz] {
    grid-template-columns:
      var(--gdn-comp-device-item-icon-size)
      minmax(0, 1fr);
  }

  .root__actions[b-fdhoi248jz] {
    grid-column: 1 / -1;
    justify-content: flex-end;
  }
}
/* _content/Oxygen.Web/Feat/DeviceListByUser/DeviceListPg.razor.rz.scp.css */
.root[b-tx44a41ufs] {
  --gdn-comp-device-list-page-width: 100%;
  --gdn-comp-device-list-page-gap: var(--gdn-sys-spacing-6);
  --gdn-comp-device-list-page-small-gap: var(--gdn-sys-spacing-1);
  --gdn-comp-device-list-page-control-gap: var(--gdn-sys-spacing-2);
  --gdn-comp-device-list-page-column-gap: var(--gdn-sys-spacing-4);
  --gdn-comp-device-list-page-action-gap: var(--gdn-sys-spacing-3);
  --gdn-comp-device-list-page-panel-padding: var(--gdn-sys-spacing-6);
  --gdn-comp-device-list-page-mobile-padding: var(--gdn-sys-spacing-4);
  --gdn-comp-device-list-page-metric-padding: var(--gdn-sys-spacing-4);
  --gdn-comp-device-list-page-metric-height: 112px;
  --gdn-comp-device-list-page-list-height: 180px;
  --gdn-comp-device-list-page-add-height: 241px;
  --gdn-comp-device-list-page-download-height: 40px;
  --gdn-comp-device-list-page-download-padding: var(--gdn-sys-spacing-6);
  --gdn-comp-device-list-page-button-icon-size: 18px;
  --gdn-comp-device-list-page-download-border: 1px solid var(--gdn-sys-color-outline);
  --gdn-comp-device-list-page-focus-width: 3px;
  --gdn-comp-device-list-page-focus-offset: 2px;
  --gdn-comp-device-list-page-metric-shape: var(--gdn-sys-shape-corner-small);
  --gdn-comp-device-list-page-panel-shape: var(--gdn-sys-shape-corner-value-large-increased);
  --gdn-comp-device-list-page-control-shape: var(--gdn-sys-shape-corner-full);
  --gdn-comp-device-list-page-surface: var(--gdn-sys-color-surface);
  --gdn-comp-device-list-page-outline: var(--gdn-sys-color-outline);
  --gdn-comp-device-list-page-outline-variant: var(--gdn-sys-color-outline-variant);
  --gdn-comp-device-list-page-muted: var(--gdn-sys-color-on-surface-variant);
  --gdn-comp-device-list-page-primary: var(--gdn-sys-color-primary);
  --gdn-comp-device-list-page-add-background: var(--gdn-sys-color-tertiary-container);
  --gdn-comp-device-list-page-add-foreground: var(--gdn-sys-color-on-tertiary-container);
  --gdn-comp-device-list-page-download-hover: color-mix(
    in srgb,
    var(--gdn-sys-color-primary) 8%,
    transparent
  );
  --gdn-comp-device-list-page-download-font-size: 14px;
  --gdn-comp-device-list-page-download-font-weight: 500;
  --gdn-comp-device-list-page-download-line-height: 20px;

  display: flex;
  width: var(--gdn-comp-device-list-page-width);
  min-width: 0;
  flex-direction: column;
  gap: var(--gdn-comp-device-list-page-gap);
}

.root__header[b-tx44a41ufs],
.root__list-header[b-tx44a41ufs],
.root__add-actions[b-tx44a41ufs],
.root__button-content[b-tx44a41ufs] {
  display: flex;
  align-items: center;
}

.root__header[b-tx44a41ufs] {
  justify-content: space-between;
  gap: var(--gdn-comp-device-list-page-column-gap);
}

.root__heading[b-tx44a41ufs] {
  display: flex;
  flex-direction: column;
  gap: var(--gdn-comp-device-list-page-small-gap);
}

.root__button-content[b-tx44a41ufs] {
  gap: var(--gdn-comp-device-list-page-control-gap);
}

.root__button-content .material-symbols-rounded[b-tx44a41ufs] {
  font-size: var(--gdn-comp-device-list-page-button-icon-size);
}

.root__metrics[b-tx44a41ufs] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--gdn-comp-device-list-page-column-gap);
}

.root[b-tx44a41ufs]  .root__metric {
  display: flex;
  min-height: var(--gdn-comp-device-list-page-metric-height);
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: var(--gdn-comp-device-list-page-control-gap);
  padding: var(--gdn-comp-device-list-page-metric-padding);
  border-color: var(--gdn-comp-device-list-page-outline);
  border-radius: var(--gdn-comp-device-list-page-metric-shape);
  background: var(--gdn-comp-device-list-page-surface);
}

.root[b-tx44a41ufs]  .root__list {
  display: flex;
  min-height: var(--gdn-comp-device-list-page-list-height);
  flex-direction: column;
  gap: var(--gdn-comp-device-list-page-column-gap);
  padding: var(--gdn-comp-device-list-page-panel-padding);
  border-color: var(--gdn-comp-device-list-page-outline-variant);
  border-radius: var(--gdn-comp-device-list-page-panel-shape);
  background: var(--gdn-comp-device-list-page-surface);
}

.root__list-header[b-tx44a41ufs] {
  justify-content: space-between;
}

.root__rows[b-tx44a41ufs] {
  display: flex;
  flex-direction: column;
}

.root[b-tx44a41ufs]  .root__empty {
  padding-block: var(--gdn-comp-device-list-page-panel-padding);
  color: var(--gdn-comp-device-list-page-muted);
  text-align: center;
}

.root__add[b-tx44a41ufs] {
  display: flex;
  min-height: var(--gdn-comp-device-list-page-add-height);
  flex-direction: column;
  gap: var(--gdn-comp-device-list-page-column-gap);
  padding: var(--gdn-comp-device-list-page-panel-padding);
  border-radius: var(--gdn-comp-device-list-page-panel-shape);
  color: var(--gdn-comp-device-list-page-add-foreground);
  background: var(--gdn-comp-device-list-page-add-background);
}

.root__add-actions[b-tx44a41ufs] {
  flex-wrap: wrap;
  gap: var(--gdn-comp-device-list-page-action-gap);
}

.root__download[b-tx44a41ufs] {
  display: inline-flex;
  min-height: var(--gdn-comp-device-list-page-download-height);
  align-items: center;
  justify-content: center;
  padding-inline: var(--gdn-comp-device-list-page-download-padding);
  border: var(--gdn-comp-device-list-page-download-border);
  border-radius: var(--gdn-comp-device-list-page-control-shape);
  color: var(--gdn-comp-device-list-page-primary);
  background: transparent;
  font-size: var(--gdn-comp-device-list-page-download-font-size);
  font-weight: var(--gdn-comp-device-list-page-download-font-weight);
  line-height: var(--gdn-comp-device-list-page-download-line-height);
  text-decoration: none;
}

.root__download:hover[b-tx44a41ufs] {
  background: var(--gdn-comp-device-list-page-download-hover);
}

.root__download:focus-visible[b-tx44a41ufs] {
  outline: var(--gdn-comp-device-list-page-focus-width) solid
    var(--gdn-comp-device-list-page-primary);
  outline-offset: var(--gdn-comp-device-list-page-focus-offset);
}

@media (max-width: 720px) {
  .root__header[b-tx44a41ufs] {
    align-items: flex-start;
    flex-direction: column;
  }

  .root__metrics[b-tx44a41ufs] {
    grid-template-columns: minmax(0, 1fr);
  }

  .root[b-tx44a41ufs]  .root__list,
  .root__add[b-tx44a41ufs] {
    padding: var(--gdn-comp-device-list-page-mobile-padding);
  }

  .root__add-actions[b-tx44a41ufs] {
    align-items: stretch;
    flex-direction: column;
  }

  .root__add-actions[b-tx44a41ufs]  .gdn-comp-button,
  .root__download[b-tx44a41ufs] {
    width: var(--gdn-comp-device-list-page-width);
  }
}
/* _content/Oxygen.Web/Feat/GlobalErrorHandling/GeneralError.razor.rz.scp.css */
.root[b-uo5fmalblb] {
  --gdn-comp-general-error-container-color: var(--gdn-sys-color-surface);
  --gdn-comp-general-error-content-color: var(--gdn-sys-color-on-surface);
  --gdn-comp-general-error-support-label-color: var(--gdn-sys-color-on-surface);
  --gdn-comp-general-error-support-code-container-color: var(--gdn-sys-color-surface-container);
  --gdn-comp-general-error-support-code-label-color: var(--gdn-sys-color-on-surface-variant);
  --gdn-comp-general-error-support-code-value-color: var(--gdn-sys-color-on-surface);
  --gdn-comp-general-error-support-status-color: var(--gdn-sys-color-primary);
  --gdn-comp-general-error-inline-padding: var(--gdn-sys-spacing-8, 32px);
  --gdn-comp-general-error-content-gap: var(--gdn-sys-spacing-4, 16px);
  --gdn-comp-general-error-support-code-gap: var(--gdn-sys-spacing-2, 8px);
  --gdn-comp-general-error-support-code-padding: var(--gdn-sys-spacing-3, 12px);
  --gdn-comp-general-error-actions-gap: var(--gdn-sys-spacing-2, 8px);
  --gdn-comp-general-error-actions-margin: var(--gdn-sys-spacing-6, 24px);
  --gdn-comp-general-error-support-code-radius: var(--gdn-sys-shape-corner-medium);
  --gdn-comp-general-error-button-radius: var(--gdn-sys-shape-corner-large);
  --gdn-comp-general-error-content-max-width: 640px;
  --gdn-comp-general-error-actions-max-width: 480px;
  --gdn-comp-general-error-code-font-size: 0.875rem;
  --gdn-comp-general-error-code-line-height: 1.45;
  --gdn-comp-general-error-code-font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  box-sizing: border-box;
  width: 100%;
  min-height: 100vh;
  padding: var(--gdn-comp-general-error-inline-padding);
  overflow-y: auto;
  background-color: var(--gdn-comp-general-error-container-color);
  color: var(--gdn-comp-general-error-content-color);
  display: grid;
  grid-template-rows: minmax(min-content, 1fr) auto;
}

.root__content[b-uo5fmalblb] {
  box-sizing: border-box;
  width: min(100%, var(--gdn-comp-general-error-content-max-width));
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--gdn-comp-general-error-content-gap);
  text-align: center;
}

.root[b-uo5fmalblb]  .root__icon {
  color: var(--gdn-sys-color-error);
}

.root[b-uo5fmalblb]  .root__message,
.root[b-uo5fmalblb]  .root__support-hint,
.root[b-uo5fmalblb]  .root__support-fallback,
.root[b-uo5fmalblb]  .root__support-status {
  width: 100%;
  margin: 0;
  text-align: center;
  word-break: keep-all;
  overflow-wrap: break-word;
  white-space: normal;
}

.root[b-uo5fmalblb]  .root__support-hint,
.root[b-uo5fmalblb]  .root__support-fallback {
  color: var(--gdn-comp-general-error-support-label-color);
}

.root__support-code[b-uo5fmalblb] {
  width: 100%;
  display: grid;
  gap: var(--gdn-comp-general-error-support-code-gap);
  text-align: center;
}

.root[b-uo5fmalblb]  .support-code__label {
  width: 100%;
  margin: 0;
  color: var(--gdn-comp-general-error-support-code-label-color);
}

.support-code__value[b-uo5fmalblb] {
  box-sizing: border-box;
  width: 100%;
  padding: var(--gdn-comp-general-error-support-code-padding);
  border-radius: var(--gdn-comp-general-error-support-code-radius);
  background-color: var(--gdn-comp-general-error-support-code-container-color);
  color: var(--gdn-comp-general-error-support-code-value-color);
  font-family: var(--gdn-comp-general-error-code-font-family);
  font-size: var(--gdn-comp-general-error-code-font-size);
  line-height: var(--gdn-comp-general-error-code-line-height);
  word-break: break-all;
  user-select: text;
}

.root[b-uo5fmalblb]  .root__support-status {
  color: var(--gdn-comp-general-error-support-status-color);
}

.root__actions[b-uo5fmalblb] {
  box-sizing: border-box;
  width: min(100%, var(--gdn-comp-general-error-actions-max-width));
  margin: var(--gdn-comp-general-error-actions-margin) auto 0;
  display: grid;
  gap: var(--gdn-comp-general-error-actions-gap);
}

.root[b-uo5fmalblb]  .footer__support-button,
.root[b-uo5fmalblb]  .footer__copy-button,
.root[b-uo5fmalblb]  .footer__retry-button {
  width: 100%;
  border-radius: var(--gdn-comp-general-error-button-radius);
}
/* _content/Oxygen.Web/Feat/GlobalErrorHandling/UpstreamUnavailableError/UpstreamUnavailableError.razor.rz.scp.css */
.root[b-2nolyow2p0] {
  box-sizing: border-box;
  width: 100%;
  min-height: 100vh;
  padding: var(--gdn-sys-spacing-5, 20px);
  padding-bottom: var(--gdn-comp-server-struggle-error-footer-offset, 96px);
  background-color: var(--gdn-sys-color-background);
  color: var(--gdn-sys-color-on-surface);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--gdn-sys-spacing-3, 12px);
}

.root[b-2nolyow2p0]  .root__title {
  width: 100%;
  color: var(--gdn-sys-color-on-surface);
  text-align: center;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.root[b-2nolyow2p0]  .root__message,
.root[b-2nolyow2p0]  .root__support-code {
  width: 100%;
  color: var(--gdn-sys-color-on-surface-variant);
  text-align: center;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.root__footer[b-2nolyow2p0] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  padding: var(--gdn-sys-spacing-2, 8px) var(--gdn-sys-spacing-6, 24px);
  background-color: var(--gdn-sys-color-background);
}

.root[b-2nolyow2p0]  .footer__retry-button {
  width: 100%;
  border-radius: var(--gdn-sys-shape-corner-large);
}
/* _content/Oxygen.Web/Feat/Home/HomeFeatCard.razor.rz.scp.css */
.root[b-x8gnv6q2j9] {
  display: flex;
  width: 100%;
}

[b-x8gnv6q2j9] .root__card {
  height: 100%;
  width: 100%;
  padding: var(--gdn-sys-spacing-6, 24px);
  border: 1px solid var(--gdn-comp-card-outlined-outline-color);
  border-radius: var(--gdn-comp-card-outlined-container-shape);
  background: var(--gdn-comp-card-outlined-container-color);
  box-shadow: var(--gdn-sys-elevation-level0);
}

[b-x8gnv6q2j9] .root__icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: var(--gdn-sys-shape-corner-small);
}

[b-x8gnv6q2j9] .root--slack .root__icon {
  background: var(--gdn-sys-color-secondary-container);
  color: var(--gdn-sys-color-on-secondary-container);
}

[b-x8gnv6q2j9] .root--zapier .root__icon {
  background: var(--gdn-sys-color-tertiary-container);
  color: var(--gdn-sys-color-on-tertiary-container);
}

[b-x8gnv6q2j9] .root__title {
  color: var(--gdn-sys-color-on-surface);
}

[b-x8gnv6q2j9] .root__body {
  color: var(--gdn-sys-color-on-surface-variant);
}

[b-x8gnv6q2j9] .root__card .gdn-comp-typography {
  overflow-wrap: anywhere;
}
/* _content/Oxygen.Web/Feat/Home/HomePg.razor.rz.scp.css */
.root[b-gyed5dhdxx] {
  --root-max-width: 1280px;
  --root-content-width: 1024px;

  min-height: 100vh;
  background: var(--gdn-sys-color-surface);
  color: var(--gdn-sys-color-on-surface);
}

.root__section[b-gyed5dhdxx] {
  padding: var(--gdn-sys-spacing-12, 48px) var(--gdn-sys-spacing-4, 16px);
}

.root__section--muted[b-gyed5dhdxx] {
  background: var(--gdn-sys-color-surface);
}

.root__section--tinted[b-gyed5dhdxx] {
  background: var(--gdn-sys-color-surface);
}

.root__content[b-gyed5dhdxx],
.root[b-gyed5dhdxx]  .root__content {
  width: min(100%, var(--root-content-width));
  margin: 0 auto;
}

.root__hero .root__content[b-gyed5dhdxx],
.root[b-gyed5dhdxx]  .root__hero .root__content {
  width: min(100%, var(--root-max-width));
}

.root[b-gyed5dhdxx]  .root__section-header {
  width: 100%;
  margin-bottom: var(--gdn-sys-spacing-8, 32px);
}

.root[b-gyed5dhdxx]  .root__description {
  max-width: 640px;
  color: var(--gdn-sys-color-on-surface-variant);
}

.root[b-gyed5dhdxx]  .root__section .gdn-comp-typography-headline-medium {
  color: var(--gdn-sys-color-on-surface);
}

.root__hero[b-gyed5dhdxx] {
  min-height: 520px;
  padding-top: var(--gdn-sys-spacing-24, 96px);
  padding-bottom: var(--gdn-sys-spacing-24, 96px);
  background-image: url("/images/nemonic-2-hand.png");
  background-repeat: no-repeat;
  background-position: right var(--gdn-sys-spacing-10, 40px) center;
  background-size: min(50%, 620px);
}

.root[b-gyed5dhdxx]  .root__hero-content {
  min-height: 360px;
  align-items: center;
}

.root[b-gyed5dhdxx]  .root__headline {
  margin: 0 0 var(--gdn-sys-spacing-4, 16px);
  color: var(--gdn-sys-color-on-surface);
  font-size: clamp(48px, 5vw, 60px);
  font-weight: 800;
  line-height: 1.15;
}

.root[b-gyed5dhdxx]  .root__headline--underline {
  text-decoration-line: underline;
  text-decoration-color: var(--gdn-ref-palette-yellow-l80);
  text-decoration-thickness: var(--gdn-sys-spacing-2, 8px);
  text-underline-offset: 3px;
}

.root[b-gyed5dhdxx]  .root__card-grid {
  align-items: stretch;
}

.root[b-gyed5dhdxx]  .root__card-grid .mud-grid-item {
  display: flex;
}

.root[b-gyed5dhdxx]  .root__link-btn {
  flex: 0 0 auto;
}

.root[b-gyed5dhdxx]  .root__btn-logo {
  width: 20px;
  height: 20px;
  margin-right: var(--gdn-sys-spacing-2, 8px);
  object-fit: contain;
}

.root[b-gyed5dhdxx]  .root__faq-title {
  margin-bottom: var(--gdn-sys-spacing-6, 24px);
  color: var(--gdn-sys-color-on-surface);
}

.root[b-gyed5dhdxx]  .root__faq-panels,
.root[b-gyed5dhdxx]  .root__faq-panels .mud-expand-panel {
  background: transparent;
  box-shadow: none;
}

.root[b-gyed5dhdxx]  .root__faq-panels .mud-expand-panel {
  border-bottom: 1px solid var(--gdn-sys-color-outline-variant);
  border-radius: 0;
}

.root[b-gyed5dhdxx]  .root__faq-panels .mud-expand-panel-header {
  min-height: 64px;
  padding: var(--gdn-sys-spacing-5, 20px) 0;
  color: var(--gdn-sys-color-on-surface-variant);
  font-weight: 500;
}

.root[b-gyed5dhdxx]  .root__faq-panels .mud-expand-panel-content {
  padding: 0 0 var(--gdn-sys-spacing-5, 20px);
  color: var(--gdn-sys-color-on-surface-variant);
}

@media (max-width: 720px) {
  .root__hero[b-gyed5dhdxx] {
    min-height: auto;
    padding-top: var(--gdn-sys-spacing-24, 96px);
    padding-bottom: var(--gdn-sys-spacing-16, 64px);
    background-image: none;
  }

  .root[b-gyed5dhdxx]  .root__section-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: var(--gdn-sys-spacing-6, 24px);
  }

  .root[b-gyed5dhdxx]  .root__card-grid .mud-grid-item {
    flex-basis: 100%;
    max-width: 100%;
  }
}
/* _content/Oxygen.Web/Feat/Home/HomeTopAppBar.razor.rz.scp.css */
.root[b-q9jdsl1z9h] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  background: var(--gdn-sys-color-surface);
  border-bottom: 1px solid var(--gdn-sys-color-outline-variant);
}

[b-q9jdsl1z9h] .root__app-bar {
  width: 100%;
  padding: 0 !important;
}

[b-q9jdsl1z9h] .root__app-bar,
[b-q9jdsl1z9h] .root__app-bar .mud-appbar,
[b-q9jdsl1z9h] .root__app-bar .mud-toolbar {
  background: var(--gdn-sys-color-surface) !important;
  background-color: var(--gdn-sys-color-surface) !important;
  color: var(--gdn-sys-color-on-surface) !important;
}

[b-q9jdsl1z9h] .root__app-bar .mud-toolbar {
  min-height: 64px;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-block: var(--gdn-sys-spacing-4, 16px);
  padding-inline: var(--gdn-sys-spacing-4, 16px);
  gap: var(--gdn-sys-spacing-6, 24px);
}

[b-q9jdsl1z9h] .root__brand {
  display: inline-flex;
  align-items: center;
  gap: var(--gdn-sys-spacing-3, 12px);
  min-width: 0;
  padding: var(--gdn-sys-spacing-2, 8px);
  border-radius: 12px;
  color: var(--gdn-sys-color-on-surface) !important;
  text-decoration: none;
  transition: background-color 120ms ease, outline-color 120ms ease;
}

[b-q9jdsl1z9h] .root__brand-symbol,
[b-q9jdsl1z9h] .root__brand-copy,
[b-q9jdsl1z9h] .root__brand-copy > div {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

[b-q9jdsl1z9h] .root__brand img {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
}

[b-q9jdsl1z9h] .root__brand-label,
[b-q9jdsl1z9h] .root__brand-label .gdn-comp-typography {
  color: var(--gdn-sys-color-on-surface) !important;
  white-space: nowrap;
}

[b-q9jdsl1z9h] .root__brand:hover {
  background: color-mix(in srgb, var(--gdn-sys-color-on-surface) 8%, transparent);
}

[b-q9jdsl1z9h] .root__brand:focus-visible {
  outline: 2px solid var(--gdn-sys-color-primary);
  outline-offset: 2px;
}

[b-q9jdsl1z9h] .root__links {
  margin-left: 0;
  gap: var(--gdn-sys-spacing-6, 24px);
}

[b-q9jdsl1z9h] .root__links a {
  color: var(--gdn-sys-color-on-surface) !important;
  font-weight: 600;
  text-decoration: none;
}

[b-q9jdsl1z9h] .root__action-link {
  display: inline-flex;
  text-decoration: none;
}

[b-q9jdsl1z9h] .root__actions {
  gap: var(--gdn-sys-spacing-2, 8px);
}

@media (max-width: 720px) {
  .root .root__brand-copy[b-q9jdsl1z9h],
  [b-q9jdsl1z9h] .root__brand-copy {
    display: none;
  }

  .root .root__links[b-q9jdsl1z9h],
  [b-q9jdsl1z9h] .root__links {
    display: none !important;
  }
}
/* _content/Oxygen.Web/Feat/Lgn/LgnPg.razor.rz.scp.css */
.root[b-o8ll9ku9nd] {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--root-gap, var(--gdn-sys-spacing-3, 12px));
  padding: var(--gdn-sys-spacing-6, 24px);
  background: var(--gdn-sys-color-surface, #ffffff);
}

.root__logo[b-o8ll9ku9nd] {
  display: block;
  width: min(220px, 58vw);
  height: auto;
  margin-bottom: var(--gdn-sys-spacing-4, 16px);
}

.root__actions[b-o8ll9ku9nd] {
  width: min(100%, 320px);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--root-gap, var(--gdn-sys-spacing-3, 12px));
}

/* Slack 브랜드(aubergine) — Garden LoginButtonBase가 읽는 CSS 변수를 override */
[b-o8ll9ku9nd] .slack-login-button-host .slack-login-button {
  --gdn-comp-login-button-bg: #4a154b;
  --gdn-comp-login-button-fg: #fff;
  --gdn-comp-login-button-border: #4a154b;
  --gdn-comp-login-button-state: #fff;
}
/* _content/Oxygen.Web/Feat/PrintCompletion/PrintCompletionPg.razor.rz.scp.css */
.root[b-rofctnq9ir] {
  display: flex;
  width: 100%;
  justify-content: center;
  padding-top: 100px;
}

.root__card[b-rofctnq9ir] {
  display: flex;
  width: min(700px, 100%);
  min-height: 760px;
  align-items: center;
  flex-direction: column;
  gap: var(--gdn-sys-spacing-4);
  padding: var(--gdn-sys-spacing-12);
  border: 1px solid var(--gdn-sys-color-outline-variant);
  border-radius: var(--gdn-sys-shape-corner-value-large-increased);
  background: var(--gdn-sys-color-surface);
  box-sizing: border-box;
  text-align: center;
}

.root__success[b-rofctnq9ir] {
  display: flex;
  width: 72px;
  height: 72px;
  align-items: center;
  justify-content: center;
  border-radius: var(--gdn-sys-shape-corner-full);
  color: var(--gdn-sys-color-on-primary-container);
  background: var(--gdn-sys-color-primary-container);
}

.root__success .material-symbols-rounded[b-rofctnq9ir] {
  font-size: 40px;
}

.root__summary[b-rofctnq9ir] {
  display: grid;
  width: min(604px, 100%);
  min-height: 250px;
  grid-template-columns: auto minmax(0, 1fr);
  align-content: center;
  gap: var(--gdn-sys-spacing-4);
  padding: var(--gdn-sys-spacing-6);
  margin: var(--gdn-sys-spacing-6) 0 0;
  border-radius: var(--gdn-sys-shape-corner-small);
  background: var(--gdn-sys-color-surface-container-low);
  box-sizing: border-box;
  text-align: left;
}

.root__summary dd[b-rofctnq9ir] {
  margin: 0;
  text-align: right;
}

.root__actions[b-rofctnq9ir] {
  display: flex;
  width: min(604px, 100%);
  flex-direction: column;
  gap: var(--gdn-sys-spacing-3);
  margin-top: auto;
}

.root__actions[b-rofctnq9ir]  .gdn-comp-button {
  min-height: 48px;
}

@media (max-width: 720px) {
  .root[b-rofctnq9ir] {
    padding-top: var(--gdn-sys-spacing-4);
  }

  .root__card[b-rofctnq9ir] {
    min-height: auto;
    padding: var(--gdn-sys-spacing-6);
  }
}
/* _content/Oxygen.Web/Feat/PrintDeviceSelection/PrintDeviceSelectionPg.razor.rz.scp.css */
.root[b-z906p4p76f] {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--gdn-sys-spacing-6);
}

.root__header[b-z906p4p76f] {
  display: flex;
  flex-direction: column;
  gap: var(--gdn-sys-spacing-1);
}

.root__steps[b-z906p4p76f],
.root__step[b-z906p4p76f] {
  display: flex;
  align-items: center;
}

.root__steps[b-z906p4p76f] {
  gap: var(--gdn-sys-spacing-6);
  padding: 0;
  margin: 0;
  list-style: none;
}

.root__step[b-z906p4p76f] {
  gap: var(--gdn-sys-spacing-2);
  color: var(--gdn-sys-color-on-surface-variant);
}

.root__step span[b-z906p4p76f] {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: var(--gdn-sys-shape-corner-full);
  background: var(--gdn-sys-color-surface-container-low);
}

.root__step--active[b-z906p4p76f],
.root__step--done[b-z906p4p76f] {
  color: var(--gdn-sys-color-primary);
  font-weight: 600;
}

.root__step--active span[b-z906p4p76f],
.root__step--done span[b-z906p4p76f] {
  color: var(--gdn-sys-color-on-primary-container);
  background: var(--gdn-sys-color-primary-container);
}

.root__workspace[b-z906p4p76f] {
  display: grid;
  grid-template-columns: 340px 672px 316px;
  gap: var(--gdn-sys-spacing-6);
  align-items: start;
}

.root__panel[b-z906p4p76f] {
  display: flex;
  min-height: 760px;
  flex-direction: column;
  gap: var(--gdn-sys-spacing-4);
  padding: var(--gdn-sys-spacing-6);
  border: 1px solid var(--gdn-sys-color-outline-variant);
  border-radius: var(--gdn-sys-shape-corner-value-large-increased);
  background: var(--gdn-sys-color-surface);
  box-sizing: border-box;
}

.root__template-preview[b-z906p4p76f] {
  display: flex;
  height: 300px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: var(--gdn-sys-shape-corner-small);
  background: var(--gdn-sys-color-surface-container-low);
}

.root__template-preview img[b-z906p4p76f] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.root__devices[b-z906p4p76f],
.root__device-copy[b-z906p4p76f],
.root__option-group[b-z906p4p76f] {
  display: flex;
  flex-direction: column;
}

.root__devices[b-z906p4p76f],
.root__option-group[b-z906p4p76f] {
  gap: var(--gdn-sys-spacing-3);
}

.root__device[b-z906p4p76f] {
  display: grid;
  width: 100%;
  min-height: 116px;
  grid-template-columns: 64px minmax(0, 1fr) 24px;
  align-items: center;
  gap: var(--gdn-sys-spacing-4);
  padding: var(--gdn-sys-spacing-4);
  border: 1px solid var(--gdn-sys-color-outline-variant);
  border-radius: var(--gdn-sys-shape-corner-small);
  color: inherit;
  background: var(--gdn-sys-color-surface);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.root__device[aria-pressed="true"][b-z906p4p76f] {
  border: 2px solid var(--gdn-sys-color-primary);
}

.root__device:disabled[b-z906p4p76f] {
  opacity: 0.5;
  cursor: not-allowed;
}

.root__device img[b-z906p4p76f] {
  width: 64px;
  height: 64px;
  object-fit: contain;
}

.root__device-copy[b-z906p4p76f] {
  gap: var(--gdn-sys-spacing-1);
}

.root__chips[b-z906p4p76f] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--gdn-sys-spacing-2);
}

.root__chips button[b-z906p4p76f] {
  min-height: 40px;
  border: 1px solid var(--gdn-sys-color-outline);
  border-radius: var(--gdn-sys-shape-corner-full);
  color: inherit;
  background: var(--gdn-sys-color-surface);
  cursor: pointer;
}

.root__chips button[aria-pressed="true"][b-z906p4p76f] {
  border-color: var(--gdn-sys-color-primary-container);
  color: var(--gdn-sys-color-on-primary-container);
  background: var(--gdn-sys-color-primary-container);
}

.root__print-summary dl[b-z906p4p76f] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--gdn-sys-spacing-3);
  margin: 0;
}

.root__print-summary dd[b-z906p4p76f] {
  margin: 0;
  text-align: right;
}

.root__print-summary[b-z906p4p76f]  .gdn-comp-button {
  margin-top: auto;
}

@media (max-width: 1200px) {
  .root__workspace[b-z906p4p76f] {
    grid-template-columns: minmax(0, 1fr);
  }

  .root__panel[b-z906p4p76f] {
    min-height: auto;
  }
}

@media (max-width: 720px) {
  .root__steps[b-z906p4p76f] {
    align-items: flex-start;
    flex-direction: column;
  }
}
/* _content/Oxygen.Web/Feat/PrivacyPolicy/PrivacyPolicyPg.razor.rz.scp.css */
.root[b-xkaty0275m] {
    --gdn-comp-legal-privacy-surface-color: var(--gdn-sys-color-surface);
    --gdn-comp-legal-privacy-content-color: var(--gdn-sys-color-on-surface);
    --gdn-comp-legal-privacy-muted-color: var(--gdn-sys-color-on-surface-variant);
    --gdn-comp-legal-privacy-divider-color: var(--gdn-sys-color-outline-variant);
    --gdn-comp-legal-privacy-chip-color: var(--gdn-sys-color-surface-container);
    --gdn-comp-legal-privacy-chip-shape: var(--gdn-sys-shape-corner-small);
    --gdn-comp-legal-privacy-page-padding-block: var(--gdn-sys-spacing-8);
    --gdn-comp-legal-privacy-page-padding-inline: var(--gdn-sys-spacing-4);
    --gdn-comp-legal-privacy-content-max-width: 800px;
    --gdn-comp-legal-privacy-small-gap: var(--gdn-sys-spacing-2);
    --gdn-comp-legal-privacy-medium-gap: var(--gdn-sys-spacing-4);
    --gdn-comp-legal-privacy-large-gap: var(--gdn-sys-spacing-8);
    --gdn-comp-legal-privacy-section-padding: var(--gdn-sys-spacing-6);
    --gdn-comp-legal-privacy-chip-padding-block: var(--gdn-sys-spacing-1);
    --gdn-comp-legal-privacy-chip-padding-inline: var(--gdn-sys-spacing-3);
    --gdn-comp-legal-privacy-list-padding-inline: var(--gdn-sys-spacing-6);
    --gdn-comp-legal-privacy-body-line-height: 1.75;

    min-height: 100vh;
    background-color: var(--gdn-comp-legal-privacy-surface-color);
    color: var(--gdn-comp-legal-privacy-content-color);
}

.root__main[b-xkaty0275m] {
    width: 100%;
    max-width: var(--gdn-comp-legal-privacy-content-max-width);
    margin-inline: auto;
    padding:
        var(--gdn-comp-legal-privacy-page-padding-block)
        var(--gdn-comp-legal-privacy-page-padding-inline);
}

.root__header[b-xkaty0275m],
.root__document[b-xkaty0275m],
.root__intro[b-xkaty0275m],
.root__section[b-xkaty0275m],
.root__section-body[b-xkaty0275m] {
    display: flex;
    flex-direction: column;
}

.root__header[b-xkaty0275m] {
    align-items: flex-start;
    gap: var(--gdn-comp-legal-privacy-medium-gap);
    margin-bottom: var(--gdn-comp-legal-privacy-large-gap);
}

.root__intro[b-xkaty0275m],
.root__section-body[b-xkaty0275m] {
    gap: var(--gdn-comp-legal-privacy-medium-gap);
}

.root__intro[b-xkaty0275m] {
    padding-bottom: var(--gdn-comp-legal-privacy-section-padding);
}

.root__section[b-xkaty0275m] {
    gap: var(--gdn-comp-legal-privacy-medium-gap);
    padding-block: var(--gdn-comp-legal-privacy-section-padding);
    border-top: 1px solid var(--gdn-comp-legal-privacy-divider-color);
}

.root[b-xkaty0275m]  .root__effective-date {
    display: inline-flex;
    align-items: center;
    padding:
        var(--gdn-comp-legal-privacy-chip-padding-block)
        var(--gdn-comp-legal-privacy-chip-padding-inline);
    border-radius: var(--gdn-comp-legal-privacy-chip-shape);
    background-color: var(--gdn-comp-legal-privacy-chip-color);
}

.root__effective-date-value[b-xkaty0275m] {
    margin-inline-start: var(--gdn-comp-legal-privacy-small-gap);
    font-variant-numeric: tabular-nums;
}

.root[b-xkaty0275m]  .root__paragraph,
.root[b-xkaty0275m]  .root__list-item {
    color: var(--gdn-comp-legal-privacy-muted-color);
    line-height: var(--gdn-comp-legal-privacy-body-line-height);
    white-space: normal;
}

.root__list[b-xkaty0275m] {
    display: flex;
    flex-direction: column;
    gap: var(--gdn-comp-legal-privacy-small-gap);
    margin: 0;
    padding-inline-start: var(--gdn-comp-legal-privacy-list-padding-inline);
}

@media (max-width: 600px) {
    .root[b-xkaty0275m] {
        --gdn-comp-legal-privacy-page-padding-block: var(--gdn-sys-spacing-6);
        --gdn-comp-legal-privacy-section-padding: var(--gdn-sys-spacing-5);
    }
}
/* _content/Oxygen.Web/Feat/SetDevicePinCode/InputPinCodeMdl.razor.rz.scp.css */
.root[b-n7ujjyk52z] {
  --gdn-comp-input-pin-dialog-width: 400px;
  --gdn-comp-input-pin-dialog-min-height: 300px;
  --gdn-comp-input-pin-dialog-content-width: 352px;
  --gdn-comp-input-pin-dialog-action-width: 132px;
  --gdn-comp-input-pin-dialog-key-size: 32px;
  --gdn-comp-input-pin-dialog-gap: var(--gdn-sys-spacing-4);
  --gdn-comp-input-pin-dialog-small-gap: var(--gdn-sys-spacing-2);
  --gdn-comp-input-pin-dialog-viewport-gutter: var(--gdn-sys-spacing-4);
  --gdn-comp-input-pin-dialog-surface: var(--gdn-sys-color-surface);
  --gdn-comp-input-pin-dialog-foreground: var(--gdn-sys-color-on-surface);
  --gdn-comp-input-pin-dialog-muted: var(--gdn-sys-color-on-surface-variant);
  --gdn-comp-input-pin-dialog-shape: var(--gdn-sys-shape-corner-extra-large);
}

.root[b-n7ujjyk52z]  .root__dialog {
  width: min(
    var(--gdn-comp-input-pin-dialog-width),
    calc(100vw - var(--gdn-comp-input-pin-dialog-viewport-gutter) * 2)
  );
  min-height: var(--gdn-comp-input-pin-dialog-min-height);
  border-radius: var(--gdn-comp-input-pin-dialog-shape);
  color: var(--gdn-comp-input-pin-dialog-foreground);
  background: var(--gdn-comp-input-pin-dialog-surface);
}

.root__key[b-n7ujjyk52z] {
  font-size: var(--gdn-comp-input-pin-dialog-key-size);
}

.root__content[b-n7ujjyk52z] {
  display: flex;
  width: min(var(--gdn-comp-input-pin-dialog-content-width), 100%);
  flex-direction: column;
  gap: var(--gdn-comp-input-pin-dialog-gap);
}

.root[b-n7ujjyk52z]  .root__description,
.root[b-n7ujjyk52z]  .root__description .gdn-comp-typography {
  color: var(--gdn-comp-input-pin-dialog-muted);
  text-align: center;
}

.root[b-n7ujjyk52z]  .gdn-comp-dialog__headline {
  text-align: center;
}

.root[b-n7ujjyk52z]  .gdn-comp-dialog__actions {
  width: min(var(--gdn-comp-input-pin-dialog-content-width), 100%);
  gap: var(--gdn-comp-input-pin-dialog-small-gap);
}

.root[b-n7ujjyk52z]  .gdn-comp-dialog__actions .gdn-comp-button {
  width: var(--gdn-comp-input-pin-dialog-action-width);
}

@media (max-width: 412px) {
  .root[b-n7ujjyk52z]  .root__dialog {
    width: calc(
      100vw - var(--gdn-comp-input-pin-dialog-viewport-gutter) * 2
    );
  }
}
/* _content/Oxygen.Web/Feat/SetDevicePinCode/PinCodeMdl.razor.rz.scp.css */
.root[b-tjkpipbd9q] {
  --gdn-comp-pin-code-dialog-width: 400px;
  --gdn-comp-pin-code-dialog-min-height: 320px;
  --gdn-comp-pin-code-dialog-content-width: 352px;
  --gdn-comp-pin-code-dialog-icon-size: 32px;
  --gdn-comp-pin-code-dialog-content-gap: var(--gdn-sys-spacing-4);
  --gdn-comp-pin-code-dialog-digit-gap: var(--gdn-sys-spacing-2);
  --gdn-comp-pin-code-dialog-digit-height: var(--gdn-sys-spacing-12);
  --gdn-comp-pin-code-dialog-digit-padding: var(--gdn-sys-spacing-2);
  --gdn-comp-pin-code-dialog-viewport-gutter: var(--gdn-sys-spacing-4);
  --gdn-comp-pin-code-dialog-digit-shape: var(--gdn-sys-shape-corner-medium);
  --gdn-comp-pin-code-dialog-surface: var(--gdn-sys-color-surface);
  --gdn-comp-pin-code-dialog-foreground: var(--gdn-sys-color-on-surface);
  --gdn-comp-pin-code-dialog-muted: var(--gdn-sys-color-on-surface-variant);
  --gdn-comp-pin-code-dialog-primary: var(--gdn-sys-color-primary);
  --gdn-comp-pin-code-dialog-error: var(--gdn-sys-color-error);
  --gdn-comp-pin-code-dialog-digit-container:
    var(--gdn-sys-color-surface-container-highest);
  --gdn-comp-pin-code-dialog-digit-outline:
    var(--gdn-sys-color-outline-variant);
  --gdn-comp-pin-code-dialog-digit-font:
    var(--gdn-sys-typescale-title-large-font);
  --gdn-comp-pin-code-dialog-digit-weight:
    var(--gdn-sys-typescale-title-large-weight);
  --gdn-comp-pin-code-dialog-digit-size:
    var(--gdn-sys-typescale-title-large-size);
  --gdn-comp-pin-code-dialog-digit-line-height:
    var(--gdn-sys-typescale-title-large-line-height);

  color: var(--gdn-comp-pin-code-dialog-foreground);
}

.root[b-tjkpipbd9q]  .root__dialog {
  width: min(
    var(--gdn-comp-pin-code-dialog-width),
    calc(100vw - var(--gdn-comp-pin-code-dialog-viewport-gutter) * 2)
  );
  min-height: var(--gdn-comp-pin-code-dialog-min-height);
  background: var(--gdn-comp-pin-code-dialog-surface);
}

.root__icon[b-tjkpipbd9q] {
  color: var(--gdn-comp-pin-code-dialog-primary);
  font-size: var(--gdn-comp-pin-code-dialog-icon-size);
}

.root__icon--error[b-tjkpipbd9q] {
  color: var(--gdn-comp-pin-code-dialog-error);
}

.root__content[b-tjkpipbd9q] {
  display: flex;
  width: min(var(--gdn-comp-pin-code-dialog-content-width), 100%);
  flex-direction: column;
  gap: var(--gdn-comp-pin-code-dialog-content-gap);
}

.root[b-tjkpipbd9q]  .root__description,
.root[b-tjkpipbd9q]  .root__description .gdn-comp-typography {
  margin: 0;
  color: var(--gdn-comp-pin-code-dialog-muted);
  text-align: center;
}

.root__digits[b-tjkpipbd9q] {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: var(--gdn-comp-pin-code-dialog-digit-gap);
  padding: 0;
  margin: 0;
  list-style: none;
}

.root__digit[b-tjkpipbd9q] {
  display: grid;
  min-width: 0;
  height: var(--gdn-comp-pin-code-dialog-digit-height);
  place-items: center;
  padding-inline: var(--gdn-comp-pin-code-dialog-digit-padding);
  border: 1px solid var(--gdn-comp-pin-code-dialog-digit-outline);
  border-radius: var(--gdn-comp-pin-code-dialog-digit-shape);
  background: var(--gdn-comp-pin-code-dialog-digit-container);
  color: var(--gdn-comp-pin-code-dialog-foreground);
  font-family: var(--gdn-comp-pin-code-dialog-digit-font);
  font-size: var(--gdn-comp-pin-code-dialog-digit-size);
  font-weight: var(--gdn-comp-pin-code-dialog-digit-weight);
  font-variant-numeric: tabular-nums;
  line-height: var(--gdn-comp-pin-code-dialog-digit-line-height);
}

.root__timer[b-tjkpipbd9q] {
  margin: 0;
  color: var(--gdn-comp-pin-code-dialog-muted);
  text-align: center;
}

.root[b-tjkpipbd9q]  .gdn-comp-dialog-actions {
  width: min(var(--gdn-comp-pin-code-dialog-content-width), 100%);
  gap: var(--gdn-comp-pin-code-dialog-digit-gap);
}

@media (max-width: 412px) {
  .root[b-tjkpipbd9q]  .root__dialog {
    width: calc(
      100vw - var(--gdn-comp-pin-code-dialog-viewport-gutter) * 2
    );
  }
}
/* _content/Oxygen.Web/Feat/TermsOfUse/TermsOfUsePg.razor.rz.scp.css */
.root[b-wyopvb66a3] {
    --gdn-comp-legal-terms-surface-color: var(--gdn-sys-color-surface);
    --gdn-comp-legal-terms-content-color: var(--gdn-sys-color-on-surface);
    --gdn-comp-legal-terms-muted-color: var(--gdn-sys-color-on-surface-variant);
    --gdn-comp-legal-terms-divider-color: var(--gdn-sys-color-outline-variant);
    --gdn-comp-legal-terms-chip-color: var(--gdn-sys-color-surface-container);
    --gdn-comp-legal-terms-chip-shape: var(--gdn-sys-shape-corner-small);
    --gdn-comp-legal-terms-page-padding-block: var(--gdn-sys-spacing-8);
    --gdn-comp-legal-terms-page-padding-inline: var(--gdn-sys-spacing-4);
    --gdn-comp-legal-terms-content-max-width: 800px;
    --gdn-comp-legal-terms-small-gap: var(--gdn-sys-spacing-2);
    --gdn-comp-legal-terms-medium-gap: var(--gdn-sys-spacing-4);
    --gdn-comp-legal-terms-large-gap: var(--gdn-sys-spacing-8);
    --gdn-comp-legal-terms-section-padding: var(--gdn-sys-spacing-6);
    --gdn-comp-legal-terms-chip-padding-block: var(--gdn-sys-spacing-1);
    --gdn-comp-legal-terms-chip-padding-inline: var(--gdn-sys-spacing-3);
    --gdn-comp-legal-terms-list-padding-inline: var(--gdn-sys-spacing-6);
    --gdn-comp-legal-terms-body-line-height: 1.75;

    min-height: 100vh;
    background-color: var(--gdn-comp-legal-terms-surface-color);
    color: var(--gdn-comp-legal-terms-content-color);
}

.root__main[b-wyopvb66a3] {
    width: 100%;
    max-width: var(--gdn-comp-legal-terms-content-max-width);
    margin-inline: auto;
    padding:
        var(--gdn-comp-legal-terms-page-padding-block)
        var(--gdn-comp-legal-terms-page-padding-inline);
}

.root__header[b-wyopvb66a3],
.root__document[b-wyopvb66a3],
.root__intro[b-wyopvb66a3],
.root__section[b-wyopvb66a3],
.root__section-body[b-wyopvb66a3] {
    display: flex;
    flex-direction: column;
}

.root__header[b-wyopvb66a3] {
    align-items: flex-start;
    gap: var(--gdn-comp-legal-terms-medium-gap);
    margin-bottom: var(--gdn-comp-legal-terms-large-gap);
}

.root__intro[b-wyopvb66a3],
.root__section-body[b-wyopvb66a3] {
    gap: var(--gdn-comp-legal-terms-medium-gap);
}

.root__intro[b-wyopvb66a3] {
    padding-bottom: var(--gdn-comp-legal-terms-section-padding);
}

.root__section[b-wyopvb66a3] {
    gap: var(--gdn-comp-legal-terms-medium-gap);
    padding-block: var(--gdn-comp-legal-terms-section-padding);
    border-top: 1px solid var(--gdn-comp-legal-terms-divider-color);
}

.root[b-wyopvb66a3]  .root__effective-date {
    display: inline-flex;
    align-items: center;
    padding:
        var(--gdn-comp-legal-terms-chip-padding-block)
        var(--gdn-comp-legal-terms-chip-padding-inline);
    border-radius: var(--gdn-comp-legal-terms-chip-shape);
    background-color: var(--gdn-comp-legal-terms-chip-color);
}

.root__effective-date-value[b-wyopvb66a3] {
    margin-inline-start: var(--gdn-comp-legal-terms-small-gap);
    font-variant-numeric: tabular-nums;
}

.root[b-wyopvb66a3]  .root__paragraph,
.root[b-wyopvb66a3]  .root__list-item {
    color: var(--gdn-comp-legal-terms-muted-color);
    line-height: var(--gdn-comp-legal-terms-body-line-height);
    white-space: normal;
}

.root__list[b-wyopvb66a3] {
    display: flex;
    flex-direction: column;
    gap: var(--gdn-comp-legal-terms-small-gap);
    margin: 0;
    padding-inline-start: var(--gdn-comp-legal-terms-list-padding-inline);
}

@media (max-width: 600px) {
    .root[b-wyopvb66a3] {
        --gdn-comp-legal-terms-page-padding-block: var(--gdn-sys-spacing-6);
        --gdn-comp-legal-terms-section-padding: var(--gdn-sys-spacing-5);
    }
}
/* _content/Oxygen.Web/Feat/ThirdPartyNotices/ThirdPartyNoticesPg.razor.rz.scp.css */
.root[b-8zosdc0ryl] {
    --gdn-comp-legal-third-party-surface-color: var(--gdn-sys-color-surface);
    --gdn-comp-legal-third-party-content-color: var(--gdn-sys-color-on-surface);
    --gdn-comp-legal-third-party-muted-color: var(--gdn-sys-color-on-surface-variant);
    --gdn-comp-legal-third-party-divider-color: var(--gdn-sys-color-outline-variant);
    --gdn-comp-legal-third-party-page-padding-block: var(--gdn-sys-spacing-8);
    --gdn-comp-legal-third-party-page-padding-inline: var(--gdn-sys-spacing-4);
    --gdn-comp-legal-third-party-content-max-width: 800px;
    --gdn-comp-legal-third-party-medium-gap: var(--gdn-sys-spacing-4);
    --gdn-comp-legal-third-party-large-gap: var(--gdn-sys-spacing-8);
    --gdn-comp-legal-third-party-section-padding: var(--gdn-sys-spacing-6);
    --gdn-comp-legal-third-party-body-line-height: 1.75;

    min-height: 100vh;
    background-color: var(--gdn-comp-legal-third-party-surface-color);
    color: var(--gdn-comp-legal-third-party-content-color);
}

.root__main[b-8zosdc0ryl] {
    width: 100%;
    max-width: var(--gdn-comp-legal-third-party-content-max-width);
    margin-inline: auto;
    padding:
        var(--gdn-comp-legal-third-party-page-padding-block)
        var(--gdn-comp-legal-third-party-page-padding-inline);
}

.root__header[b-8zosdc0ryl],
.root__document[b-8zosdc0ryl],
.root__intro[b-8zosdc0ryl],
.root__section[b-8zosdc0ryl],
.root__section-body[b-8zosdc0ryl] {
    display: flex;
    flex-direction: column;
}

.root__header[b-8zosdc0ryl] {
    margin-bottom: var(--gdn-comp-legal-third-party-large-gap);
}

.root__intro[b-8zosdc0ryl],
.root__section-body[b-8zosdc0ryl] {
    gap: var(--gdn-comp-legal-third-party-medium-gap);
}

.root__intro[b-8zosdc0ryl] {
    padding-bottom: var(--gdn-comp-legal-third-party-section-padding);
}

.root__section[b-8zosdc0ryl] {
    gap: var(--gdn-comp-legal-third-party-medium-gap);
    padding-block: var(--gdn-comp-legal-third-party-section-padding);
    border-top: 1px solid var(--gdn-comp-legal-third-party-divider-color);
}

.root[b-8zosdc0ryl]  .root__paragraph {
    color: var(--gdn-comp-legal-third-party-muted-color);
    line-height: var(--gdn-comp-legal-third-party-body-line-height);
    white-space: normal;
}

@media (max-width: 600px) {
    .root[b-8zosdc0ryl] {
        --gdn-comp-legal-third-party-page-padding-block: var(--gdn-sys-spacing-6);
        --gdn-comp-legal-third-party-section-padding: var(--gdn-sys-spacing-5);
    }
}
/* _content/Oxygen.Web/Feat/TmplList/TmplCard.razor.rz.scp.css */
.root[b-3du16mslha] {
  --card-width: 318px;
  --card-height: 304px;
  --card-border: var(--gdn-sys-color-outline-variant);
  --card-primary: var(--gdn-sys-color-primary);
  --card-surface: var(--gdn-sys-color-surface);
  --card-preview: var(--gdn-sys-color-surface-container-low);
  --card-muted: var(--gdn-sys-color-on-surface-variant);

  display: flex;
  width: 100%;
  max-width: var(--card-width);
  min-height: var(--card-height);
  flex-direction: column;
  gap: var(--gdn-sys-spacing-3);
  padding: var(--gdn-sys-spacing-4);
  overflow: hidden;
  border: 1px solid var(--card-border);
  border-radius: var(--gdn-sys-shape-corner-small);
  color: inherit;
  background: var(--card-surface);
  box-sizing: border-box;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.root--selected[b-3du16mslha] {
  border: 2px solid var(--card-primary);
  padding: calc(var(--gdn-sys-spacing-4) - 1px);
}

.root:focus-visible[b-3du16mslha] {
  outline: 3px solid var(--card-primary);
  outline-offset: 2px;
}

.root__preview[b-3du16mslha] {
  display: flex;
  width: 100%;
  height: 216px;
  flex: 0 0 216px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: var(--gdn-sys-shape-corner-small);
  background: var(--card-preview);
}

.root__preview img[b-3du16mslha] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.root__content[b-3du16mslha] {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gdn-sys-spacing-3);
}

.root__meta[b-3du16mslha] {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--gdn-sys-spacing-1);
  color: var(--card-muted);
}

.root__action[b-3du16mslha] {
  flex: 0 0 auto;
  color: var(--card-primary);
}
/* _content/Oxygen.Web/Feat/TmplList/TmplListPg.razor.rz.scp.css */
.root[b-xjg3qcpq4l] {
  --page-width: 100%;
  --page-control-height: 48px;
  --page-primary: var(--gdn-sys-color-primary);
  --page-primary-container: var(--gdn-sys-color-primary-container);
  --page-on-primary-container: var(--gdn-sys-color-on-primary-container);
  --page-outline: var(--gdn-sys-color-outline);
  --page-muted: var(--gdn-sys-color-on-surface-variant);
  --page-surface: var(--gdn-sys-color-surface);
  --page-surface-low: var(--gdn-sys-color-surface-container-low);

  display: flex;
  width: var(--page-width);
  min-width: 0;
  flex-direction: column;
  gap: var(--gdn-sys-spacing-6);
}

.root__header[b-xjg3qcpq4l],
.root__controls[b-xjg3qcpq4l],
.root__filters[b-xjg3qcpq4l],
.root__steps[b-xjg3qcpq4l],
.root__step[b-xjg3qcpq4l],
.root__summary-ready[b-xjg3qcpq4l] {
  display: flex;
  align-items: center;
}

.root__header[b-xjg3qcpq4l] {
  justify-content: space-between;
  gap: var(--gdn-sys-spacing-4);
}

.root__heading[b-xjg3qcpq4l],
.root__summary[b-xjg3qcpq4l],
.root__summary-copy[b-xjg3qcpq4l] {
  display: flex;
  flex-direction: column;
}

.root__heading[b-xjg3qcpq4l] {
  gap: var(--gdn-sys-spacing-1);
}

.root__count[b-xjg3qcpq4l],
.root__summary-copy[b-xjg3qcpq4l],
.root__step[b-xjg3qcpq4l] {
  color: var(--page-muted);
}

.root__steps[b-xjg3qcpq4l] {
  gap: var(--gdn-sys-spacing-6);
  padding: 0;
  margin: 0;
  list-style: none;
}

.root__step[b-xjg3qcpq4l] {
  gap: var(--gdn-sys-spacing-2);
}

.root__step span[b-xjg3qcpq4l] {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: var(--gdn-sys-shape-corner-full);
  background: var(--page-surface-low);
}

.root__step--active[b-xjg3qcpq4l] {
  color: var(--page-primary);
  font-weight: 600;
}

.root__step--active span[b-xjg3qcpq4l] {
  color: var(--page-on-primary-container);
  background: var(--page-primary-container);
}

.root__controls[b-xjg3qcpq4l] {
  flex-wrap: wrap;
  gap: var(--gdn-sys-spacing-3);
}

.root__search[b-xjg3qcpq4l] {
  display: flex;
  width: min(430px, 100%);
  min-height: var(--page-control-height);
  align-items: center;
  gap: var(--gdn-sys-spacing-2);
  padding-inline: var(--gdn-sys-spacing-4);
  border: 1px solid var(--page-outline);
  border-radius: var(--gdn-sys-shape-corner-small);
  color: var(--page-muted);
  background: var(--page-surface);
}

.root__search input[b-xjg3qcpq4l] {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  color: inherit;
  background: transparent;
  font: inherit;
}

.root__search-submit[b-xjg3qcpq4l] {
  display: inline-flex;
  padding: 0;
  border: 0;
  align-items: center;
  justify-content: center;
  color: inherit;
  background: transparent;
  cursor: pointer;
}

.root__search-submit:focus-visible[b-xjg3qcpq4l] {
  border-radius: var(--gdn-sys-shape-corner-small);
  outline: 2px solid var(--page-primary);
  outline-offset: 2px;
}

.root__search-submit:disabled[b-xjg3qcpq4l] {
  cursor: default;
  opacity: 0.38;
}

.root__filters[b-xjg3qcpq4l] {
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: var(--gdn-sys-spacing-2);
}

.root__filter[b-xjg3qcpq4l],
.root__reset[b-xjg3qcpq4l] {
  min-height: 40px;
  padding-inline: var(--gdn-sys-spacing-4);
  border: 1px solid var(--page-outline);
  border-radius: var(--gdn-sys-shape-corner-full);
  color: inherit;
  background: var(--page-surface);
  cursor: pointer;
}

.root__filter--selected[b-xjg3qcpq4l] {
  border-color: var(--page-primary-container);
  color: var(--page-on-primary-container);
  background: var(--page-primary-container);
}

.root__workspace[b-xjg3qcpq4l] {
  display: grid;
  grid-template-columns: minmax(0, 1022px) 330px;
  gap: var(--gdn-sys-spacing-6);
  align-items: start;
}

.root__browser[b-xjg3qcpq4l] {
  min-width: 0;
}

.root__grid[b-xjg3qcpq4l] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 318px));
  gap: var(--gdn-sys-spacing-4);
}

.root__placeholder[b-xjg3qcpq4l] {
  width: 318px;
  height: 304px;
  border-radius: var(--gdn-sys-shape-corner-small);
  background: var(--page-surface-low);
}

.root__summary[b-xjg3qcpq4l] {
  min-height: 760px;
  gap: var(--gdn-sys-spacing-4);
  padding: var(--gdn-sys-spacing-6);
  border: 1px solid var(--gdn-sys-color-outline-variant);
  border-radius: var(--gdn-sys-shape-corner-value-large-increased);
  background: var(--page-surface);
  box-sizing: border-box;
}

.root__summary-preview[b-xjg3qcpq4l] {
  display: flex;
  height: 240px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: var(--gdn-sys-shape-corner-small);
  background: var(--page-surface-low);
}

.root__summary-preview img[b-xjg3qcpq4l] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.root__summary-copy[b-xjg3qcpq4l] {
  gap: var(--gdn-sys-spacing-1);
}

.root__summary-ready[b-xjg3qcpq4l] {
  gap: var(--gdn-sys-spacing-2);
  color: var(--page-primary);
}

.root__summary[b-xjg3qcpq4l]  .gdn-comp-button {
  margin-top: auto;
}

.root__pagination[b-xjg3qcpq4l] {
  display: flex;
  justify-content: center;
  padding-top: var(--gdn-sys-spacing-6);
}

.root__empty[b-xjg3qcpq4l] {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: var(--gdn-sys-spacing-2);
  padding: var(--gdn-sys-spacing-12);
  text-align: center;
}

@media (max-width: 1200px) {
  .root__workspace[b-xjg3qcpq4l] {
    grid-template-columns: minmax(0, 1fr);
  }

  .root__summary[b-xjg3qcpq4l] {
    min-height: auto;
  }
}

@media (max-width: 1024px) {
  .root__grid[b-xjg3qcpq4l] {
    grid-template-columns: repeat(2, minmax(0, 318px));
  }
}

@media (max-width: 720px) {
  .root__header[b-xjg3qcpq4l],
  .root__steps[b-xjg3qcpq4l] {
    align-items: flex-start;
    flex-direction: column;
  }

  .root__grid[b-xjg3qcpq4l] {
    grid-template-columns: minmax(0, 318px);
  }
}
/* _content/Oxygen.Web/Pres/Dashboard/AsideContentsMenu.razor.rz.scp.css */
.root[b-enp2e09trb] {
  --gdn-comp-dashboard-menu-width: 100%;
  --gdn-comp-dashboard-menu-gap: var(--gdn-sys-spacing-1);
  --gdn-comp-dashboard-menu-section-height: 40px;
  --gdn-comp-dashboard-menu-section-padding: var(--gdn-sys-spacing-3);
  --gdn-comp-dashboard-menu-section-color: var(--gdn-sys-color-on-surface);
  --gdn-comp-dashboard-menu-section-weight: 600;

  display: flex;
  width: var(--gdn-comp-dashboard-menu-width);
  flex-direction: column;
  gap: var(--gdn-comp-dashboard-menu-gap);
}

.root__items[b-enp2e09trb] {
  display: flex;
  flex-direction: column;
  gap: var(--gdn-comp-dashboard-menu-gap);
}

.root[b-enp2e09trb]  .root__section {
  display: flex;
  width: var(--gdn-comp-dashboard-menu-width);
  height: var(--gdn-comp-dashboard-menu-section-height);
  align-items: center;
  padding-inline: var(--gdn-comp-dashboard-menu-section-padding);
  color: var(--gdn-comp-dashboard-menu-section-color);
  font-weight: var(--gdn-comp-dashboard-menu-section-weight);
}

.root[b-enp2e09trb]  .root__section .gdn-comp-typography {
  color: inherit;
}
/* _content/Oxygen.Web/Pres/Dashboard/AsideContentsMenuItem.razor.rz.scp.css */
[b-qbnannjhh2] .dashboard-menu-item {
  width: 100%;
  min-height: 48px;
  border-radius: var(--gdn-sys-shape-corner-full);
}

[b-qbnannjhh2] .dashboard-menu-item .material-symbols-rounded {
  font-size: 20px;
}

[b-qbnannjhh2] .dashboard-menu-item:focus-visible {
  outline: 3px solid var(--gdn-sys-color-primary);
  outline-offset: 2px;
}
/* _content/Oxygen.Web/Pres/Dashboard/AvailablePlatformCard.razor.rz.scp.css */
.root[b-k466kr5bdb] {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--gdn-sys-spacing-3);
  padding: var(--gdn-sys-spacing-4);
  border: 1px solid var(--gdn-sys-color-outline-variant);
  border-radius: var(--gdn-sys-shape-corner-value-large-increased);
  background: var(--gdn-sys-color-surface);
}

.root__identity[b-k466kr5bdb] {
  display: flex;
  min-width: 0;
  flex: 1;
  align-items: center;
  gap: var(--gdn-sys-spacing-3);
}

.root__mark[b-k466kr5bdb] {
  display: grid;
  width: 40px;
  height: 40px;
  flex: none;
  place-items: center;
  border-radius: var(--gdn-sys-shape-corner-small);
  color: var(--gdn-sys-color-on-secondary-container);
  background: var(--gdn-sys-color-secondary-container);
  font-weight: 700;
}

.root__category[b-k466kr5bdb] {
  color: var(--gdn-sys-color-on-surface-variant);
  font-size: 0.75rem;
}

.root[b-k466kr5bdb]  .root__action,
.root__link[b-k466kr5bdb] {
  display: inline-flex;
  min-width: 92px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
}

.root__link[b-k466kr5bdb] {
  border-radius: var(--gdn-sys-shape-corner-full);
  color: var(--gdn-sys-color-on-primary-container);
  background: var(--gdn-sys-color-primary-container);
  text-decoration: none;
}

@media (max-width: 720px) {
  .root[b-k466kr5bdb] {
    padding: var(--gdn-sys-spacing-3);
  }
}
/* _content/Oxygen.Web/Pres/Dashboard/Conns.razor.rz.scp.css */
.root[b-de2yp65pyl] {
  --gdn-comp-conns-outline: var(--gdn-sys-color-outline-variant);
  --gdn-comp-conns-surface: var(--gdn-sys-color-surface);
  --gdn-comp-conns-surface-container: var(--gdn-sys-color-surface-container-low);
  --gdn-comp-conns-muted: var(--gdn-sys-color-on-surface-variant);
  --gdn-comp-conns-accent: var(--gdn-sys-color-primary);

  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  gap: var(--gdn-sys-spacing-8);
  color: var(--gdn-sys-color-on-surface);
}

.root__header[b-de2yp65pyl],
.root__section[b-de2yp65pyl],
.root__section-header[b-de2yp65pyl],
.root__available-card[b-de2yp65pyl] {
  display: flex;
  flex-direction: column;
}

.root__header[b-de2yp65pyl],
.root__section-header[b-de2yp65pyl] {
  gap: var(--gdn-sys-spacing-2);
}

.root__section[b-de2yp65pyl] {
  gap: var(--gdn-sys-spacing-4);
}

.root__connected-grid[b-de2yp65pyl],
.root__available-grid[b-de2yp65pyl] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--gdn-sys-spacing-4);
}

.root__available-grid[b-de2yp65pyl] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.root__loading[b-de2yp65pyl] {
  display: flex;
  min-height: 160px;
  align-items: center;
  justify-content: center;
  gap: var(--gdn-sys-spacing-3);
  color: var(--gdn-comp-conns-muted);
}

.root__loading-indicator[b-de2yp65pyl] {
  width: 32px;
  height: 32px;
  border: 3px solid var(--gdn-comp-conns-outline);
  border-top-color: var(--gdn-comp-conns-accent);
  border-radius: var(--gdn-sys-shape-corner-full);
  animation: conns-spin-b-de2yp65pyl 800ms linear infinite;
}

.root__available-card[b-de2yp65pyl] {
  min-width: 0;
  min-height: 240px;
  gap: var(--gdn-sys-spacing-4);
  padding: var(--gdn-sys-spacing-6);
  border: 1px solid var(--gdn-comp-conns-outline);
  border-radius: var(--gdn-sys-shape-corner-value-large-increased);
  background: var(--gdn-comp-conns-surface);
}

.root__available-identity[b-de2yp65pyl] {
  display: flex;
  align-items: center;
  gap: var(--gdn-sys-spacing-3);
}

.root__available-logo[b-de2yp65pyl] {
  width: 48px;
  height: 48px;
  padding: var(--gdn-sys-spacing-2);
  border-radius: var(--gdn-sys-shape-corner-small);
  background: var(--gdn-comp-conns-surface-container);
  object-fit: contain;
  box-sizing: border-box;
}

.root__available-category[b-de2yp65pyl] {
  color: var(--gdn-comp-conns-muted);
  font-size: 0.75rem;
}

.root__available-card[b-de2yp65pyl]  .gdn-comp-button,
.root__available-link[b-de2yp65pyl] {
  min-height: 44px;
  margin-top: auto;
}

@keyframes conns-spin-b-de2yp65pyl {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 720px) {
  .root[b-de2yp65pyl] {
    gap: var(--gdn-sys-spacing-6);
  }

  .root__connected-grid[b-de2yp65pyl],
  .root__available-grid[b-de2yp65pyl] {
    grid-template-columns: minmax(0, 1fr);
  }

  .root__available-card[b-de2yp65pyl] {
    min-height: 0;
    padding: var(--gdn-sys-spacing-4);
  }
}
/* _content/Oxygen.Web/Pres/Dashboard/DashboardCultureMenu.razor.rz.scp.css */
.root[b-rm74s4l4t1] {
  --gdn-comp-dashboard-culture-control-size: 48px;
  --gdn-comp-dashboard-culture-popup-width: 200px;
  --gdn-comp-dashboard-culture-flag-size: 16px;
  --gdn-comp-dashboard-culture-popup-offset: var(--gdn-sys-spacing-2);
  --gdn-comp-dashboard-culture-popup-padding: var(--gdn-sys-spacing-2);
  --gdn-comp-dashboard-culture-option-gap: var(--gdn-sys-spacing-3);
  --gdn-comp-dashboard-culture-option-padding: var(--gdn-sys-spacing-3);
  --gdn-comp-dashboard-culture-border: 1px solid var(--gdn-sys-color-outline-variant);
  --gdn-comp-dashboard-culture-focus-width: 3px;
  --gdn-comp-dashboard-culture-focus-offset: 2px;
  --gdn-comp-dashboard-culture-layer: 50;
  --gdn-comp-dashboard-culture-foreground: var(--gdn-sys-color-on-surface);
  --gdn-comp-dashboard-culture-background: var(--gdn-sys-color-surface);
  --gdn-comp-dashboard-culture-hover-background: var(--gdn-sys-color-surface-container-high);
  --gdn-comp-dashboard-culture-focus-color: var(--gdn-sys-color-primary);
  --gdn-comp-dashboard-culture-shape: var(--gdn-sys-shape-corner-medium);

  position: relative;
  width: var(--gdn-comp-dashboard-culture-control-size);
  height: var(--gdn-comp-dashboard-culture-control-size);
}

.root[b-rm74s4l4t1]  .root__trigger {
  width: var(--gdn-comp-dashboard-culture-control-size);
  height: var(--gdn-comp-dashboard-culture-control-size);
}

.root__popup[b-rm74s4l4t1] {
  position: absolute;
  z-index: var(--gdn-comp-dashboard-culture-layer);
  inset-block-start: calc(
    100% + var(--gdn-comp-dashboard-culture-popup-offset)
  );
  inset-inline-end: 0;
  width: var(--gdn-comp-dashboard-culture-popup-width);
  padding: var(--gdn-comp-dashboard-culture-popup-padding);
  border: var(--gdn-comp-dashboard-culture-border);
  border-radius: var(--gdn-comp-dashboard-culture-shape);
  background: var(--gdn-comp-dashboard-culture-background);
}

.root__list[b-rm74s4l4t1] {
  margin: 0;
  padding: 0;
  list-style: none;
}

.root__option[b-rm74s4l4t1] {
  display: flex;
  width: 100%;
  align-items: center;
  gap: var(--gdn-comp-dashboard-culture-option-gap);
  border: 0;
  padding: var(--gdn-comp-dashboard-culture-option-padding);
  color: var(--gdn-comp-dashboard-culture-foreground);
  background: transparent;
  cursor: pointer;
}

.root__option img[b-rm74s4l4t1] {
  width: var(--gdn-comp-dashboard-culture-flag-size);
  height: var(--gdn-comp-dashboard-culture-flag-size);
}

.root__option:hover[b-rm74s4l4t1] {
  background: var(--gdn-comp-dashboard-culture-hover-background);
}

.root__option:focus-visible[b-rm74s4l4t1] {
  outline: var(--gdn-comp-dashboard-culture-focus-width) solid
    var(--gdn-comp-dashboard-culture-focus-color);
  outline-offset: var(--gdn-comp-dashboard-culture-focus-offset);
}
/* _content/Oxygen.Web/Pres/Dashboard/DashboardNavBar.razor.rz.scp.css */
.root[b-tq9eu1o85w] {
  --gdn-comp-dashboard-nav-bar-width: 100%;
  --gdn-comp-dashboard-nav-bar-height: 64px;
  --gdn-comp-dashboard-nav-bar-control-size: 48px;
  --gdn-comp-dashboard-nav-bar-search-width: 360px;
  --gdn-comp-dashboard-nav-bar-search-height: 40px;
  --gdn-comp-dashboard-nav-bar-avatar-size: 40px;
  --gdn-comp-dashboard-nav-bar-gap: var(--gdn-sys-spacing-3);
  --gdn-comp-dashboard-nav-bar-search-padding: var(--gdn-sys-spacing-4);
  --gdn-comp-dashboard-nav-bar-focus-width: 2px;
  --gdn-comp-dashboard-nav-bar-focus-offset: 2px;
  --gdn-comp-dashboard-nav-bar-background: var(--gdn-sys-color-surface);
  --gdn-comp-dashboard-nav-bar-foreground: var(--gdn-sys-color-on-surface);
  --gdn-comp-dashboard-nav-bar-muted-foreground: var(--gdn-sys-color-on-surface-variant);
  --gdn-comp-dashboard-nav-bar-search-background: var(--gdn-sys-color-surface-container-low);
  --gdn-comp-dashboard-nav-bar-avatar-background: var(--gdn-sys-color-primary);
  --gdn-comp-dashboard-nav-bar-avatar-foreground: var(--gdn-sys-color-on-primary);
  --gdn-comp-dashboard-nav-bar-focus-color: var(--gdn-sys-color-primary);
  --gdn-comp-dashboard-nav-bar-shape: var(--gdn-sys-shape-corner-full);
  --gdn-comp-dashboard-nav-bar-font: var(--gdn-sys-typescale-body-medium-font);
  --gdn-comp-dashboard-nav-bar-font-size: var(--gdn-sys-typescale-body-medium-size);
  --gdn-comp-dashboard-nav-bar-font-weight: var(--gdn-sys-typescale-body-medium-weight);
  --gdn-comp-dashboard-nav-bar-tracking: var(--gdn-sys-typescale-body-medium-tracking);
  --gdn-comp-dashboard-nav-bar-line-height: var(--gdn-sys-typescale-body-medium-line-height);
  --gdn-comp-dashboard-nav-bar-avatar-font: var(--gdn-sys-typescale-label-large-font);
  --gdn-comp-dashboard-nav-bar-avatar-font-size: var(--gdn-sys-typescale-label-large-size);
  --gdn-comp-dashboard-nav-bar-avatar-font-weight: var(--gdn-sys-typescale-label-large-weight);
  --gdn-comp-dashboard-nav-bar-avatar-tracking: var(--gdn-sys-typescale-label-large-tracking);
  --gdn-comp-dashboard-nav-bar-avatar-line-height: var(--gdn-sys-typescale-label-large-line-height);

  width: var(--gdn-comp-dashboard-nav-bar-width);
  height: var(--gdn-comp-dashboard-nav-bar-height);
  overflow: clip visible;
  background: var(--gdn-comp-dashboard-nav-bar-background);
}

.root[b-tq9eu1o85w]  .root__app-bar {
  width: var(--gdn-comp-dashboard-nav-bar-width);
  background: var(--gdn-comp-dashboard-nav-bar-background);
}

.root[b-tq9eu1o85w]  .root__app-bar .mud-toolbar {
  width: var(--gdn-comp-dashboard-nav-bar-width);
  gap: var(--gdn-comp-dashboard-nav-bar-gap);
}

.root__leading[b-tq9eu1o85w],
.root__actions[b-tq9eu1o85w] {
  display: flex;
  min-width: max-content;
  align-items: center;
  gap: var(--gdn-comp-dashboard-nav-bar-gap);
}

.root[b-tq9eu1o85w]  .root__brand,
.root[b-tq9eu1o85w]  .root__brand .gdn-comp-typography {
  color: var(--gdn-comp-dashboard-nav-bar-foreground);
  white-space: nowrap;
}

.root[b-tq9eu1o85w]  .root__menu-button {
  width: var(--gdn-comp-dashboard-nav-bar-control-size);
  height: var(--gdn-comp-dashboard-nav-bar-control-size);
  flex: 0 0 var(--gdn-comp-dashboard-nav-bar-control-size);
}

.root__search[b-tq9eu1o85w] {
  display: flex;
  width: var(--gdn-comp-dashboard-nav-bar-search-width);
  height: var(--gdn-comp-dashboard-nav-bar-search-height);
  align-items: center;
  overflow: clip;
  padding-inline: var(--gdn-comp-dashboard-nav-bar-search-padding);
  border-radius: var(--gdn-comp-dashboard-nav-bar-shape);
  color: var(--gdn-comp-dashboard-nav-bar-muted-foreground);
  background: var(--gdn-comp-dashboard-nav-bar-search-background);
  font-family: var(--gdn-comp-dashboard-nav-bar-font);
  font-size: var(--gdn-comp-dashboard-nav-bar-font-size);
  font-weight: var(--gdn-comp-dashboard-nav-bar-font-weight);
  letter-spacing: var(--gdn-comp-dashboard-nav-bar-tracking);
  line-height: var(--gdn-comp-dashboard-nav-bar-line-height);
}

.root[b-tq9eu1o85w]  .root__avatar {
  width: var(--gdn-comp-dashboard-nav-bar-avatar-size);
  height: var(--gdn-comp-dashboard-nav-bar-avatar-size);
  flex: 0 0 var(--gdn-comp-dashboard-nav-bar-avatar-size);
}

.root[b-tq9eu1o85w]  .root__account-menu .gdn-comp-menu__anchor {
  border-radius: var(--gdn-comp-dashboard-nav-bar-shape);
}

.root[b-tq9eu1o85w]  .root__account-menu .gdn-comp-menu__anchor:focus-visible {
  outline: var(--gdn-comp-dashboard-nav-bar-focus-width) solid
    var(--gdn-comp-dashboard-nav-bar-focus-color);
  outline-offset: var(--gdn-comp-dashboard-nav-bar-focus-offset);
}

.root[b-tq9eu1o85w]  .root__delete-account-item {
  color: var(--gdn-sys-color-error);
}

@media (max-width: 720px) {
  .root__search[b-tq9eu1o85w] {
    display: none;
  }
}

@media (max-width: 480px) {
  .root[b-tq9eu1o85w]  .root__brand {
    display: none;
  }
}
/* _content/Oxygen.Web/Pres/Dashboard/LinkedPlatformCard.razor.rz.scp.css */
.root[b-njeq5fnpix] {
  display: flex;
  width: 100%;
  min-width: 0;
}

.root[b-njeq5fnpix]  .root__card {
  width: 100%;
  min-width: 0;
  padding: var(--gdn-sys-spacing-6);
  border: 1px solid var(--gdn-comp-card-outlined-outline-color);
  border-radius: var(--gdn-comp-card-outlined-container-shape);
  background: var(--gdn-comp-card-outlined-container-color);
  box-shadow: var(--gdn-sys-elevation-level0);
}

.root__identity[b-njeq5fnpix] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--gdn-sys-spacing-3);
}

.root__mark[b-njeq5fnpix] {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: var(--gdn-sys-shape-corner-small);
  color: var(--gdn-sys-color-on-secondary-container);
  background: var(--gdn-sys-color-secondary-container);
  font-weight: 700;
}

.root__state[b-njeq5fnpix] {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  gap: var(--gdn-sys-spacing-1);
  padding-inline: var(--gdn-sys-spacing-3);
  border-radius: var(--gdn-sys-shape-corner-full);
  color: var(--gdn-sys-color-on-surface-variant);
  background: var(--gdn-sys-color-surface-container-high);
  font-size: 0.875rem;
}

.root[b-njeq5fnpix]  .root__card--connected .root__state {
  color: var(--gdn-sys-color-on-primary-container);
  background: var(--gdn-sys-color-primary-container);
}

.root[b-njeq5fnpix]  .root__card--reauthrequired .root__state {
  color: var(--gdn-sys-color-on-tertiary-container);
  background: var(--gdn-sys-color-tertiary-container);
}

.root[b-njeq5fnpix]  .root__card--unavailable .root__state {
  color: var(--gdn-sys-color-on-error-container);
  background: var(--gdn-sys-color-error-container);
}

.root__details[b-njeq5fnpix] {
  display: grid;
  grid-template-columns: minmax(120px, auto) minmax(0, 1fr);
  gap: var(--gdn-sys-spacing-2) var(--gdn-sys-spacing-4);
  margin: var(--gdn-sys-spacing-5) 0 0;
}

.root__details dt[b-njeq5fnpix] {
  color: var(--gdn-sys-color-on-surface-variant);
}

.root__details dd[b-njeq5fnpix] {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.root[b-njeq5fnpix]  .root__action {
  width: 100%;
  min-height: 44px;
  margin-top: var(--gdn-sys-spacing-5);
}

@media (max-width: 720px) {
  .root[b-njeq5fnpix]  .root__card {
    padding: var(--gdn-sys-spacing-4);
  }

  .root__identity[b-njeq5fnpix] {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .root__state[b-njeq5fnpix] {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .root__details[b-njeq5fnpix] {
    grid-template-columns: minmax(0, 1fr);
  }
}