.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:currentColor;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:currentColor;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:currentColor;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:currentColor;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
body > img {
 width: 0;
 height: 0;
 position: absolute;
}

.plus-app-2021-12-itsenaisyys_sanakone svg:not(:root) {
    overflow: hidden;
  }

.plus-app-2021-12-itsenaisyys_sanakone .clear {
    clear: both;
  }

.plus-app-2021-12-itsenaisyys_sanakone .hidden {
    display: none;
  }

.plus-app-2021-12-itsenaisyys_sanakone {
  box-sizing: border-box;
  color: #131415;
  -webkit-font-smoothing: antialiased;
  height: 100%;
}

datalist {
  display: flex;
  justify-content: space-between;
  width: 100%;
}


.tippy {
  font-family: Yle, 'Open Sans', sans-serif;
  background-color: #131415;
}

/* Slider styling, Yle component */

input[type=range] {
  width: 85%;
  max-width: 500px;
  margin: 10px 0;
  background-color: #f1f2f4;
  -webkit-appearance: none;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  background: #f1f2f4;
  border: 0.2px solid #f1f2f4;
  border-radius: 1.3px;
  width: 100%;
  height: 4px;
  cursor: pointer;
}
input[type=range]::-webkit-slider-thumb {
  margin-top: -15.7px;
  width: 35px;
  height: 35px;
  background: #000000;
  border: 1px solid #000000;
  border-radius: 50%;
  cursor: pointer;
  -webkit-appearance: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #f4f5f6;
}
input[type=range]::-moz-range-track {
  background: #f1f2f4;
  border: 0.2px solid #f1f2f4;
  border-radius: 1.3px;
  width: 100%;
  height: 4px;
  cursor: pointer;
}
input[type=range]::-moz-range-thumb {
  width: 35px;
  height: 35px;
  background: #000000;
  border: 1px solid #000000;
  border-radius: 50%;
  cursor: pointer;
}
input[type=range]::-ms-track {
  background: transparent;
  border-color: transparent;
  border-width: 11px 0;
  color: transparent;
  width: 100%;
  height: 4px;
  cursor: pointer;
}
input[type=range]::-ms-fill-lower {
  background: #eeeff2;
  border: 0.2px solid #f1f2f4;
  border-radius: 2.6px;
}
input[type=range]::-ms-fill-upper {
  background: #f1f2f4;
  border: 0.2px solid #f1f2f4;
  border-radius: 2.6px;
}
input[type=range]::-ms-thumb {
  width: 35px;
  height: 35px;
  background: #000000;
  border: 1px solid #000000;
  border-radius: 50%;
  cursor: pointer;
  margin-top: 0px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #f1f2f4;
}
input[type=range]:focus::-ms-fill-upper {
  background: #f4f5f6;
}

/*# sourceMappingURL=styles.css.map*/