.eko-application-notice[hidden] { display: none !important; }
.eko-application-notice { position: fixed; inset: 0; z-index: 2147483647; display: grid; place-items: safe center; overflow-y: auto; padding: 12px; font-family: Manrope, sans-serif; color: #2c3e50; }
.eko-application-notice__backdrop { position: absolute; inset: 0; background: rgba(18, 35, 50, .55); }
.eko-application-notice__panel { position: relative; width: min(608px, 100%); height: 500px; border-radius: 36px; background: #fff; text-align: center; box-sizing: border-box; }
.eko-application-notice__cross { position: absolute; right: 24px; top: 24px; z-index: 1; width: 26px; height: 26px; border: 0; padding: 0; background: transparent; cursor: pointer; }
.eko-application-notice__cross img { display: block; width: 26px; height: 26px; }
.eko-application-notice__image { position: absolute; top: 48px; left: 50%; transform: translateX(-50%); width: 170px; height: 113px; object-fit: cover; }
.eko-application-notice__copy { position: absolute; top: 219px; right: 24px; left: 24px; display: flex; flex-direction: column; align-items: center; gap: 24px; }
.eko-application-notice__copy h2 { margin: 0; font-size: 30px; line-height: 1.36; font-weight: 400; color: #2c3e50; }
.eko-application-notice__copy p { margin: 0; font-size: 16px; line-height: 1.1; font-weight: 500; color: #2c3e50; }
.eko-application-notice__actions { position: absolute; right: 62px; bottom: 60px; left: 62px; display: flex; gap: 24px; }
.eko-application-notice__button { display: flex; align-items: center; justify-content: center; height: 50px; box-sizing: border-box; border-radius: 40px; font: 500 16px/1 Manrope, sans-serif; text-decoration: none; cursor: pointer; }
.eko-application-notice__button--close { flex: 0 0 160px; border: 1px solid #2c3e50; background: #fff; color: #2c3e50; }
.eko-application-notice__button--chat { flex: 1; border: 1px solid #2c3e50; background: #2c3e50; color: #fff; }
.eko-application-notice__button:focus-visible, .eko-application-notice__cross:focus-visible { outline: 3px solid #5594ce; outline-offset: 3px; }
.eko-application-notice[data-state="pending"] .eko-application-notice__copy { gap: 14px; }
@media (max-width: 560px) {
  .eko-application-notice { padding: 0; }
  .eko-application-notice__panel { width: min(320px, 100%); height: 504px; }
  .eko-application-notice__image { top: 46px; }
  .eko-application-notice__copy { top: 206px; left: 24px; right: 24px; gap: 24px; }
  .eko-application-notice__copy h2 { font-size: 26px; line-height: 1.38; white-space: nowrap; }
  .eko-application-notice[data-state="pending"] .eko-application-notice__copy h2 { font-size: 24px; white-space: normal; }
  .eko-application-notice[data-state="pending"] .eko-application-notice__copy p { font-size: 14px; }
  .eko-application-notice__copy p { line-height: 1.1; }
  .eko-application-notice__actions { left: 10px; right: 10px; bottom: 10px; flex-direction: column-reverse; gap: 12px; }
  .eko-application-notice__button--close, .eko-application-notice__button--chat { flex: 0 0 50px; width: 100%; }
}