#app-2024-01-presidentval_kompassvar{max-width:620px;margin:0 auto;font-family:Yle Next,Arial,sans-serif;--background: #FFFFFF;--yds-color-background-variant: #F8F9FA;--yds-color-background-highlight: #E8E9EB;--answer-dot: #D8D9DB}.answer-reasoning[data-v-8a48881e]{background:var(--yds-color-background-variant);text-align:left;margin-top:50px;position:relative;min-height:150px;margin-bottom:15px}.placeholder[data-v-8a48881e]{background:var(--yds-color-background-variant);padding:15px;margin-top:30px}img[data-v-8a48881e]{position:absolute;top:-30px;width:150px;left:15px;height:auto}.header[data-v-8a48881e]{padding:10px 10px 10px 175px;background:var(--yds-color-background-highlight);display:block}.party-pill[data-v-8a48881e]{padding:2px 10px;border-radius:4px;display:inline-block;font-size:14px;font-weight:600}.reasoning[data-v-8a48881e]{padding:50px 15px 15px}@media screen and (min-width: 550px){.reasoning[data-v-8a48881e]{padding-left:175px;padding-top:0}}.reasoning p[data-v-8a48881e]:last-child{margin-bottom:0}.wrapper[data-v-23266f92]{display:flex;align-items:flex-start;justify-content:space-between;position:relative;padding-top:8px;width:100%;gap:25px}.wrapper.ONE_TO_FIVE[data-v-23266f92]:before{content:" ";height:4px;display:block;background-color:var(--answer-dot);position:absolute;left:30px;right:30px;top:95px}@media screen and (min-width: 460px){.wrapper.ONE_TO_FIVE[data-v-23266f92]:before{left:60px;right:60px}}.wrapper.YES_NO[data-v-23266f92]{gap:60px}.wrapper.YES_NO .score-dot[data-v-23266f92]{display:none}.score-dot[data-v-23266f92]{width:32px;height:32px;border-radius:50%;opacity:1;display:flex;background-color:var(--answer-dot)}.score-column[data-v-23266f92]{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;position:relative;flex-grow:1;max-width:200px}.candidate-wrapper[data-v-23266f92]{width:100%;margin-top:10px;justify-content:center;display:flex}.candidate-wrapper.selected .candidate[data-v-23266f92]:not(.active){opacity:.55}.candidate-wrapper.grid[data-v-23266f92]{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:5px;justify-items:center}.candidate[data-v-23266f92]{max-width:60px;flex-basis:50%;flex-grow:1;transition:opacity .2s}.candidate img[data-v-23266f92]{display:block;width:100%;height:auto}.party-dot[data-v-23266f92]{align-items:center;color:#000;display:flex;height:30px;border-radius:50%;font-size:12px;font-weight:700;justify-content:center;margin:2px;width:30px;z-index:2}.score-label[data-v-23266f92]{text-align:center;display:flex;justify-content:center;padding:0 4px 20px;margin-top:12px;height:60px;line-height:19px;font-size:12px;max-width:120px;font-weight:600;width:60px}.score-label svg[data-v-23266f92]{margin-right:8px}h2[data-v-f1a2f44d]{font-weight:900}.wrapper[data-v-f1a2f44d]{text-align:center;padding:8px;margin-bottom:16px;background-color:var(--background)}.info[data-v-f1a2f44d]{background-color:#9fc8ee;padding:5px;color:#000}hr[data-v-f1a2f44d]{margin:30px -30px}