@import url(https://fonts.googleapis.com/css2?family=Bangers&family=Comic+Neue:wght@400;700&display=swap);
*,*::before,*::after{box-sizing:border-box}html,body{display:flex;margin:0;padding:0}#root{width:100%;min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center}.logo{width:100%;height:100%;background-repeat:no-repeat;background-position:center}.main-wrapper{position:relative;top:0;left:0;opacity:1;width:100vw;height:100vh;padding-top:9vh}h1,h2,h3{font-family:"Bangers",cursive;letter-spacing:1px}.main-menu{position:fixed;top:0;left:0;opacity:1;width:100vw;height:9vh;display:flex;z-index:13;padding:.5vh;transition:transform .7s ease-in-out}.main-menu .menu-background{z-index:-1;height:9vh}.main-menu .menu-button{width:10vw;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;cursor:pointer}.main-menu .menu-button{height:7vh;width:15vh;border:5px solid rgb(0, 0, 0);background-repeat:no-repeat;background-position:center 10%;background-size:120%;position:relative;overflow:hidden;transform:rotate(1.5deg);transition:opacity .3s ease,transform .3s ease}.main-menu .menu-button:hover{transform:scale(1.05);z-index:8;box-shadow:0 4px 4px rgba(0,0,0,.35)}.main-menu .menu-button::after{content:"";position:absolute;inset:0;background-repeat:no-repeat;background-position:center 10%;background-size:120%;background-image:url("img/home.webp");opacity:0;transition:opacity .3s ease,transform 1s ease}.main-menu .menu-button:hover::after,.main-menu .menu-button.active::after{opacity:1;transform:scale(1.1)}.main-menu .home-button{background-image:url("img/homeb.webp")}.main-menu .home-button::after{background-image:url("img/home.webp")}.main-menu .comic-books-button{background-image:url("img/readb.webp");transform:rotate(-1deg)}.main-menu .comic-books-button::after{background-image:url("img/read.webp")}.main-menu .create-comic-button{background-image:url("img/createb.webp");transform:rotate(0.5deg)}.main-menu .create-comic-button::after{background-image:url("img/create.webp")}.main-menu .cartoon-shop-button{background-position:center 20%;background-size:140%;background-image:url("img/shopb.webp");transform:rotate(-0.8deg)}.main-menu .cartoon-shop-button::after{background-image:url("img/shop.webp")}.main-menu .photo-to-cartoon-button{background-position:center 20%;background-size:140%;background-image:url("img/photo-to-comicb.webp");transform:rotate(-0.8deg)}.main-menu .photo-to-cartoon-button::after{background-image:url("img/photo-to-comic.webp")}.main-menu .user-button{height:8.5vh;width:12.5vh;cursor:pointer;position:absolute;right:0;bottom:0}.main-menu .user-button .img-wrapper>svg{transition:all .3s ease-in-out;margin-top:-2vh;height:15vh}.main-menu .user-button .img-wrapper>svg:hover{transform:scale(1.1);fill:rgb(255, 0, 0)}.hamburger{position:fixed;top:3vh;left:2vh;width:30px;height:25px;display:none;flex-direction:column;justify-content:space-between;cursor:pointer;z-index:20}.hamburger span{display:block;height:4px;background:rgb(0, 0, 0);border-radius:2px}@media(max-width: 800px){.hamburger{display:flex}.main-menu{position:fixed;top:0;left:0;width:100vw;height:auto;flex-direction:column;align-items:center;background:rgb(255, 255, 255);transform:translateY(-100%);overflow:hidden}.main-menu.open{transform:translateY(0)}.main-menu .menu-button{width:200px;height:80px;background-position-y:40%;flex:0 0 80px}.main-menu .menu-button::after{background-position-y:40%}.main-menu{overflow:hidden;max-height:9vh;transition:all .7s ease-in-out}.main-menu .menu-button{opacity:0;pointer-events:none}.main-menu.open{max-height:80vh}.main-menu.open .menu-button{opacity:1;pointer-events:all}}.popup-page-wrapper{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:100;background-color:rgba(0,0,0,.7)}.login-bubble{z-index:100;position:absolute;bottom:-220px;right:20%;width:270px;height:270px;opacity:0;transition:all .3s ease}.login-bubble:not(.show){opacity:0;pointer-events:none;z-index:-1}.login-bubble.show{opacity:1}.login-bubble .bubble-bg{position:absolute;inset:0;width:100%;height:100%}.login-bubble .wrapper{position:relative;width:100%;height:100%;overflow:hidden}.login-bubble .nav{position:absolute;top:10px;width:30px;height:30px;font-size:1.5rem;line-height:1rem;border:none;border-radius:50%;background:rgb(255, 255, 255);cursor:pointer;z-index:10;top:calc(50% - 15px);border:3px solid rgb(0, 0, 0);padding-bottom:3px;transition:all .3s ease-in-out}.login-bubble .nav.left{left:2px}.login-bubble .nav.right{right:2px}.login-bubble .nav:hover{background:rgb(255, 243, 214);transform:scale(1.1)}.login-bubble .login-slider{display:flex;width:200%;transition:transform .3s ease;height:100%;position:absolute;top:0}.login-bubble .login-form{width:50%;padding:30px 30px;display:flex;flex-direction:column;gap:.8rem;position:relative;align-items:center;justify-content:center;margin-top:14px}.login-bubble .login-form h2{font-family:"Bangers",cursive;font-size:1.8rem;text-align:center;color:rgb(34, 34, 34);margin:0;margin-top:20px}.login-bubble .login-form input{padding:.6rem .8rem;border:0;border-radius:8px;background:rgb(255, 255, 255);font-family:"Comic Neue",cursive;font-size:1rem;color:rgb(34, 34, 34);box-shadow:0px 0px 0 rgb(153, 153, 153);transition:all .2s ease;width:80%}.login-bubble .login-form input:focus{outline:none;background:rgb(254, 254, 254);box-shadow:2px 2px 0 rgb(187, 187, 187)}.login-bubble .login-form input::placeholder{color:rgb(136, 136, 136);opacity:1;font-style:italic}.login-bubble .login-form input:autofill,.login-bubble .login-form input:-webkit-autofill,.login-bubble .login-form input:-webkit-autofill:hover,.login-bubble .login-form input:-webkit-autofill:focus,.login-bubble .login-form input:-webkit-autofill:active{-webkit-box-shadow:0 0 0px 1000px rgb(255, 255, 255) inset;-webkit-text-fill-color:rgb(34, 34, 34);-webkit-transition:background-color 5000s ease-in-out;transition:background-color 5000s ease-in-out}.login-bubble .login-form .button-row{display:flex;gap:.6rem;justify-content:space-between;height:40px;width:80%}.login-bubble .login-form .button-row.google{width:100%}.login-bubble .login-form .button-row button{flex:1;padding:.4rem;border-radius:8px;font-family:"Bangers",cursive;font-size:1rem;border:none;cursor:pointer;transition:background .2s ease}.login-bubble .login-form .button-row button.primary{background:rgb(0, 123, 255);color:rgb(255, 255, 255)}.login-bubble .login-form .button-row button.primary:hover{background:rgb(0, 86, 179)}.login-bubble .login-form .button-row button.google{background:rgb(255, 255, 255);color:rgb(68, 68, 68);border:1px solid rgb(204, 204, 204);width:100%;padding-left:1.5vw;padding-right:1.5vw}.login-bubble .login-form .button-row button.google:hover{background:rgb(236, 236, 236)}.login-bubble .login-form.register{gap:.5rem}.login-bubble .login-form.register input{padding:.4rem .4rem}.login-bubble .login-form.register .button-row{height:30px}.user-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1vh;padding:2vh;position:absolute;top:7%;left:50%;transform:translateX(-50%);width:97%;height:91%;text-align:center;font-family:"Comic Neue",cursive}.user-info h2{margin:0;font-size:30px}.user-info p{margin:0;font-size:22px}.user-info .logout-button{padding:1vh 2vh;border:none;border-radius:.5vh;background:rgb(255, 85, 85);color:rgb(255, 255, 255);cursor:pointer;font-weight:bold;transition:transform .2s ease,background .2s ease}.user-info .logout-button:hover{transform:scale(1.05);background:rgb(255, 51, 51)}.price-badge{background-color:rgb(255, 0, 0);min-width:50px;padding:3px;padding-right:7px;border-radius:30px;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:2px;font-family:"Bangers",cursive;letter-spacing:1px;color:rgba(0,0,0,.8);position:absolute}.price-badge>svg{width:18px;height:18px;fill:rgba(0,0,0,.8)}.in-progress-info{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:5vh}.in-progress-info h1,.in-progress-info h2{margin:3px;padding:0}
.bg-container{position:fixed;top:0;left:0;width:100vw;min-height:100%;z-index:-1;align-items:center;justify-content:center;display:flex}.bg-container .bg-layer{position:absolute;width:100%;height:100%}.bg-container .bg-top{transition-property:opacity;transition-timing-function:ease}.image-fader{position:relative;width:100%;height:100%;z-index:2}.image-fader .image-layer{position:absolute;width:100%;height:100%;background-size:cover;background-position:70% 20%}.image-fader .image-top{background-position:70% 20%;transition-property:opacity;transition-timing-function:ease}
.photo-to-cartoon-page{font-family:"Comic Neue",cursive;color:rgb(34, 34, 34);display:flex;flex-direction:column;position:absolute;top:9vh;height:91vh;left:0}.photo-to-cartoon-page .convert-promo-image{background-size:contain;background-repeat:no-repeat;position:absolute;bottom:0;right:0;background-position-x:right;background-position-y:bottom;width:50%;height:100%;transition:all .3s ease-in-out;opacity:1}.photo-to-cartoon-page .convert-promo-image.hide{opacity:0;z-index:-1;position:absolute}.photo-to-cartoon-page .ptc-features{display:flex;flex-direction:column}.photo-to-cartoon-page .ptc-features .ptc-feature-card{padding:1rem;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;transition:transform .2s ease}.photo-to-cartoon-page .ptc-features .ptc-feature-card:hover{transform:translateY(-2px)}.photo-to-cartoon-page .ptc-features .ptc-feature-card h3{font-size:1.05rem;margin-bottom:.3rem;color:rgb(0, 123, 255)}.photo-to-cartoon-page .ptc-features .ptc-feature-card p{font-size:.9rem;color:rgb(51, 51, 51);line-height:1.5}@media(min-width: 768px){.photo-to-cartoon-page .ptc-features{display:grid;grid-template-columns:repeat(2, 1fr)}.photo-to-cartoon-page .ptc-features .ptc-feature-card{align-items:center;text-align:center}.photo-to-cartoon-page .ptc-features .ptc-feature-card h3{font-size:1.2rem}.photo-to-cartoon-page .ptc-features .ptc-feature-card p{font-size:1rem}}@media(min-width: 1024px){.photo-to-cartoon-page .bubble-wrapper{height:300px}.photo-to-cartoon-page .ptc-features{grid-template-columns:repeat(4, 1fr);height:316px}.photo-to-cartoon-page .ptc-features .ptc-feature-card h3{font-size:1.3rem}.photo-to-cartoon-page .ptc-features .ptc-feature-card p{font-size:1.05rem}}.bubble-wrapper{position:relative;height:220px}.bubble-wrapper h3,.bubble-wrapper p{margin:0;padding:0}.bubble-wrapper h3{color:rgb(0, 123, 255)}.bubble-wrapper>svg{position:absolute;top:0;left:0;width:100%}.bubble-wrapper .text-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;top:0;left:0;height:300px}.ptc-hero{display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;background:linear-gradient(135deg, rgb(0, 123, 255), rgb(0, 212, 255));color:rgb(255, 255, 255);width:100vw;flex:1;position:relative}.ptc-hero .ptc-hero-left{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.ptc-hero .ptc-hero-left .ptc-hero-text{width:60vw;max-width:600px;text-align:center}.ptc-hero .ptc-hero-left .ptc-hero-text h1{font-size:clamp(1.6rem,4vw,3rem);line-height:1.2;margin:0;word-break:break-word;white-space:normal;padding:0;margin:0}.ptc-hero .ptc-hero-left .ptc-hero-text p{font-size:1.1rem;line-height:1.5;margin-top:1rem}@keyframes pulse{0%{box-shadow:0 0 20px rgba(255, 255, 255, 0.4)}100%{box-shadow:0 0 30px rgba(0,0,0,.7)}}.ptc-hero .ptc-hero-left .ptc-drop-area{width:60vw;max-width:600px;border:2px dashed rgb(170, 170, 170);border-radius:10px;background-color:rgb(250, 250, 250);color:rgb(0, 0, 0);min-height:160px;display:flex;align-items:center;justify-content:center;transition:border-color .3s}.ptc-hero .ptc-hero-left .ptc-drop-area:hover{border-color:rgb(25, 118, 210)}.ptc-hero .ptc-hero-left .ptc-drop-area.dragging{transition:all .3s ease-in-out;background:linear-gradient(135deg, rgb(227, 242, 253) 0%, rgb(187, 222, 251) 100%);box-shadow:0 0 25px rgba(25,118,210,.6);transform:scale(1.02);border:none;box-shadow:0 0 10px rgba(0,0,0,.7)}.ptc-hero .ptc-hero-left .ptc-drop-area p{pointer-events:none}.ptc-hero .ptc-hero-right{flex:1;display:flex;align-items:center;justify-content:center;height:100%}.ptc-hero .ptc-hero-right .work-photo{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:rgb(250, 250, 250)}.ptc-hero .ptc-hero-right .work-photo .source-image,.ptc-hero .ptc-hero-right .work-photo .result-image{background-size:cover;background-position:center;background-repeat:no-repeat;background-color:rgb(250, 250, 250);opacity:0;transition:all .5s ease-in-out;position:absolute;inset:0}.ptc-hero .ptc-hero-right .work-photo .source-image.show,.ptc-hero .ptc-hero-right .work-photo .result-image.show{opacity:1}.ptc-hero .ptc-hero-right .work-photo{border-radius:10px;box-shadow:6px 6px 9px rgba(0,0,0,.3);transition:transform .25s ease,box-shadow .25s ease;display:flex;align-items:center;justify-content:center;overflow:hidden}.ptc-hero .ptc-hero-right .work-photo:hover{transform:translateY(-5px) rotate(-1deg) scale(1.03);box-shadow:14px 14px 12px rgba(0,0,0,.35)}.ptc-hero .ptc-hero-right .work-photo span{position:absolute;color:rgb(68, 68, 68);font-size:.9rem;background:rgba(255, 255, 255, 0.8);padding:4px 8px;border-radius:6px}.ptc-hero .ptc-hero-right .work-photo.landscape{width:90%;height:auto;aspect-ratio:16/9}.ptc-hero .ptc-hero-right .work-photo.portrait{height:96%;width:auto;margin-top:2%;margin-bottom:2%;aspect-ratio:3/4}@media(max-width: 1300px){.ptc-hero{flex-direction:column;flex:0 1 50vh}.ptc-hero .ptc-hero-left{width:90vw;justify-content:flex-start;z-index:3;padding-top:4vh;padding-bottom:4vh}.ptc-hero .ptc-hero-left .ptc-hero-text,.ptc-hero .ptc-hero-left .ptc-drop-area{width:90vw}.ptc-hero .ptc-hero-right{position:relative;width:100vw;height:100%;bottom:0;right:0;align-items:flex-end;justify-content:flex-end}.ptc-hero .ptc-hero-right .work-photo.landscape,.ptc-hero .ptc-hero-right .work-photo.portrait{margin-bottom:4vh;width:96%;margin-right:2%;margin-left:2%;height:auto}.ptc-hero .convert-promo-image{position:relative;width:40vw;height:40vh}}@media(max-width: 900px){.ptc-hero .convert-promo-image{width:60vw}}@media(max-width: 600px){.ptc-hero .convert-promo-image{width:80vw}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.loader-overlay{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out;opacity:0;z-index:-1;transition:opacity .3s ease-in-out;pointer-events:none}.loader-overlay.show{opacity:1;z-index:30}.loader-overlay .loader-ring{position:relative;width:90px;height:90px;background:rgba(0,0,0,.35);border-radius:300px;padding:5px}.loader-overlay .loader-ring .loader-ring-inner{width:100%;height:100%;border:6px solid rgba(255, 255, 255, 0.2);border-top-color:rgb(255, 255, 255);border-radius:50%;animation:spin 1.2s linear infinite}.loader-overlay .loader-ring .loader-progress{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:rgb(255, 255, 255);font-weight:500;font-size:1rem;text-shadow:0 0 4px rgba(0,0,0,.3);letter-spacing:.5px}.loader-overlay .loader-ring .loader-msg{position:absolute;top:115%;left:50%;width:200px;transform:translate(-50%, -50%);color:rgb(255, 255, 255);font-weight:400;font-size:16px;text-shadow:0 0 4px rgba(0,0,0,.3);letter-spacing:.5px}.ptc-drop-area{display:flex;gap:46px;justify-content:center;margin-top:16px}.ptc-drop-area .ptc-btn{position:relative;display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:10px;background-color:rgb(0, 102, 204);color:rgb(255, 255, 255);cursor:pointer;transition:background-color .2s;position:relative}.ptc-drop-area .ptc-btn:hover{background-color:rgb(0, 82, 163)}.ptc-drop-area .ptc-btn>svg{width:28px;height:28px}.ptc-drop-area .ptc-btn input.hidden{display:none}.image-action-buttons{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);display:flex;gap:3%;z-index:10;width:50%;height:12%;display:flex;align-items:center;justify-content:center}.image-action-buttons .action-btn{height:100%;aspect-ratio:1/1;border-radius:50%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;transform-origin:center;box-shadow:0 .5vw 1vw rgba(0,0,0,.4)}.image-action-buttons .action-btn.rotate{animation:rotate360 .3s linear}.image-action-buttons .action-btn.download{overflow:hidden}.image-action-buttons .action-btn.download.animate svg{animation:downloadMove .3s ease forwards}.image-action-buttons .action-btn:not(.rotate){transition:all 0s ease}.image-action-buttons .action-btn:hover{background:rgba(255, 255, 255, 0.2);transform:scale(1.15);box-shadow:0 .7vw 1.2vw rgba(0,0,0,.5)}.image-action-buttons .action-btn svg{width:50%;height:50%;transition:transform .3s ease}@keyframes downloadMove{0%{transform:translateY(0);opacity:1}100%{transform:translateY(150%);opacity:0}}@keyframes rotate360{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.favorite-burst-root{position:relative;display:inline-block}.favorite-burst-root .fav-button{appearance:none;border:none;background:rgba(0,0,0,0);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;color:rgb(255, 255, 255);padding:0;outline:none;position:relative;z-index:2;transition:transform .12s ease,color .3s ease}.favorite-burst-root .fav-button svg{transition:transform .2s ease,fill .25s ease,opacity .25s ease}.favorite-burst-root .fav-button.active svg{transform:scale(1.15);fill:rgb(255, 77, 109);opacity:1}.favorite-burst-root .fav-button:not(.active) svg{opacity:.7;fill:rgb(255, 255, 255);transform:scale(1)}.favorite-burst-root .fav-button:active{transform:scale(0.9)}.favorite-burst-root .heart-icon{pointer-events:none}.favorite-burst-root .burst-layer{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:1}.favorite-burst-root .burst-heart{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) translate(0, 0) scale(var(--scale, 1)) rotate(0deg);will-change:transform,opacity;animation:burst-move var(--dur, 900ms) cubic-bezier(0.2, 0.8, 0.2, 1) var(--delay, 0ms) forwards;opacity:1}@keyframes burst-move{0%{opacity:1;transform:translate(-50%, -50%) translate(0, 0) scale(var(--scale, 1)) rotate(0deg)}80%{opacity:1}100%{opacity:0;transform:translate(-50%, -50%) translate(var(--dx, 0px), var(--dy, -100px)) scale(var(--scale, 1)) rotate(var(--rot, 360deg))}}
.purchase-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:2000;font-family:"Poppins","Inter",sans-serif}.purchase-backdrop{position:absolute;inset:0;backdrop-filter:blur(8px)}.purchase-container{position:relative;background:linear-gradient(180deg, rgb(254, 254, 254) 0%, rgb(244, 244, 248) 100%);padding:3rem 2.5rem;max-width:900px;width:90%;border-radius:12px;box-shadow:0 25px 60px rgba(0,0,0,.35);text-align:center;z-index:10;max-height:95vh;overflow-y:auto}.purchase-title{font-size:1.9rem;font-weight:700;color:rgb(28, 28, 28);height:1.9rem;padding:0;margin:0 0 30px 0}.plans-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.plan-card{width:30%;border-radius:12px;background:linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(238, 240, 245) 100%);box-shadow:0 12px 28px rgba(0,0,0,.12);cursor:pointer;position:relative;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;display:flex;flex-direction:column}.plan-card:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 20px 45px rgba(0,0,0,.25)}.plan-card.popular{background:linear-gradient(180deg, rgb(255, 247, 217) 0%, rgb(255, 232, 163) 100%)}.plan-card.selected{border:3px solid rgb(255, 201, 61);box-shadow:0 22px 50px rgba(255,200,61,.35)}.plan-inner{display:flex;flex-direction:column;justify-content:space-between;padding:2rem 1rem 1rem 1rem;height:100%;min-height:240px}.plan-content{display:flex;flex-direction:column;align-items:center}.plan-footer{margin-top:auto}.plan-ribbon{position:absolute;top:0;width:100%;background:linear-gradient(90deg, rgb(255, 216, 107), rgb(255, 200, 61));color:rgb(51, 51, 51);font-weight:600;font-size:.85rem;padding:.4rem 0;box-shadow:0 2px 6px rgba(0,0,0,.15);border-radius:7px 7px 0 0}.plan-name{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:rgb(34, 34, 34)}.plan-credits{font-size:1rem;font-weight:500;color:rgb(51, 51, 51);margin-bottom:.2rem}.plan-bonus{color:rgb(10, 125, 72);font-weight:600;font-size:.9rem;margin:.2rem 0}.plan-price{font-size:1.35rem;font-weight:700;color:rgb(30, 30, 30);margin-top:.5rem}.payment-form{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.payment-error{color:rgb(211, 47, 47);font-weight:600}.pay-btn{background:linear-gradient(90deg, rgb(255, 216, 107), rgb(255, 200, 61));border:none;padding:.8rem 1.5rem;font-weight:700;cursor:pointer;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.pay-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.payment-success{margin-top:2rem;color:rgb(10, 125, 72);font-size:1rem}.payment-form .StripeElement{width:100%;min-height:44px;padding:10px 12px;border:1px solid rgb(204, 204, 204);border-radius:6px;background:rgb(255, 255, 255);box-sizing:border-box}.close-btn{position:absolute;top:14px;right:24px;background:rgba(0,0,0,0);border:none;font-size:45px;cursor:pointer}@media(max-width: 768px){.purchase-container{padding-left:.5rem;padding-right:.5rem;width:100%;max-height:100vh;border-radius:0px}.plan-card{width:30%;max-height:170px}.plans-grid{gap:10px}.plan-inner{padding:10px;min-height:192px}.plan-price{font-size:1.1rem}.plan-name,.plan-credits,.plan-bonus{margin:0}.plan-name{margin-top:30px}.plan-credits{margin-top:10px}.close-btn{top:0px;right:10px}}