#products{display:flex;flex-direction:column;align-items:center;gap:16px}#products p{font-size:var(--text-sm)}#products h1{font-size:var(--text-lg);font-weight:900}#products h2{font-size:var(--text-md);font-weight:900;margin-bottom:16px;text-decoration:underline}#products ul{font-size:var(--text-xs)}#products li{margin-bottom:8px}#products li p{position:relative;margin-left:12px;padding-left:12px}#products li p:before{position:absolute;content:"";height:100%;width:2px;background-color:var(--primary-dark);left:0}.product{background-color:var(--embed);border-radius:36px;padding:24px;width:clamp(300px,100%,800px)}.product>p,.product>span{text-align:left}.product>span{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:16px}.product-info{flex:1;min-width:320px}.roadmap{max-height:360px;overflow-y:auto;padding:16px 8px 16px 0;margin:8px 0;mask-image:linear-gradient(to bottom,transparent,var(--embed) 16px,var(--embed) calc(100% - 16px),transparent)}.roadmap::-webkit-scrollbar{width:32px}.roadmap::-webkit-scrollbar-thumb{background-color:var(--primary)}.roadmap::-webkit-scrollbar-thumb,.roadmap::-webkit-scrollbar-track{border:14px solid transparent;background-clip:padding-box;border-radius:100vh}.roadmap::-webkit-scrollbar-track{background-color:var(--bg)}.product-info h4{font-size:var(--text-sm);font-weight:900;margin-bottom:4px;padding:2px 8px;border-radius:100vh}.product-info .implemented h4{color:var(--bg);animation:color-change 1s forwards;animation-delay:inherit}.product-info h4{text-decoration:underline}@keyframes color-change{0%{background-color:var(--embed)}to{background-color:var(--secondary)}}.product-info .sub-features{position:relative;font-size:var(--text-sm);margin-bottom:8px;margin-left:16px;animation-delay:inherit}.product-info .sub-features:before{position:absolute;content:"";height:0;width:2px;transform:translateX(-8px);background-color:var(--secondary);border-radius:100vh}.product-info .implemented .sub-features:before{animation:progress 1s linear forwards;animation-delay:inherit}@keyframes progress{to{height:100%}}.sub-features li{position:relative;animation-delay:inherit}.sub-features li:before{position:absolute;content:"✦";top:calc(50% - 1ch);left:-1.38ch}.implemented:before{top:0;animation:spin-out 1s forwards;animation-delay:inherit}@keyframes spin-out{0%{transform:rotate(0deg)}to{opacity:0;scale:2;transform:rotate(1turn)}}.feature-header{font-size:var(--text-md);text-decoration:underline;margin-bottom:4px;text-align:center}stripe-buy-button{padding:8px;background-color:#5a5149;border-radius:32px}.image-box{--img-height:96px;position:relative;height:var(--img-height);width:100%;overflow-x:auto;background-color:var(--bg);border-radius:24px}.images{display:flex;flex-direction:row;justify-content:center;gap:16px;width:100%}.image-box::-webkit-scrollbar{display:none}.images img{height:var(--img-height);aspect-ratio:16/9;border-radius:24px;background-color:var(--bg);pointer-events:auto}.images img:hover{cursor:pointer}.images img.img-modal{width:80vw;height:auto;pointer-events:auto}.parser h1{font-size:2rem}.parser p{margin:.5rem auto;width:60%}.parse-button{width:fit-content;margin-bottom:2rem}.inputs{flex-direction:column;align-items:center}.inputs,.textareas{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.textareas{flex-direction:row;align-items:flex-start;width:100%}.textareas h2{font-size:1.5rem}.textareas>span{width:calc(50% - 1rem);min-width:400px}.textareas h2{margin-bottom:.5rem}.textareas ul{flex:0.4 0}.parsed-options{flex:1 0}