:root{--veryDark-blue:#161d30;--Dark-blue:#393f57;--light-gray:#f3f3f3;--btn-purple:#7466f1;--border-gray:#cecece;--green:#2ac871;--red:#ea5455;--blue:#01def8}body{font-family:IRANSansWeb,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--Dark-blue);background-color:var(--light-gray)}body,body #app{height:100vh}body aside{min-height:100vh}body aside ul li:not(:nth-child(2)){cursor:pointer}body main nav .icon-basket,body main nav .icon-bell,body main nav .icon-search{font-size:1.25rem;cursor:pointer}body main article .icon-blue{background-color:rgba(1,224,249,.1);color:var(--blue);cursor:pointer}body main article .icon-green{background-color:rgba(42,198,112,.1);color:var(--green);cursor:pointer}body main article .icon-red{background-color:rgba(234,83,83,.1);color:var(--red);cursor:pointer}body main article .icon-dark{background-color:rgba(41,47,69,.1);color:var(--Dark-blue);cursor:pointer}body main article .btn-purple{background-color:var(--btn-purple);color:var(--light-gray)}body main article .btn-purple:hover{color:#fff}body main article .btn-purple:active{box-shadow:0 0 0 5px rgba(116,102,241,.5)}[class*=" icon-"],[class^=icon-]{font-size:1rem}input:focus{border:1px solid #01def8;box-shadow:0 0 2px 4px rgba(1,223,248,.3)}input{background-color:var(--light-gray);border:1px solid var(--border-gray);font-size:1rem;background-color:#e8e8e8;height:32px;border-radius:16px;border:none;box-shadow:0 0 6px rgba(0,0,0,.28);text-align:center;color:rgba(41,47,69,.75);outline:none}.bg-white{background-color:#fff}.bg-red{background-color:var(--red)!important}.bg-gray{color:var(--red);background-color:var(--light-gray)}@font-face{font-family:IRANSansWeb;src:url(../fonts/IRANSansWeb.244a401e.ttf)}.toggle-btn{width:36px;height:16px;background-color:var(--border-gray);border-radius:8px;position:relative;cursor:pointer}.toggle-btn div{width:10px;height:10px;background-color:var(--red);border-radius:50%;position:absolute;top:3px}.animate-spin{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;display:inline-block}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@font-face{font-family:fontello;src:url(../fonts/fontello.9ade944a.eot);src:url(../fonts/fontello.9ade944a.eot#iefix) format("embedded-opentype"),url(../fonts/fontello.8bcab274.woff2) format("woff2"),url(../fonts/fontello.dc35163b.woff) format("woff"),url(../fonts/fontello.77cd980b.ttf) format("truetype"),url(../img/fontello.d622428b.svg#fontello) format("svg");font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:never;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-bell:before{content:"\e800"}.icon-chart-pie-outline:before{content:"\e801"}.icon-basket:before{content:"\e802"}.icon-search:before{content:"\e803"}.icon-sun:before{content:"\e804"}.icon-moon:before{content:"\e805"}.icon-cw:before{content:"\e806"}.icon-eye:before{content:"\e807"}.icon-th-outline:before{content:"\e808"}.icon-chart-line:before{content:"\e809"}.icon-mail:before{content:"\e80a"}.icon-home-outline:before{content:"\e80b"}.icon-dot-3:before{content:"\e80c"}.icon-spin6:before{content:"\e839"}.icon-dollar:before{content:"\f155"}.icon-percent:before{content:"\f295"}.icon-user-o:before{content:"\f2c0"}