body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--main-bg-color:#fff;--main-text-color:#000;--main-shadow-color:#0000001a;--header-bg-color:#aa80a8;--header-text-color:#ffcef4;--header-text-hover-color:#fff;--button-bg-color:#ffcef4;--button-text-color:#000;--button-active-bg-color:#aa80a8;--button-active-text-color:#fff;--title-color:"#6A4C93"}a{color:inherit;text-decoration:none}.App{align-items:center;background-color:#fff;background-color:var(--main-bg-color);box-sizing:border-box;color:#000;color:var(--main-text-color);display:flex;flex-direction:column;font-size:calc(10px + 1vmin);justify-content:flex-start;min-height:100vh;min-width:99vw;text-align:center;transition:.25s;width:100%}.no-scroll{overflow:hidden!important}@font-face{font-family:TitleFont;src:url(/static/media/Monoton-Regular.1f3bd420f1198c5c85e8.ttf)}@keyframes duckBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes duckBobInverted{0%,to{transform:rotateY(180deg) translateY(0)}50%{transform:rotateY(180deg) translateY(-8px)}}@keyframes AppearBack{0%{opacity:0;transform:scale(0) translateY(100%)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes openStep{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes nextStepAppear{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes prevStepAppear{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes closeStep{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes closeStepToNext{0%{opacity:1;transform:scale(1) translateX(0)}to{opacity:0;transform:translateX(-100%)}}@keyframes closeStepToPrevious{0%{opacity:1;transform:scale(1) translateX(0)}to{opacity:0;transform:translateX(100%)}}.main-page-wrapper,.main-page-wrapper .main-page-default,.main-page-wrapper .main-page-logged{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.main-page-wrapper .main-page-default,.main-page-wrapper .main-page-logged{align-items:center;padding:10px;position:relative}.main-page-wrapper div h2{color:var(--title-color);font-size:3rem}.main-page-wrapper div h2 p{margin:4px}.main-page-wrapper .text-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.main-page-wrapper .text-wrapper p{filter:drop-shadow(0 6px 12px var(--main-shadow-color));font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:4px}.duck-icon{animation:duckBob 3s ease-in-out infinite;color:var(--main-text-color);filter:drop-shadow(0 12px 24px var(--main-shadow-color));height:auto;margin-top:5%;position:absolute;right:15%;top:10px;width:18%}.duck-icon.inverted{animation:duckBobInverted 3s ease-in-out infinite;left:15%;right:0;transform:rotateY(180deg)}.main-page-wrapper .line-separator{background-color:var(--main-text-color);height:3px;width:80%}.main-page-wrapper .h3-title{color:var(--title-color);font-size:2.5rem}.project-examples-description{font-size:1.2rem;margin:15px 0 20px}.projects-examples-wrapper{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;margin:50px 0;width:70%}.how-it-works-wrapper{flex-wrap:wrap;gap:20px;transition:.3s}.how-it-works-step-wrapper,.how-it-works-wrapper{align-items:center;display:flex;justify-content:center}.how-it-works-step-wrapper{width:18%}.how-it-works-step-wrapper:not(.extended){animation:AppearBack .6s ease-in-out forwards;opacity:0;transform:scale(0) translateY(100%)}.how-it-works-step-wrapper.extended{background-color:#00000080;height:100vh;left:0;max-height:100vh;overflow:hidden;position:fixed;top:0;width:100vw;z-index:150}.how-it-works-wrapper .how-it-works-step{align-items:center;background-color:var(--header-bg-color);border:3px solid var(--header-bg-color);border-radius:10px;box-shadow:0 4px 6px var(--main-shadow-color);box-sizing:border-box;color:var(--header-text-color);display:flex;flex-direction:column;font-size:1.2rem;height:auto;justify-content:center;margin:6px;min-height:180px;padding:20px;position:relative;text-align:center;transition:.3s;width:80%}.how-it-works-wrapper .how-it-works-step:hover:not(.extended){border:3px solid var(--main-text-color);box-shadow:0 8px 16px var(--main-shadow-color);cursor:pointer;transform:scale(1.1)}.how-it-works-step-wrapper:focus-visible:not(.extended){outline:none}.how-it-works-step-wrapper:focus-visible:not(.extended) .how-it-works-step,.how-it-works-wrapper .how-it-works-step:focus-visible:not(.extended){border:3px solid var(--main-text-color);box-shadow:0 8px 16px var(--main-shadow-color);cursor:pointer;transform:scale(1.1)}.how-it-works-step.extended{box-shadow:0 16px 32px var(--main-shadow-color);height:80vh;justify-content:flex-start;min-height:250px;overflow:hidden;padding:40px;z-index:200}.how-it-works-step.extended.appear{animation:openStep .4s ease-in-out}.how-it-works-step.extended.next{animation:nextStepAppear .4s ease-in-out}.how-it-works-step.extended.previous{animation:prevStepAppear .4s ease-in-out}.how-it-works-step.closing{animation:closeStep .3s ease-in-out forwards}.how-it-works-step.closing-to-next{animation:closeStepToNext .3s ease-in-out forwards;height:70vh}.how-it-works-step.closing-to-previous{animation:closeStepToPrevious .3s ease-in-out forwards;height:70vh}.how-it-works-step-wrapper:has(.how-it-works-step.closing-to-next),.how-it-works-step-wrapper:has(.how-it-works-step.closing-to-previous){background-color:initial}.how-it-works-step .step-close-btn{background:none;border:none;color:var(--header-text-color);cursor:pointer;font-size:2rem;height:30px;position:absolute;right:25px;top:25px;width:30px;z-index:250}.how-it-works-step .step-number{color:var(--header-text-color);font-size:2rem;font-weight:700;margin-bottom:10px}.how-it-works-step.extended .step-number{font-size:3rem;margin-bottom:20px;margin-top:1%}.how-it-works-step .step-title{font-size:1.5rem;font-weight:700;margin-bottom:8px}.how-it-works-step.extended .step-title{font-size:2rem;margin-bottom:15px}.how-it-works-step .step-description{filter:opacity(.8);font-size:1rem}.how-it-works-step.extended .step-description{font-size:1.2rem;margin-top:20px}.how-it-works-step .step-change-btn{background-color:var(--button-bg-color);border:2px solid var(--button-bg-color);border-radius:5px;box-shadow:0 4px 8px var(--main-shadow-color);color:var(--button-text-color);cursor:pointer;font-size:1rem;margin-top:20px;padding:10px 20px;position:absolute;transition:.3s;z-index:200}.how-it-works-step .step-change-btn:hover{background-color:var(--button-active-bg-color);color:var(--button-active-text-color)}.how-it-works-step .step-change-btn.next{bottom:20px;right:20px}.how-it-works-step .step-change-btn.prev{bottom:20px;left:20px}.extra-1-btn{background-color:var(--button-bg-color);border:2px solid var(--button-bg-color);border-radius:5px;box-shadow:0 4px 8px var(--main-shadow-color);color:var(--button-text-color);cursor:pointer;font-size:1.2rem;margin-top:30px;padding:12px 24px;transition:.3s}.extra-1-btn:hover{background-color:var(--button-active-bg-color);color:var(--button-active-text-color)}.step-extra-content{height:100%;margin-top:20px;width:100%}.step-extra-content .extra-1-cont{flex-direction:column}.step-extra-content .extra-1-cont,.step-extra-content .extra-2-cont{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.step-extra-content .extra-2-cont{gap:5%;position:relative}.extra-2-cont .extra-2-money{font-size:1.5rem;font-weight:700;position:absolute;right:10%;top:0}.extra-2-cont .shopcard{height:60%;max-height:60%;max-width:30%}@media (max-width:768px){.duck-icon{margin-top:0;right:5%;width:15%}.duck-icon.inverted{left:5%}.how-it-works-step-wrapper{width:90%}.how-it-works-step.extended{height:90vh;overflow:visible;padding:10px}.how-it-works-step.extended .step-number{font-size:2.5rem;margin:10px 0}.how-it-works-step.extended .step-title{font-size:1.5rem;margin-bottom:10px;margin-top:0}.how-it-works-step.extended .step-description{font-size:1rem;margin:0}.line-separator{flex-shrink:0;margin:2px!important}.step-extra-content{margin:0}.step-extra-content .extra-2-cont{flex-direction:column;gap:2px}.step-extra-content .card{width:45%}.step-extra-content .extra-2-cont .extra-2-money{font-size:1.2rem;right:5px}.shopcard{height:20%;max-height:20%;max-width:50%!important}.step-change-btn.next,.step-change-btn.prev{bottom:45%!important;font-size:.9rem;padding:8px 16px}.step-change-btn.next{right:-10%!important}.step-change-btn.prev{left:-10%!important}}.project-card{align-items:flex-start;background-color:var(--header-bg-color);border:3px solid var(--header-bg-color);border-radius:10px;box-shadow:0 4px 8px var(--main-shadow-color);box-sizing:border-box;color:var(--header-text-color);cursor:pointer;display:flex;flex-direction:column;height:220px;justify-content:center;max-height:220px;overflow:hidden;padding:20px;position:relative;transition:.35s;width:290px}.project-card:hover:not(:has(.project-delete:hover)){border:3px solid var(--main-text-color);box-shadow:0 8px 16px var(--main-shadow-color);padding:0;transform:scale(1.1)}.project-card .project-card-button{background:none;border:none;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.project-card:has(.project-card-button:focus-visible){border:3px solid var(--main-text-color);box-shadow:0 8px 16px var(--main-shadow-color);padding:0;transform:scale(1.1)}.project-card img,.project-img svg,.project-img svg *{border-radius:5px;height:auto;transition:.3s;width:55%}.project-img svg,.project-img svg *{fill:currentColor!important;stroke:currentColor!important}.project-card h3{bottom:40px;font-size:1.1rem;margin:0 0 0 5px;transition:.3s}.project-card p{bottom:10px;font-size:.8rem;margin:2px 0 0 5px;transition:.3s}.project-delete{background-color:initial;border:none;border-radius:5px;color:var(--header-text-color);cursor:pointer;font-size:1.2rem;padding:5px 8px;position:absolute;right:10px;top:10px;transition:.3s;z-index:3}.project-delete:hover{color:var(--main-text-color);font-size:1.3rem}.line-separator{background-color:var(--header-text-color);height:1px;margin:10px 0;width:100%}.card{align-items:flex-start;background-color:var(--header-bg-color);border:3px solid var(--header-bg-color);border-radius:10px;box-shadow:0 0 8px var(--main-shadow-color);box-sizing:border-box;color:var(--header-text-color);cursor:move;display:flex;flex-direction:column;height:45%;padding:20px;position:relative;width:20%}.card,.image{justify-content:center}.image{align-content:center;display:relative;width:100%}.card svg{aspect-ratio:1/1}.card img,.card svg{border-radius:5px;filter:drop-shadow(0 0 10px var(--main-shadow-color));height:auto;transition:.3s;width:50%}.card img{pointer-events:none}button.plus-button{align-items:center;background:#0000;border:none;cursor:crosshair;display:flex;justify-content:center;left:5%;position:absolute;top:5%;z-index:5!important}button.plus-button:before{background-color:initial;content:"+";font-size:2rem;font-weight:700;position:absolute;z-index:5}.card__description-box{align-items:center;animation:fadeIn .2s ease-in;background-color:#000000d9;border-radius:10px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.card__description-content{color:#fff;max-height:90%;overflow-y:auto;text-align:center}.card h4{font-size:1.2rem;font-weight:700;margin:1rem 0}.card__description-content p{word-wrap:break-word;font-size:.9rem;line-height:1.5;margin:0}.shopcard{align-items:flex-start!important;background-color:var(--header-bg-color);border-radius:10px;box-shadow:0 0 8px var(--main-shadow-color);color:var(--header-text-color);display:flex;flex-direction:column;margin-top:5%;max-height:300px;max-width:200px;padding-left:15px;position:relative;text-align:left}.status-ongoin{background-color:red;box-shadow:0 0 10px #ff0000d9;padding-right:5px}.status-completed,.status-ongoin{align-self:flex-end;border-radius:5px;color:#fff;font-size:.8rem;justify-self:center;padding-left:5px;position:absolute;right:5%;top:25%;z-index:15!important}.status-completed{background-color:green;box-shadow:0 0 10px #00ff00d9}.shopcard h3{align-content:left;font-size:1.2rem;font-weight:700;margin:0 0 2%}.shopcard p{word-wrap:break-word;font-size:.9rem;line-height:1.5;margin:0 0 10%}.image-con{align-content:center;background:#0000!important;display:flex;justify-content:center;margin-top:5%;width:50%;z-index:5!important}.shopcard svg{width:55%}.shopcard img,.shopcard svg{border-radius:5px;filter:drop-shadow(0 0 10px var(--main-shadow-color));height:auto;transition:.3s}.shopcard img{pointer-events:none;width:25%}button.plus-button-shop{align-items:center;background:#0000;border:none;cursor:crosshair;display:flex;height:10%!important;justify-content:center;left:5%;position:absolute;top:5%;width:10%!important;z-index:20!important}button.plus-button-shop:before{background-color:initial;content:"+";font-size:2rem;font-weight:700;height:100%;width:100%}.shopcard__description-box{align-items:center;animation:fadeIn .2s ease-in;background:var(--header-bg-color);border-radius:10px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:30!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.shopcard__description-content{margin:1rem 0 0;max-height:90%;overflow-y:auto;text-align:center}.shopcard__description-content h3{align-content:left;font-size:1rem;font-weight:700;margin:0 0 1rem}.shopcard__description-content p{word-wrap:break-word;font-size:.9rem;line-height:1.5;margin:0}.price{align-items:center;color:var(--main-text-color);cursor:default;display:flex;font-size:1rem;font-weight:700;justify-content:center;position:absolute;right:5%;top:5%}.button,.price{z-index:20!important}.button{align-self:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:none;border-radius:8px;bottom:0;box-shadow:0 4px 8px var(--main-shadow-color);color:var(--header-text-color);cursor:pointer;margin-bottom:7%;margin-right:15px;max-height:40px!important;min-height:30px;position:relative;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,color .15s ease;width:80%}button.buy-button{background-color:#00b450e6;color:#fff}button.buy-button:hover{box-shadow:0 0 8px #00b450e6;transform:translateY(-5px)}button.sell-button{background-color:#d22828f2;color:#fff}button.sell-button:hover{box-shadow:0 0 8px #d22828f2;transform:translateY(-5px)}.start-button{background-color:#276aa1;box-shadow:0 0 8px var(--main-shadow-color)}.start-button:hover{box-shadow:0 0 8px #276aa1;transform:translateY(-5px)}.complete-button{background-color:#e68161;box-shadow:0 0 8px var(--main-shadow-color)}.complete-button:hover{box-shadow:0 0 8px #e68161;transform:translateY(-5px)}button.buy-button:focus,button.complete-button:focus,button.sell-button:focus,button.start-button:focus{outline:2px solid var(--main-text-color);outline-offset:2px}@keyframes floatUp{0%{opacity:0;transform:translateX(0) translateY(0)}5%{opacity:.5;transform:translateX(-50px) translateY(-7.5px)}10%{opacity:1;transform:translateX(-75px) translateY(-15px)}15%{transform:translateX(-90px) translateY(-7.5px)}20%{transform:translateX(-100px) translateY(0)}25%{transform:translateX(-150px) translateY(-7.5px)}30%{transform:translateX(-175px) translateY(-15px)}35%{transform:translateX(-190px) translateY(-7.5px)}40%{transform:translateX(-200px) translateY(0)}45%{transform:translateX(-300px) translateY(-7.5px)}50%{transform:translateX(-200px) translateY(-15px)}55%{transform:translateX(-350px) translateY(-7.5px)}60%{transform:translateX(-375px) translateY(0)}65%{transform:translateX(-400px) translateY(-7.5px)}70%{transform:translateX(-425px) translateY(-15px)}75%{transform:translateX(-450px) translateY(-7.5px)}80%{transform:translateX(-475px) translateY(0)}85%{transform:translateX(-500px) translateY(-7.5px)}90%{transform:translateX(-525px) translateY(-15px)}95%{transform:translateX(-550px) translateY(-7.5px)}to{transform:translateX(-575px) translateY(0)}}.projects-page-wrapper{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.project-title{color:var(--title-color);font-size:2.5rem;margin:30px 0 0}.projects-wrapper{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;gap:50px;justify-content:flex-start;margin-top:50px;padding:30px;width:100%}.refresh-button{background-color:initial;border:none;color:var(--main-text-color);cursor:pointer;font-size:2.5rem;padding:0 20px;position:absolute;right:20px;top:40px;transition:.3s}.refresh-button:hover{filter:brightness(1.5);transform:rotate(90deg) scale(1.2)}.refresh-button:has(.duck-loading.refreshing){filter:brightness(1)!important;transform:rotate(0turn) scale(1)!important;transition:0s!important}.refresh-button .duck-loading{height:50px;position:relative;width:50px}.refresh-button .duck-loading .big-duck{animation:floatUp 4s linear infinite;height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.refresh-button .duck-loading .small-duck{animation:floatUp 4s linear infinite;bottom:0;height:15px;position:absolute;right:0;width:15px}.project-img{color:var(--header-text-hover-color)}.project-card.clicked::-webkit-scrollbar{display:none}.project-card.clicked img{display:none}.new-project-modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:initial;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:200}.new-project-modal .project-modal-card{background-color:var(--header-bg-color);border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;margin-bottom:15%;padding:30px;position:relative;width:30%}.project-modal-card h3{font-size:2.2rem}.project-modal-card input[type=text]{background:#0000;border:none;border-bottom:2px solid var(--header-text-color);color:var(--header-text-color);font-size:1rem;margin-top:10px;outline:none;padding:10px 10px 10px 20px;transition:.25s}.project-modal-card input[type=text]:focus{border-bottom:2px solid #fff;color:#fff}.project-modal-card button{background-color:var(--button-bg-color);border:2px solid var(--button-bg-color);border-radius:5px;color:var(--button-text-color);cursor:pointer;font-size:1.2rem;margin-top:20px;padding:10px;transition:.3s}.project-modal-card button:hover{background-color:var(--button-active-bg-color);color:var(--button-active-text-color)}.project-modal-card input[type=checkbox]{cursor:pointer;height:20px;width:20px}.project-modal-card .public-project-checkbox{align-items:flex-start;display:flex;gap:10px;margin-bottom:30px;margin-top:20px;width:100%}.project-modal-card .close-modal-button{background:#0000;border:none;color:var(--header-text-color);cursor:pointer;font-size:1.5rem;position:absolute;right:30px;top:20px;transition:.3s}.project-modal-card .close-modal-button:hover{background:#0000;color:var(--header-text-hover-color)}.settings-page{background-color:var(--main-bg-color);color:var(--main-text-color);display:flex;flex-direction:row;height:88vh;justify-content:center;width:100%}.settings-side{align-items:center;background-color:var(--header-bg-color);box-shadow:2px 0 5px var(--main-shadow-color);box-sizing:border-box;color:var(--header-text-color);display:flex;flex-direction:column;gap:15px;height:100%;justify-content:flex-start;padding:20px;width:400px}.settings-side h4{color:var(--header-text-color);font-size:2rem;margin:0 0 10px;text-align:center;width:100%}.settings-side-item{align-items:center;background-color:var(--button-bg-color);border:none;border-radius:5px;box-shadow:0 4px 10px var(--main-shadow-color);color:var(--button-text-color);cursor:pointer;display:flex;flex-direction:row;font-size:1rem;gap:6px;justify-content:flex-start;padding:10px;position:relative;text-align:left;transition:.25s;width:95%}.settings-side-item.active,.settings-side-item:hover{background-color:var(--button-bg-active-color);color:var(--button-text-active-color)}.settings-side-item.active{font-weight:700}.settings-info{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;position:relative;width:100%}.settings-info h2{color:var(--main-text-color);font-size:2.5rem;margin:30px 0}.settings-info .account-settings{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}.settings-info .settings-list{height:100%;margin-left:10%;width:90%}.account-data-section,.settings-info .settings-list{align-items:flex-start;display:flex;flex-direction:column}.account-data-section{margin-top:30px;width:40%}.account-data-section h3{font-size:2rem;margin:0}.email-settings-container{align-items:start;display:flex;flex-direction:column;margin:20px;width:100%}.email-settings-container label{font-size:1.6rem;margin-bottom:10px}.email-settings-container .input-container{align-items:flex-start;display:flex;gap:10px;height:auto;width:100%}.email-settings-container .input-container input{background-color:var(--header-bg-color);border:2px solid var(--header-bg-color);border-radius:10px;box-shadow:0 4px 10px var(--main-shadow-color);box-sizing:border-box;color:var(--header-text-color);font-size:1.3rem;min-height:45px;padding:5px;transition:.3s;width:60%}.email-settings-container .input-container input:focus{border:2px solid var(--header-text-color);outline:none}.email-settings-container .save-change-email{background-color:var(--button-bg-color);border:3px solid var(--button-bg-color);border-radius:10px;box-shadow:0 4px 10px var(--main-shadow-color);box-sizing:border-box;color:var(--button-text-color);cursor:pointer;font-size:1.2rem;min-height:45px;transition:.3s;width:30%}.email-settings-container .input-container .save-change-email:hover{background-color:var(--button-active-bg-color);color:var(--button-active-text-color)}.tooltip{color:var(--main-text-color);-webkit-text-decoration:dotted underline;text-decoration:dotted underline}.password-settings-container{align-items:start;display:flex;flex-direction:column;gap:10px;margin:20px;width:100%}.password-settings-container label{font-size:1.6rem;margin-bottom:10px}.password-settings-container input{background-color:var(--header-bg-color);border:2px solid var(--header-bg-color);border-radius:10px;box-shadow:0 4px 10px var(--main-shadow-color);box-sizing:border-box;color:var(--header-text-color);font-size:1.3rem;min-height:45px;padding:5px;transition:.3s;width:60%}.password-settings-container input:focus{border:2px solid var(--header-text-color);outline:none}.save-change-password{background-color:var(--button-bg-color);border:3px solid var(--button-bg-color);border-radius:10px;box-shadow:0 4px 10px var(--main-shadow-color);box-sizing:border-box;color:var(--button-text-color);cursor:pointer;font-size:1.2rem;min-height:45px;transition:.3s;width:30%}.save-change-password:hover{background-color:var(--button-active-bg-color);color:var(--button-active-text-color)}.column-wrapper{display:flex;flex-direction:column;gap:2px}.text-confirmation-popup{color:var(--main-text-color);font-size:1.2rem;margin-bottom:10px}.input-verification-code{background-color:var(--header-bg-color);border:2px solid var(--header-bg-color);border-radius:8px;color:var(--header-text-color);padding:5px;width:50%}.confirm-button,.input-verification-code{box-shadow:0 4px 10px var(--main-shadow-color);box-sizing:border-box;font-size:1.1rem;min-height:40px;transition:.3s}.confirm-button{background-color:var(--button-bg-color);border:3px solid var(--button-bg-color);border-radius:8px;color:var(--button-text-color);cursor:pointer;margin-top:10px;width:20%}.code-verifier-button,button.code-verifier-button{align-items:center;background:#2b8cff;background:var(--button-bg-color,#2b8cff);border:none;border-radius:8px;color:#fff;color:var(--button-text-color,#fff);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;min-height:36px;padding:8px 12px;transition:transform .14s ease,box-shadow .14s ease,opacity .12s ease;-webkit-user-select:none;user-select:none}.code-verifier-button:hover:not(:disabled),button.code-verifier-button:hover:not(:disabled){background:#1f6fe0;background:var(--button-active-bg-color,#1f6fe0);box-shadow:0 6px 18px #0000001f;transform:translateY(-1px)}.code-verifier-button:active,button.code-verifier-button:active{transform:translateY(0)}.code-verifier-button:disabled,button.code-verifier-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.62;transform:none}.code-verifier-button:focus-visible,button.code-verifier-button:focus-visible{outline:3px solid color-mix(in srgb,#2b8cff 25%,#0000);outline:3px solid color-mix(in srgb,var(--button-bg-color,#2b8cff) 25%,#0000);outline-offset:3px}.verifier{background:#fff;background:var(--header-bg-color,#fff);border-radius:10px;box-shadow:0 10px 30px #00000040;box-sizing:border-box;color:#111;color:var(--header-text-color,#111);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;padding:18px;width:320px}.verifier h3{color:#222;color:var(--header-text-color,#222);font-size:1rem;font-weight:700;margin:0 0 10px}.verifier .controls{align-items:center;display:flex;gap:8px;margin-top:6px}.verifier input[type=number],.verifier input[type=password],.verifier input[type=text]{background:#f3f6fb;background:var(--button-bg-color,#f3f6fb);border:1px solid #00000014;border-radius:8px;box-sizing:border-box;color:#111;color:var(--button-text-color,#111);flex:1 1 auto;min-width:0;outline:none;padding:8px 10px;transition:box-shadow .12s ease,border-color .12s ease}.verifier input[type=number]:focus,.verifier input[type=password]:focus,.verifier input[type=text]:focus{border-color:color-mix(in srgb,#2b8cff 40%,#000 10%);border-color:color-mix(in srgb,var(--button-bg-color,#2b8cff) 40%,#000 10%);box-shadow:0 6px 18px #00000014}.verifier .error{color:#ff6b6b;font-size:.92rem;margin-top:8px}.verifier .actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.verifier button{background:#2b8cff;background:var(--button-bg-color,#2b8cff);border:none;border-radius:8px;color:#fff;color:var(--button-text-color,#fff);cursor:pointer;font-weight:600;padding:8px 12px}.verifier button.secondary{background:var(--button-bg-color);border:1px solid #00000014;color:#111;color:var(--main-text-color,#111)}.verifier button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:420px){.verifier{padding:14px;width:calc(100vw - 24px)}.code-verifier-button{min-height:34px;padding:8px 10px}}.BoolButton{align-items:center;background-color:var(--header-text-color);border:4px solid var(--main-bg-color);border-radius:40px;cursor:pointer;display:flex;height:40px;justify-content:space-between;transition:.3s;width:80px}.BoolButton:hover{box-shadow:0 4px 8px var(--main-shadow-color);transform:translateY(-3px)}.BoolButton:focus-visible{box-shadow:0 4px 8px var(--main-shadow-color);outline:none;transform:translateY(-3px)}.CircleSwitch{-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%)}.CircleSwitch,.ThemeIcon{height:30px;position:relative;transition:.3s;width:30px}@keyframes showError{0%{transform:translateY(-40px)}to{transform:translateY(0)}}@keyframes flipModalExit{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(0)}}@keyframes flipModalEnter{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.close-button{background:#0000;border:none;color:var(--header-text-color);cursor:pointer;font-size:2rem;position:absolute;right:30px;top:30px;z-index:3}.login-modal-wrapper{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10}.login-modal,.login-modal-wrapper,.register-modal{align-items:center;display:flex;flex-direction:column;justify-content:center}.login-modal,.register-modal{background-color:var(--header-bg-color);border-radius:10px;box-shadow:0 4px 8px #0003;min-height:300px;padding:20px;position:absolute;width:35%}.login-modal-wrapper div.enter{animation-timing-function:ease-out;animation:flipModalEnter .5s forwards}.login-modal-wrapper div.exit{animation-timing-function:ease-out;animation:flipModalExit .5s forwards}.login-modal,.register-modal{align-items:center;background-color:var(--header-bg-color);border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:20px;position:relative;width:35%}.login-modal h2{color:var(--header-text-color);margin-bottom:20px}.login-form{display:flex;flex-direction:column;gap:15px;width:80%}.login-form label{align-self:flex-start;color:var(--header-text-color);font-size:1.1rem}.login-form input{background:#0000;border:none;border-bottom:2px solid var(--header-text-color);color:var(--header-text-color);font-size:1rem;outline:none;padding:10px 10px 10px 20px;transition:.25s}.login-form input:focus{border-bottom:2px solid #fff;color:#fff}.login-form button{background:var(--header-text-color);border:3px solid var(--header-bg-color);border-radius:5px;color:#000;cursor:pointer;font-size:1.5rem;margin-top:20px;padding:10px 15px;transition:.25s;z-index:3}.login-form button:focus,.login-form button:hover{background:var(--header-bg-color);border:3px solid var(--header-text-color);color:#fff;font-weight:600}.login-form button:focus{outline:none}.error-message{color:red;font-size:1rem;font-weight:600;margin-top:10px;z-index:2}.error-message.show{animation:showError .3s forwards}.login-extra-text{color:var(--header-text-color);font-size:1.2rem;margin:15px 0}.extra-login{align-items:center;display:flex;flex-basis:100%;flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin-top:15px;width:80%}.separation-line{border-bottom:1.5px solid var(--header-text-color);border-top:1.5px solid var(--header-text-color);height:0;margin:20px 0;width:100%}.register-text{align-items:center;display:flex;flex-direction:row;justify-content:center}.register-text p{color:var(--header-text-color);font-size:1.4rem;margin:10px}.register-text .toggle-register{background-color:initial;border:none;color:var(--header-text-color);cursor:pointer;font-size:1.4rem;text-decoration:underline}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(60px,-60px) scale(.5)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes dropdownFadeOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(60px,-60px) scale(.5)}}.dropdown{background-color:var(--header-bg-color);border:1px solid var(--main-text-color);border-radius:4px;box-shadow:0 2px 8px #00000026;color:var(--header-text-color);display:none;min-width:100px;opacity:0;pointer-events:none;position:absolute;right:30%;top:110%;transition:visibility .01s .3s;visibility:hidden;z-index:1000}.dropdown.open{animation:dropdownFadeIn .3s forwards;opacity:1;pointer-events:auto;transition:none;visibility:visible}.dropdown.fade-out,.dropdown.open{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:10px}.dropdown.fade-out{animation:dropdownFadeOut .3s forwards;opacity:0;pointer-events:none;visibility:hidden}.dropdown-menu{align-items:center;display:flex;flex-direction:column;gap:1vh;justify-content:center;text-align:center;width:100%}.Header{background-color:var(--header-bg-color);box-shadow:0 4px 8px var(--main-shadow-color);height:4vh;justify-content:space-between;left:0;min-height:12vh;position:relative;top:0;z-index:100}.Header,.align-left{align-items:center;display:flex;flex-direction:row;width:100%}.align-left{gap:2vw;justify-content:flex-start;margin-left:2vw}.align-right{align-items:center;display:flex;flex-direction:row;gap:2vw;justify-content:flex-end;margin-right:2vw;width:100%}h1{text-wrap:nowrap;color:var(--header-text-color);font-family:TitleFont;font-size:2.4rem;font-weight:100;transition:.3s}h1:hover{filter:brightness(1.5);transform:scale(1.1)}.navigation-menu{flex-direction:row;gap:2vw;margin-left:5vw}.navigation-menu,.navigation-menu a{align-items:center;display:flex;justify-content:center}.navigation-menu a{color:var(--header-text-color);cursor:pointer;flex-direction:column;font-size:1.6rem;font-weight:500;position:relative;text-decoration:none;transition:.25s}.navigation-menu a:hover{color:var(--header-text-hover-color)}.navigation-menu a:focus-visible{color:var(--header-text-hover-color);outline:none}.navigation-menu a:after{background-color:var(--header-text-hover-color);bottom:-5px;content:"";display:absolute;height:4px;left:0;margin-top:5px;transition:width .3s;width:0}.navigation-menu a:hover:after{width:90%}.navigation-menu a:focus-visible:after{width:90%}.navigation-menu a.active{color:var(--header-text-hover-color)}.navigation-menu a.active:after{width:90%}.login-button{align-items:center;background-color:var(--main-bg-color);border:2px solid var(--header-bg-color);border-radius:20px;color:var(--main-text-color);cursor:pointer;display:flex;font-size:1.2rem;font-weight:500;height:50px;justify-content:center;transition:.25s;width:100px}.login-button:hover{background-color:var(--header-bg-color);border:2px solid var(--header-text-color);color:var(--header-text-color);font-size:1.35rem;font-weight:600;transform:scale(1.05)}.login-button:focus-visible{background-color:var(--header-bg-color);border:2px solid var(--header-text-color);color:var(--header-text-color);font-size:1.35rem;font-weight:600;outline:none;transform:scale(1.05)}.user-info{gap:1vw;position:relative}.user-icon,.user-info{align-items:center;display:flex;justify-content:center}.user-icon{background-color:var(--main-bg-color);border:2px solid var(--header-bg-color);border-radius:50%;cursor:pointer;height:70px;overflow:hidden;transition:.25s;width:70px}.user-icon:hover{background-color:var(--header-bg-color);border:2px solid var(--header-text-color);transform:scale(1.05)}.user-icon:focus-visible{background-color:var(--header-bg-color);border:2px solid var(--header-text-color);outline:none;transform:scale(1.05)}.user-icon .UserAvatar{border-radius:50%;height:100%;width:100%}.user-icon .UserAvatar.default-avatar{background-color:#fff;-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);height:90%;width:90%}.sr-only{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}.main-links{flex-direction:column;gap:1vh}.main-links,.main-links a{align-items:center;display:flex;justify-content:center;width:100%}.main-links a{color:var(--header-text-color);cursor:pointer;font-size:1.2rem;font-weight:500;padding:5px 0;text-decoration:none;transition:.25s}.main-links a:hover{background:#ffffff4d;color:var(--main-text-color)}.dropdown-separator{background-color:var(--main-text-color);height:1px;width:100%}.logout-button{align-items:center;background:none;border:none;color:var(--header-text-color);cursor:pointer;display:flex;font-size:1.2rem;font-weight:500;justify-content:center;padding:5px 0;text-decoration:none;transition:.25s;width:100%}.logout-button:hover{background:#ffffff4d;color:var(--main-text-color)}@media (max-width:640px){.Header{height:auto;min-height:10vh;padding:1rem 0}.align-left{gap:1vw;margin-left:3vw}.align-right{gap:1vw;margin-right:1vw}h1{font-size:2.1rem}.navigation-menu{display:none}.login-button{font-size:.9rem;height:40px;width:80px}.login-button:hover{font-size:1rem}.user-icon{height:50px;width:50px}}@media (min-width:641px) and (max-width:1024px){.Header{height:auto;min-height:10vh;padding:.5rem 0}.align-left{gap:1.5vw;margin-left:1.5vw}.align-right{gap:1.5vw;margin-right:1.5vw}h1{font-size:2rem}.navigation-menu{gap:1.5vw;margin-left:3vw}.navigation-menu a{font-size:1.2rem}.login-button{font-size:1rem;height:45px;width:90px}.login-button:hover{font-size:1.2rem}.user-icon{height:60px;width:60px}}@media (min-width:1025px){.Header{min-height:12vh}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-100%) scale(.5)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(-100%) scale(.5)}}@keyframes themePopupEnter{0%{opacity:0;transform:scale(.8) translateY(-40px)}50%{opacity:1;transform:scale(1.05) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes themePopupExit{0%{opacity:1;transform:scale(1) translateY(0)}50%{opacity:.7;transform:scale(1.05) translateY(-20px)}to{opacity:0;transform:scale(.8) translateY(-40px)}}.theme-page{background-color:var(--main-bg-color);color:var(--main-text-color);flex-direction:row;height:88vh;width:100%}.theme-manager-side,.theme-page{display:flex;justify-content:center}.theme-manager-side{align-items:flex-start;background-color:var(--header-bg-color);box-shadow:2px 0 5px var(--main-shadow-color);box-sizing:border-box;color:var(--header-text-color);flex-direction:column;height:100%;padding:20px;width:400px}.theme-manager-side h4{color:var(--header-text-color);font-size:1.8rem;margin:0 0 10px;text-align:center;width:100%}.theme-manager-list{flex-direction:column;gap:10px;height:100%;margin-top:20px;width:100%}.theme-manager-list,.theme-manager-list .theme-button{align-items:center;display:flex;justify-content:flex-start}.theme-manager-list .theme-button{background-color:var(--button-bg-color);border:none;border-radius:5px;box-shadow:0 4px 10px var(--main-shadow-color);color:var(--button-text-color);cursor:pointer;flex-direction:row;font-size:1rem;gap:6px;padding:10px;position:relative;text-align:left;transition:.25s;width:95%}.theme-name{align-items:center;display:flex;gap:10px;justify-content:flex-start}.theme-list-container{align-items:center;display:flex;flex-direction:column;justify-content:space-between;position:relative;width:100%}.theme-button-name-field{background:none;border:none;color:var(--button-active-text-color);display:none;font-size:1rem;font-weight:700;outline:none!important;text-align:left;width:auto}.theme-edit-name{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:17.5px;justify-content:center;padding:0;position:absolute;right:47.5px;top:11.25px;transition:.25s;width:17.5px}.theme-edit-name:hover{transform:scale(1.2)}.theme-edit-name img{filter:invert(100%);height:100%;width:100%}.theme-manager-list .theme-button.active{background-color:var(--button-active-bg-color);color:var(--button-active-text-color);font-weight:700}.theme-manager-list .theme-button.active .theme-name:after{color:var(--button-active-text-color);content:" ✓";font-size:1.2rem;position:absolute;right:15px}.theme-manager-list .theme-button:hover{background-color:var(--button-active-bg-color);color:var(--button-active-text-color);font-weight:700}.theme-create{color:var(--main-text-color);font-size:2rem;text-align:center!important}.theme-choice{align-items:center;background-color:var(--button-active-bg-color);border:3px solid var(--button-text-color);border-left:none;border-radius:5px;box-shadow:0 4px 10px var(--main-shadow-color);display:flex;flex-direction:column;gap:10px;height:200px;justify-content:center;left:100%;opacity:0;padding:10px;pointer-events:none;position:absolute;top:calc(-100% - 32.5px);transform:translateX(-100%) scale(.5);transition:visibility .01s .25s;visibility:hidden;width:200px;z-index:30}.theme-create:hover .theme-choice{animation:fadeInLeft .25s forwards;opacity:1;pointer-events:all;transform:translateX(0) scale(1);transition:none;visibility:visible}option,select{background-color:var(--button-active-bg-color);border-color:var(--button-bg-color);color:var(--button-active-text-color);outline:none}.theme-create:not(:hover) .theme-choice{animation:fadeOutLeft .25s forwards}.theme-choice button{background-color:var(--button-bg-color);border:none;border:2px solid var(--button-active-bg-color);border-radius:5px;color:var(--button-text-color);cursor:pointer;font-size:1rem;padding:10px;transition:.25s;width:100%}.theme-choice button.disabled{cursor:not-allowed;opacity:.5}.theme-choice button:not(.disabled):hover{background-color:var(--button-active-bg-color);border:2px solid var(--button-bg-color);color:var(--button-active-text-color);font-weight:700}.theme-create-popup{animation:themePopupEnter .5s forwards;background-color:var(--header-bg-color);border-radius:12px;box-shadow:0 4px 16px #0003;justify-content:flex-start;left:50%;min-height:250px;min-width:350px;padding:30px 30px 20px;position:fixed;top:30%;transform:translate(-50%,-50%);z-index:20}.theme-create-popup,.theme-import-dropzone{align-items:center;color:var(--header-text-color);display:flex;flex-direction:column}.theme-import-dropzone{border:2px dashed var(--header-text-color);border-radius:5px;cursor:pointer;justify-content:center;margin-bottom:20px;min-height:150px;padding:20px;text-align:center;transition:border-color .2s,background-color .2s;width:70%}.theme-import-dropzone p{cursor:pointer;margin:2px 0;text-align:center}.theme-create-popup.exit{animation:themePopupExit .5s forwards}.theme-create-popup h4{color:var(--header-text-color);font-size:1.5rem;margin-bottom:10px}.theme-create-popup form{display:flex;flex-direction:column;gap:5px;width:100%}.theme-create-popup label{color:var(--header-text-color);font-size:1.1rem;text-align:left}.theme-create-popup input,.theme-create-popup select{background:#0000;border:none;border-bottom:2px solid var(--header-text-color);color:var(--header-text-color);font-size:1rem;margin-bottom:20px;padding:8px 12px;transition:border-color .2s}.theme-create-popup input:focus,.theme-create-popup select:focus{border-color:#fff;color:#fff;outline:none}.theme-create-popup button{background:var(--header-text-color);border:3px solid var(--header-bg-color);border-radius:5px;color:#000;cursor:pointer;font-size:1.2rem;margin-top:15px;padding:10px 15px;transition:.25s}.theme-create-popup button:hover:not(:disabled){background:var(--header-bg-color);border:3px solid var(--header-text-color);color:#fff;font-weight:600}.theme-create-popup button:disabled{cursor:not-allowed;opacity:.5}.theme-create-close{background:none!important;color:var(--header-text-color)!important;position:absolute;right:10px;top:3px}.theme-create-close:hover{border:2px solid var(--header-bg-color)!important;color:var(--button-active-text-color)!important}.theme-manager-info{justify-content:flex-start;position:relative}.theme-manager-editor,.theme-manager-info{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}.theme-manager-editor{justify-content:center}.theme-manager-upgrade{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:20px;text-align:center}.upgrade-button{background:var(--button-bg-color);border:3px solid var(--main-bg-color);border-radius:10px;color:#000;cursor:pointer;font-size:1.2rem;margin-top:15%;padding:10px 15px;text-decoration:none;transition:.25s}.upgrade-button:hover{background:var(--button-active-bg-color);border:3px solid var(--button-bg-color);color:#fff;font-weight:600}.theme-manager-setter{column-gap:5%;flex-direction:row;flex-wrap:wrap;height:100%;row-gap:2%;width:100%}.theme-manager-setter,.theme-manager-warning{align-items:center;display:flex;justify-content:center}.theme-manager-warning{color:red;font-size:1.2rem;font-weight:700;padding:10px;text-align:center;width:90%}.theme-export-container{height:auto;left:10%;position:absolute;top:7%;width:8%}.theme-export-button,.theme-export-container{align-items:center;display:flex;justify-content:center}.theme-export-button{background-color:#045204!important;border:3px solid #77df77!important;border-radius:5px!important;color:#77df77!important;cursor:pointer!important;font-size:1.3rem!important;padding:5px 10px!important;text-align:center;transition:.25s!important;width:100%!important}.theme-export-button:hover{background-color:#070!important;border:3px solid #7f7!important;color:#7f7!important;font-weight:700!important}.theme-export-container .dropdown{right:-110%!important;top:-75%;transform:translate(0)!important}.theme-export-container .dropdown button{align-items:center;background:none;border:none;color:var(--header-text-color);cursor:pointer;display:flex;font-size:1.2rem;font-weight:500;justify-content:center;padding:5px 0;text-decoration:none;transition:.25s;width:100%}.theme-export-container .dropdown button:hover{background:#ffffff4d;color:var(--main-text-color)}.theme-delete-button{align-items:center;background-color:#531010!important;border:3px solid red!important;border-radius:5px!important;color:red!important;cursor:pointer!important;display:flex;font-size:1.3rem!important;justify-content:center;padding:5px 10px!important;position:absolute;right:10%;text-align:center;top:7%;transition:.25s!important;width:8%!important}.theme-delete-button:hover{background-color:#700!important;border:3px solid #f77!important;color:#f77!important;font-weight:700!important}.theme-setting{align-items:center;background-color:var(--header-bg-color);color:var(--header-text-color);display:flex;flex-direction:column;gap:20%;height:20%;justify-content:center;width:20%}.theme-setting input{border:none;cursor:pointer;height:20%;min-height:10%!important;min-width:20%!important;padding:0;width:50%}.input-color-editor{border:2px solid #fff!important;border-radius:5px;padding:2px}.project-client-wrapper{display:flex;height:88vh;overflow:hidden;position:relative;width:100%}.project-client-wrapper .AnimationDiv{background-color:var(--header-bg-color);box-shadow:0 4px 8px var(--main-shadow-color);display:block;height:0;left:50vw;position:absolute;top:100vh;transition:.5s;width:0;z-index:100}.project-client-wrapper .AnimationDiv.Full{display:block;height:100vh;left:0;top:0;transition:0s;width:100vw}.project-content-wrapper{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow:hidden;position:relative;width:100%}.project-content-wrapper .project-header{align-items:flex-end;color:var(--main-text-color);display:flex;height:10vh;justify-content:space-between;padding:0 2vw;width:80%;z-index:5}.project-content-wrapper .project-header h2{font-size:2.5rem;font-weight:700;margin:0}.project-content-wrapper .project-header p{align-items:center;display:flex;font-size:2rem;font-weight:700;justify-content:flex-start;margin:0}.project-content-wrapper .project-workspace{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.project-client-wrapper .project-sidebar{align-items:center;background-color:var(--header-bg-color);box-shadow:0 4px 8px var(--main-shadow-color);display:flex;flex-direction:column;height:100%;justify-content:flex-start;left:0;position:relative;top:0;transition:.3s;width:25vw;z-index:10}.project-client-wrapper .project-sidebar.closed{transform:translateX(100%)}.project-client-wrapper .project-sidebar .sidebar-togglers{align-items:center;background-color:initial!important;display:flex;flex-direction:column;gap:2vw;height:auto;justify-content:center;left:-11.5vw;position:absolute;top:5%;width:15vw}.project-client-wrapper .project-sidebar button{height:13vh;max-height:70px;z-index:1}.project-client-wrapper .project-sidebar div{align-items:center;background-color:var(--header-bg-color);color:var(--header-text-color);display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:100%;z-index:10}img{border-radius:5px;height:auto;transition:.3s;width:50%}.shopcard-container{align-content:center;box-sizing:border-box;gap:10px;height:40%;overflow:auto;scrollbar-color:var(--main-bg-color);scrollbar-width:thin;width:20%}.shopcard-container,.toggle-button{justify-content:center;position:relative}.toggle-button{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;font-size:2rem;overflow:visible;transition:.25s;width:100%}.toggle-button span{color:var(--button-text-color);z-index:2}.toggle-button.active span,.toggle-button:hover span{color:var(--button-active-text-color);font-weight:700}.toggle-button .label-icon{align-items:center;color:var(--button-bg-color);display:flex;filter:drop-shadow(0 6px 6px var(--main-shadow-color));height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;transition:.25s;width:100%;z-index:-1}.toggle-button.active .label-icon,.toggle-button:hover .label-icon{color:var(--button-active-bg-color);filter:drop-shadow(2px 10px 12px var(--main-shadow-color));transition:.25s}.toggle-button span{font-size:1.3rem;font-weight:400;margin-left:5%;text-align:center;width:100%}.profile-page{background-color:var(--main-bg-color);color:var(--main-text-color);min-height:100vh;padding-bottom:4rem}.profile__container{margin:0 auto;max-width:900px;padding:0 2rem}.profile__hero{color:var(--header-text-color);margin-bottom:3rem;padding:5rem 2rem;text-align:center}.profile__hero-content h1{color:var(--title-color);font-size:3rem;font-weight:700;margin:0 0 .5rem}.profile__email{color:var(--main-text-color);font-size:1.1rem;margin:0;opacity:.95}.profile__stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.profile__stat-card{background-color:var(--header-bg-color);border-radius:8px;box-shadow:0 2px 8px var(--main-shadow-color);color:var(--header-text-color);padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.profile__stat-card:hover{box-shadow:0 6px 16px var(--main-shadow-color);transform:translateY(-4px)}.profile__stat-label{display:block;font-size:.85rem;font-weight:500;letter-spacing:.05em;margin-bottom:.5rem;opacity:.9;text-transform:uppercase}.profile__stat-value{display:block;font-size:1.5rem;font-weight:700}.profile__card{background-color:var(--main-bg-color);border:1px solid var(--header-text-color);border-radius:8px;box-shadow:0 2px 4px var(--main-shadow-color);margin-bottom:2rem;padding:2rem;transition:box-shadow .3s ease}.profile__card:hover{box-shadow:0 4px 12px var(--main-shadow-color)}.profile__card h2{color:var(--title-color);font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.profile__card--cta{background:linear-gradient(135deg,#aa80a814,#6a4c9314);border:2px solid var(--button-bg-color);text-align:center}.profile__card--cta p{color:var(--main-text-color);font-size:1.05rem;margin:0 0 1.5rem}.profile__section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.profile__about-text{color:var(--main-text-color);font-size:1rem;line-height:1.6;margin:0}.profile__project-card{background-color:var(--header-bg-color);border:1px solid var(--header-text-color);border-radius:8px;cursor:pointer;padding:1.5rem;transition:all .3s ease}.profile__project-card:hover{border-color:var(--button-bg-color);box-shadow:0 4px 12px var(--main-shadow-color);transform:translateY(-4px)}.profile__project-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.profile__project-card h3{color:var(--title-color);flex:1 1;font-size:1.2rem;margin:0}.profile__project-badge{background-color:var(--button-bg-color);border-radius:4px;color:var(--button-text-color);font-size:.7rem;font-weight:600;margin-left:.5rem;padding:.3rem .6rem;white-space:nowrap}.profile__project-description{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--header-text-color);display:-webkit-box;font-size:.95rem;line-height:1.5;margin:0 0 1rem;overflow:hidden}.profile__project-footer{align-items:center;border-top:1px solid var(--header-text-color);display:flex;justify-content:space-between;padding-top:1rem}.profile__project-money{color:var(--title-color);font-size:1rem;font-weight:700}.profile__empty-state p{margin:0 0 1rem}.profile__cta-btn{background-color:var(--button-bg-color);border:none;border-radius:6px;color:var(--button-text-color);cursor:pointer;font-size:.95rem;font-weight:600;padding:.6rem 1.5rem;transition:all .25s ease}.profile__cta-btn:hover{background-color:var(--button-active-bg-color);color:var(--button-active-text-color);transform:scale(1.05)}.profile__contribution-box{grid-gap:1.5rem;background-color:var(--header-bg-color);border-radius:6px;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:2rem}.profile__contribution-item{align-items:center;display:flex;flex-direction:column;text-align:center}.profile__contribution-number{color:var(--title-color);display:block;font-size:2rem;font-weight:700;margin-bottom:.5rem}.profile__contribution-label{color:var(--header-text-color);display:block;font-size:.9rem;font-weight:500}.profile__linked-accounts{display:flex;flex-direction:column;gap:.75rem}.profile__linked-account-item{align-items:center;background-color:var(--header-bg-color);border-left:3px solid var(--button-bg-color);border-radius:6px;color:var(--header-text-color);display:flex;gap:.75rem;padding:.75rem 1rem}.profile__account-icon{font-size:1.2rem}.profile__contact-btn{background-color:var(--button-bg-color);border:none;border-radius:6px;color:var(--button-text-color);cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:all .25s ease}.profile__contact-btn:hover{background-color:var(--button-active-bg-color);box-shadow:0 4px 12px var(--main-shadow-color);color:var(--button-active-text-color);transform:scale(1.05)}.profile__projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.profile__project-icon{align-items:center;display:flex;font-size:2.5rem;justify-content:center}.profile__empty-state{background-color:var(--header-bg-color);border-radius:6px;padding:2rem;text-align:center}.profile__empty-state p{color:var(--header-text-color);font-size:.95rem;margin:0}@media (max-width:768px){.profile__hero{padding:3rem 1.5rem}.profile__hero-content h1{font-size:2rem}.profile__email{font-size:.95rem}.profile__stats{gap:1rem;grid-template-columns:1fr;margin-bottom:2rem}.profile__card{padding:1.5rem}.profile__card h2{font-size:1.3rem}.profile__container{padding:0 1.5rem}.profile__projects-grid{grid-template-columns:1fr}.profile__contribution-box{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.profile__hero{margin-bottom:1.5rem;padding:2rem 1rem}.profile__hero-content h1{font-size:1.5rem}.profile__email{font-size:.85rem}.profile__container{padding:0 1rem}.profile__card{margin-bottom:1.5rem;padding:1rem}.profile__card h2{font-size:1.1rem}.profile__stats{gap:.75rem}.profile__stat-label{font-size:.7rem}.profile__stat-value{font-size:1.2rem}.profile__contact-btn,.profile__cta-btn{padding:.7rem 1.2rem;width:100%}.profile__contribution-box{gap:1rem;grid-template-columns:1fr}.profile__contribution-number{font-size:1.5rem}.profile__projects-grid{grid-template-columns:1fr}}.Footer{background-color:var(--header-bg-color);border-top:1px solid #ffffff1a;color:var(--header-text-color);padding:3rem 2rem 2rem}.footer__container{margin:0 auto;max-width:1200px}.footer__top{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 3fr 1.5fr;margin-bottom:2rem}.footer__branding h3{color:var(--header-text-color);font-size:1.8rem;font-weight:600;margin:0 0 .5rem}.footer__branding p{color:var(--header-text-color);font-size:.95rem;line-height:1.5;margin:0;opacity:.9}.footer__sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.footer__section h4{color:var(--header-text-color);font-size:1rem;font-weight:600;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.footer__section ul{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.footer__section a{color:var(--header-text-color);font-size:.9rem;opacity:.85;text-decoration:none;transition:all .25s ease}.footer__section a:hover{color:var(--header-text-hover-color);opacity:1}.footer__social h4{color:var(--header-text-color);font-size:1rem;font-weight:600;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.footer__social-links{display:flex;flex-direction:column;gap:.75rem}.footer__social-link{color:var(--header-text-color);font-size:.9rem;opacity:.85;text-decoration:none;transition:all .25s ease}.footer__social-link:hover{color:var(--header-text-hover-color);opacity:1}.footer__divider{background:#fff3;height:1px;margin:2rem 0}.footer__bottom{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.footer__contact,.footer__copyright{color:var(--header-text-color);font-size:.9rem;margin:0;opacity:.7}.footer__contact a{color:var(--header-text-hover-color);text-decoration:none;transition:all .25s ease}.footer__contact a:hover{text-decoration:underline}@media (max-width:768px){.Footer{margin-top:2rem;padding:2rem 1.5rem 1.5rem}.footer__top{gap:2rem;grid-template-columns:1fr}.footer__sections{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.footer__branding h3{font-size:1.5rem}.footer__section h4,.footer__social h4{font-size:.9rem}.footer__bottom{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.Footer{padding:1.5rem 1rem 1rem}.footer__top{gap:1.5rem}.footer__sections{gap:1rem;grid-template-columns:1fr}.footer__branding h3{font-size:1.3rem}.footer__branding p,.footer__section a,.footer__social-link{font-size:.85rem}.footer__contact,.footer__copyright{font-size:.8rem}}.about{background-color:var(--main-bg-color);color:var(--main-text-color);min-height:100vh}.about__container{margin:0 auto;max-width:1200px;padding:0 2rem}.about__hero{color:var(--main-text-color);padding:6rem 2rem;text-align:center}.about__hero-content h1{color:var(--title-color);font-size:3rem;font-weight:500;margin:0 0 1rem}.about__hero-content h1:hover{filter:brightness(1)!important;transform:scale(1)!important}.about__hero-content p{font-size:1.3rem;margin:0;opacity:.95}.about__mission{background-color:var(--main-bg-color);padding:4rem 2rem}.about__mission h2{color:var(--title-color);font-size:2.2rem;font-weight:700;margin:0 0 1.5rem}.about__mission-text{color:var(--main-text-color);font-size:1.1rem;line-height:1.8;margin:0;max-width:800px}.about__features{background-color:var(--main-bg-color);padding:4rem 2rem}.about__features h2{color:var(--title-color);font-size:2.2rem;font-weight:700;margin:0 0 2rem;text-align:center}.about__features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.about__feature-card{background-color:var(--header-bg-color);border-radius:8px;box-shadow:0 2px 8px var(--main-shadow-color);color:var(--header-text-color);padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.about__feature-card:hover{box-shadow:0 4px 16px var(--main-shadow-color);transform:translateY(-4px)}.about__feature-card h3{font-size:1.3rem;font-weight:600;margin:0 0 .75rem}.about__feature-card p{font-size:.95rem;line-height:1.6;margin:0;opacity:.9}.about__team{background-color:var(--main-bg-color);padding:4rem 2rem}.about__team h2{color:var(--title-color);font-size:2.2rem;font-weight:700;margin:0 0 2rem;text-align:center}.about__team-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.about__team-card{background-color:var(--header-bg-color);border-radius:8px;box-shadow:0 2px 8px var(--main-shadow-color);color:var(--header-text-color);padding:2rem;text-align:center;transition:transform .3s ease}.about__team-card:hover{transform:scale(1.02)}.about__team-card h3{font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.about__team-role{color:var(--header-text-hover-color);font-size:.9rem;font-weight:500;margin:0 0 1rem}.about__team-bio{font-size:.95rem;line-height:1.6;margin:0;opacity:.9}.about__cta{color:var(--header-text-color);padding:4rem 2rem;text-align:center}.about__cta h2{font-size:2rem;font-weight:700;margin:0 0 1rem}.about__cta p{font-size:1.1rem;margin:0 0 2rem;opacity:.95}.about__cta-button{background-color:var(--button-bg-color);border-radius:6px;color:var(--button-text-color);display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 2rem;text-decoration:none;transition:all .25s ease}.about__cta-button:hover{background-color:var(--button-active-bg-color);color:var(--button-active-text-color);transform:scale(1.05)}@media (max-width:768px){.about__hero-content h1{font-size:2rem}.about__hero-content p{font-size:1rem}.about__cta h2,.about__features h2,.about__mission h2,.about__team h2{font-size:1.8rem}.about__features-grid,.about__team-grid{gap:1.5rem;grid-template-columns:1fr}.about__mission-text{font-size:1rem}}@media (max-width:480px){.about__hero{padding:3rem 1rem}.about__hero-content h1{font-size:1.5rem}.about__hero-content p{font-size:.9rem}.about__cta,.about__features,.about__mission,.about__team{padding:2rem 1rem}.about__cta h2,.about__features h2,.about__mission h2,.about__team h2{font-size:1.3rem}.about__feature-card,.about__team-card{padding:1.5rem}}
/*# sourceMappingURL=main.69c5e1ba.css.map*/