@font-face{font-family:Matura;src:url(/static/media/MATURASC.98f2c065035e25ca369f.ttf)}:root{--primary-color:#211f40;--secondary-color:#f7f7f7;--tertiary-color:#d3b574}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e0dede;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.css-hip9hq-MuiPaper-root-MuiAppBar-root{background-color:#f7f7f7!important;background-color:var(--secondary-color)!important;box-shadow:none!important}.MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium.css-i4bv87-MuiSvgIcon-root{height:2vw!important;width:2vw!important}*{margin:0;padding:0}.logo{align-items:flex-end;display:flex;height:30%;justify-content:center}.logo img{height:auto}.bodywrraper{height:100vh}.body{align-items:center;height:50%}.backgroundlogo,.body{display:flex;justify-content:center}.backgroundlogo{align-content:center}.main-body{background-color:#fff;border-radius:25px;box-shadow:1px 1px 9px 1px #a7a7a7}.login{align-items:center;display:flex;justify-content:center;margin:2vw}.login span{font-size:2vw;font-weight:700}.input-password,.input-username{display:flex;flex-direction:column;margin:1vw}.input-password input,.input-username input{background-color:#e2e2e2;border:none;border-bottom:1px solid #000;height:3vh;outline:none}.input-password label,.input-username label{font-size:1.4vw;font-weight:700;margin-bottom:.8vw}.submit-button{align-items:center;display:flex;justify-content:center;margin:2vw}.submit-button button{background-color:#253779;border:.1vw;border-radius:1vw;border-style:solid;color:#fff;cursor:pointer;font-size:1.2vw}.submit-button button:hover{background-color:#253779;color:#fff;transition:1s ease-in-out}.login-body{display:table;height:100vh;min-height:100vh}.login-wrapper{display:table-cell;vertical-align:middle}.login-wrapper .loginbox{background-color:#fff;border-radius:6px;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;margin:1.875rem auto;min-height:500px}.login-wrapper .loginbox .login-right{align-items:center;display:flex;justify-content:center;padding:40px}.login-wrapper .loginbox .login-right h1{text-align:center}@media (max-width:400px){.input-password label,.input-username label{font-size:4vw}.login span{font-size:5.5vw;margin:1vh}.submit-button button{border-radius:20px;font-size:4vw;height:10vw;margin:2vw}.input-password,.input-username{margin:2vw 3vw}.input-username input{height:3vh;margin-bottom:2vh}}.logout-button{background:var(--primary-color);border:none;border-radius:20px;color:var(--tertiary-color);cursor:pointer;font-size:16px;font-weight:700;height:30px;margin:auto;outline:none;transition:background .3s,-webkit-transform .3s;transition:background .3s,transform .3s;transition:background .3s,transform .3s,-webkit-transform .3s;width:120px}.email{margin-right:10px;padding-inline:10px;padding:5px;pointer-events:none;width:auto}.min-invest{align-items:center;background-color:var(--primary-color);border-top:.1vw solid var(--tertiary-color);color:#fff;display:flex;font-size:.6vw;font-weight:700;justify-content:space-between;text-align:center}.demoversion-text,.min-invest span{color:var(--tertiary-color)}.demoversion-text{font-family:Matura;font-size:2vw}.bottom-panel-buttons{align-items:center;background-color:#e0dede;display:flex;font-size:.7vw;height:55px;justify-content:space-evenly;text-align:center}.bottom-panel-buttons *{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:90%;justify-content:center}.bottom-panel-buttons #first{-webkit-margin-start:.5vw;background-color:var(--primary-color);border-radius:5px;box-shadow:.05vw .05vw .05vw .05vw #3b3b3b;box-shadow:-.05vw -.05vw .05vw .05vw #f9f6f6;color:#fff;margin-inline-start:.5vw;padding-inline:.5vw}.bottom-panel-buttons #first:active{box-shadow:.05vw .05vw .05vw .05vw #f9f6f6}.bottom-panel-buttons #second{background-color:var(--primary-color);border-radius:5px;box-shadow:.05vw .05vw .05vw .05vw #3b3b3b;color:#f05d08;font-weight:700;padding-inline:3.5vw}.bottom-panel-buttons #second:active{box-shadow:-.05vw -.05vw .05vw .05vw #3b3b3b}.bottom-panel-buttons #third{background-color:var(--primary-color);border-radius:5px;box-shadow:.05vw .05vw .05vw .05vw #3b3b3b;color:#1db844;font-weight:700;padding-inline:3.5vw}.bottom-panel-buttons #third:active{box-shadow:-.05vw -.05vw .05vw .05vw #3b3b3b}.bottom-panel-buttons #fourth{background-color:var(--primary-color);border-radius:5px;box-shadow:.05vw .05vw .05vw .05vw #3b3b3b;color:#f7b33d;font-weight:700;padding-inline:1.5vw}.bottom-panel-buttons #fourth:active{box-shadow:-.05vw -.05vw .05vw .05vw #3b3b3b}.bottom-panel-buttons #fifth .number{box-shadow:none;color:#fff;cursor:default!important;font-size:30px;width:100px}.bottom-panel-buttons #fifth{background-color:var(--primary-color);border-radius:5px;box-shadow:.05vw .05vw .05vw .05vw #3b3b3b;color:#fff;cursor:default;font-size:.75vw}.risk-buttons{color:#fff;font-size:30px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-inline:10px;margin-bottom:30px;-webkit-user-select:none;user-select:none}.bottom-panel-buttons #fifth span{cursor:default!important;font-size:.65vw;font-weight:600;margin-top:8px}.bottom-panel-buttons #sixth{background-color:var(--primary-color);border-radius:5px;box-shadow:.05vw .05vw .05vw .05vw #3b3b3b;color:#fff;padding-inline:1vw}.title{align-items:center;background:linear-gradient(to right,var(--primary-color),var(--primary-color) 69%,transparent);color:var(--tertiary-color);font-size:2vw;font-weight:600;height:4.5vh;justify-content:space-between;padding:.5vw;text-align:center;width:97vw}.header-and-img,.title{display:flex}.title-img{margin-left:10px;width:200px}.line-chart{margin-top:.7vw;max-height:-webkit-max-content;max-height:max-content;min-height:55vh;position:relative}.graph-panel{display:flex;flex-direction:column;justify-content:space-between;margin-right:3%;width:75%}.switch-button{background-color:#f0eeee;box-shadow:.05vw .05vw .05vw .05vw #3b3b3b;cursor:pointer;padding:.25vw}.switch-button:active{box-shadow:-.05vw -.05vw .05vw .05vw #3b3b3b}.content{align-items:stretch;display:flex;margin-top:8vh}.info-panel{display:flex;flex-direction:column;justify-content:space-between;width:21%}.portfolio{background:#f7f7f7;border:.1vw solid #ccc;border-radius:8px;box-shadow:0 .2vw .4vw rgba(0,0,0,.1);margin-bottom:1vw;text-align:center;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.portfolio-title{background-color:var(--primary-color);border-bottom:.1vw solid var(--tertiary-color);color:#fff;font-size:1vw;font-weight:700;padding:.1vw 0}.portfolio-info,.portfolio-info-content div{color:var(--tertiary-color)}.portfolio-info{background-color:#211f40;box-shadow:0 .2vw .4vw var(--primary-color);font-size:.7vw;font-weight:600;padding:.4vw}.portfolio-info-content{color:#fff;display:flex;justify-content:space-between;white-space:nowrap}.first-block{background-color:var(--tertiary-color);border:.2vw solid var(--primary-color);border-radius:5px;box-shadow:0 .2vw .4vw var(--primary-color);text-align:center;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.first-block-title{background-color:var(--primary-color);border-bottom:.1vw solid var(--tertiary-color);color:#fff;display:flex;font-weight:700;transition:background-color .2s ease}.first-block-title-first{-webkit-padding-end:1vw;align-items:center;border-right:.1vw solid var(--tertiary-color);display:flex;font-size:.8vw;font-weight:600;margin-left:7px;padding-inline-end:1vw;white-space:nowrap}.first-block-title-second{font-size:1vw;font-weight:700;padding-inline:3.3vw;text-align:center}.performance-details{align-items:center;background-color:var(--primary-color);color:#fff;display:flex;font-size:.7vw;justify-content:space-between;padding:.1vw;text-align:center}.performance-details div{color:var(--tertiary-color)}.date-since{-webkit-padding-end:4vw;background:var(--tertiary-color);color:var(--primary-color);font-weight:600;padding-inline-end:4vw}table{border-collapse:collapse;width:100%}td{border-top:.3vw solid var(--tertiary-color);justify-content:center}.table-row,td{background-color:var(--primary-color);color:#fff}.table-row{border-bottom:.3vw solid var(--tertiary-color)}.perf-percentage,.perf-strat-percentage{background-color:var(--primary-color);border-left:.2vw solid var(--tertiary-color);border-right:.2vw solid var(--tertiary-color);color:var(--tertiary-color);font-size:.9vw}.perf-pa{color:#fff;flex-wrap:column}.perf-pa-percentage{color:var(--tertiary-color)}@media screen and (max-width:1600px){#fifth span{font-size:15px;margin-bottom:-15px}.bottom-panel-buttons #fifth .number{font-size:30px}}.second-block{background-color:var(--secondary-color);border:.2vw solid var(--primary-color);border-radius:5px;box-shadow:0 .2vw .4vw var(--primary-color);margin-top:.7vw;text-align:center;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.calculation-draft-title{border-bottom:.1vw solid var(--tertiary-color);font-size:1vw;font-weight:700}.calculation-draft,.calculation-draft-title{background-color:var(--primary-color);color:#fff;text-align:center}.calculation-draft{align-items:center;display:flex;font-size:.7vw;justify-content:space-between;padding:.1vw}.calculation-draft div{color:var(--tertiary-color)}.summary{background-color:var(--primary-color);color:#fff}.summary-row{display:flex;font-size:1vw;font-weight:600;justify-content:space-between}.summary-row div{color:var(--tertiary-color)}.summary-row-2{display:flex;font-size:1vw;font-weight:600;justify-content:space-between}.summary-row-2 div{color:var(--tertiary-color)}.final-buttons{background-color:#e0dede;display:flex;flex-direction:column}.invest{background-color:#d3b574;box-shadow:.1vw .1vw .3vw var(--primary-color);color:var(--primary-color);font-weight:700;margin-bottom:20px}.infohelp{background-color:var(--primary-color);color:#fff}.final-button{cursor:pointer;font-size:.9vw;padding-bottom:.7vw;padding-top:.7vw;text-align:center}@media screen and (max-height:650px){.content{margin-top:10vw}}@media screen and (max-width:1200px){.portfolio-info{font-size:2.2vw}.bottom-panel-buttons #second,.bottom-panel-buttons #third{padding-inline:0}.logout-button{height:22px;margin-right:50px}.header-and-img{flex-flow:column-reverse wrap}.title-img{height:40px;margin-left:35px;width:200px}.content{display:block}.info-panel{display:flex;flex-direction:row;width:100%}.first-section{display:flex;flex-direction:column;justify-content:space-between;width:50%}.second-block{margin-bottom:0;margin-top:0;width:50%}.bottom-panel-buttons{font-size:2vw;justify-content:space-between;margin-top:5px}.bottom-panel-buttons #fifth .number{box-shadow:none;font-size:3vw}.bottom-panel-buttons #fifth,.bottom-panel-buttons #fifth span{font-size:1.5vw}#fifth span{font-size:15px;font-weight:600;margin-top:25px}.bottom-panel-buttons #sixth{padding-inline:1.5vw}.first-block-title-first{font-size:2vw}.first-block-title-second{font-size:4vw}.performance-details,.portfolio,.portfolio-title{font-size:2vw}table{font-size:3vw}.perf-pa-percentage{padding-left:0}.perf-percentage,.perf-strat-percentage{font-size:3.5vw}.calculation-draft,.calculation-draft-title,.summary-row{font-size:2vw}.summary-row-2{font-size:3vw}.final-button{font-size:3vw;margin-bottom:1.25vw;margin-top:1.25vw;padding:4vw}.min-invest,select{font-size:2vw}select{margin-top:10px}}select{margin-top:10px}@media screen and (max-width:800px){.recharts-text.recharts-cartesian-axis-tick-value{font-size:10px!important}.logout-button{font-size:12px;height:20px;width:80px}.portfolio-info{font-size:2.2vw}}@media screen and (max-width:500px){.fifth-extension{width:100px}.line-chart{height:400px}.bottom-panel-buttons{justify-content:space-between}.logout-button{height:15px;margin-right:26px}#fifth span{font-size:7px;font-weight:600}.header-and-img Header{margin-left:30vw}.title{font-size:15px}.title-img{height:auto;margin-right:8vw;width:30vw}.min-invest{font-size:1.8vw}.bottom-panel-buttons{font-size:2vw}.bottom-panel-buttons *{height:7.5vw}.bottom-panel-buttons #fifth{font-size:2vw}.bottom-panel-buttons #fifth .number{font-size:2.5vw;margin-top:10px;width:30px}.bottom-panel-buttons #fifth span{font-size:8px;margin-top:3px}.risk-buttons{font-size:30px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-inline:18px;margin-bottom:10px}.portfolio-title{font-size:3vw}.first-block-title-first,.portfolio{font-size:2.5vw}.first-block-title-second{font-size:5vw}.performance-details{font-size:2.5vw}.calculation-draft-title{font-size:3vw}.calculation-draft{font-size:2.5vw}.summary-row{font-size:3vw}.summary-row-2{font-size:4vw}.final-button{font-size:4vw;margin-bottom:1.5vw;margin-top:1.5vw;padding:4vw}select{font-size:3vw;margin-bottom:1vw}}@media screen and (min-width:1200px) and (max-width:2200px){.info-panel{min-width:auto}.calculation-draft,.performance-details,.portfolio-info{font-size:.9vw}.min-invest{font-size:.8vw}.summary-row{font-size:1.2vw}.summary-row-2{font-size:1.4vw}tbody{font-size:1vw}}.App{align-items:center;display:flex;flex-direction:column}.main-wrapper{background:#fff;height:100vh;min-height:100vh;width:100%}.account-subtitle{color:#4c4c4c;font-size:17px;margin-bottom:1.875rem;text-align:center}.MuiFilledInput-root{background-color:#fff!important}.container{align-items:center;background-color:#e0dede;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.error-text{font-size:24px;margin-bottom:16px}.error-code,.error-text{color:red;font-weight:700}.error-code{font-size:48px}.top-panel{display:flex;flex-wrap:wrap;justify-content:space-evenly}.top-panel-elements{display:flex;justify-content:center;width:calc(100% - 30px)}.top-panel-element{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1);display:flex;flex-direction:column;font-size:14px;margin:10px;max-width:360px;min-width:150px;overflow:hidden;padding:10px;position:relative;text-align:center;transition:all .3s ease-in-out}.top-panel-element:hover{-webkit-font-smoothing:subpixel-antialiased;background:linear-gradient(45deg,var(--primary-color),var(--tertiary-color));background-color:var(--primary-color);border:1px solid var(--tertiary-color);box-shadow:0 3px 10px rgba(0,0,0,.3);cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transform-origin:51% 51%;transform-origin:51% 51%}.info{align-items:center;display:flex;justify-content:space-between}.info-first{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:initial;color:#fff;font-size:15px;font-weight:700;min-height:50px;padding:5px;white-space:nowrap}.info-first:hover{-webkit-font-smoothing:subpixel-antialiased;-webkit-transform:perspective(-1px);transform:perspective(-1px)}.info-second{align-items:center;background-color:initial;border-radius:5px;color:var(--tertiary-color);display:flex;font-size:15px;font-weight:600;justify-content:center;min-height:50px;padding:3px;transition:background-color .3s ease-in-out;white-space:nowrap}.info-second:hover{background-color:var(--primary-color)}.lock-and-etf{display:flex;justify-content:space-between;margin:10px 0}.block-company-btn{color:#fff;cursor:pointer;font-size:13px;font-weight:700;margin-right:10px;transition:color .3s ease-in-out}.block-company-btn:hover{color:var(--tertiary-color)}.remove-etf-btn{color:#fff;cursor:pointer;font-size:13px;font-weight:700;transition:color .3s ease-in-out}.remove-etf-btn:hover{color:var(--tertiary-color)}@media screen and (max-width:1500px){.top-panel-elements{flex-wrap:wrap}}@media screen and (max-width:1200px){.block-company-btn,.info-first,.info-second,.remove-etf-btn{font-size:12px}}@media screen and (max-width:800px){.block-company-btn,.info-first,.info-second,.remove-etf-btn{font-size:12px}}@media screen and (max-width:500px){.block-company-btn,.remove-etf-btn{font-size:12px}.info-first,.info-second{font-size:12px;min-height:auto}.top-panel-element{font-size:8px}}@media screen and (max-width:280px){.top-panel-element{max-width:100%;padding:10px}.info-first{min-height:auto;text-align:center}.block-company-btn,.info-first,.info-second,.remove-etf-btn{font-size:10px}.info-second{align-items:center;display:flex;justify-content:center;overflow:auto;text-align:center;white-space:normal;width:100%}}.styled-input{background-color:var(--primary-color);border:1px solid var(--tertiary-color);border-radius:3px;color:var(--tertiary-color);font-size:14px;height:25px;padding:5px;width:60px}.invest-now-pop-up-container{background-color:#fff;box-shadow:5px 3px 5px 8px rgba(0,0,0,.14);height:30vh;width:50vw}.invest-now-pop-up-container,.text-container{position:absolute;right:50%;top:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.text-container{align-items:center;display:flex;flex-direction:column}.text-container p{font-size:1.3vw;font-weight:800;text-align:center}.text-container button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.3vw;margin-top:3vh;padding:10px;transition:.1s;width:40%}.text-container button:first-child{background-color:#007bff}.text-container button:nth-child(2){background-color:#dc3545}.text-container button:hover:first-child{background-color:#0069d9}.text-container button:active:first-child{background-color:#007bff}.invest-now-pop-up-container .buttons{display:flex;flex-direction:row;justify-content:space-between;width:100%}@media screen and (max-height:500px){.invest-now-pop-up-container{height:300px!important;padding-top:50px}}@media screen and (max-width:900px){.invest-now-pop-up-container{height:30vh;width:80vw}.text-container p{font-size:3.5vw;font-weight:400}.text-container button{font-size:3vw}.L-top{height:3vh}}.pie-chart-container{left:3vw;position:absolute;top:0;width:30vw}@media (max-width:800px){.pie-chart-container{left:16vw;width:50vw}}