@import '../node_modules/@mirai/ui/build/theme/default.theme.css';

[data-mirai-component] > [data-banner],
[data-mirai-component] > [data-content],
[data-mirai-component] > [data-ghost] {
  display: none !important;
}

:root {
  /* Aura */
  --mirai-aura-ai-color: var(--mirai-ui-accent);
  --mirai-aura-user-color: var(--mirai-ui-error);

  /* BookingQuery*/
  --mirai-booking-query-color: var(--mirai-ui-content);
  --mirai-booking-query-color-active: var(--mirai-ui-content);

  /* Calendar */
  --mirai-finder-calendar-padding: var(--mirai-ui-space-M);

  /* Card */
  --mirai-card-image-height: 208px;

  /* Chat */
  --mirai-chat-accent: var(--mirai-ui-accent);
  --mirai-chat-avatar-background: rgba(0, 0, 0, 0.66);
  --mirai-chat-avatar-color-1: var(--mirai-ui-accent);
  --mirai-chat-avatar-color-2: var(--mirai-ui-accent-dark);
  --mirai-chat-avatar-color-3: var(--mirai-ui-accent-border);
  --mirai-chat-avatar-color-4: var(--mirai-ui-accent-background);
  --mirai-chat-avatar-border-radius: 40%;
  --mirai-chat-avatar-size: 72px;
  --mirai-chat-background: var(--mirai-ui-base);
  --mirai-chat-border-color: var(--mirai-ui-content-border);
  --mirai-chat-border-radius: var(--mirai-ui-space-S);
  --mirai-chat-border-size: 1px;
  --mirai-chat-box-shadow: var(--mirai-ui-shadow);
  --mirai-chat-layer: 9899;
  --mirai-chat-space: var(--mirai-ui-space-M);
  --mirai-chat-text-font: var(--mirai-ui-font-medium);
  --mirai-chat-text-font-size: var(--mirai-ui-font-size-paragraph);
  --mirai-chat-text-font-weight: var(--mirai-ui-font-medium-weight);
  --mirai-chat-text-line-height: var(--mirai-ui-line-height-paragraph);
  --mirai-chat-input-background: var(--mirai-ui-content-background);
  --mirai-chat-message-offset: calc(var(--mirai-chat-space) / 1.5) var(--mirai-chat-space);
  --mirai-chat-content-max-width: calc(820px - calc(var(--mirai-chat-space) * 2));

  /* Field */
  --mirai-field-background: var(--mirai-ui-base);
  --mirai-field-background-active: var(--mirai-ui-content-background);
  --mirai-field-border: var(--mirai-ui-input-text-border);
  --mirai-field-border-active: var(--mirai-ui-input-color-active);
  --mirai-field-border-radius: var(--mirai-ui-border-radius);
  --mirai-field-height: calc(var(--mirai-ui-input-min-height) + var(--mirai-ui-space-XXS));
  --mirai-field-content-color: var(--mirai-ui-content);
  --mirai-field-icon-color: var(--mirai-field-content-color);
  --mirai-field-label-color: var(--mirai-ui-content-light);

  /* Finder */
  --mirai-finder-background: var(--mirai-ui-base);
  --mirai-finder-border: var(--mirai-ui-input-text-border);
  --mirai-finder-border-radius: var(--mirai-ui-border-radius);
  --mirai-finder-gap: 0;
  --mirai-finder-padding: var(--mirai-ui-space-XS);

  --mirai-finder-button-background: var(--mirai-ui-button-background);
  --mirai-finder-button-background-active: var(--mirai-ui-button-background-active);
  --mirai-finder-button-border-radius: var(--mirai-finder-border-radius);
  --mirai-finder-button-color: var(--mirai-ui-button-color);
  --mirai-finder-button-color-active: var(--mirai-ui-button-color-active);
  --mirai-finder-button-font-family: var(--mirai-ui-font);
  --mirai-finder-button-font-size: inherit;
  --mirai-finder-button-font-weight: var(--mirai-ui-button-font-weight);

  --mirai-finder-field-border-active: var(--mirai-field-border-active);
  --mirai-finder-field-border-color: var(--mirai-ui-content-border);
  --mirai-finder-field-border-radius: var(--mirai-finder-border-radius);
  --mirai-finder-field-border-style: solid;
  --mirai-finder-field-border-width: 0px;
  --mirai-finder-field-height: var(--mirai-field-height);
  --mirai-finder-field-icon-color: var(--mirai-field-icon-color);
  --mirai-finder-field-separator-color: var(--mirai-ui-content-border);

  /* Header */
  --mirai-header-accent: var(--mirai-ui-accent);
  --mirai-header-background: var(--mirai-ui-base);
  --mirai-header-background-active: var(--mirai-ui-button-transparent-background-active);
  --mirai-header-border-color: var(--mirai-ui-content-border);
  --mirai-header-color: var(--mirai-ui-content);
  --mirai-header-color-active: var(--mirai-ui-focus-color);
  --mirai-header-color-disabled: var(--mirai-ui-content);

  /* Occupation */
  --mirai-occupation-scrollview-max-height: 340px;
  --mirai-occupation-width: 320px;

  /* Places */
  --mirai-places-item-height: 40px;
  --mirai-places-item-width: 300px;
  --mirai-places-item-background-selected: var(--mirai-ui-accent);
  --mirai-places-item-color-selected: var(--mirai-ui-base);
  --mirai-places-items-per-column: 9;
  --mirai-places-padding: var(--mirai-ui-space-M);

  /* modals */
  --mirai-modal-max-height: calc(100svh - var(--mirai-ui-space-XXL));

  /* session */
  --mirai-session-color: var(--mirai-ui-content);
  --mirai-session-color-active: var(--mirai-ui-content);
  --mirai-session-icon-color: var(--mirai-session-color);
  --mirai-session-icon-color-active: var(--mirai-session-color-active);
}

/* M */
@media only screen and (min-width: 481px) and (max-width: 1179px) {
  :root {
    --mirai-chat-content-max-width: calc(768px - calc(var(--mirai-chat-space) * 2));
  }
}
