:root{--yds-color-background: #ffffff;--yds-color-background-variant: #f8f9fa;--yds-color-background-negative: #131415;--yds-color-background-navigation: #ffffff;--yds-color-background-control: rgba(0, 0, 0, .47);--yds-color-background-control-disabled: rgba(0, 0, 0, .15);--yds-color-background-input: #ffffff;--yds-color-background-highlight: #e8e9eb;--yds-color-background-interactive: #f1f2f4;--yds-color-background-dialog: #ffffff;--yds-color-background-dialog-overlay: rgba(0, 0, 0, .47);--yds-color-background-info-primary: #9fc8ee;--yds-color-background-info-secondary: #f1f2f4;--yds-color-background-success: #62f9c2;--yds-color-background-warning: #ffd199;--yds-color-background-error: #f99fb5;--yds-color-background-opinion-article: #3d5483;--yds-color-background-list: #f8f9fa;--yds-color-background-dropdown: #f8f9fa;--yds-color-text-default: #131415;--yds-color-text-negative: #f8f9fa;--yds-color-text-input-placeholder: #4a4f54;--yds-color-text-high-emphasis: rgba(0, 0, 0, .79);--yds-color-text-medium-emphasis: rgba(0, 0, 0, .7);--yds-color-text-disabled: rgba(0, 0, 0, .29);--yds-color-text-light: #f8f9fa;--yds-color-text-dark: #131415;--yds-color-text-light-high-contrast: #ffffff;--yds-color-text-feedback-live: #ffffff;--yds-color-action-primary: #131415;--yds-color-action-primary-variant: rgba(0, 0, 0, .7);--yds-color-action-secondary: rgba(0, 0, 0, .05);--yds-color-action-secondary-variant: rgba(0, 0, 0, .09);--yds-color-action-disabled: rgba(0, 0, 0, .15);--yds-color-action-danger-primary: #d10b3d;--yds-color-action-danger-primary-variant: #e90e43;--yds-color-action-selected: #131415;--yds-color-action-unselected: #e8e9eb;--yds-color-border: #131415;--yds-color-border-disabled: rgba(0, 0, 0, .29);--yds-color-border-primary-focus: #009cb5;--yds-color-border-secondary-focus: #131415;--yds-color-border-separator: rgba(0, 0, 0, .09);--yds-color-border-negative: #ffffff;--yds-color-illustrative-icons-icon-primary: #131415;--yds-color-illustrative-icons-icon-secondary: #5ddbe9;--yds-color-player-progress-bar: rgba(255, 255, 255, .3);--yds-color-player-progress-indicator: #29ccde;--yds-color-spinner-default: #131415;--yds-color-spinner-negative: #ffffff;--yds-color-spinner-highlight-default: #009cb5;--yds-color-spinner-highlight-negative: #29ccde;--yds-color-spinner-background-default: #d8d9db;--yds-color-spinner-background-negative: #323639;--yds-color-spinner-error: #d10b3d;--yds-color-spinner-success: #058657;--yds-color-spinner-background-error: #fcc5d3;--yds-color-feedback-highlight: #009cb5;--yds-color-feedback-error: #d10b3d;--yds-color-feedback-warning: #f1722a;--yds-color-feedback-success: #058657;--yds-color-feedback-live: #e90e43;--yds-color-logo-yle-background-brand: #00b4c8;--yds-color-logo-tv1: #3311aa;--yds-color-logo-tv-2: #cb0fd0;--yds-color-logo-yle-teema: #fe8300;--yds-color-logo-yle-fem: #a3bd2f;--yds-color-logo-lastenareena: #feb500;--yds-color-logo-yle-radio-1: #dc006a;--yds-color-logo-yle-radio-suomi: #0000e6;--yds-color-logo-yle-x: #fd2b77;--yds-color-logo-yle-x3m: #ff4c20;--yds-color-logo-yle-vega: #169bd4;--yds-color-logo-yle-klassinen: #0f7b87;--yds-color-logo-yle-sami-radio: #0049bf;--yds-color-logo-areena: #29ccde;--yds-color-logo-yle-background-default: #131415;--yds-color-logo-yle-text: #f8f9fa;--yds-color-logo-background: #000000;--yds-color-logo-nega: #ffffff;--yds-color-logo-text: #ffffff;--yds-color-brand-yle: #00b4c8;--yds-color-tag-live: #e90e43;--yds-color-tag-default: #131415;--yds-color-tag-opinion: #3d5483;--yds-color-tag-yle-corporate: #00809c;--yds-color-tag-primary-action: #131415;--yds-color-tag-primary-action-variant: rgba(0, 0, 0, .7);--yds-color-tag-secondary-action: rgba(0, 0, 0, .05);--yds-color-tag-secondary-action-variant: rgba(0, 0, 0, .02);--yds-color-tag-neutral: #e8e9eb;--yds-color-shadow-s: rgba(0, 0, 0, .15);--yds-color-shadow-m: rgba(0, 0, 0, .15);--yds-color-shadow-l: rgba(0, 0, 0, .41);--yds-color-tietaja-background-player-card: rgba(0, 0, 0, .15);--yds-color-tietaja-text-score: #009cb5;--yds-color-tietaja-border-highlight: #009cb5}:root{--yds-shadow-sm: 0 0 8px 0 rgba(0, 0, 0, .15);--yds-shadow-md: 0 0 16px 0 rgba(0, 0, 0, .15);--yds-shadow-lg: 0 0 24px 0 rgba(0, 0, 0, .41)}#app-carousel-component{max-width:720px;margin:0 auto;font-family:Yle Next,Arial,sans-serif;--carousel-transition: .3s;--carousel-opacity-inactive: .7;--carousel-opacity-active: 1;--carousel-opacity-near: .8;--vc-nav-background: var(--yds-color-action-primary-variant, rgba(0, 0, 0, .7));--vc-nav-border-radius: 999px;--vc-nav-color: var(--yds-color-text-negative, #f8f9fa);--vc-nav-color-hover: var(--yds-color-text-negative, #f8f9fa);--vc-pgn-background-color: var(--yds-color-background-control, rgba(0, 0, 0, .47));--vc-pgn-active-color: var(--yds-color-feedback-highlight, #009cb5);--vc-pgn-border-radius: 999px}:root{--vc-clr-primary: #000;--vc-clr-secondary: #090f207f;--vc-clr-white: #ffffff}.carousel,.carousel *{box-sizing:border-box}.carousel{height:var(--vc-carousel-height);overscroll-behavior:none;position:relative;touch-action:pan-x pan-y pinch-zoom;z-index:1}.carousel.is-dragging{touch-action:none}.carousel__track{display:flex;gap:var(--vc-slide-gap);height:100%;list-style:none;margin:0;padding:0;position:relative;transition:transform var(--vc-transition-easing);transition-duration:var(--vc-transition-duration);width:100%}.carousel__viewport{height:100%;overflow:hidden;width:100%}.carousel__sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.carousel.is-rtl{direction:rtl}.carousel.is-ttb .carousel__track{flex-direction:column}.carousel.is-btt .carousel__track{flex-direction:column-reverse}.carousel.is-vertical .carousel__slide--clone:first-child{margin-block-start:var(--vc-cloned-offset)}.carousel:not(.is-vertical) .carousel__slide--clone:first-child{margin-inline-start:var(--vc-cloned-offset)}.carousel.is-effect-fade .carousel__track{display:grid;grid-template-columns:100%;grid-template-rows:100%;transition:none}.carousel.is-effect-fade .carousel__slide{grid-area:1 / 1;height:100%;opacity:0;pointer-events:none;transition:opacity var(--vc-transition-easing);transition-duration:var(--vc-transition-duration);width:100%}.carousel.is-effect-fade .carousel__slide--active{opacity:1;pointer-events:auto}:root{--vc-icn-width: 100%}.carousel__icon{fill:currentColor;height:var(--vc-icn-width);width:var(--vc-icn-width)}:root{--vc-nav-background: transparent;--vc-nav-border-radius: 0;--vc-nav-color: var(--vc-clr-primary);--vc-nav-color-hover: var(--vc-clr-secondary);--vc-nav-height: 30px;--vc-nav-width: 30px}.carousel__next,.carousel__prev{align-items:center;background:var(--vc-nav-background);border:0;border-radius:var(--vc-nav-border-radius);color:var(--vc-nav-color);cursor:pointer;display:flex;font-size:var(--vc-nav-height);height:var(--vc-nav-height);justify-content:center;padding:0;position:absolute;inset-block-start:50%;transform:translateY(-50%);width:var(--vc-nav-width)}.carousel__next--disabled,.carousel__prev--disabled{cursor:not-allowed;opacity:.5}.carousel__next{inset-inline-end:0}.carousel__prev{inset-inline-start:0}.carousel.is-vertical .carousel__next,.carousel.is-vertical .carousel__prev{inset-inline:auto 50%;inset-block-start:auto;transform:translate(50%)}.carousel.is-vertical.is-ttb .carousel__next{inset-block-end:0}.carousel.is-vertical.is-ttb .carousel__prev,.carousel.is-vertical.is-btt .carousel__next{inset-block-start:0}.carousel.is-vertical.is-btt .carousel__prev{inset-block-end:0}@media(hover:hover){.carousel__next:hover,.carousel__prev:hover{color:var(--vc-nav-color-hover)}}:root{--vc-pgn-active-color: var(--vc-clr-primary);--vc-pgn-background-color: var(--vc-clr-secondary);--vc-pgn-border-radius: 0;--vc-pgn-gap: 6px;--vc-pgn-height: 4px;--vc-png-bottom: 10px;--vc-png-left: auto;--vc-png-right: 10px;--vc-pgn-width: 16px}.carousel__pagination{bottom:var(--vc-png-bottom);display:flex;gap:var(--vc-pgn-gap);justify-content:center;left:50%;list-style:none;margin:0;padding:0;position:absolute;transform:translate(-50%)}.carousel__pagination-button{background-color:var(--vc-pgn-background-color);border:0;border-radius:var(--vc-pgn-border-radius);cursor:pointer;display:block;height:var(--vc-pgn-height);margin:0;padding:0;width:var(--vc-pgn-width)}.carousel__pagination-button--active{background-color:var(--vc-pgn-active-color)}@media(hover:hover){.carousel__pagination-button:hover{background-color:var(--vc-pgn-active-color)}}.carousel.is-vertical .carousel__pagination{bottom:50%;flex-direction:column;left:var(--vc-png-left);right:var(--vc-png-right);transform:translateY(50%)}.carousel.is-vertical .carousel__pagination-button{height:var(--vc-pgn-width);width:var(--vc-pgn-height)}.carousel.is-btt .carousel__pagination{flex-direction:column-reverse}.carousel__slide{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin:0;transform:translateZ(0)}.quote-card[data-v-d49f8c0a]{color:var(--yds-color-text-default, #131415);aspect-ratio:2 / 3;width:100%;text-align:center;background-color:var(--yds-color-background-info-secondary, #f1f2f4);padding:16px;display:flex;align-items:center;justify-content:center;border-radius:8px;box-shadow:var(--yds-shadow-md);overflow:hidden}.quote[data-v-d49f8c0a]{font-weight:900;font-size:24px}.quote.medium[data-v-d49f8c0a]{font-size:22px}.quote.long[data-v-d49f8c0a]{font-size:18px}.author[data-v-d49f8c0a]{font-weight:700}.image[data-v-fbf45ee3]{aspect-ratio:2 / 3;display:block;width:100%;height:auto;border-radius:8px;box-shadow:var(--yds-shadow-md)}.carousel__viewport[data-v-31466c1a]{perspective:2000px}.carousel__track[data-v-31466c1a]{transform-style:preserve-3d}.carousel__slide--sliding[data-v-31466c1a],.carousel.is-dragging .carousel__slide[data-v-31466c1a]{transition:opacity var(--carousel-transition),transform var(--carousel-transition)}.carousel__slide[data-v-31466c1a]{opacity:var(--carousel-opacity-inactive);transform:translate(10px) rotateY(-12deg) scale(.9);padding:12px}.carousel__slide--prev[data-v-31466c1a]{opacity:var(--carousel-opacity-near);transform:rotateY(-10deg) scale(.9)}.carousel__slide--active[data-v-31466c1a]{opacity:var(--carousel-opacity-active);transform:rotateY(0) scale(1)}.carousel__slide--next[data-v-31466c1a]{opacity:var(--carousel-opacity-near);transform:rotateY(10deg) scale(.9)}.carousel__slide--next~.carousel__slide[data-v-31466c1a]{opacity:var(--carousel-opacity-inactive);transform:translate(-10px) rotateY(12deg) scale(.9)}
