.background-img{background-image:linear-gradient(#00000080,#00000080),url(https://xjcrdrkyydhthtulirlv.supabase.co/storage/v1/object/public/item-images/itemBackground.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;height:100vh;margin:0;overflow-y:hidden}.login-container{flex-flow:column wrap;place-content:center;align-items:center;gap:2rem;width:auto;padding-top:5%;display:flex}.login-card{outline-offset:-3px;background-image:url(/assets/parchment-DDJmjCGD.png);border:1px solid #aeaeae;border-radius:16px;outline:1px solid #aeaeae;flex-direction:column;gap:1rem;width:100%;min-width:400px;max-width:500px;min-height:300px;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 6px #0000001a}.login-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.login-card h2{letter-spacing:.05em;color:#922610;cursor:pointer;text-align:center;border-bottom:1px solid #922610;margin-bottom:.25rem;font-family:modesto-text,serif;font-size:1.7rem}.login-card p{outline-offset:1px;text-align:center;font-family:bookmania,serif;font-size:.8rem}.login-input{outline-offset:1px;background-color:#f9fafb;border:2px solid #aeaeae;border-radius:8px;outline:1px solid #aeaeae;align-self:center;width:80%;max-height:3rem;margin:.5rem;padding:.1rem .5rem 0;font-family:bookmania,serif;font-size:1.1rem}.login-input:focus{border-color:#922610;outline-color:#922610}.login-row{flex-direction:row;align-items:stretch;display:flex}.login-row-inline{flex-direction:row;justify-content:space-between;align-items:stretch;display:flex}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#9e735a;font-family:-apple-system,system-ui,sans-serif}.card-container{flex-flow:column wrap;justify-content:center;align-items:center;gap:2rem;width:auto;padding-top:2rem;padding-bottom:2rem;display:flex}.card-container.condensed{gap:.1rem}.card{outline-offset:-3px;background-image:url(/assets/parchment-DDJmjCGD.png);border:1px solid #aeaeae;border-radius:16px;outline:1px solid #aeaeae;flex-direction:column;width:100%;max-width:1000px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 6px #0000001a}.card.condensed{border-radius:4px;padding:0}.card-content h2{color:#922610;font-family:modesto-text serif;font-size:1.5rem;font-weight:700}.card-first-row.condensed{padding:.1rem}.card-content.condensed{padding:.2rem}.card-content.condensed h2{padding-top:.4rem;font-size:1rem}.card.condensed:hover{transform:translateY(0)}.card-add-btn{outline-offset:-3px;text-transform:uppercase;letter-spacing:.05em;color:#922610;background-image:url(/assets/parchment-DDJmjCGD.png);border:1px solid #aeaeae;border-radius:16px;outline:1px solid #aeaeae;flex-direction:column;justify-content:center;width:100%;max-width:1000px;min-height:100px;margin-top:2rem;font-family:modesto-text,serif;font-size:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 6px #0000001a}.card-add-btn:hover{cursor:pointer;transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.card-add-btn.condensed{border-radius:4px;min-height:48px;font-size:1rem}.card-add-btn.condensed:hover{transform:translateY(0)}.card-first-row{flex-direction:row;align-items:stretch;padding:1rem;display:flex}.card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.card-text-content{flex-flow:wrap;flex-grow:1;justify-content:center;display:flex}.card-img{object-fit:cover;outline-offset:1px;border:2px solid #922610;border-radius:8px;outline:1px solid #922610;flex-shrink:0;width:100px;height:100px}.card-content{flex-direction:column;flex-grow:1;padding:0 0 0 1rem;display:flex}.card-subcontent{flex-direction:column;flex-grow:1;display:flex}.card-title{color:#111827;margin-bottom:.5rem;font-size:1.25rem}.card-description{color:#4b5563;font-size:.85rem;line-height:1.5}.card-subsections-wrapper{grid-template-rows:0fr;padding:0;transition:grid-template-rows .3s;display:grid}.card.expanded .card-subsections-wrapper{grid-template-rows:1fr}.card-subsections-inner{overflow:hidden}.card-subsections{flex-flow:column wrap;margin-top:auto;padding-top:1rem;display:flex}.subsection{padding:0 .5rem}.subsection-hidden-wrapper{grid-template-rows:0fr;padding:.2rem;transition:grid-template-rows .3s,opacity .3s;display:grid}.subsection.expanded .subsection-hidden-wrapper{grid-template-rows:1fr}.subsection-hidden-inner{overflow:hidden}.subsection-hidden{flex-flow:wrap;margin-top:auto;display:flex}.subsection-hidden-content{color:#4b5563;flex-direction:column;align-self:center;gap:.5rem;padding:0 0 0 .5rem;font-family:bookmania,serif;font-size:.875rem;display:flex}.affinities-container{flex-flow:wrap;gap:1rem;margin-top:auto;display:flex}.subsection-hidden-img{object-fit:cover;width:1.4rem;height:1.4rem}.subsection h4{text-transform:uppercase;letter-spacing:.05em;color:#922610;cursor:pointer;border-bottom:1px solid #922610;align-self:center;width:90%;font-family:modesto-text,serif;font-size:1.05rem}.hidden-sub-h4{text-transform:uppercase;letter-spacing:.05em;color:#aeaeae;cursor:pointer;border-bottom:1px solid #aeaeae;width:90%;margin-bottom:1rem;margin-left:.5rem;font-family:modesto-text,serif;font-size:1.05rem}.hidden-sub-h4:hover{cursor:initial}.tooltip-container{display:inline-flex;position:relative}.tooltip-text{visibility:hidden;opacity:0;color:#f9fafb;text-align:center;white-space:nowrap;z-index:10;pointer-events:none;background-color:#371f1f;border-radius:6px;width:max-content;padding:.35rem .6rem;font-family:bookmania,sans-serif;font-size:.75rem;font-weight:600;line-height:1.2;transition:opacity .2s,visibility .2s;position:absolute;bottom:125%;left:50%;transform:translate(-50%);box-shadow:0 4px 6px #0000004d}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.card.expanded .card-subsections-inner:hover,.subsection.expanded .subsection-hidden-inner:hover{overflow:visible}.menu-background{z-index:5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000038;justify-content:center;justify-self:center;width:100vw;min-height:100vh;padding-bottom:3rem;display:flex;position:fixed;top:0%}.menu-container{outline-offset:-3px;z-index:1000;width:100%;max-width:800px;transform:-50% -50%;scrollbar-width:none;-ms-overflow-style:none;background-image:url(/assets/parchment-DDJmjCGD.png);background-attachment:local;border:1px solid #aeaeae;border-radius:16px;outline:1px solid #aeaeae;flex-direction:column;justify-self:center;max-height:90vh;margin-bottom:2rem;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;top:5%;overflow:hidden auto;box-shadow:0 4px 6px #0000001a}.menu-container::-webkit-scrollbar{display:none}.menu-section{flex-direction:column;align-items:stretch;gap:.5rem;padding:.5rem 1rem;display:flex}.menu-row{flex-direction:row;align-items:stretch;display:flex}.menu-row-inline{flex-direction:row;justify-content:space-between;align-items:stretch;display:flex}.menu-row-offline{flex-direction:column;justify-content:space-between;align-items:stretch;display:flex}.menu-row label,.menu-row-inline label,.menu-row-offline label{text-transform:capitalize;letter-spacing:.05em;color:#922610;cursor:pointer;border-bottom:1px solid #922610;margin-bottom:.25rem;font-family:modesto-text,serif;font-size:1.05rem}.menu-short-input{background-color:#922610}.dynamic-textarea{outline-offset:1px;resize:none;background-color:#f9fafb;border:2px solid #aeaeae;border-radius:8px;outline:1px solid #aeaeae;width:100%;min-height:50px;padding:.65rem;font-family:bookmania,serif;font-size:.875rem;overflow:hidden}.dynamic-textarea:focus{border-color:#922610;outline-color:#922610}.small-input{outline-offset:1px;background-color:#f9fafb;border:2px solid #aeaeae;border-radius:8px;outline:1px solid #aeaeae;width:50%;max-height:2rem;padding:.1rem .5rem 0;font-family:bookmania,serif;font-size:.875rem}.small-input:focus{border-color:#922610;outline-color:#922610}.menu-dropdown{outline-offset:1px;text-align:center;background-color:#f9fafb;border:2px solid #aeaeae;border-radius:8px;outline:1px solid #aeaeae;width:30%;padding:.1rem .5rem 0;font-family:bookmania,serif;font-size:.875rem}.menu-dropdown:focus{border-color:#922610;outline-color:#922610}.menu-dropdown option{outline-offset:1px;text-align:center;background-color:#f9fafb;border:2px solid #aeaeae;border-radius:8px;outline:1px solid #aeaeae;width:30%;padding:.1rem .5rem 0;font-family:bookmania,serif;font-size:.875rem}.menu-img-input{object-fit:cover;flex-shrink:0;width:100%;height:100%}.menu-btn{aspect-ratio:1;color:#aeaeae;outline-offset:1px;background-color:#0000;border:#0000;border-radius:8px;justify-content:center;align-items:center;width:2rem;height:2rem;padding-top:.6rem;font-family:bookmania,serif;font-size:2rem;font-weight:400;display:flex}.menu-btn-icon.search{background-color:#a99467;border-color:#0000;outline-color:#0000;width:1.875rem;height:1.875rem}.menu-btn-icon.search:hover{background-color:#80704e;border-color:#0000;outline-color:#0000}.menu-btn:hover{color:#922610;cursor:pointer;border:2px solid #922610;outline:1px solid #922610}.menu-section h4{text-transform:uppercase;letter-spacing:.05em;color:#922610;cursor:pointer;border-bottom:2px solid #922610;margin-top:.5rem;margin-bottom:.25rem;font-family:modesto-text,serif;font-size:1.05rem}.menu-section h2{text-transform:uppercase;letter-spacing:.05em;color:#922610;cursor:pointer;border-bottom:3px solid #922610;margin-bottom:.25rem;font-family:modesto-text,serif;font-size:1.8rem}.menu-btn-submit{color:#fff;outline-offset:3px;text-transform:uppercase;background-color:#922610;border:#0000;border-radius:16px;justify-content:center;place-self:center;align-items:center;width:100%;max-width:10rem;height:2.5rem;margin:2rem;padding-top:.4rem;font-family:bookmania,serif;font-size:1rem;font-weight:400;display:flex}.menu-btn-submit:hover{cursor:pointer;border:2px solid #922610;outline:3px solid #922610}.menu-btn-icon{opacity:.4;outline-offset:2px;border:2px solid #0000;border-radius:8px;max-width:40px;max-height:40px;padding:.2rem}.menu-btn-icon:hover{opacity:1;cursor:pointer;border:1px solid #922610;outline:2px solid #922610}.menu-btn-icon.condensed:hover{border-color:#0000;outline-color:#0000}.card-search{outline-offset:-3px;background-image:url(/assets/parchment-DDJmjCGD.png);border:1px solid #aeaeae;border-radius:4px;outline:1px solid #aeaeae;flex-direction:column;place-self:center;width:100%;max-width:1000px;min-height:40px;max-height:48px;padding:.5rem;transition:transform .2s,box-shadow .2s,max-height .4s ease-in-out;display:flex;overflow:hidden;box-shadow:0 4px 6px #0000001a}.card-search.expanded{max-height:1000px}.card-search-subsec{justify-content:space-between;align-items:center;width:95%;display:flex}.card-search-bar{background-color:#f9fafb;border:1px solid #aeaeae;border-radius:2px;width:30%;max-height:2rem;margin-right:5%;padding:.1rem .5rem 0;font-family:bookmania,serif;font-size:.875rem}.card-search-bar:active{border-color:#922610}.card-search-row{flex-direction:row;width:100%;margin:0;padding:0;display:flex}.filter-sec{flex-direction:column;width:100%;display:flex}.filter-sec h2{letter-spacing:.05em;color:#922610;margin-bottom:.4rem;font-family:modesto-text,serif;font-size:1.1rem}.filter-sec h3{letter-spacing:.05em;color:#922610;cursor:pointer;border-bottom:1px solid #922610;margin-bottom:.25rem;font-family:modesto-text,serif;font-size:.95rem}.filter-sec h4{letter-spacing:.05em;color:#922610;margin-bottom:.25rem;font-family:modesto-text,serif;font-size:.875rem}.filter-sec p{letter-spacing:.05em;color:#4b5563;margin-bottom:.25rem;font-family:bookmania,serif;font-size:.875rem}.filter-sec-btn-row{flex-flow:wrap;gap:.5rem;padding-left:.2rem;display:flex}.filter-sec-text-btn{background-color:#a994676c;border-radius:16px;justify-content:center;align-items:center;width:auto;margin:0 .4rem;padding:.4rem .4rem 0;line-height:1;display:flex}.filter-sec-text-btn:hover{cursor:pointer}.filter-sec-text-btn.pro{background-color:#a99467d6}.filter-sec-text-btn.con{color:#fff;background-color:#a9676796}html,body{width:100%;height:100%;margin:0;padding:0}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.header{flex:row;z-index:1000;background-color:#151416;border-bottom:2px solid #666;flex-shrink:0;justify-content:space-between;min-height:60px;max-height:60px;margin:0;display:flex;position:sticky;top:0}.header-sec{margin-top:0;margin-bottom:0;display:flex}.header-btn{color:#fff;outline-offset:3px;text-transform:uppercase;background-color:#922610;border:#0000;border-radius:8px;justify-content:center;place-self:center;align-items:center;width:100%;max-width:7rem;min-height:2.1rem;max-height:2.2rem;margin:2rem;padding:.4rem;font-family:bookmania,serif;font-size:.875rem;font-weight:400;display:flex}.header-btn:hover{cursor:pointer}