.subscription-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.subscription-modal-overlay.is-active{opacity:1;visibility:visible}.subscription-modal{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-width:500px;width:90%;margin:0 auto;position:relative;transform:scale(.9) translateY(20px);transition:transform .3s ease}.subscription-modal-overlay.is-active .subscription-modal{transform:scale(1) translateY(0)}.subscription-modal-header{display:flex;align-items:center;justify-content:space-between;padding:2rem;border-bottom:1px solid #e5e5e5}.subscription-modal-title{font-weight:700;color:#121212;margin:0}.subscription-modal-close{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease;width:32px;height:32px;flex-shrink:0}.subscription-modal-close:hover,.subscription-modal-close:focus{background-color:#f5f5f5;color:#121212}.subscription-modal-close:focus{outline:2px solid rgb(var(--custom-blue));outline-offset:2px}.subscription-modal-close svg{width:20px;height:20px}.subscription-modal-body{padding:2rem 2rem 3rem;line-height:calc(1.5/max(1,var(--font-body-scale)))}.subscription-modal-body strong{color:rgb(var(--custom-blue));font-weight:700}.subscription-modal-overlay:focus{outline:none}@media screen and (max-width: 750px){.subscription-modal{max-width:95%;margin:1rem}.subscription-modal-header{padding:1.25rem 1.5rem}.subscription-modal-body{padding:1.5rem 1.5rem 2rem}}@media (prefers-contrast: high){.subscription-modal{border:2px solid #121212}.subscription-modal-close:focus{outline-width:3px}}@media (prefers-reduced-motion: reduce){.subscription-modal-overlay,.subscription-modal,.subscription-modal-close{transition:none}}@media (prefers-color-scheme: dark){.subscription-modal{background:#1a1a1a;box-shadow:0 10px 40px #0009}.subscription-modal-title{color:#f5f5f5}.subscription-modal-body{color:#e5e5e5}.subscription-modal-header{border-bottom-color:#333}.subscription-modal-close{color:#ccc}.subscription-modal-close:hover,.subscription-modal-close:focus{background-color:#2a2a2a;color:#fff}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/subscription-upgrade-modal.css.map */