@charset "utf-8";

.ods-c-modal-premium { position: fixed; left: 0px; bottom: 0px; z-index: 2500003; display: none; width: 100%; flex-direction: column; align-items: center; border-radius: 8px 8px 0px 0px; background: var(--color-neutral-white); box-shadow: rgba(0, 0, 0, 0.2) 0px -4px 10px; animation: 0.3s ease-in-out 0s 1 normal forwards running slideUp; }

.ods-c-modal-premium__close { align-self: flex-end; cursor: pointer; display: flex; padding: 10px 10px 0px 0px; align-items: center; gap: 10px; }

.ods-c-modal-premium__content { display: flex; padding: 10px 0px 30px; flex-direction: column; align-items: center; gap: 30px; align-self: stretch; border-radius: 100px 100px 0px 0px; }

.ods-c-modal-premium__text { display: flex; flex-direction: column; padding: 0px 30px; justify-content: space-between; align-items: center; align-self: stretch; }

.ods-c-modal-premium__button { box-sizing: border-box; display: flex; height: 40px; padding: 10px 30px; justify-content: center; align-items: center; gap: 10px; border-radius: 100px; border: 2px solid var(--color-premium-secondary); background: var(--color-premium-secondary); color: var(--color-neutral-white); font-family: "Fira Sans"; font-size: 16px; font-style: normal; font-weight: 700; line-height: 120%; text-transform: uppercase; text-decoration: none; transition: 0.25s ease-in-out, border; }

.ods-c-modal-premium__button:hover { background: var(--color-neutral-white); color: var(--color-premium-secondary); }

.ods-c-modal-premium__title { margin: 0px 0px 10px; flex: 1 0 0px; color: rgb(30, 30, 30); text-align: center; font-family: "Fira Sans"; font-size: 28px; font-style: normal; font-weight: 700; line-height: 32px; }

.ods-c-modal-premium__title--color { color: var(--color-premium-secondary); }

.ods-c-modal-premium__subtitle { margin: 0px; max-width: 420px; flex: 1 0 0px; color: rgb(30, 30, 30); text-align: center; font-family: "Fira Sans"; font-size: 19px; font-style: normal; font-weight: 400; line-height: 140%; }

.ods-c-modal-premium__subtitle--color { color: var(--color-premium-secondary); }

.ods-c-modal-premium__footer, .ods-c-modal-premium__link { margin: 0px; flex: 1 0 0px; color: rgb(30, 30, 30); text-align: center; font-family: "Fira Sans"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; }

.ods-c-modal-premium__link { text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; }

.ods-c-modal-premium--active { display: flex; }

.ods-body-mobile .ods-c-modal-premium--with-bottom-bar { bottom: 49px; }

@keyframes slideUp { 
  0% { transform: translateY(100%); opacity: 0; height: 0px; }
  100% { transform: translateY(0px); opacity: 1; height: auto; }
}