.subscription-card{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;overflow:hidden}
.subscription-permanent-note{grid-column:1/-1;min-height:68px;display:flex;align-items:center;gap:16px;padding:14px 20px;border:1px solid #e7e7eb;border-radius:15px;background:#f5f5f6;color:#848892;font-size:12px}
.subscription-permanent-note[hidden],.subscription-progress[hidden]{display:none!important}
.subscription-permanent-note>span:first-child{color:#c45bf2;font:700 34px/1 var(--font)}
.subscription-progress{grid-column:1/-1;height:6px;overflow:hidden;border-radius:99px;background:#ead9f4}
.subscription-progress span{display:block;width:38%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#bd4be9,#db8af7)}
.subscription-status .subscription-active{background:#55c88a!important;box-shadow:0 0 10px #55c88a70}
.subscription-card.is-permanent{grid-template-columns:1fr auto;padding-bottom:18px;background:linear-gradient(110deg,#17191b 0%,#17191b 78%,#271a2d 100%)!important;border-color:#292b2e!important;color:#f5f4f7!important}
.subscription-card.is-permanent .subscription-heading strong{color:#fff!important}
.subscription-card.is-permanent .subscription-heading small{color:#9297a0!important}
.subscription-card.is-permanent .subscription-permanent-note{background:#1c1e20;border-color:#292b2e;color:#858a94}
.subscription-card.is-permanent .subscription-status{color:#61d18f}
:root[data-theme="light"] .subscription-card.is-permanent{background:linear-gradient(110deg,#fff 0%,#fff 78%,#faf2ff 100%)!important;color:#18191d!important;border-color:#e8e3eb!important}
:root[data-theme="light"] .subscription-card.is-permanent .subscription-heading strong{color:#17191d!important}
:root[data-theme="light"] .subscription-card.is-permanent .subscription-permanent-note{background:#f7f5f8;border-color:#e8e5ea;color:#777d86}
@media(max-width:760px){.subscription-card{grid-template-columns:1fr auto}.subscription-permanent-note{min-height:58px;padding:12px}.subscription-card.is-permanent{padding-bottom:15px}}