/* /Components/Layout/MainLayout.razor.rz.scp.css */
.layout[b-3vi7gc1d7g] {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .layout[b-3vi7gc1d7g] {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-areas: "nav" "main";
    height: 100vh;
  }
}

nav[b-3vi7gc1d7g] {
  grid-area: nav;
  --bs-navbar-padding-y: 0;
}

main[b-3vi7gc1d7g] {
  grid-area: main;
}
/* /Components/Pages/Index.razor.rz.scp.css */
.input-box[b-lbsqbz38ds] {
  min-height: 4em;
  max-height: 40vh;
}

.reply-padding[b-lbsqbz38ds] {
  padding-bottom: 45vh;
}

.reply[b-lbsqbz38ds] {
  padding-right: 14px;
}

.attachment-draft-card[b-lbsqbz38ds] {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bs-border-color) 60%, transparent);
}

.composer-send-icon[b-lbsqbz38ds] {
  font-size: 1.35rem;
  line-height: 1;
}

.message-badge[b-lbsqbz38ds] {
  transform: translate(0%, -50%);
  right: 16px;
}

.history-user-id-wrap[b-lbsqbz38ds] {
  width: 140px;
}

.history-user-id-input[b-lbsqbz38ds] {
  padding-right: 2.75rem !important;
}

.history-user-id-clear[b-lbsqbz38ds] {
  right: 1.5rem;
  color: var(--bs-secondary-color);
  font-size: 12px;
  line-height: 1;
}

.history-user-id-help[b-lbsqbz38ds] {
  right: 0.45rem;
  color: var(--bs-secondary-color);
  font-size: 14px;
  line-height: 1;
}

@media (min-width: 768px) {
  section[b-lbsqbz38ds] {
    height: 100%;
    display: grid;
    grid-template-columns: 288px 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "warning-bar warning-bar" "settings messages";
  }

  .warning-bar[b-lbsqbz38ds] {
    grid-area: warning-bar;
  }

  .settings[b-lbsqbz38ds] {
    grid-area: settings;
  }

  .messages[b-lbsqbz38ds] {
    grid-area: messages;
  }

  .reply[b-lbsqbz38ds] {
    padding-left: 288px;
  }
}
/* /Components/Pages/ReplyBuilderTest.razor.rz.scp.css */
@media (min-width: 768px) {
  section[b-o08l4avqec] {
    height: 100%;
    display: grid;
    grid-template-columns: 288px 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "warning-bar warning-bar" "sidebar main";
  }

  .warning-bar[b-o08l4avqec] {
    grid-area: warning-bar;
  }

  .sidebar[b-o08l4avqec] {
    grid-area: sidebar;
  }

  .main[b-o08l4avqec] {
    grid-area: main;
  }

  .reply[b-o08l4avqec] {
    padding-left: 288px;
  }
}
/* /Components/Shared/AttachmentComposer.razor.rz.scp.css */
.attachment-dropdown-menu[b-ezonradu5j] {
  min-width: min(320px, calc(100vw - 2rem));
  max-width: min(630px, calc(100vw - 2rem));
}