@media only screen and (max-width:479px){.d3-graph-body .loading-graph .loading-area .loading-block{font-size:18px}}@media only screen and (min-width:480px)and (max-width:767px)and (min-height:560px){.d3-graph-body .loading-graph .loading-area .loading-block{font-size:18px}}@media only screen and (min-width:768px)and (max-width:1023px)and (min-height:560px){.d3-graph-body .loading-graph .loading-area .loading-block{font-size:24px}}@media only screen and (min-width:1024px)and (max-width:1199px){.d3-graph-body .loading-graph .loading-area .loading-block{font-size:24px}}@media only screen and (min-width:1200px){.d3-graph-body .loading-graph .loading-area .loading-block{font-size:24px}}#compare-nav-line path{animation:fadein 1s}#compare-nav-line .tick text{font-family:aktiv-grotesk-thai,sanserif;font-size:15px;letter-spacing:0}#compare-nav-line .no-display{visibility:hidden}.area{fill:#b0c4de;stroke-width:0}.modal-default-button{border:0;border-radius:25px;cursor:pointer;font-size:16px;padding:10px;position:relative;width:200px}.modal-default-button.main{background-color:#ffcd00;color:#000}.modal-default-button.main:active{background-color:#999}.modal-default-button.main:hover{box-shadow:0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2)}.modal-default-button.minor{border:1px solid #ffcd00;color:#ffcd00}.modal-default-button.close{background-color:#fff;color:#ffcd00;opacity:1}.modal-default-button.close:active{opacity:.4}.modal-default-button:focus{outline:0}.row{width:100%}.clearfix{clear:both;content:"";display:table}.fund-nav{margin:21px 0 32px;width:100%}@media only screen and (min-width:700px){.fund-nav{display:table;width:100%}.fund-nav .left{display:table-cell;width:40%}}.fund-nav .left .fund-nav-percent h3{color:#333;font-family:aktiv-grotesk-thai,sans-serif;font-size:28px;font-weight:700;margin:0}@media only screen and (min-width:700px){.fund-nav .left .fund-nav-percent h3{font-size:48px}}.fund-nav .left .fund-nav-percent h3 span{font-size:20px}.fund-nav .left .fund-nav-percent h3 .profit{color:#70c87d}.fund-nav .left .fund-nav-percent h3 .loss{color:#cc1042}.fund-nav .left .fund-nav-percent p{color:#ddd;font-size:14px;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:normal;line-height:normal}@media only screen and (min-width:700px){.fund-nav .left .fund-nav-percent p{font-size:16px}}.fund-nav .left .fund-nav-percent p i{font-size:16px;margin-right:10px}.fund-nav .right{text-align:right}@media only screen and (min-width:700px){.fund-nav .right{display:table-cell;width:60%}}.d3-graph-body{min-height:227px;position:relative;width:100%}.d3-graph-body .loading-graph{background:hsla(0,0%,100%,.8);height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.d3-graph-body .loading-graph .loading-area{display:table;height:100%;width:100%}.d3-graph-body .loading-graph .loading-area .loading-block{display:table-cell;text-align:center;vertical-align:middle}.d3-graph-body .loading-graph .loading-area .loading-block i{color:#01172b;font-size:20px}.d3-graph-body .fund-summary-row{margin:20px 0}.no-content{background:#f4f4f6;display:flex;height:calc(100% - 48px);position:absolute;width:100%}.no-content__area{margin:auto}.no-content__block{font-size:10px}.tooltip-rect{border-radius:15px;z-index:9999!important}.toggle-wrapper{margin-top:5px;text-align:center}.toggle-wrapper .toggle{background-color:rgba(1,23,43,.871);border-radius:20px;display:inline-block;margin-left:auto;margin-right:auto;padding:0}.toggle-wrapper .toggle .time{cursor:pointer;display:inline-block;padding:0 15px}.toggle-wrapper .toggle .time.time-picked{background-color:#000;border-radius:20px;color:#fff;cursor:normal;padding-bottom:5px;padding-top:5px}@media only screen and (max-width:479px){.all-focus-tooltip{display:none!important}}.y path{stroke:none}.y .tick line{display:none}.x path{stroke:none}.x .tick line{display:none}text{color:rgba(1,23,43,.871)}