body{font-family:Arial,serif;margin:0;padding:0}nav{align-items:center;background:#000;display:flex;gap:15px;justify-content:flex-end;padding:5px 8px}nav a{border-bottom:1px solid hsla(0,0%,100%,.4);color:#fff;font-size:12px;text-decoration:none}nav a:hover{border-bottom-color:hsla(0,0%,100%,.8)}#total{border-bottom:2px solid #999;display:flex;flex-direction:column;font-size:14px;gap:4px;justify-content:flex-start;order:-2;padding:5px 8px}#total .row{display:flex;gap:10px}#total .row,#total .row.space-between{justify-content:space-between}#total .row.flex-end{justify-content:flex-end}#total-profit,#total-value{font-weight:700}#total-profit{margin-left:auto}.icon{background:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;flex:0 0 auto;height:30px;width:30px}.icon.empty{background:#111}.left.name{align-items:center;display:flex;gap:6px}.left.name .icon+span{display:block;margin-bottom:-2px}.icons-buffer{display:none}#stock{display:inline-flex;flex-direction:column;max-height:none;max-width:100%;overflow:visible;width:800px}.mobile #stock{width:100%}#stock-items-minus{border-bottom:2px solid #999;order:-1}.stock-item{border-top:1px solid #ddd;display:flex;flex-direction:column;gap:8px;padding:5px 8px}.stock-item .today{display:flex;flex-direction:row;gap:8px;width:100%}.stock-item .content{flex:1 1 auto;max-width:calc(100% - 38px)}.stock-item .icon+.content{padding-top:1px}.stock-item:first-child{border:none}.stock-item .top{font-size:14px}.stock-item .top .left{font-weight:700}.stock-item .bottom,.stock-item .top{display:flex;gap:15px}.stock-item .bottom{font-size:12px}.stock-item .left{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-item .right{flex:0 0 auto;white-space:nowrap}.stock-item .value{font-size:13px}.stock-item.etf{background:#eee}small{font-size:10px}.plus{color:#1bc47d}.minus{color:red}.percent,.price{color:blue}.short-name{color:darkred}body.dark{background:#333;color:#fff}body.dark .price{color:#ddd}body.dark #total{border-color:#111}body.dark #stock-items-minus,body.dark .stock-item{border-color:#000}body.dark .short-name{color:violet}body.dark .percent,body.dark .price{color:#b8860b}body.dark .value{color:#ddd}.bottom .left{align-items:center;display:flex;gap:5px}.opening{background:#000;border-radius:10px;flex:0 0 auto;height:6px;width:6px}.opening.open{background:#1bc47d}.opening.before{background:orange}.opening.after{background:#00a1ff}.opening.closed{background:red}.yesterday{background:#242323;border-radius:5px;display:none;font-size:12px;gap:5px;opacity:.7;padding:2px 5px}.yesterday .return{flex:0 0 auto;margin-left:auto}body.more-info .yesterday{display:flex}body.dark .stock-item.etf{background:#222;border-top:1px solid #333}.opening{border:1px solid #000;bottom:4px;box-shadow:0 0 0 1px #333;height:7px;left:30px;position:absolute;width:7px;z-index:10}.stock-item{position:relative}.empty{font-size:8px;justify-content:center}.empty,.switcher{align-items:center;display:flex}.switcher{color:#2196f3;height:30px;margin-top:8px}.switcher-item{background-color:transparent;border:none;border-radius:4px;color:#262b3e;cursor:pointer;display:inline-block;font-size:14px;margin-right:8px;outline:none;padding:6px 8px;text-decoration:none}.switcher-item:hover{background-color:#f2f3f5}.switcher-active-item{color:#262b3e;cursor:default;text-decoration:none}.switcher-active-item,.switcher-active-item:hover{background-color:#e1eff9}#search{background:#5a5a5a;border:none;border-radius:10px;color:#fff;font-size:16px;margin:6px 8px 10px;padding:5px 12px}#search:focus{box-shadow:none;outline:none}#search::-moz-placeholder{color:#ccc}#search::placeholder{color:#ccc}