.subscription-renewal-dialog{box-sizing:border-box;width:min(30rem,100% - 2rem);max-width:none;max-height:calc(100vh - 2rem);overscroll-behavior:contain;color:#fff;max-height:calc(100dvh - 2rem);font-family:var(--font-archivo), system-ui, sans-serif;text-align:left;background:linear-gradient(145deg,#1d303d,#191b27);border:1px solid #764289;border-radius:1.25rem;margin:auto;padding:clamp(1.25rem,4vw,1.75rem);overflow-y:auto;box-shadow:0 24px 64px #0006}.subscription-renewal-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000a}.subscription-renewal-dialog__head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.subscription-renewal-dialog__icon{color:#e2b4f4;background:#9e40c11f;border:1px solid #9e40c166;border-radius:.85rem;place-items:center;width:2.75rem;height:2.75rem;display:grid}.subscription-renewal-dialog__close{color:#fff;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.subscription-renewal-dialog__close:hover:not(:disabled){background:#ffffff12}.subscription-renewal-dialog h2{letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;line-height:1.25}.subscription-renewal-dialog p{overflow-wrap:anywhere;font-size:.9375rem;line-height:1.55}.subscription-renewal-dialog__intro{color:#c7cbd3;margin:.75rem 0 1.25rem}.subscription-renewal-dialog__date{overflow-wrap:anywhere;background:#66f4dd0a;border:1px solid #66f4dd38;border-radius:.875rem;padding:1rem;line-height:1.5}.subscription-renewal-dialog__date strong{color:#a7f5e9;font-size:.9375rem}.subscription-renewal-dialog__date p{color:#c7cbd3;margin:.375rem 0 0}.subscription-renewal-dialog__retained{margin:1rem 0 .5rem}.subscription-renewal-dialog__details summary{cursor:pointer;color:#e2b4f4;justify-content:space-between;align-items:center;gap:.75rem;min-height:44px;padding:.5rem 0;font-size:.875rem;line-height:1.5;list-style:none;display:flex}.subscription-renewal-dialog__details summary::-webkit-details-marker{display:none}.subscription-renewal-dialog__details summary svg{flex-shrink:0}.subscription-renewal-dialog__details[open] summary svg{transform:rotate(180deg)}.subscription-renewal-dialog__details ul{color:#c7cbd3;margin:.25rem 0 1rem;padding-left:1.25rem;font-size:.875rem;line-height:1.55}.subscription-renewal-dialog__details li+li{margin-top:.5rem}.subscription-renewal-dialog .subscription-renewal-dialog__terms{color:#b9bec9;margin:.75rem 0 0;font-size:.8125rem}.subscription-renewal-dialog__terms a{color:inherit;text-underline-offset:3px;text-decoration:underline}.subscription-renewal-dialog__error{color:#fecaca;border-left:2px solid #fca5a5;padding:.75rem}.subscription-renewal-dialog__actions{gap:.75rem;margin-top:1.5rem;display:flex}.subscription-renewal-dialog__actions button{white-space:normal;gap:.5rem;min-width:0;min-height:44px;font-family:inherit;line-height:1.4}.subscription-renewal-dialog__actions button:last-child{flex:1}.subscription-renewal-dialog :is(button,summary,a):focus-visible{outline-offset:3px;outline:2px solid #66f4dd}.subscription-renewal-dialog button:disabled{opacity:.55;cursor:wait}.subscription-renewal-dialog__spinner{flex-shrink:0;animation:1s linear infinite subscription-renewal-spin}@keyframes subscription-renewal-spin{to{transform:rotate(360deg)}}@media (max-width:600px){.subscription-renewal-dialog__actions{flex-direction:column}.subscription-renewal-dialog__actions button{width:100%}}@media (prefers-reduced-motion:reduce){.subscription-renewal-dialog__spinner{animation:none}}