:root{--mango-tango: #f27405;--fire-light: #f15a29;--biscay: #344157;--chatams-blue: #0f3d6c;--electric-blue: #42e9f4;--carrot: #f08c29;--dark-salmon: #f3956f;--cloud: #b5bebb;--eclipse: #404040;--wakanda-grey: #696c8c}.subscription-status-wrapper{display:grid;width:100%;margin-top:1rem}.subscription-status-header{font-size:.8rem;font-weight:500;border-bottom:solid 1px #e0e0e0;padding-bottom:.25rem}.subscription-details{width:100%;border-collapse:collapse;margin-top:1rem}.subscription-details td{padding:.5rem;border:1px solid #e0e0e0}@media(max-width: 600px){.subscription-details{display:grid;grid-template-columns:1fr 1fr}.subscription-details td{border:none;padding:.25rem 0}.subscription-details td:nth-child(odd){text-align:left;font-weight:700}.subscription-details td:nth-child(even){text-align:right}}.subscription-status-status{display:inline-flex;align-items:center;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:500;color:oklch(.446 .03 256.802);background-color:oklch(.546 .07 256.802/.1);border:1px solid oklch(.446 .03 256.802)}.subscription-status-status.active{color:oklch(.527 .154 150.069);background-color:oklch(.627 .194 149.214/.1);border:1px solid oklch(.527 .154 150.069)}.subscription-actions{display:flex;align-items:center;justify-content:end;margin-top:1rem;width:100%}.subscription-cta{background-color:#fcfcfc;border:1px solid var(--mango-tango);border-radius:8px;padding:1.5rem;margin-top:2rem;text-align:center;display:grid;place-content:center}.subscription-cta h3{font-size:1.25rem;font-weight:700;color:#333;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.subscription-cta h3 svg{width:1.5rem;height:1.5rem;color:var(--mango-tango)}.subscription-cta p{font-size:1rem;color:#666;margin-bottom:1rem}.subscription-cta ul{list-style:none;padding:0;margin-bottom:1rem}.subscription-cta ul li{font-size:1rem;color:#333;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.subscription-cta ul li svg{width:1.15rem;height:1.15rem;color:var(--mango-tango)}.subscription-cta a{background-color:var(--fire-light) !important;color:#fff !important;border:none !important;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;text-decoration:none;margin-top:1.5rem !important;transition:all .2s ease-in-out;width:100%;display:flex !important;align-items:center;justify-content:center;gap:.5rem}.subscription-cta a:hover{transform:translateY(-1px)}.subscription-cta a .upgrade-button-icon{width:1.25rem;height:1.25rem}
