pre.shiki {
    padding: 1rem;
}nylas-scheduler-editor {
  box-shadow: none;
  height: 100%;
  width: 100%;
  background-color: transparent;
}

nylas-scheduler-editor::part(nse__header) {
  display: none;
}

nylas-scheduler-editor::part(nse__content) {
  height: 100%;
}

.guest nylas-scheduler-editor::part(nse__content) {
  height: auto;
}

nylas-scheduler-editor::part(nse__content) > div {
  background: transparent;
}

nylas-scheduler-editor::part(nse__list-configurations) {
  display: flex;
  padding: 0;
  flex-direction: column;
  height: revert-layer;
}

nylas-scheduler-editor::part(nse__login-required) {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  background: transparent;
  height: revert-layer;
}

nylas-scheduler-editor::part(nse__login-required-text) {
  display: none;
}

nylas-scheduler-editor::part(nse__login-required-card) {
  border: none;
  border-radius: var(--radius);
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

nylas-scheduler-editor::part(nse__login-required-google-button) {
  border-radius: 8px;
}

nylas-scheduler-editor::part(nse__login-required-google-button):hover {
  color: var(--nylas-primary);
}

nylas-scheduler-editor::part(nse__login-required-microsoft-button) {
  border-radius: 8px;
}

nylas-scheduler-editor::part(nse__login-required-microsoft-button):hover {
  color: var(--nylas-primary);
}

nylas-scheduler-editor::part(nse__login-required-other-provider-button):hover {
  color: var(--nylas-primary);
}

nylas-scheduler-editor::part(editor__form-contents) {
  height: 100%;
  grid-template-columns: minmax(224px, auto) 1fr;
  background: transparent;
}

nylas-scheduler-editor::part(editor__tabs) {
  background: transparent;
}

@media screen and (max-width: 768px) {
  nylas-scheduler-editor::part(editor__tabs) {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr; /* Adjust width of tabs */
    overflow-x: auto; /* Enable horizontal scrolling */
    white-space: nowrap;
    gap: 10px; /* Optional: space between tabs */
  }
}

nylas-scheduler-editor::part(net__tab-content) {
  max-width: 100%;
}
nylas-event-info {
  margin: 0;
}

nylas-booking-calendar-picker::part(nbcp) {
  margin: 0;
}

nylas-custom-event-slug::part(nces) {
  margin: 0;
}
/* Loading spinner styles */
.animate-spin {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Skeleton loading animation */
.skeleton {
  animation: skeleton-loading 1s linear infinite alternate;
}

@keyframes skeleton-loading {
  0% {
    background-color: hsl(200, 20%, 80%);
  }
  100% {
    background-color: hsl(200, 20%, 95%);
  }
}

/* Meeting styles */
.meeting-bar {
  width: 4px;
  border-radius: 2px;
  align-self: stretch;
}

/* Participant avatars */
.participant-avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  background-color: hsl(var(--primary) / 0.1);
  border: 2px solid hsl(var(--background));
  color: hsl(var(--primary));
}

/* Responsive styles */
@media (max-width: 640px) {
  .flex-col.sm\:flex-row {
    gap: 1rem;
  }
}
nylas-scheduler-editor {
  box-shadow: none;
  height: 100%;
  width: 100%;
  background-color: transparent;
}

nylas-scheduler-editor::part(nse__header) {
  display: none;
}

nylas-scheduler-editor::part(nse__content) {
  height: 100%;
}

.guest nylas-scheduler-editor::part(nse__content) {
  height: auto;
}

nylas-scheduler-editor::part(nse__content) > div {
  background: transparent;
}

nylas-scheduler-editor::part(nse__list-configurations) {
  display: flex;
  padding: 0;
  flex-direction: column;
  height: revert-layer;
}

nylas-scheduler-editor::part(nse__login-required) {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  background: transparent;
  height: revert-layer;
}

nylas-scheduler-editor::part(nse__login-required-text) {
  display: none;
}

nylas-scheduler-editor::part(nse__login-required-card) {
  border: none;
  border-radius: var(--radius);
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

nylas-scheduler-editor::part(nse__login-required-google-button) {
  border-radius: 8px;
}

nylas-scheduler-editor::part(nse__login-required-google-button):hover {
  color: var(--nylas-primary);
}

nylas-scheduler-editor::part(nse__login-required-microsoft-button) {
  border-radius: 8px;
}

nylas-scheduler-editor::part(nse__login-required-microsoft-button):hover {
  color: var(--nylas-primary);
}

nylas-scheduler-editor::part(nse__login-required-other-provider-button):hover {
  color: var(--nylas-primary);
}

nylas-scheduler-editor::part(editor__form-contents) {
  height: 100%;
  grid-template-columns: minmax(224px, auto) 1fr;
  background: transparent;
}

nylas-scheduler-editor::part(editor__tabs) {
  background: transparent;
}

@media screen and (max-width: 768px) {
  nylas-scheduler-editor::part(editor__tabs) {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr; /* Adjust width of tabs */
    overflow-x: auto; /* Enable horizontal scrolling */
    white-space: nowrap;
    gap: 10px; /* Optional: space between tabs */
  }
}

nylas-scheduler-editor::part(net__tab-content) {
  max-width: 100%;
}
/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-duration: initial;
    }
  }
}

.menu-open-icon[data-astro-cid-lm6xqytz], .menu-close-icon[data-astro-cid-lm6xqytz] {
  transition-property: all;
  transition-timing-function: var(--tw-ease, ease);
  transition-duration: var(--tw-duration, 0s);
  --tw-duration: .3s;
  transition-duration: .3s;
  position: absolute;
}

.rotate-icon-in[data-astro-cid-lm6xqytz] {
  opacity: 1;
  transform: rotate(0);
}

.rotate-icon-out[data-astro-cid-lm6xqytz] {
  opacity: 0;
  transform: rotate(90deg);
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}