/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 20 version
*/



.medisim_cookie_notification_container {
  position: fixed;
  right: max(24px, env(safe-area-inset-right));
  bottom: max(24px, env(safe-area-inset-bottom));
  left: auto;
  box-sizing: border-box;
  width: min(420px, calc(100vw - 48px));
  max-width: calc(100vw - 48px);
  padding: var(--medisim-component-padding-sm, 24px);
  overflow: hidden;
  border: 1px solid var(--medisim-border-tertiary, #E6E7EC);
  border-radius: var(--medisim-radius-lg, 12px);
  background: var(--medisim-bg-primary, #FFFFFF);
  box-shadow:
    0 20px 48px rgba(10, 19, 67, 0.16),
    0 4px 12px rgba(10, 19, 67, 0.08);
  color: var(--medisim-fg-primary, #0A1343);
  font-family: var(--medisim-font-family-primary, "Instrument Sans"), system-ui, sans-serif;
  font-size: var(--medisim-font-size-text-sm, 14px);
  line-height: 1.5;
  z-index: 9999999; /* More than #medisim_overlay, which is more than #wpadminbar */
}

.medisim_cookie_notification_container a {
  color: var(--medisim-brand-primary, #0A1343);
  font-weight: var(--medisim-font-weight-semibold, 600);
  text-decoration: underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.16em;
}

.medisim_cookie_notification_container a:hover {
  color: var(--medisim-brand-primary-emphasis, #273A77);
}

.medisim_cookie_notification_container .medisim_cookie_message {
  margin-bottom: var(--medisim-space-2, 16px);
  color: var(--medisim-fg-secondary, #545A7B);
}

.medisim_cookie_notification_container .medisim_cookie_button_container {
  display: flex;
  flex-wrap: wrap;
  gap: var(--medisim-space-1, 12px);
}

.medisim_cookie_notification_container .medisim_cookie_button_container button.medisim_cookie_notification_button {
  flex: 1 1 160px;
  min-height: var(--medisim-button-height-sm, 32px);
  margin: 0;
  padding: 0 var(--medisim-button-padding-inline-sm, 16px);
  border: 1px solid var(--medisim-brand-primary, #0A1343);
  border-radius: var(--medisim-button-border-radius, 9999px);
  background: var(--medisim-brand-primary, #0A1343);
  color: var(--medisim-fg-inverse, #FDFDFD);
  font-family: var(--medisim-button-font-family, var(--medisim-font-family-primary, "Instrument Sans")), system-ui, sans-serif;
  font-size: var(--medisim-button-font-size-sm, 12px);
  font-weight: var(--medisim-font-weight-semibold, 600);
  line-height: 1;
  text-align: center;
  cursor: pointer;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

.medisim_cookie_notification_container .medisim_cookie_button_container button.medisim_cookie_notification_button:hover {
  border-color: var(--medisim-brand-primary-emphasis, #273A77);
  background: var(--medisim-brand-primary-emphasis, #273A77);
  color: var(--medisim-fg-inverse, #FDFDFD);
  box-shadow: 0 8px 24px rgba(10, 19, 67, 0.14);
}

.medisim_cookie_notification_container .medisim_cookie_button_container button.medisim_cookie_notification_button:focus-visible {
  outline: 2px solid var(--medisim-border-focus, #4D6BFF);
  outline-offset: 2px;
}

.medisim_cookie_notification_container .medisim_cookie_button_container button.medisim_cookie_notification_button:active {
  transform: translateY(1px);
}

.medisim_cookie_notification_container .medisim_cookie_button_container button.medisim_cookie_notification_button.medisim_button--secondary {
  border-color: var(--medisim-border-secondary, #B5B8C7);
  background: var(--medisim-bg-primary, #FFFFFF);
  color: var(--medisim-fg-primary, #0A1343);
}

.medisim_cookie_notification_container .medisim_cookie_button_container button.medisim_cookie_notification_button.medisim_button--secondary:hover,
.medisim_cookie_notification_container .medisim_cookie_button_container button.medisim_cookie_notification_button.medisim_button--secondary:focus-visible {
  border-color: var(--medisim-brand-primary, #0A1343);
  background: var(--medisim-bg-secondary, #F6F7F9);
  color: var(--medisim-fg-primary, #0A1343);
}

.medisim_cookie_notification_container .medisim_cookie_button_container button.medisim_cookie_notification_button:disabled {
  border-color: var(--medisim-border-tertiary, #E6E7EC);
  background: var(--medisim-bg-secondary, #F6F7F9);
  color: var(--medisim-fg-tertiary, #8489A1);
  box-shadow: none;
  cursor: not-allowed;
  transform: none;
}

@media screen and (max-width: 600px) {
  .medisim_cookie_notification_container {
    right: 16px;
    bottom: max(16px, env(safe-area-inset-bottom));
    left: 16px;
    width: auto;
    max-width: none;
    padding: var(--medisim-space-2, 16px);
  }

  .medisim_cookie_notification_container .medisim_cookie_button_container button.medisim_cookie_notification_button {
    flex-basis: 100%;
  }
}
