.zedra-subscription { inline-size: min(920px, calc(100% - 40px)); max-inline-size: none; max-block-size: calc(100dvh - 40px); margin: auto; padding: 0; border: 0; border-radius: var(--zedra-radius-media); color: var(--zedra-text-main); background: #fbfaf6; box-shadow: 0 18px 48px rgb(0 0 0 / 20%); overflow: auto; }
.zedra-subscription::backdrop { background: rgb(26 26 26 / 38%); backdrop-filter: blur(6px); }
.zedra-subscription__panel { position: relative; display: grid; grid-template-columns: 13fr 10fr; min-block-size: 560px; }
.zedra-subscription__content { display: flex; flex-direction: column; gap: 22px; min-inline-size: 0; padding: 48px; }
.zedra-subscription__eyebrow { display: flex; align-items: center; gap: 18px; font-size: 14px; font-weight: 700; line-height: 14px; letter-spacing: 2.5px; color: rgb(26 26 26 / 72%); }
.zedra-subscription__eyebrow::after { content: ''; inline-size: 56px; block-size: .5px; background: rgb(26 26 26 / 28%); }
.zedra-subscription__title { font-size: 40px; font-weight: 400; line-height: 46px; letter-spacing: -.5px; }
.zedra-subscription__title em { display: block; font-family: var(--zedra-font-editorial); font-weight: 600; letter-spacing: -1px; }
.zedra-subscription__description { font-size: 16px; line-height: 24px; color: rgb(26 26 26 / 78%); }
.zedra-subscription__form { display: flex; flex-direction: column; gap: 22px; }
.zedra-subscription__form input { inline-size: 100%; min-block-size: 48px; padding: 14px; border: 1px solid var(--zedra-border-subtle); border-radius: 4px; background: var(--zedra-bg-primary); color: var(--zedra-text-main); font-size: 14px; line-height: 18px; }
.zedra-subscription__form input::placeholder { color: var(--zedra-text-muted); opacity: 1; }
.zedra-subscription__submit { inline-size: 100%; color: var(--zedra-text-light); background: var(--zedra-bg-dark); }
.zedra-subscription__legal { font-size: 13px; line-height: 18px; color: rgb(26 26 26 / 62%); }
.zedra-subscription__legal a { color: inherit; font-weight: 700; text-underline-offset: 2px; }
.zedra-subscription__media { display: block; min-inline-size: 0; }
.zedra-subscription__media img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.zedra-subscription__close { position: absolute; inset-block-start: 12px; inset-inline-end: 12px; display: grid; place-items: center; inline-size: 44px; block-size: 44px; padding: 0; border: 0; border-radius: 50%; background: rgb(255 255 255 / 78%); backdrop-filter: blur(6px); cursor: pointer; }
.zedra-subscription :where(button, input, a):focus-visible { outline: 2px solid var(--zedra-text-main); outline-offset: 4px; }
.zedra-subscription__status { font-size: 14px; line-height: 21px; }
.zedra-subscription__consent { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; line-height: 19px; cursor: pointer; }
.zedra-subscription__form .zedra-subscription__consent input { flex: 0 0 20px; inline-size: 20px; min-block-size: 20px; margin-block-start: 2px; padding: 0; }
.zedra-subscription-open { overflow: hidden; scrollbar-gutter: stable; }
@media (min-width: 901px) and (max-width: 950px) {
    .zedra-subscription__content { padding: 36px 28px; }
}
@media (max-width: 900px) {
    .zedra-subscription { inline-size: min(430px, calc(100% - 40px)); box-shadow: 0 16px 40px rgb(0 0 0 / 22%); }
    .zedra-subscription::backdrop { background: rgb(26 26 26 / 40%); }
    .zedra-subscription__panel { display: flex; flex-direction: column; min-block-size: 0; }
    .zedra-subscription__media { order: -1; aspect-ratio: 350 / 284; overflow: hidden; }
    .zedra-subscription__content { gap: 18px; min-block-size: 423px; padding: 24px; }
    .zedra-subscription__form { gap: 18px; }
    .zedra-subscription__eyebrow { gap: 14px; }
    .zedra-subscription__eyebrow::after { inline-size: 40px; }
    .zedra-subscription__title { font-size: 32px; line-height: 38px; letter-spacing: -1px; }
    .zedra-subscription__submit { padding-inline: 16px; }
}