*.normal-color{--bg-color: #B6D6BD;--header-color: #3E5C76;--white-color: rgb(248, 245, 241);--t-white-color: rgba(248, 245, 241, .5);--t-02-white-color: rgba(248, 245, 241, .2);--pale-text-color: var(--white-color);--section-color: var(--white-color);--black-color: #011627;--t-black-color: rgba(1, 22, 39, .5);--grey-color: #BFBCAF;--green-color: #4F945D;--yellow-color: #E78F33;--red-color: #9D392D;--footer-color: var(--green-color)}*.classic-color{--bg-color: #cee1f0;--header-color: #661aa3;--white-color: rgb(255, 255, 255);--t-white-color: rgba(255, 255, 255, .5);--t-02-white-color: rgba(255, 255, 255, .2);--pale-text-color: var(--white-color);--section-color: var(--white-color);--black-color: #000000;--t-black-color: rgba(0, 0, 0, .5);--grey-color: #d5d5d5;--green-color: #319c47;--yellow-color: #e7b433;--red-color: #b62c2c;--footer-color: var(--green-color)}*.blue-color{--bg-color: #BCE0FA;--header-color: #3E5C76;--white-color: rgb(248, 245, 241);--t-white-color: rgba(248, 245, 241, .5);--t-02-white-color: rgba(248, 245, 241, .2);--pale-text-color: var(--white-color);--section-color: var(--white-color);--black-color: #011627;--t-black-color: rgba(1, 22, 39, .5);--grey-color: #BFBCAF;--green-color: #4F945D;--yellow-color: #E78F33;--red-color: #9D392D;--footer-color: #5389d0}*.pink-color{--bg-color: #EDCDE6;--header-color: #763E59;--white-color: rgb(255, 255, 255);--t-white-color: rgba(255, 255, 255, .5);--t-02-white-color: rgba(255, 255, 255, .2);--pale-text-color: var(--white-color);--section-color: var(--white-color);--black-color: #011627;--t-black-color: rgba(1, 22, 39, .5);--grey-color: #c08a8a;--green-color: #4F945D;--yellow-color: #E78F33;--red-color: #9D392D;--footer-color: #d05387}*.dark-color{--bg-color: #393939;--header-color: #B0DDB9;--white-color: rgb(232, 232, 232);--t-white-color: rgba(232, 232, 232, .5);--t-02-white-color: rgba(232, 232, 232, .2);--pale-text-color: var(--bg-color);--section-color: #252525;--black-color: var(--white-color);--t-black-color: rgba(1, 22, 39, .5);--grey-color: #BFBCAF;--green-color: #4F945D;--yellow-color: #E78F33;--red-color: #9D392D;--footer-color: var(--green-color)}html.small-font{--title-size: 15px;--text-size: 10px}html.medium-font{--title-size: 20px;--text-size: 15px}html.large-font{--title-size: 25px;--text-size: 20px}@font-face{font-family:Livvic;src:url(/fonts/Livvic-Bold.ttf)}@font-face{font-family:Baloo2;src:url(/fonts/Baloo2-Regular.ttf)}*{box-sizing:border-box;margin:0;padding:0}.none{display:none!important}.dragged{-webkit-box-shadow:5px 5px 18px -1px var(--t-black-color);box-shadow:5px 5px 18px -1px var(--t-black-color);border-radius:5px}html{min-height:calc(100% + env(safe-area-inset-top));padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body{background:var(--bg-color);margin:0 15px}h1{font-family:Livvic;font-size:var(--title-size);color:var(--white-color)}h2{font-family:Livvic;font-size:var(--title-size);color:var(--black-color)}p{font-family:Baloo2;font-size:var(--text-size);color:var(--black-color)}input{background:none;border:none;font-family:Livvic;font-size:var(--title-size);color:var(--black-color)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}hr{height:0;border:none;border-bottom:var(--grey-color) solid 1px;background:var(--white-color);position:relative;z-index:2}button{background:var(--header-color);border-radius:50%;border:none;color:var(--pale-text-color)}header{position:fixed;top:calc(15px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:10000;width:calc(100% - 30px);display:flex;justify-content:space-between;background:var(--header-color);padding:15px;border-radius:5px}header h1{color:var(--pale-text-color)}header span{position:relative;font-family:Livvic;font-size:var(--title-size);color:var(--pale-text-color);display:inline-flex;justify-content:flex-end;max-width:100%;margin-right:30px}header span:after{content:" / mo";font-size:calc(var(--text-size) * .8);position:absolute;top:50%;transform:translate(110%,-50%)}header input{color:var(--pale-text-color);text-align:right;padding:0 5px;width:80%}header input::placeholder{color:var(--pale-text-color)}.sectionsCont{margin-top:90px}.sectionCont{position:relative;margin:15px 0 0}.sectionCont .deleteSection{background:var(--red-color);border-radius:5px;position:absolute;top:1px;bottom:1px;left:1px;right:1px;z-index:1;display:flex;align-items:center;justify-content:flex-end}.sectionCont .deleteSection p{color:var(--white-color);padding:15px}section{background:var(--section-color);border-radius:5px;padding:15px;overflow:hidden;position:relative;z-index:2}section .secTop{display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding-bottom:15px}section .secTop .secName{font-family:Livvic;font-size:var(--title-size)}section input{font-family:Baloo2;font-size:var(--text-size);width:80%}section textarea{font-family:Baloo2;font-size:var(--text-size);width:80%;border:none;background-color:transparent;color:var(--black-color);resize:none}section .addSubCont{width:100%;background:var(--section-color);position:relative;z-index:3;display:flex;align-items:center;flex-direction:row;padding-top:7.5px}section .addSubCont .addSub{width:20px;height:20px}section .addSubCont p{padding-left:7.5px}section .subSectionCont{position:relative}section .subSectionCont .subSection{display:flex;justify-content:space-between;padding:5px 7.5px;position:relative;z-index:2;background:var(--section-color)}section .subSectionCont .subSection>div{display:flex}section .subSectionCont .subSection>div .icon{width:calc(var(--title-size) + 5px)}section .subSectionCont .subSection span:after{content:"$ ";font-family:Baloo2;font-size:var(--text-size);color:var(--black-color)}section .subSectionCont .subSection .price{text-align:right;margin-right:3px}section .subSectionCont .deleteTab{background:var(--red-color);padding:5px 7.5px;position:absolute;top:0;bottom:0;left:1px;right:1px;z-index:1}section .subSectionCont .deleteTab p{color:var(--white-color);text-align:right}.addSection{display:block;margin:15px auto 200px;width:50px;height:50px;font-size:35px;line-height:0;padding-bottom:3px}.handle circle{fill:var(--bg-color)}.plus-bar{scale:1 1;transform-origin:50% 50%}.hide{scale:1 0}.is-add-svg path{fill:#d6b6b6;transition:all .3s ease}.is-add-svg.is-add path{fill:#b6d6bd}footer{position:fixed;bottom:15px;left:50%;transform:translate(-50%);z-index:10000;width:calc(100% - 30px);height:80px;background:var(--footer-color);border-radius:5px;overflow:hidden;touch-action:none}footer>div{padding:15px;display:flex;justify-content:space-between;align-items:center;background-color:var(--footer-color);position:relative;z-index:2}footer .balance{border-radius:inherit;position:relative;transition:background-color .3s ease-in-out}footer .balance p span{font-size:var(--text-size)}footer .balance.good{background:var(--green-color)}footer .balance.mid{background:var(--yellow-color)}footer .balance.bad{background:var(--red-color)}footer .balance:before{content:"";display:block;width:60px;height:3px;background:var(--t-white-color);border-radius:10px;position:absolute;left:50%;top:7px;transform:translate(-50%)}footer .objectiveCont{display:flex;justify-content:flex-end}footer .objectiveCont input{padding-right:3px}footer .objectiveCont:after{content:" $";font-family:Livvic;font-size:var(--title-size);color:var(--white-color)}footer h1{color:var(--white-color)}footer p{font-family:Livvic;font-size:var(--title-size);color:var(--white-color)}footer input{text-align:right;color:var(--white-color);width:80%}footer hr{margin:0 15px;border-bottom:var(--t-white-color) solid 1px;background:var(--footer-color)}footer .progressBar{border:2px solid var(--white-color);border-radius:100px;height:25px;padding:0;position:relative;margin:0 15px;overflow:hidden}footer .progressBar p{position:absolute;top:50%;left:5px;transform:translateY(-50%);font-size:var(--text-size);font-family:Baloo2}footer .progressBar span{position:absolute;top:0;left:0;display:block;width:0%;height:100%;background:var(--t-02-white-color, )}footer .settingsBtn{position:absolute;bottom:15px;right:15px;z-index:0;font-size:30px;color:var(--pale-text-color);background:var(--header-color);width:45px;height:45px;border-radius:50%}footer .settingsBtn svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.settingsCont{position:fixed;top:0;left:100%;width:100%;height:100%;z-index:9999999;background:var(--section-color);padding:calc(15px + env(safe-area-inset-top)) 15px 15px;transition:all .3s ease-in}.settingsCont.open{left:0}.settingsCont>div{display:flex;align-items:center;justify-content:space-between;padding:15px}.settingsCont>div:first-of-type{justify-content:start;padding:0 0 15px}.settingsCont>div button{width:35px;height:35px;font-size:20px}.settingsCont>div .upload-label{background:var(--header-color);border-radius:50%;border:none;color:var(--pale-text-color);width:35px;height:35px;font-size:20px;display:flex;justify-content:center;align-items:center}.settingsCont>div .upload-label svg{transform:translateY(-1px)}.settingsCont>div input{font-size:var(--title-size);width:30px}.settingsCont>div .checkBoxesCont{overflow-y:scroll;padding-right:15px;height:100px}.settingsCont>div .checkBoxesCont>div{display:flex;justify-content:flex-end;align-items:center;padding:7.5px 0}.settingsCont>div .checkBoxesCont>div label{font-family:Baloo2;font-size:var(--text-size);padding-right:7.5px;color:var(--black-color);white-space:nowrap}.settingsCont>div .checkBoxesCont>div input[type=checkbox]{width:20px;height:20px;border-radius:5px;accent-color:var(--white-color)}.settingsCont .backBtn{width:40px;height:40px;font-size:25px;margin-right:15px}.settingsCont h1{color:var(--black-color)}.settingsCont select{color:var(--black-color);font-family:Baloo2;font-size:var(--title-size);border:none;background:var(--section-color)}.colorPalette{display:flex}.colorPalette span{display:block;border:none;width:20px;height:20px}.colorPalette span:nth-child(1){background:var(--bg-color)}.colorPalette span:nth-child(2){background:var(--header-color)}.colorPalette span:nth-child(3){background:var(--black-color)}.colorPalette span:nth-child(4){background:var(--grey-color)}.softBg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--t-white-color);z-index:99999999;display:flex;justify-content:center;align-items:center}.softBg .palettesCont{background:var(--white-color);padding:15px;border-radius:5px;-webkit-box-shadow:0px 0px 15px 1px var(--t-black-color);box-shadow:0 0 15px 1px var(--t-black-color)}.softBg .palettesCont .colorPalette{margin:15px}.softBg .palettesCont .colorPalette span{width:40px;height:40px}.popup-container{max-width:calc(100% - 30px);position:relative;background-color:var(--section-color);border-radius:5px;-webkit-box-shadow:5px 5px 18px -1px var(--t-black-color);box-shadow:5px 5px 18px -1px var(--t-black-color)}.popup-container.has-image{padding-top:30px}.popup-container .price-image{background-color:var(--section-color);border-radius:50%;width:150px;height:150px;border:10px solid #FABA5B;display:flex;justify-content:center;align-items:center;position:absolute;left:50%;top:-43%;transform:translate(-50%);z-index:99}.popup-container .price-image p{font-size:60px}.popup-container img{border-radius:20%;position:absolute;left:50%;top:0;transform:translate(-50%,-65%);z-index:99;-webkit-box-shadow:5px 5px 18px -1px var(--t-black-color);box-shadow:5px 5px 18px -1px var(--t-black-color)}.popup-container .text-container{padding:30px 15px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px}.popup-container .text-container h1{color:var(--black-color);font-size:calc(var(--title-size) * 1.28)}.popup-container .text-container p{font-size:calc(var(--text-size) * 1.5);text-align:center;line-height:calc(var(--text-size) * 2.5)}.popup-container .text-container p span{padding:0 5px;color:#007aff}.popup-container .text-container button{font-family:Baloo2;font-size:calc(var(--text-size) * 1.5);border-radius:calc(var(--text-size) * 1.5);padding:0 30px}.popup-container .text-container .btn-container{display:flex;gap:15px}.desktop-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:50px;position:absolute;top:0;left:0;width:100%;height:100%}.desktop-container .qr-code{width:400px;height:400px;background:linear-gradient(130deg,#f8f5f1,#b6d6bd);border-radius:20%;-webkit-box-shadow:5px 5px 18px -1px var(--t-black-color);box-shadow:5px 5px 18px -1px var(--t-black-color)}.desktop-container h1{color:var(--black-color);font-size:30px}