@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar.woff)format("woff-variations");font-weight:300 900;font-style:normal;font-stretch:75% 100%}@font-face{font-family:Yle Next;src:url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff2)format("woff2-variations"),url(https://design-system.cdn.yle.fi/fonts/yle-next/1.0.0/YleNextVar-Italic.woff)format("woff-variations");font-weight:300 900;font-style:italic;font-stretch:75% 100%}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar{width:100%;position:relative}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__title{margin-bottom:1rem;font-size:larger;font-weight:600}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__legend{flex-wrap:wrap;justify-content:flex-start;gap:1rem;max-width:700px;margin-bottom:2rem;display:flex}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__legend-item{align-items:center;gap:.75rem;display:flex}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__legend-color{border-radius:4px;flex-shrink:0;width:40px;height:20px}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__legend-color--reference{background:linear-gradient(#c7f4fa 0%,#29ccde 100%)}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__legend-color--target{background:linear-gradient(#f7abcb 0%,#ea3e85 100%)}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__legend-text{font-size:medium;font-weight:400}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__wrapper{flex-direction:row;align-items:flex-start;gap:3rem;max-width:1400px;min-height:calc(1000vh + 2rem);margin:0 auto;padding:0 2rem 2rem 0;display:flex;position:relative;overflow:visible}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__scale{z-index:5;width:60px;position:absolute;left:0}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__scale-label{color:#666;white-space:nowrap;z-index:2;font-size:.75rem;font-weight:500;position:absolute;top:-1.25rem;left:0}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__scale-line{z-index:1;background:#ccc;width:1px;height:1000vh;position:absolute;top:0;left:0}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__scale-item{z-index:2;align-items:center;display:flex;position:absolute;transform:translateY(-50%)}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__scale-item--first,[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__scale-item--last{align-items:center;transform:translateY(0)}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__scale-dot{z-index:3;background:#666;border-radius:50%;width:6px;height:6px;position:absolute;left:0;transform:translate(-50%,-50%)}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__scale-tick{background:#ccc;width:8px;height:1px;position:absolute;top:50%;left:1px;transform:translateY(-50%)}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__scale-item--first .scrollable-bar__scale-tick{top:0;transform:translateY(0)}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__scale-item--first .scrollable-bar__scale-value{align-self:flex-start;margin-top:-5px}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__scale-item--last .scrollable-bar__scale-tick{top:0%;transform:translateY(-100%)}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__scale-item--last .scrollable-bar__scale-value{align-self:flex-end;margin-top:-8px}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__scale-value{color:#666;white-space:nowrap;align-items:center;padding-left:.75rem;font-size:.875rem;font-weight:500;line-height:1;display:flex}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__reference-section{flex-direction:column;flex-shrink:0;align-items:center;gap:1rem;margin-left:5rem;display:flex;position:relative}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__reference-bar{background:linear-gradient(#c7f4fa 0%,#29ccde 100%);border-radius:4px;flex-shrink:0;align-self:flex-start;width:80px;position:relative;box-shadow:0 2px 8px #0000001a}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__reference-value{text-align:center;white-space:nowrap;font-size:medium;font-weight:600}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__main-section{flex-direction:row;flex:1;justify-content:flex-end;align-items:center;gap:1rem;width:100%;display:flex;position:relative}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__main-bar{background:linear-gradient(#f7abcb 0%,#ea3e85 100%);border-radius:4px;flex-shrink:0;align-self:flex-start;width:80px;position:relative;box-shadow:0 2px 8px #0000001a}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__reference-tooltip{z-index:10;pointer-events:none;position:absolute;left:0;transform:translateY(-50%)}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__reference-tooltip--milestone .scrollable-bar__reference-dot{background:#f5a623}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__reference-dot{z-index:14;opacity:0;background:#000;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)scale(0)}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__reference-arrow{background:#000;height:1px;position:absolute;top:50%;transform:translateY(-50%)}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__reference-arrow--short{z-index:12;justify-content:center;align-items:center;width:0;display:flex;top:50%;left:0;overflow:visible;transform:translateY(-50%)}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__reference-arrow--long{z-index:14;width:0;top:50%;left:50px;transform:translateY(-50%)}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__reference-arrow-head{opacity:0;z-index:13;border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid #000;width:0;height:0;position:absolute;top:50%;right:0;transform:translateY(-50%)}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__reference-value-on-line{color:#000;white-space:nowrap;z-index:13;opacity:0;background:#fff;padding:.25rem .5rem;font-size:.875rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%)scale(0)}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__reference-tooltip-content{z-index:12;pointer-events:auto;box-sizing:border-box;opacity:0;background:#fff;border-radius:8px;width:max-content;min-width:200px;max-width:min(100vw - 90px - 2rem,636px);padding:.75rem 1.25rem;position:absolute;top:50%;left:90px;transform:translateY(-50%)scale(.8);box-shadow:0 4px 12px #00000026}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__reference-tooltip-text{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;font-size:medium;line-height:1.5}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__reference-tooltip-link{display:inline}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__reference-tooltip-link-anchor{opacity:.8;text-decoration:underline;transition:opacity .2s}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__reference-tooltip-link-anchor:hover{opacity:1}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__confetti-container{pointer-events:none;z-index:1000;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__confetti-particle{-webkit-user-select:none;user-select:none;will-change:transform,opacity;position:fixed}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__info-text{text-align:center;max-width:1400px;margin-top:2rem;padding:1rem;font-size:.9rem}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__info-link{opacity:.8;text-decoration:underline;transition:opacity .2s}[data-yle-vis-id="2025-12-luonto-korallit"] .scrollable-bar__info-link:hover{opacity:1}@keyframes celebrate{0%,to{transform:translateY(-50%)scale(1)}50%{transform:translateY(-50%)scale(1.05)}}
/*# sourceMappingURL=2025-12-luonto-korallit.260b3da2.css.map */