.hub-matrix{background:#0f2530;color:#e9f2f6;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;padding:32px 24px;width:100%}.hub-matrix,.hub-matrix *{box-sizing:border-box}.hub-matrix__container{margin-left:auto;margin-right:auto;max-width:1400px;padding-left:24px;padding-right:24px}.hub-matrix__title{font-size:44px;font-weight:750;line-height:1.05;margin:0 0 18px}.hub-matrix__frame{max-height:520px;overflow:auto;-webkit-overflow-scrolling:touch;border-bottom:2px solid hsla(0,0%,100%,.15);border-top:2px solid hsla(0,0%,100%,.15);min-width:0;scrollbar-gutter:stable}.hub-matrix__grid{display:inline-grid;gap:0;grid-template-columns:240px 520px repeat(9,90px);margin:0;max-width:none;row-gap:10px;width:max-content}.hub-matrix__hcell{background:#0f2530;border-bottom:1px solid hsla(0,0%,100%,.12);padding:10px 8px;position:sticky;top:0;z-index:5}.hub-matrix__hcell--desc,.hub-matrix__hcell--stub{background:#0f2530}.hub-matrix__hcell--seg{background:var(--seg);border-left:2px solid rgba(0,0,0,.08);color:#fff;font-size:13px;font-weight:700;text-align:center}.hub-matrix__pcell{background:#2b5b73;border-bottom:1px solid hsla(0,0%,100%,.12);border-right:1px solid hsla(0,0%,100%,.15);color:#e9f2f6;font-weight:700;left:0;padding:14px 12px;position:sticky;z-index:4}.hub-matrix__hcell--stub{left:0;position:sticky;z-index:6}.hub-matrix__dcell{background:rgba(15,37,48,.6);border-bottom:1px solid hsla(0,0%,100%,.12);color:rgba(233,242,246,.92);font-size:13px;line-height:1.35;padding:14px 12px}.hub-matrix__ccell{border-bottom:1px solid hsla(0,0%,100%,.12);display:grid;min-height:54px;place-items:center}.hub-matrix__ccell.is-checked:before{background:rgba(0,0,0,.12);border:2px solid var(--seg);border-radius:3px;color:var(--seg);content:"✓";display:grid;font-size:14px;font-weight:900;height:20px;place-items:center;width:20px}.hub-matrix__frame::-webkit-scrollbar{height:12px;width:12px}@media (max-width:1200px){.hub-matrix__title{font-size:38px}.hub-matrix__grid{grid-template-columns:220px 460px repeat(9,86px)}.hub-matrix__frame{max-height:520px}}@media (max-width:900px){.hub-matrix{padding:24px 16px}.hub-matrix__container{padding-left:16px;padding-right:16px}.hub-matrix__grid{grid-template-columns:210px 420px repeat(9,82px)}.hub-matrix__frame{max-height:520px}}@media (max-width:600px){.hub-matrix__title{font-size:32px}.hub-matrix__grid{grid-template-columns:200px 380px repeat(9,80px)}.hub-matrix__frame{max-height:520px}}.hub-matrix__frame{max-width:100%;overflow:scroll!important;scrollbar-gutter:stable both-edges}.hub-matrix__grid{display:inline-grid!important;max-width:none!important;width:max-content!important}.hub-matrix__frame{scrollbar-color:rgba(233,242,246,.55) hsla(0,0%,100%,.1);scrollbar-width:auto}.hub-matrix__grid>*{transition:background-color .12s ease,box-shadow .12s ease}.hub-matrix__grid>:is(.hub-matrix__pcell,.hub-matrix__dcell,.hub-matrix__ccell):hover{box-shadow:inset 0 0 0 9999px hsla(0,0%,100%,.04)}.hub-matrix__hcell--seg{cursor:default}:root{--hub-matrix-col-hover:hsla(0,0%,100%,.06)}.hub-matrix__grid:has(.hub-matrix__hcell--seg:nth-child(3):hover)>:nth-child(11n+3){box-shadow:inset 0 0 0 9999px var(--hub-matrix-col-hover)}.hub-matrix__grid:has(.hub-matrix__hcell--seg:nth-child(4):hover)>:nth-child(11n+4){box-shadow:inset 0 0 0 9999px var(--hub-matrix-col-hover)}.hub-matrix__grid:has(.hub-matrix__hcell--seg:nth-child(5):hover)>:nth-child(11n+5){box-shadow:inset 0 0 0 9999px var(--hub-matrix-col-hover)}.hub-matrix__grid:has(.hub-matrix__hcell--seg:nth-child(6):hover)>:nth-child(11n+6){box-shadow:inset 0 0 0 9999px var(--hub-matrix-col-hover)}.hub-matrix__grid:has(.hub-matrix__hcell--seg:nth-child(7):hover)>:nth-child(11n+7){box-shadow:inset 0 0 0 9999px var(--hub-matrix-col-hover)}.hub-matrix__grid:has(.hub-matrix__hcell--seg:nth-child(8):hover)>:nth-child(11n+8){box-shadow:inset 0 0 0 9999px var(--hub-matrix-col-hover)}.hub-matrix__grid:has(.hub-matrix__hcell--seg:nth-child(9):hover)>:nth-child(11n+9){box-shadow:inset 0 0 0 9999px var(--hub-matrix-col-hover)}.hub-matrix__grid:has(.hub-matrix__hcell--seg:nth-child(10):hover)>:nth-child(11n+10){box-shadow:inset 0 0 0 9999px var(--hub-matrix-col-hover)}.hub-matrix__grid:has(.hub-matrix__hcell--seg:nth-child(11):hover)>:nth-child(11n+11){box-shadow:inset 0 0 0 9999px var(--hub-matrix-col-hover)}.hub-matrix__frame{max-height:820px}