#market-carpet g:hover>rect{filter:brightness(1.2)}.section-expandable{cursor:pointer}.market-carpet-grid{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 40px;margin:0 auto;padding:10px 0;gap:5px;width:98%}.market-carpet-grid .carpet-container{display:flex;grid-column:1/-1;grid-row:1/1;position:relative}.market-carpet-grid .carpet-container svg text{user-select:none}.market-carpet-grid .note-container{grid-column:1/1;display:flex;align-items:center}.market-carpet-grid .note-container>p{margin:unset}.market-carpet-grid .legend-container{grid-column:2/2;display:flex;flex-direction:row;justify-content:end;align-items:center;gap:10px}.market-carpet-grid .legend-container #carpet-timestamp{font-size:14px;font-weight:700;color:#5a6672}@media (max-width: 576px){.market-carpet-grid .legend-container #carpet-timestamp{font-size:12px}}.market-carpet-grid .side-table{grid-row:1/-1;grid-column:-1;width:250px;background-color:#f2f5f7;border:1px solid #c0ced8;overflow:hidden}@media screen and (max-width: 767px){.market-carpet-grid .side-table{display:none}}.market-carpet-grid .side-table .market-table{width:100%}.market-carpet-grid .side-table .market-table tr td{padding:5px}.market-carpet-grid .side-table .market-table thead{height:26px;width:100%;border:0;white-space:nowrap;text-transform:uppercase;font-family:Roboto Condensed,Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:10px;background-color:#707f8f;color:#ffffffd9}.market-carpet-grid .side-table .market-table thead tr{height:inherit}.market-carpet-grid .side-table .market-table thead tr>th{cursor:pointer;font-size:10px;font-weight:700;padding:6px 6px 4px}.market-carpet-grid .side-table .market-table thead th:after{float:right;content:"";font-family:"Font Awesome 5 Pro",FontAwesome,sans-serif}.market-carpet-grid .side-table .market-table thead th[data-sort=ascending]:after{content:"";opacity:1}.market-carpet-grid .side-table .market-table thead th[data-sort=descending]:after{content:"";opacity:1}.market-carpet-grid .side-table .market-table tbody{max-height:calc(100vh - 117px);overflow-y:scroll;display:flex;flex-direction:column}.market-carpet-grid .side-table .market-table tbody::-webkit-scrollbar{display:none}.market-carpet-grid .side-table .market-table tbody td:not(:first-child){font-size:12px}.market-carpet-grid .side-table .market-table tbody td:not(:first-child),.market-carpet-grid .side-table .market-table tbody th:not(:first-child){display:flex;align-items:center;justify-content:right}.market-carpet-grid .side-table .market-table tr{display:flex;border-bottom:1px solid #c0ced8}.market-carpet-grid .side-table .market-table tr>td:first-child,.market-carpet-grid .side-table .market-table tr th:first-child{flex:2}.market-carpet-grid .side-table .market-table tr>td:not(:first-child),.market-carpet-grid .side-table .market-table tr th:not(:first-child){font-weight:800;flex:1}.market-carpet-grid .side-table .market-table .side-table-symbol{font-weight:900;font-size:12px;color:#2d3339}.market-carpet-grid .side-table .market-table .side-table-company-name{font-size:9px;max-width:100px;color:#707f8f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hover-ticker{box-sizing:border-box;position:absolute;min-width:290px;font-size:15px;background-color:#fff;z-index:100;border:3px solid #000000}.hover-ticker .upper-container{display:flex;flex-wrap:wrap;font-weight:800;padding:5px;flex-direction:column}.hover-ticker .upper-container .value{font-size:20px}.hover-ticker .separator{width:100%;height:0px;border-top:3px solid #000000}.hover-ticker .lower-container{justify-content:center;display:flex;align-items:center;min-height:168px}.hover-ticker .lower-container img{image-rendering:pixelated;width:290px}.market-carpet-modal{margin:0 auto;padding:0;border-radius:6px;width:600px;box-shadow:0 5px 15px #1e1e1e80;border:none;transform:translateY(0);animation:fadeOut .3s ease-out;opacity:0;pointer-events:all}.market-carpet-modal.open{transform:translateY(100px);animation:fadeIn .3s ease-out;animation-direction:alternate;opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(100px)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(100px)}to{opacity:0;transform:translateY(0)}}.market-carpet-modal::backdrop{background:rgba(30,30,30,.5)}.market-carpet-modal i{margin-right:5px}.market-carpet-modal .header{display:flex;justify-content:space-between;padding:10px;background:#434c56;border-bottom:1px solid #e5e5e5}.market-carpet-modal .header h4{margin:0;font-family:Roboto Condensed,Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:20px;font-weight:700;color:#fff;line-height:1.42857143}.market-carpet-modal .header .close{color:#fff}.market-carpet-modal .body{display:grid;gap:10px;padding:15px}.market-carpet-modal .body input{height:45px;font-size:16px;width:100%;margin:0 auto 10px;padding-left:10px;padding-right:10px;outline:none;box-shadow:none;box-sizing:border-box;background-color:#fff;border:2px solid #c0ced8;border-radius:5px;font-weight:700;color:#707f8f}.market-carpet-modal .body input:hover,.market-carpet-modal .body input:active,.market-carpet-modal .body input:focus{border-color:#707f8f;font-weight:700;color:#2d3339}.market-carpet-modal .body .btn-row{margin:0;display:flex;justify-content:center;padding-top:10px;border-top:1px solid #c0ced8}.market-carpet-modal .body .btn-row .cancel-btn{color:#0f4d8a;background:none;border:none;margin:0;padding:0}.market-carpet-modal .body .btn-row .cancel-btn:hover{filter:brightness(1.5)}#market-map-upper-bar{background-color:#f2f5f7;display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:10px;gap:15px}#market-map-upper-bar select{max-width:140px;width:auto}#market-map-upper-bar .btn-row{display:flex;justify-content:right;gap:10px;margin:0;flex:1}@media screen and (max-width: 767px){#market-map-upper-bar .btn-row #hide-table-button{display:none}}#market-map-upper-bar .checkbox-group-container{display:flex;gap:10px}#market-map-upper-bar .checkbox-container{padding-top:5px}#market-map-upper-bar .checkbox-container .carpet-checkbox{white-space:nowrap;height:18px;display:flex;align-items:center}.up{color:#1e824c}.down{color:#cc000e}@media screen and (max-width: 767px){.hide-small{display:none}}html,body{overflow-x:hidden}#pagecontents{display:flex;flex-direction:column}
