.ownership-graphic-button { min-height: 40px; height: 40px; gap: 10px; padding: 0 13px; border: 1px solid #5b7384; border-radius: 10px; font-size: 14px; line-height: 1; } .ownership-graphic-button img { width: 24px; height: 20px; } .ownership-shareholders__body--saturn { min-height: 410px; grid-template-columns: minmax(280px, 360px) minmax(0, 1fr); } .ownership-donut-card { display: grid; width: min(100%, 340px); justify-items: center; gap: 10px; justify-self: center; } .ownership-donut-svg { display: block; width: min(100%, 280px); height: auto; overflow: visible; } .ownership-donut-track, .ownership-donut-segment { fill: none; stroke-width: 56; } .ownership-donut-track { stroke: #27292b; } .ownership-donut-segment { stroke-linecap: butt; } .ownership-donut-segment--odk { stroke: #505457; } .ownership-donut-segment--rostec { stroke: #668fa9; } .ownership-donut-segment--vniief { stroke: #438fbe; } .ownership-donut-segment--self { stroke: #2ca2f2; } .ownership-donut-segment--minority { stroke: #14a0ff; } .ownership-donut-center { fill: #313335; stroke: rgba(255,255,255,.18); stroke-width: 1; } .ownership-donut-center__number { fill: #f1f1f1; font: 800 40px "Clear Sans", "Helvetica Neue", Arial, sans-serif; } .ownership-donut-center__caption { fill: rgba(255,255,255,.72); font: 700 15px "Clear Sans", "Helvetica Neue", Arial, sans-serif; } .ownership-donut-keys { display: grid; width: 100%; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px 10px; } .ownership-donut-key { display: flex; min-width: 0; align-items: center; gap: 7px; border-radius: 8px; background: rgba(255,255,255,.035); padding: 6px 8px; color: #e9e9e9; font-size: 13px; } .ownership-donut-key:last-child { grid-column: 1/-1; justify-self: center; min-width: calc(50% - 5px); } .ownership-donut-key__color { width: 10px; height: 10px; flex: none; border-radius: 3px; } .ownership-donut-key__color--odk { background: #505457; } .ownership-donut-key__color--rostec { background: #668fa9; } .ownership-donut-key__color--vniief { background: #438fbe; } .ownership-donut-key__color--self { background: #2ca2f2; } .ownership-donut-key__color--minority { background: #14a0ff; } .ownership-legend--saturn { gap: 13px; } .ownership-legend--saturn .ownership-legend__item { font-size: 17px; } .ownership-swatch--odk { background: #505457; } .ownership-swatch--rostec { background: #668fa9; } .ownership-swatch--vniief { background: #438fbe; } .ownership-swatch--self { background: #2ca2f2; } .ownership-swatch--minority { background: #14a0ff; } .ownership-related__panel--list { display: flex; flex-direction: column; align-items: center; gap: 3px; color: var(--muted); font-size: 18px; line-height: 1.5; } .ownership-related__panel--list p { margin: 0; } .ownership-related__panel--list a { overflow-wrap: anywhere; } @media (max-width: 1000px) { .ownership-shareholders__body--saturn { grid-template-columns: 1fr; } } @media (max-width: 600px) { .ownership-graphic-button { height: auto; min-height: 40px; padding: 8px 13px; line-height: 1.25; } .ownership-graphic-button span { font-size: 14px; } .ownership-related__panel--list { align-items: flex-start; font-size: 16px; text-align: left; } .ownership-donut-keys { grid-template-columns: 1fr; } .ownership-donut-key:last-child { grid-column: auto; justify-self: stretch; min-width: 0; } }