style.css

.bslib-sidebar-layout > .main {
  padding: 0;
}

.hidden {
  visibility: hidden;
}

.sidebar-content {
  position: relative;
}

.run-code-button {
  display: block;
  top: 50px;
  left: 60px;
  border: 1px solid black;
  border-radius: 20px;
  padding: 3px 10px;
}

.run-code-button-container {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1em;
}

/* Make it so the switch doesn't change color when toggled. Note that the circle SVG is
just borrowed from the `:checked` state for switches.*/
#language_switch {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  background-color: var(--bs-blue);
}

.bslib-sidebar-layout.chat-full-width {
  --_sidebar-width: 100% !important;
}

.bslib-sidebar-layout.chat-full-width > .sidebar {
  grid-column: 1 / 3;
}

.bslib-sidebar-layout.chat-full-width > .collapse-toggle {
  display: none;
}

.bslib-sidebar-layout.chat-full-width > .sidebar shiny-chat-container {
  padding: 16px;
  height: auto !important;
  max-height: 100%;

  /* .card */
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: 8px;
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(8px - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);

  /* .bslib-card */
  box-shadow: var(
    --bslib-card-box-shadow,
    0px 0px 2px 0px RGBA(var(--bslib-box-shadow-color-rgb), 0.14),
    0px 2px 4px 0px RGBA(var(--bslib-box-shadow-color-rgb), 0.16)
  );
  border-color: var(--bslib-card-border-color, transparent);
}

.bslib-sidebar-layout.chat-full-width > .sidebar shiny-chat-input {
  margin-top: 1em;
}

.bslib-sidebar-layout.chat-full-width .main {
  visibility: hidden;
}

.sidebar-resizer {
  /* The resizer is a vertical bar on the right side of the sidebar. It's
    hard-coded to set the appropriate CSS variable on the sidebar layout. */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 3px;
  cursor: ew-resize;
  background-color: #e6e6e6;
}

/* This is needed for smooth transitions with complex values. */
@property --_sidebar-width {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

.sidebar-smooth-transition {
  transition: --_sidebar-width 0.4s ease;
}

.sidebar-collapsed .sidebar-resizer {
  /* No resizer when the sidebar is collapsed */
  display: none;
}

.sidebar-collapsed iframe {
  /* When the resizer isn't visible, the iframe is missing a left border; add it
     back like this */
  border-left: 3px solid #e6e6e6;
}

.assistant-shinyapp-file .filename {
  font-weight: bold;
  font-family: monospace;
  margin-bottom: 0.2em;
}