:root{--header-height: 68px;--footer-height: 34px;--main-height: calc(50px + 50vh) ;--portfolio-height: calc(100vh - var(--main-height) - var(--header-height) - var(--footer-height))}html,body{margin:0;background-color:#1a1a1a}.header{height:var(--header-height);position:relative;z-index:10002}.main{display:flex;flex-direction:row}.stocks-list{flex:3;min-width:0;height:var(--main-height)}.stock-graph{flex:7;min-width:0;height:var(--main-height)}@media(max-width:900px){.stocks-list{flex:4}.stock-graph{flex:6}}.bottom-nav-container{display:none;position:fixed;bottom:0;left:0;right:0;height:110px;z-index:100}@media(max-width:700px){.main{flex-direction:column;height:calc(100vh - var(--header-height) - 50px)}.stocks-list{width:100vw;min-width:unset;height:100%}.stock-graph,.portfolio{display:none}.bottom-nav-container{display:block!important}.footer{height:80px}.mobile-tab-home .stock-graph{display:block;width:100vw;height:40%;flex-shrink:0;order:1}.mobile-tab-home .stocks-list{height:60%;order:2}.mobile-tab-stocks .stocks-list{height:100%}.mobile-tab-portfolio .main{display:none!important}.mobile-tab-portfolio main{height:calc(100vh - var(--header-height) - 50px)}.mobile-tab-portfolio .portfolio{display:block!important;width:100vw!important;height:100%!important;min-height:100%!important;background:#1a1a1a}.mobile-tab-portfolio .portfolio>div,.mobile-tab-portfolio .portfolio>div>div,.mobile-tab-portfolio .portfolio iframe{width:100%!important;height:100%!important;min-height:100%!important}}.portfolio{height:var(--portfolio-height)}.footer{height:var(--footer-height)}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10003}.modal-content{width:510px;height:650px}.confirmation-modal-content{width:510px;height:418px}.profile-popover-backdrop{position:fixed;inset:0;z-index:9999}.profile-popover-container{position:fixed;top:70px;right:20px;width:300px;height:260px;z-index:10001;opacity:0;transform:translateY(-10px);animation:fadeIn .2s ease-out forwards}@media(min-width:701px)and (max-width:900px){.profile-popover-container{width:260px;height:220px}}.profile-popover-container.fade-in{animation:fadeIn .2s ease-out forwards}.profile-popover-container.fade-out{animation:fadeOut .2s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.profile-popover-container.fade-out{animation:fadeOut .1s ease-out forwards}@media(max-width:700px){.profile-popover-backdrop{background-color:#00000080;z-index:10000}.profile-popover-container{position:fixed;inset:0;width:100%;height:100%;transform:none;animation:none;opacity:1;z-index:10001}.profile-popover-container.fade-in{animation:none}.profile-popover-container.fade-out{animation:mobileSlideOut .2s ease-out forwards}@keyframes mobileSlideOut{0%{opacity:1}to{opacity:0}}}