.subscription-select-popup{position:fixed;width:100%;height:100%;background:#0003;opacity:0;visibility:hidden;z-index:-1;transition:all .3s ease-in-out}.subscription-select-popup[open]{opacity:1;visibility:visible;z-index:999}.subscription-select-popup[open] .modal-content{opacity:1;transform:scale(1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.subscription-select-popup .modal-close{position:absolute;top:1rem;right:1rem;cursor:pointer;padding:1rem}.subscription-select-popup .modal-content{width:100%;max-width:600px;max-height:calc(100vh - 2rem);margin:1rem auto;padding:2rem 3rem 4rem;position:relative;background:#fff;border:1px solid #000;opacity:0;transform:scale(.9);transition:all .3s ease-in-out;border-radius:25px;overflow-y:auto}.subscription-select-popup .modal-content .item{display:flex;align-items:center}.subscription-select-popup .modal-content .item .image{width:50%;max-width:240px;text-align:center}.subscription-select-popup .modal-content .item .image img{width:100%;height:auto;max-width:200px}.subscription-select-popup .modal-content .item .content{flex-grow:1;padding-left:1rem}.subscription-select-popup .modal-content .item .content h2{font-size:2.4rem;line-height:1.2;margin-bottom:0;margin-top:0}.subscription-select-popup .modal-content .item .content stamped-review-stars{margin:.5rem 0 0 -1rem}.subscription-select-popup .modal-content .item .content p{margin-top:.5rem;font-size:1.3rem}.subscription-select-popup .modal-content .plans{background:#f2f1f6;border-radius:20px;border:1px dashed #000;padding:3rem 2rem 4rem;display:flex;flex-direction:column;gap:1rem}.subscription-select-popup .modal-content .plans.loading{align-items:center;justify-content:center}.subscription-select-popup .modal-content .plans.loading .loading-spinner{display:block}.subscription-select-popup .modal-content .plans .loading-spinner{display:none}.subscription-select-popup .modal-content .plans .plan{border:1px solid #000;border-radius:10px;padding:2rem;display:grid;grid-template-columns:20px 60px 1fr 70px;align-items:center;justify-content:space-between;gap:2rem}.subscription-select-popup .modal-content .plans .plan .input{display:flex;align-items:center}.subscription-select-popup .modal-content .plans .plan .input input[type=radio]{visibility:hidden;margin:0;padding:0;width:0;height:0;opacity:0}.subscription-select-popup .modal-content .plans .plan .input input[type=radio]~.checked{display:none}.subscription-select-popup .modal-content .plans .plan .input input[type=radio][checked]~.checked,.subscription-select-popup .modal-content .plans .plan .input input[type=radio]:checked~.checked{display:block}.subscription-select-popup .modal-content .plans .plan .input input[type=radio][checked]+span,.subscription-select-popup .modal-content .plans .plan .input input[type=radio]:checked+span{display:none}.subscription-select-popup .modal-content .plans .plan .prices{text-align:center}.subscription-select-popup .modal-content .plans .plan .prices .price{font-size:1.3rem;line-height:1.4}.subscription-select-popup .modal-content .plans .plan .prices .price-old{font-size:1rem;line-height:1.4;color:#8b8b8b;text-decoration:line-through}.subscription-select-popup .modal-content .plans .plan .name{display:flex;flex-direction:column;gap:.5rem}.subscription-select-popup .modal-content .plans .plan .name span:last-child{font-size:1rem;line-height:1.2;color:#8b8b8b}.subscription-select-popup .modal-content .plans .plan .discount span{background:#000;border-radius:20px;height:28px;display:flex;align-items:center;padding:0 2rem;color:#fff}.subscription-select-popup .modal-content .plans .button{height:54px;padding:0 1rem 0 2rem;border-radius:73px;justify-content:space-between;margin-top:2rem}.subscription-select-popup .modal-content .plans .button[disabled] span:first-child{display:none}.subscription-select-popup .modal-content .plans .button[disabled] .sold-out{display:inline}.subscription-select-popup .modal-content .plans .button .sold-out{display:none}@media screen and (max-width: 749px){.subscription-select-popup .modal-content{height:100%;max-height:100dvh;padding:2rem 1.5rem calc(2rem + env(safe-area-inset-bottom)) 1.5rem;margin:0;border-radius:0;border:0}.subscription-select-popup .modal-content .item{flex-direction:row;align-items:center}.subscription-select-popup .modal-content .item .image{min-width:40%;max-width:130px}.subscription-select-popup .modal-content .item .content{padding-left:0;text-align:left}.subscription-select-popup .modal-content .item .content h2{font-size:3.2rem;text-align:left;margin-top:0}.subscription-select-popup .modal-content .item .content p{text-align:left}.subscription-select-popup .modal-content .plans{padding:1.5rem;gap:1.5rem}.subscription-select-popup .modal-content .plans .plan{grid-template-columns:2rem 6rem 1fr;padding:1.5rem;position:relative}.subscription-select-popup .modal-content .plans .plan .discount{position:absolute;top:-10px;right:-10px}.subscription-select-popup .modal-content .plans .plan .discount span{padding:0 1.5rem;font-size:1rem}.subscription-select-popup .modal-content .plans .button{margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/subscription-select-popup.css.map */
