/* MEDLA | CookieYes standard WebApp banner
   Recommended layout: Box, bottom left.
   Appearance only. Paste without <style> tags. */

.cky-consent-container,
.cky-modal {
  font-family: "Manrope", "Avenir Next", system-ui, sans-serif !important;
  font-style: normal !important;
}

.cky-consent-container {
  max-width: calc(100vw - 32px) !important;
}

.cky-consent-container .cky-consent-bar,
.cky-modal .cky-preference-center {
  background: #f8f6ef !important;
  color: #173d43 !important;
  border: 1px solid #d7d5c8 !important;
  border-top: 3px solid #a6946a !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 44px rgba(23, 61, 67, 0.14) !important;
}

.cky-consent-container .cky-consent-bar {
  padding: 24px !important;
  max-height: calc(100vh - 48px);
  max-height: calc(100dvh - 48px);
  overflow-y: auto;
}

.cky-consent-container .cky-title,
.cky-modal .cky-preference-title {
  color: #173d43 !important;
  font-family: inherit !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: -0.035em !important;
  line-height: 1.3 !important;
}

.cky-consent-container .cky-notice-des,
.cky-modal .cky-preference-content-wrapper,
.cky-modal .cky-accordion-header-des {
  color: #506562 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  overflow-wrap: anywhere;
}

.cky-consent-container .cky-notice-des p,
.cky-modal .cky-preference-content-wrapper p {
  font-size: inherit !important;
  line-height: inherit !important;
}

.cky-consent-container a,
.cky-modal a {
  color: #173d43 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

.cky-consent-container .cky-notice-btn-wrapper,
.cky-modal .cky-prefrence-btn-wrapper {
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.cky-consent-container .cky-btn,
.cky-modal .cky-btn {
  box-sizing: border-box;
  min-height: 46px !important;
  padding: 12px 18px !important;
  margin: 0 !important;
  border: 1px solid #173d43 !important;
  border-radius: 999px !important;
  background: #f8f6ef !important;
  color: #173d43 !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  text-transform: none !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  box-shadow: none !important;
}

.cky-consent-container .cky-btn-accept,
.cky-consent-container .cky-btn-reject,
.cky-modal .cky-btn-accept,
.cky-modal .cky-btn-reject {
  background: #173d43 !important;
  color: #fffef9 !important;
}

.cky-consent-container .cky-btn:hover:not(:disabled),
.cky-modal .cky-btn:hover:not(:disabled) {
  background: #e8e5da !important;
  color: #173d43 !important;
}

.cky-consent-container :is(button, a, input):focus-visible,
.cky-modal :is(button, a, input):focus-visible,
.cky-btn-revisit-wrapper:focus-visible,
.cky-btn-revisit-wrapper button:focus-visible {
  outline: 3px solid #173d43 !important;
  outline-offset: 4px !important;
  box-shadow: 0 0 0 4px #fffef9 !important;
}

.cky-modal .cky-preference-header,
.cky-modal .cky-accordion-wrapper {
  border-color: #d7d5c8 !important;
}

.cky-modal .cky-accordion-btn {
  color: #173d43 !important;
  font-family: inherit !important;
}

.cky-btn-revisit-wrapper {
  background: #173d43 !important;
  border: 1px solid #a6946a !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 16px rgba(23, 61, 67, 0.12) !important;
}

@media (max-width: 600px) {
  .cky-consent-container .cky-consent-bar {
    padding: 20px !important;
  }

  .cky-consent-container .cky-notice-btn-wrapper .cky-btn,
  .cky-modal .cky-prefrence-btn-wrapper .cky-btn {
    flex: 1 1 100% !important;
    width: 100% !important;
  }
}