.markets-weather-container>.mdc-card{display:none}.markets-weather-container>.mdc-card.loaded{display:flex}.markets-weather-container .location{white-space:nowrap;margin-left:1.5rem;display:flex;height:40px;align-items:center}.markets-weather-container .location i{font-size:1rem}.markets-weather-container .location a{text-decoration:underline;transition:all .3s ease-in-out;width:auto;max-width:0;overflow:hidden}.markets-weather-container .location a span{display:inline-block;padding-left:.625rem}.markets-weather-container .location a.disabled{cursor:not-allowed}.markets-weather-container .location .zip{margin:0 0 0 .325rem;background:none;border:none;color:#000;width:56px;height:18px;text-align:center;outline-style:none;border-bottom:1px solid rgba(0,0,0,0);transition:.2s;line-height:normal;padding:0}.markets-weather-container .location .zip:focus{background-color:rgba(0,0,0,.2);border-bottom-color:#000}.markets-weather-container .location .zip:focus+a{max-width:200px}.markets-weather-container .location .zip:invalid{width:70px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.markets-weather-container .location .zip::-webkit-input-placeholder{color:rgba(0,0,0,.5);text-align:center}.markets-weather-container .location .zip::-moz-placeholder{color:rgba(0,0,0,.5);text-align:center}.markets-weather-container .location .zip:-ms-input-placeholder{color:rgba(0,0,0,.5);text-align:center}.markets-weather-container .weather-container .weather-header{padding:1rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:12px}.markets-weather-container .weather-container .weather-header h6{font-size:24px}.markets-weather-container .weather-container .weather-body{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 1rem}.markets-weather-container .weather-container .weather-body.border-bottom{border-bottom:1px solid #ccc}.markets-weather-container .weather-container .weather-body .current-forecast{font-size:64px;margin-bottom:16px}.markets-weather-container .weather-container .weather-body .current-weather{display:flex;flex-direction:column}.markets-weather-container .weather-container .weather-body .current-weather .temperature{margin-top:8px;font-size:34px;font-weight:normal}.markets-weather-container .weather-container .weather-body .current-weather .conditions{font-size:16px;text-transform:capitalize;color:#ccc;margin:6px 0}.markets-weather-container .weather-container .weather-body .current-weather .place{font-size:20px;margin-bottom:24px;font-weight:500}.markets-weather-container .weather-container .weather-body .forecast{list-style:none;padding:0;width:80%}.markets-weather-container .weather-container .weather-body .forecast li{display:flex;align-items:center;justify-content:space-between}.markets-weather-container .weather-container .weather-body .forecast li>span{display:flex;flex:1;font-size:16px;height:50px;align-items:center}.markets-weather-container .weather-container .weather-body .forecast li .low-high{justify-content:center}.markets-weather-container .weather-container .weather-body .forecast li .low-high .vertical-bar{margin:0 .5rem}.markets-weather-container .weather-container .weather-body .forecast li .weather-icon{justify-content:flex-end;font-size:32px}.markets-weather-container .weather-container .weather-body .forecast li .weather-icon>span{width:28px;text-align:left}.markets-weather-container .markets-container .markets-header{padding:1rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.markets-weather-container .markets-container .markets-header h6{font-size:24px}.markets-weather-container .markets-container .markets-body table{width:100%;text-align:left;margin:0;position:relative}.markets-weather-container .markets-container .markets-body table thead{background-color:#ccc}.markets-weather-container .markets-container .markets-body table thead th{padding-top:.5rem;padding-bottom:.5rem;font-size:12px}.markets-weather-container .markets-container .markets-body table thead th:first-child{padding-left:1rem}.markets-weather-container .markets-container .markets-body table thead th:nth-child(3),.markets-weather-container .markets-container .markets-body table thead th:nth-child(4){text-align:right}.markets-weather-container .markets-container .markets-body table thead th:nth-child(4){padding-right:1rem}.markets-weather-container .markets-container .markets-body table tbody tr td{padding-top:.5rem;padding-bottom:.5rem;font-size:14px}.markets-weather-container .markets-container .markets-body table tbody tr td.positive{color:green}.markets-weather-container .markets-container .markets-body table tbody tr td.negative{color:red}.markets-weather-container .markets-container .markets-body table tbody tr td:first-child{padding-left:1rem}.markets-weather-container .markets-container .markets-body table tbody tr td:nth-child(3),.markets-weather-container .markets-container .markets-body table tbody tr td:nth-child(4){text-align:right}.markets-weather-container .markets-container .markets-body table tbody tr td:nth-child(4){padding-right:1rem}.markets-weather-container .markets-container .markets-body table tbody tr.border{height:1px;background-color:#ccc;margin:0 1rem;position:absolute;width:calc(100% - 2rem)}.markets-weather-container .disclaimer{padding:1rem}.markets-weather-container .disclaimer p{margin:0}.markets-weather-container .disclaimer p:first-child{margin-bottom:.5rem}