262 lines
30 KiB
CSS
262 lines
30 KiB
CSS
:root{--page:#073e62;--panel:#205b86;--inner:#12486d;--button:#0e4369;--text:#c9dbea;--line:#74a1bd;--accent:#5EB6FF}
|
|
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#073e62 url('../pictures/background.png') center top/cover fixed no-repeat;color:var(--text);font-family:"Clear Sans","Helvetica Neue",Arial,sans-serif;font-weight:600;font-size:16px}.topbar{height:48px;display:flex;align-items:stretch;background:#205e8b;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:50}.search,.tab{border:0;border-right:1px solid rgba(255,255,255,.14);background:transparent;color:#d5e6f2;padding:0 22px;font:inherit;font-size:12px;display:flex;gap:24px;align-items:center}.search{gap:12px}.tab.active{background:#1a527c}.profile{margin-left:auto;padding:13px 18px;color:#d6e9f3}main{padding:18px 20px 40px}.expanded .org-sticky{position:sticky;top:48px;z-index:45}.org-pill,.notice,.action,.section-card{background:rgba(31,91,134,.94)}.org-pill{display:inline-block;padding:15px 18px;border-radius:12px;font-size:15px}.intro-row{display:flex;align-items:flex-end;gap:18px;margin:18px 0}.notice{padding:11px 18px;border-radius:12px;line-height:1.28}.action,.expand-btn,.ghost-btn{border:0;color:#dbe9f3;background:#0e466e;border-radius:12px;padding:11px 16px;font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}.action{margin-left:auto}.ui-icon{width:17px;height:17px;margin-left:7px;vertical-align:-4px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.section-nav{display:none;justify-content:space-between;gap:22px;overflow-x:auto;padding:10px 0 12px;scrollbar-width:none;background:transparent}.section-nav a{color:#d2e2ee;text-decoration:none;font-size:12px;white-space:nowrap}.expanded .section-nav{display:flex;background:transparent}.section-card{margin:18px 0;padding:20px 30px;border-radius:14px;scroll-margin-top:225px}.card-head{display:flex;align-items:center;gap:14px;min-height:34px}.card-head h2{font-size:19px;margin:0}.expand-btn{margin-left:auto;padding:9px 16px}.card-subtitle{font-size:15px;margin:20px 0 15px}.inner{background:var(--inner);border-radius:17px;padding:18px 26px}.grid-2{display:grid;grid-template-columns:38% 1fr;gap:38px}.kv{display:grid;grid-template-columns:minmax(150px,1fr) 2fr;gap:12px 18px;line-height:1.25}.kv span:nth-child(even){text-align:right}.contacts{margin-top:18px}.contacts .kv{grid-template-columns:215px 1fr}.summary{line-height:1.65;padding:25px}.legal-short{line-height:1.5;max-height:125px;overflow:hidden}.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:20px}.metric{text-align:center;padding:24px 18px;line-height:1.5}.capital{margin-left:auto}.donut-wrap{display:grid;grid-template-columns:35% 1fr;align-items:center;padding:26px}.donut{width:220px;aspect-ratio:1;border-radius:50%;margin:auto;background:conic-gradient(#c6dcf8 0 29%,#83b9ef 29% 50.5%,#3c9dde 50.5% 67.9%,#237aaf 67.9% 77%,#1d6b98 77% 85.4%,#0c3d5f 85.4% 88.6%,#d7ebf6 88.6% 91.3%,#5292c0 91.3%);position:relative}.donut:after{content:'100 %';display:grid;place-items:center;position:absolute;inset:29%;border-radius:50%;background:#12486d;font-size:23px}.legend{display:grid;gap:11px}.legend-row{display:flex;align-items:center;gap:13px}.swatch{width:65px;height:13px;border-radius:8px;background:#c6dcf8}.swatch:nth-child(1){background:#c6dcf8}.activity-grid{display:grid;grid-template-columns:1fr 2fr;gap:24px}.paragraph{line-height:1.6}.full-only{display:none}.expanded .full-only{display:block}.expanded .compact-only{display:none}.table{border:1px solid var(--line);border-radius:24px;overflow:hidden;width:100%;border-collapse:separate;border-spacing:0}.table td,.table th{padding:12px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left}.table tr:last-child td{border-bottom:0}.table td:last-child,.table th:last-child{border-right:0}.chart{height:370px;padding:42px 52px 30px;background:#12486d;border-radius:18px;margin-top:20px}.chart-title{text-align:center;font-size:18px;line-height:1.45}.bars{height:220px;border-bottom:1px solid #b7d0df;background:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,rgba(210,230,240,.7) 36px,transparent 37px);display:flex;align-items:flex-end;justify-content:space-around;padding:0 30px}.bar-item{height:var(--h);width:7px;background:#54b7f4;position:relative}.bar-item:before{content:'';position:absolute;width:15px;height:15px;background:#fff;border-radius:50%;top:-6px;left:-4px}.bar-item:after{content:attr(data-year);position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%);font-size:12px}.modal{width:min(96vw,1200px);max-height:94vh;padding:0;border:0;background:transparent;border-radius:18px;overflow:visible}.modal::backdrop{background:rgba(1,19,34,.75);backdrop-filter:blur(5px)}.modal-viewport{max-height:92vh;overflow:auto;border-radius:18px}.modal img{display:block;width:100%;height:auto}.modal-close{position:absolute;right:32px;top:20px;min-width:139px;height:31px;padding:0 18px;border-radius:16px;border:0;background:#0e4369;color:#e2edf4;font-family:"Clear Sans","Helvetica Neue",Arial,sans-serif;font-size:16px;font-weight:600;cursor:pointer;z-index:2}.modal-close .ui-icon{vertical-align:-4px}
|
|
@media(max-width:900px){body{font-size:14px}.person{display:none}.topbar{height:42px}.search,.tab{padding:0 10px;font-size:11px}.intro-row{align-items:stretch;flex-direction:column}.action{margin-left:0;align-self:flex-end}.section-card{padding:17px 15px}.card-head h2{font-size:17px}.grid-2,.activity-grid,.donut-wrap{grid-template-columns:1fr}.metric-strip{grid-template-columns:1fr;gap:12px}.contacts .kv,.kv{grid-template-columns:1fr 1.3fr}.donut{width:180px}.chart{padding:30px 12px;height:330px}.section-nav{justify-content:flex-start}.capital{display:none}}
|
|
.ui-icon{display:inline-block;width:17px;height:17px;margin-left:7px;vertical-align:-4px;object-fit:contain}
|
|
.modal .ui-icon{display:inline-block;width:17px;height:17px}
|
|
.expanded .org-sticky{background:transparent;box-shadow:none;border-radius:0;padding:0;margin:0;backdrop-filter:none;transition:background .18s ease,box-shadow .18s ease,padding .18s ease,margin .18s ease}
|
|
.expanded .org-sticky.sticky-active{background:rgba(7,62,98,.94);box-shadow:0 10px 24px rgba(2,29,48,.28);border-radius:0 0 14px 14px;padding:10px 12px 0;margin:-10px -12px 0;backdrop-filter:blur(8px)}
|
|
.card-head+.inner,.card-head+.donut-wrap{margin-top:18px}
|
|
.modal{background:transparent}
|
|
.modal-viewport{position:relative;max-height:92vh;overflow:auto;border-radius:18px}
|
|
.modal-card{margin:0;min-height:0;background:#205b86}
|
|
.modal-card .full-only{display:block}
|
|
.modal-card .compact-only{display:none}
|
|
.modal-card .modal-close{position:static;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:139px;height:31px;padding:0 16px;border-radius:16px;border:0;background:#0e4369;color:#e2edf4;font-family:"Clear Sans","Helvetica Neue",Arial,sans-serif;font-size:14px;font-weight:600;cursor:pointer}
|
|
.modal-card .summary,.modal-card .legal-short,.modal-card .paragraph{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#78a4c0 transparent}
|
|
.modal-card .summary{max-height:190px}
|
|
.modal-card .legal-short{max-height:330px}
|
|
.modal-card .paragraph{max-height:460px}
|
|
.modal-card .summary::-webkit-scrollbar,.modal-card .legal-short::-webkit-scrollbar,.modal-card .paragraph::-webkit-scrollbar{width:7px}
|
|
.modal-card .summary::-webkit-scrollbar-thumb,.modal-card .legal-short::-webkit-scrollbar-thumb,.modal-card .paragraph::-webkit-scrollbar-thumb{background:#78a4c0;border-radius:8px}
|
|
.modal{color:var(--text)}
|
|
.modal-card .paragraph{max-height:220px}
|
|
.section-card>.card-head{margin-bottom:18px}
|
|
.expanded #content .expand-btn{display:none}
|
|
.table,.table th,.table td{background:#123f63}
|
|
.chart{height:410px;padding:40px 46px 34px}
|
|
.chart-plot{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:end;position:relative;margin-top:16px}
|
|
.y-axis{height:230px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding-right:11px;font-size:11px;font-style:normal;position:relative}
|
|
.axis-unit{position:absolute;left:0;top:-25px;white-space:nowrap;font-size:11px}
|
|
.bars{height:230px;padding:0 28px;overflow:visible}
|
|
.bar-item{appearance:none;border:0;padding:0;cursor:pointer;color:var(--text);font-family:inherit;z-index:1;transition:filter .15s ease,transform .15s ease}
|
|
.bar-item:hover,.bar-item:focus-visible,.bar-item.selected{filter:brightness(1.25);transform:scaleX(1.25);outline:none;z-index:5}
|
|
.bar-tooltip{display:none;position:absolute;left:50%;bottom:calc(100% + 17px);transform:translateX(-50%);min-width:112px;padding:8px 10px;border-radius:9px;background:#0b3655;border:1px solid #72a7c8;box-shadow:0 6px 18px rgba(0,0,0,.25);white-space:nowrap;font-size:12px;line-height:1.35;text-align:center}
|
|
.bar-tooltip span{display:block;font-weight:600}
|
|
.bar-item.selected .bar-tooltip,.bar-item:focus-visible .bar-tooltip{display:block}
|
|
.history-text p{margin:0 0 16px}
|
|
.history-text p:last-child{margin-bottom:0}
|
|
.modal.information-modal{height:min(910px,94vh)}
|
|
.information-modal .modal-viewport,.information-modal #modalContent,.information-modal .modal-card{height:100%}
|
|
.information-modal .modal-card{overflow:hidden}
|
|
.information-modal .history-text{max-height:calc(min(910px,94vh) - 330px)}
|
|
:root{--panel:#184e79;--inner:#123f63}
|
|
.section-card,.org-pill,.notice,.modal-card{background:#184e79}
|
|
.inner,.chart,.donut:after,.table,.table th,.table td{background:#123f63}
|
|
.tab span{font-size:20px;line-height:1;font-weight:400;margin-left:auto}
|
|
.profile{display:flex;align-items:center;justify-content:center;padding:0 18px}
|
|
.profile img{display:block;width:28px;height:28px;object-fit:contain}
|
|
.topbar,.footer{background:#184e79}
|
|
.footer{width:100%;height:48px;min-height:48px;border-top:1px solid rgba(255,255,255,.08)}
|
|
.search{padding:0 24px;font-size:14px;gap:14px}
|
|
.search span{font-size:30px;line-height:1;font-weight:400}
|
|
.ownership-panel{display:grid;grid-template-columns:minmax(340px,430px) minmax(0,1fr);align-items:center;gap:30px;min-height:450px;padding:26px 32px}
|
|
.donut-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
|
|
.ownership-donut{display:block;width:min(100%,360px);height:auto;overflow:visible}
|
|
.donut-sector{cursor:pointer;transform-box:view-box;transform-origin:180px 180px;transition:transform .2s ease,filter .2s ease;outline:none}
|
|
.donut-sector path{stroke:#d5e6f2;stroke-width:1.5;transition:stroke-width .2s ease,filter .2s ease}
|
|
.donut-sector text{pointer-events:none;fill:#f2f7fb;font-family:"Clear Sans","Helvetica Neue",Arial,sans-serif;font-size:13px;font-weight:700;text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:#174a70;stroke-width:2px;stroke-linejoin:round}
|
|
.donut-sector:hover,.donut-sector:focus-visible{filter:brightness(1.12);transform:translate(var(--dx),var(--dy)) scale(1.025)}
|
|
.donut-sector.selected{filter:brightness(1.13) drop-shadow(0 7px 8px rgba(0,0,0,.28));transform:translate(var(--dx),var(--dy)) scale(1.07)}
|
|
.donut-sector.selected path{stroke:#fff;stroke-width:3}
|
|
.donut-center{fill:#123f63;stroke:#d5e6f2;stroke-width:1.5;pointer-events:none}
|
|
.donut-total{fill:#d4e3ef;font-family:"Clear Sans","Helvetica Neue",Arial,sans-serif;font-size:30px;font-weight:700;text-anchor:middle;pointer-events:none}
|
|
.donut-detail{width:min(100%,360px);min-height:58px;margin-top:4px;padding:8px 13px;border:1px solid transparent;border-radius:10px;text-align:center;opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease,background .18s ease}
|
|
.donut-detail.visible{opacity:1;transform:translateY(0);background:#174a70;border-color:#6f9ebb}
|
|
.donut-detail b,.donut-detail span{display:block}
|
|
.donut-detail b{font-size:18px}.donut-detail span{margin-top:3px;font-size:13px;line-height:1.3}
|
|
.ownership-panel .legend{display:grid;gap:13px;align-content:center}
|
|
.legend-title{font-size:21px;margin-bottom:8px}
|
|
.ownership-panel .legend-row{display:flex;align-items:center;gap:16px;min-height:29px;padding:2px 8px;border-radius:8px;transition:background .18s ease,transform .18s ease}
|
|
.ownership-panel .legend-row.selected{background:rgba(77,148,197,.2);transform:translateX(7px)}
|
|
.ownership-panel .swatch{flex:0 0 92px;width:92px;height:20px;border:1px solid #d4e4ef;border-radius:12px}
|
|
.legend-copy{font-size:16px;line-height:1.25}.legend-copy b{font-size:18px}.owner-link{text-decoration:underline;text-underline-offset:3px}
|
|
@media(max-width:1050px){.ownership-panel{grid-template-columns:1fr}.ownership-panel .legend{width:100%}.ownership-donut{width:min(82vw,340px)}}
|
|
.ownership-view-btn{margin-left:auto;display:inline-flex;align-items:center;gap:12px;border-radius:10px;padding:9px 16px;font-size:16px}
|
|
.ownership-view-btn+.expand-btn{margin-left:0}
|
|
.eye-icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
|
|
.activity-grid>div{display:flex;flex-direction:column}
|
|
.activity-grid>div>.inner{flex:1}
|
|
main{padding-bottom:8px}
|
|
#content>.section-card:last-child{margin-bottom:6px}
|
|
.expanded #expandAll,.modal-card .modal-close{border-radius:6px;font-size:20px}
|
|
.modal-card .modal-close{height:40px;min-width:158px}
|
|
.financial-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
|
|
.line-chart{background:#123f63;border-radius:17px;padding:18px 16px 8px;overflow:hidden}
|
|
.line-chart h3{margin:0 0 2px;font-size:18px;color:var(--text)}
|
|
.line-chart svg{display:block;width:100%;height:auto;overflow:visible}
|
|
.line-grid{stroke:#6e96b1;stroke-width:1;stroke-dasharray:4 5;opacity:.62}
|
|
.line-grid.vertical{opacity:.34}
|
|
.line-unit,.line-y-label,.line-x-label{fill:#c9dbea;font-family:"Clear Sans","Helvetica Neue",Arial,sans-serif;font-size:12px}
|
|
.line-y-label{text-anchor:end}.line-x-label{text-anchor:middle;font-size:11px;pointer-events:none}
|
|
.line-area{fill:var(--chart-color);opacity:.13;pointer-events:none}
|
|
.line-curve{fill:none;stroke:var(--chart-color);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))}
|
|
.line-point{cursor:pointer;outline:none}
|
|
.line-point>circle{fill:var(--chart-color);stroke:#e7f2f8;stroke-width:2;transition:r .16s ease,filter .16s ease}
|
|
.line-point:hover>circle,.line-point:focus-visible>circle,.line-point.selected>circle{r:10;filter:drop-shadow(0 3px 5px rgba(0,0,0,.35)) brightness(1.18)}
|
|
.line-tooltip{display:none;pointer-events:none}
|
|
.line-tooltip rect{fill:#0b3655;stroke:#72a7c8;stroke-width:1.5}
|
|
.line-tooltip text{fill:#eef6fb;font-family:"Clear Sans","Helvetica Neue",Arial,sans-serif;font-size:11px;font-weight:700;text-anchor:middle}
|
|
.line-point.selected .line-tooltip,.line-point:focus-visible .line-tooltip{display:block}
|
|
.finance-summary-title{margin:24px 0 14px;font-size:17px}
|
|
.finance-summary{display:grid;grid-template-columns:repeat(3,1fr);background:#123f63;border-radius:17px;overflow:hidden}
|
|
.finance-summary>div{position:relative;padding:20px 26px;border-right:1px solid rgba(126,166,192,.35)}
|
|
.finance-summary>div:last-child{border-right:0}
|
|
.finance-summary span,.finance-summary b{display:block}.finance-summary span{font-size:15px}.finance-summary b{margin-top:10px;font-size:29px}.finance-summary small{font-size:13px}.finance-summary em{position:absolute;left:140px;top:45px;color:#61c785;font-style:normal;font-size:14px}
|
|
@media(max-width:1050px){.financial-charts{grid-template-columns:1fr}.finance-summary{grid-template-columns:1fr}.finance-summary>div{border-right:0;border-bottom:1px solid rgba(126,166,192,.35)}.finance-summary>div:last-child{border-bottom:0}}
|
|
.line-point>.line-hit{fill:transparent;stroke:none;r:18;pointer-events:all;filter:none}
|
|
.line-point:hover>.line-hit,.line-point:focus-visible>.line-hit,.line-point.selected>.line-hit{r:18;filter:none}
|
|
.line-missing circle{fill:#123f63;stroke:#a8bfd0;stroke-width:2;stroke-dasharray:2 2}
|
|
.line-empty-note{fill:#c9dbea;font-family:"Clear Sans","Helvetica Neue",Arial,sans-serif;font-size:18px;font-weight:600;text-anchor:middle;opacity:.85}
|
|
.finance-data-note{margin:0 0 14px;color:#c9dbea;font-size:13px;font-weight:500}
|
|
.capital{display:flex;align-items:center;gap:22px;white-space:nowrap;font-size:15px}
|
|
.capital b{font-size:16px}
|
|
#finance .capital+.expand-btn{margin-left:0}
|
|
.modal-card[data-section="finance"] .capital{margin-left:auto}
|
|
.modal-card[data-section="finance"] .modal-close{margin-left:0}
|
|
@media(max-width:900px){.capital{display:none}}
|
|
.modal-card[data-section="ownership"]>.card-head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:22px}
|
|
.modal-card[data-section="ownership"]>.card-head h2{justify-self:start}
|
|
.modal-card[data-section="ownership"] .ownership-view-btn{justify-self:center;margin:0}
|
|
.modal-card[data-section="ownership"] .modal-close{justify-self:end;margin:0}
|
|
.branches-list{line-height:1.65}
|
|
.branches-list ol{margin:0;padding-left:24px}
|
|
.branches-list li+li{margin-top:8px}
|
|
@media(max-width:900px){.modal-card[data-section="ownership"]>.card-head{grid-template-columns:1fr auto}.modal-card[data-section="ownership"] .ownership-view-btn{grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:center}.modal-card[data-section="ownership"] .modal-close{grid-column:2;grid-row:1}}
|
|
.donut-visual{position:relative;min-height:430px}
|
|
.donut-visual .ownership-donut{margin:auto}
|
|
.donut-visual .donut-detail{position:absolute;left:50%;bottom:0;transform:translate(-50%,-4px)}
|
|
.donut-visual .donut-detail.visible{transform:translate(-50%,0)}
|
|
.donut-sector.selected text{font-size:17px;stroke-width:2.6px}
|
|
.modal-card[data-section="ownership"]>.card-head{display:flex;grid-template-columns:none;align-items:center;gap:14px}
|
|
.modal-card[data-section="ownership"]>.card-head h2{margin-right:auto}
|
|
.modal-card[data-section="ownership"] .ownership-view-btn{margin:0;justify-self:auto}
|
|
.modal-card[data-section="ownership"] .modal-close{margin:0 0 0 2px;justify-self:auto}
|
|
.participation-list{max-height:178px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#78a4c0 transparent;line-height:1.65;padding-left:32px}
|
|
.participation-row{white-space:nowrap}
|
|
.company-link{color:inherit;text-decoration:underline;text-underline-offset:3px}
|
|
.participation-list::-webkit-scrollbar{width:7px}.participation-list::-webkit-scrollbar-thumb{background:#78a4c0;border-radius:8px}
|
|
@media(max-width:900px){.modal-card[data-section="ownership"]>.card-head{flex-wrap:wrap}.modal-card[data-section="ownership"]>.card-head h2{width:calc(100% - 150px)}.modal-card[data-section="ownership"] .ownership-view-btn{order:3;width:100%;justify-content:center}.participation-row{white-space:normal}}
|
|
.ownership-view-btn{padding:9px 16px;border-radius:12px;font-size:14px;line-height:normal}
|
|
.ownership-view-btn .eye-icon{width:17px;height:17px}
|
|
.financial-charts.vertical{grid-template-columns:1fr}
|
|
.expanded #expandAll{border-radius:12px;font-size:14px;padding:11px 16px}
|
|
.modal-card .modal-close{min-width:auto;height:auto;padding:9px 16px;border-radius:12px;font-size:14px;line-height:normal}
|
|
.section-nav a{position:relative;transition:color .18s ease,text-shadow .18s ease,transform .18s ease}
|
|
.section-nav a:hover{color:#fff}
|
|
.section-nav a.active{color:#fff;text-shadow:0 0 11px rgba(104,190,248,.95);transform:translateY(-1px)}
|
|
.topbar .search,.topbar .tab{font-size:15px}
|
|
#legal>.card-head h2,#legal .card-subtitle,.modal-card[data-section="legal"]>.card-head h2,.modal-card[data-section="legal"] .card-subtitle{font-size:19px;font-weight:600;line-height:1.25}
|
|
.legal-line{margin-bottom:8px}
|
|
.legal-line:last-child{margin-bottom:0}
|
|
#legal .legal-short{max-height:125px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#78a4c0 transparent}
|
|
#legal .legal-short::-webkit-scrollbar{width:7px}
|
|
#legal .legal-short::-webkit-scrollbar-thumb{background:#78a4c0;border-radius:8px}
|
|
.modal-card[data-section="legal"] .legal-short,.modal-card[data-section="legal"] .paragraph{max-height:none;overflow:visible}
|
|
.contact-extra{display:none}
|
|
.expanded .contact-extra,.modal-card .contact-extra{display:block}
|
|
.contacts .kv{grid-template-columns:320px minmax(0,1fr);column-gap:28px}
|
|
.contacts .kv span:nth-child(even){text-align:right}
|
|
@media(max-width:900px){.contacts .kv{grid-template-columns:180px minmax(0,1fr);column-gap:18px}}
|
|
.topbar .tab{cursor:pointer}
|
|
.development-page{display:none;min-height:calc(100vh - 122px);place-items:center;text-align:center}
|
|
.development-page h1{margin:0;padding:36px 48px;border-radius:16px;background:#184e79;color:#dbe9f3;font-size:28px;font-weight:600}
|
|
.development-view .org-sticky,.development-view #content{display:none}
|
|
.development-view .development-page{display:grid}
|
|
body{background-image:url('../pictures/background.png')}
|
|
.section-nav a{font-size:15px;font-weight:600}
|
|
.leadership-list{display:grid;gap:14px}
|
|
.leadership-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;line-height:1.35}
|
|
.leadership-row>span:first-child{white-space:nowrap}
|
|
@media(max-width:700px){.leadership-row{grid-template-columns:1fr;gap:4px}}
|
|
.topbar{overflow-x:auto;scrollbar-width:none}
|
|
.topbar::-webkit-scrollbar{display:none}
|
|
.topbar .tab{white-space:nowrap;flex:0 0 auto}
|
|
.lomo-full-tab{display:none}
|
|
.lomo-full-tab.open{display:flex}
|
|
.expanded #expandAll{display:none}
|
|
.topbar .tab.closed{display:none}
|
|
.tab-close{cursor:pointer;padding:5px;margin:-5px;transition:color .16s ease,transform .16s ease}
|
|
.tab-close:hover,.tab-close:focus-visible{color:#fff;transform:scale(1.12);outline:none}
|
|
.section-nav a{text-decoration:none}
|
|
.section-nav a.active{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
|
|
.development-link,.owner-link,.company-link{color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
|
|
.table tbody td{background:#184e79}
|
|
.table thead th,.table tfoot td{background:#123f63}
|
|
.topbar .tab{position:relative;height:43px;margin-top:5px;border-right:0;border-radius:12px 12px 0 0;background:transparent;transition:background-color .18s ease,color .18s ease,text-shadow .18s ease}
|
|
.topbar .tab+.tab::before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:1px;background:rgba(207,230,244,.2)}
|
|
.topbar .tab:hover{background:rgba(10,62,97,.5);color:#fff}
|
|
.topbar .tab.active{z-index:1;background:#0B395D;color:#fff;box-shadow:none;text-shadow:0 0 12px rgba(139,211,255,.42)}
|
|
.topbar .tab.active::before,.topbar .tab.active+.tab::before{opacity:0}
|
|
.topbar .tab.active::after{display:none}
|
|
.topbar .search-tab,.topbar .search-tab.active{position:sticky;left:0;z-index:5}
|
|
.topbar .search-tab{border:0;border-radius:0;margin-top:0;height:48px;background:#184E79}
|
|
.topbar .search-tab.active{background:#0B395D}
|
|
.topbar .search-tab+.tab::before{display:none}
|
|
.topbar{border-bottom:0}
|
|
.expanded .org-sticky.sticky-active{background:#073e62;padding-top:24px}
|
|
.expanded .org-sticky.sticky-active .intro-row{display:none!important}
|
|
.expanded .org-sticky.sticky-active .section-nav{margin-top:18px}
|
|
.linked-page-tab .tab-label{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}
|
|
.key-metrics .metric{position:relative;border:1px solid rgba(139,211,255,.28);box-shadow:0 8px 20px rgba(1,34,56,.18);overflow:hidden}
|
|
.key-metrics .metric::before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:#78c9fb}
|
|
.key-metrics .metric b{display:inline-block;margin-top:8px;color:#fff;font-size:22px;line-height:1.2;text-shadow:0 0 14px rgba(120,201,251,.32)}
|
|
.capital{padding:7px 12px;border:0;border-radius:10px;background:rgba(14,70,110,.72)}
|
|
.capital b{color:#fff;font-size:19px;text-shadow:0 0 12px rgba(139,211,255,.35)}
|
|
.donut:after{content:''}
|
|
.donut-sector text{font-size:15px;font-weight:800;fill:#fff;stroke-width:3px;text-shadow:0 0 7px rgba(0,0,0,.7)}
|
|
.donut-sector.selected text{font-size:20px;stroke-width:3.2px}
|
|
.legend-copy b,.legend-percent{color:#fff;font-size:20px;font-weight:800;text-shadow:0 0 10px rgba(139,211,255,.4)}
|
|
.expanded #finance .metric-strip,.modal-card[data-section="finance"] .metric-strip{display:none}
|
|
#finance .capital,#finance .expand-btn,.modal-card[data-section="finance"] .capital,.modal-card[data-section="finance"] .modal-close{height:42px;min-height:42px}
|
|
#finance .capital,.modal-card[data-section="finance"] .capital{display:flex;align-items:center;padding-top:0;padding-bottom:0}
|
|
#finance .expand-btn,.modal-card[data-section="finance"] .modal-close{display:inline-flex;align-items:center;justify-content:center;padding-top:0;padding-bottom:0}
|
|
.legend-copy b{display:inline-block;margin-right:14px}
|
|
.legend-percent{display:inline-block;margin-right:12px}
|
|
.ownership-meta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:18px 0 14px;padding:0 2px;font-size:16px;font-weight:700}
|
|
.ownership-meta span:last-child{display:flex;align-items:baseline;gap:18px;white-space:nowrap}
|
|
.ownership-meta b{color:#fff;font-size:19px;text-shadow:0 0 12px rgba(139,211,255,.35)}
|
|
@media(max-width:700px){.ownership-meta{align-items:flex-start;flex-direction:column;gap:8px}.ownership-meta span:last-child{white-space:normal}}
|
|
.donut-label{pointer-events:none;fill:#fff;font-family:"Clear Sans","Helvetica Neue",Arial,sans-serif;font-size:15px;font-weight:800;text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:#174a70;stroke-width:3px;stroke-linejoin:round;transform-box:fill-box;transform-origin:center;transition:transform .2s ease,font-size .2s ease}
|
|
.donut-label.hovered{transform:translate(var(--dx),var(--dy)) scale(1.025)}
|
|
.donut-label.selected{font-size:20px;transform:translate(var(--dx),var(--dy)) scale(1.08);stroke-width:3.2px}
|
|
.ownership-panel .legend-row{display:grid;grid-template-columns:92px 90px minmax(0,1fr);align-items:center;column-gap:8px;padding:2px 8px}
|
|
.ownership-panel .legend-copy{display:contents}
|
|
.ownership-panel .legend-copy b{margin:0;white-space:nowrap}
|
|
.ownership-panel .legend-copy>span{min-width:0;text-align:left}
|
|
.ownership-panel .legend-title{display:flex;align-items:center;gap:18px;padding:2px 8px;margin-bottom:8px}
|
|
.ownership-panel .legend-percent{margin:0;white-space:nowrap;text-align:left}
|
|
.ownership-panel .legend-group{min-width:0;text-align:left}
|
|
@media(max-width:700px){.ownership-panel .legend-row{grid-template-columns:74px 84px minmax(0,1fr);column-gap:6px}.ownership-panel .swatch{width:74px;max-width:74px}.ownership-panel .legend-title{gap:12px;flex-wrap:wrap}}
|
|
a{transition:color .16s ease,text-shadow .16s ease,background-color .16s ease}
|
|
a:hover,a:focus-visible{color:#fff!important;text-shadow:0 0 10px rgba(139,211,255,.95),0 0 18px rgba(73,166,224,.55);outline:none}
|
|
.expanded #about .history-text{max-height:420px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#78a4c0 transparent;padding-right:18px}
|
|
.expanded #about .history-text::-webkit-scrollbar{width:7px}
|
|
.expanded #about .history-text::-webkit-scrollbar-thumb{background:#78a4c0;border-radius:8px}
|
|
.expanded #legal>.legal-short{max-height:none;overflow:visible;line-height:1.6}
|
|
.structure-page{display:none;position:relative;height:calc(100vh - 48px);min-height:560px;background:#0B395D;overflow:hidden}
|
|
.structure-view main{padding:0}
|
|
.structure-view .org-sticky,.structure-view #content,.structure-view .development-page{display:none}
|
|
.structure-view .structure-page{display:block}
|
|
.structure-view .footer{display:none}
|
|
.structure-viewport{position:relative;width:100%;height:100%;overflow:hidden;cursor:grab;touch-action:none;user-select:none;background:#0B395D url('../pictures/background.png') center/cover fixed no-repeat}
|
|
.structure-viewport.dragging{cursor:grabbing}
|
|
.structure-stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;will-change:transform}
|
|
.structure-stage>object{display:block;width:1920px;height:1080px;clip-path:inset(48px 0 0 0);pointer-events:none;user-select:none}
|
|
.structure-node{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);padding:0;border:2px solid transparent;border-radius:16px;background:transparent;cursor:pointer;touch-action:manipulation;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}
|
|
.structure-node:hover,.structure-node:focus-visible{border-color:#8BD3FF;background:rgba(96,185,242,.13);box-shadow:0 0 18px rgba(139,211,255,.8);outline:none}
|
|
.structure-controls{position:absolute;right:22px;bottom:58px;z-index:8;display:flex;align-items:center;gap:6px;padding:7px;border-radius:12px;background:rgba(11,57,93,.94);box-shadow:0 8px 24px rgba(0,20,35,.35);backdrop-filter:blur(8px)}
|
|
.structure-controls button{height:38px;min-width:38px;padding:0 12px;border:0;border-radius:8px;background:#184E79;color:#fff;font:inherit;font-size:18px;cursor:pointer}
|
|
.structure-controls button:hover,.structure-controls button:focus-visible{background:#246894;outline:1px solid #8BD3FF}
|
|
.structure-controls .fit-button{font-size:14px}
|
|
.structure-controls output{min-width:58px;text-align:center;color:#dbe9f3;font-size:14px}
|
|
.structure-hint{position:absolute;left:22px;bottom:58px;z-index:7;padding:10px 14px;border-radius:10px;background:rgba(11,57,93,.86);color:#dbe9f3;font-size:13px;pointer-events:none;backdrop-filter:blur(8px)}
|
|
.structure-static-footer{position:absolute;left:0;right:0;bottom:0;z-index:7;height:40px;background:#184E79;pointer-events:none}
|
|
.structure-page-tab .tab-label{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}
|
|
@media(max-width:700px){.structure-page{height:calc(100vh - 42px);min-height:480px}.structure-hint{display:none}.structure-controls{right:12px;bottom:52px}.structure-controls button{height:34px;min-width:34px;padding:0 9px}}
|
|
.org-sticky,#content{width:min(100%,1200px);margin-left:auto;margin-right:auto}
|
|
.expanded .org-sticky,.expanded .org-sticky.sticky-active{margin-left:auto;margin-right:auto}
|
|
.org-sticky,.expanded .org-sticky{width:min(100%,1610px)}
|
|
.section-nav a.active,.section-nav a:hover,.section-nav a:focus-visible{color:#d2e2ee!important;text-shadow:none;transform:none;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
|
|
.section-card a:hover,.section-card a:focus-visible,.section-card a:active,.modal-card a:hover,.modal-card a:focus-visible,.modal-card a:active{color:var(--accent)!important;text-shadow:none}
|
|
.section-nav a{opacity:1}
|