.emoji-slider .slider-wrapper{position:relative;margin:2em 0 5em;display:flex;align-items:center;justify-content:center}.emoji-slider .slider-wrapper label{flex:0 0 5em;font-size:12px;padding:4px}.emoji-slider .slider-wrapper label.left{text-align:right;padding-right:1.5em}.emoji-slider .slider-wrapper label.right{text-align:left;padding-left:1.5em}.emoji-slider .slider-bar{position:relative;display:block;border-radius:15px;background-color:#ccc;height:.5em;width:100%}.emoji-slider .slider-fill{position:absolute;left:0;top:0;bottom:0;background:#333;border-radius:15px}.emoji-slider .emoji-handle{font-size:28px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;will-change:transform;z-index:4;left:0;display:block;vertical-align:middle;line-height:2;transition:transform .3s ease;transform:translate3d(-18px,-.85em,0)}.emoji-slider .emoji-handle img{width:32px;position:relative;top:6px}.emoji-slider .emoji-handle.active{cursor:pointer}.emoji-slider .emoji-handle.dragging{transform:translate3d(-18px,-.85em,0) scale(1.4)}.emoji-slider .average-dot{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;z-index:3;display:block;width:80px;font-size:12px;color:#00c4b8;padding-top:.25em;transform:translate3d(-50%,0,0);text-align:center}.emoji-slider .average-dot span:before{margin:0 auto;content:"";background:#00c4b8;height:3em;width:1px;display:block}.emoji-slider .average-dot span.man:before{height:2em}.emoji-slider .average-dot span.other:before{height:4em}.emoji-slider .average-label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;z-index:3;display:block;font-size:12px;color:#00c4b8;padding-top:3.25em;transform:translate3d(-50%,0,0);text-align:center}.emoji-slider .aria-button,.emoji-slider .aria-slider{clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden;position:absolute!important;padding:0}.question-wrapper{padding:1em;background:#f3f3f3}.page-indicator{display:block;font-family:Abril Fatface,cursive}.howto,.page-indicator{text-align:center}.explainer-box{padding:1em;background:#fff;line-height:1.4}.explainer-box p:first-child{margin-top:0}.explainer-box p:last-child{margin-bottom:0}.explainer-box .bio-wrapper{font-size:14px}.explainer-box .bio-wrapper:after{content:"";clear:both;display:table}.explainer-box .bio-wrapper img{width:20%;display:block;float:left;margin-right:.5em}@font-face{font-family:Abril Fatface;src:url(../fonts/AbrilFatface-Regular.738419c3.ttf);font-weight:400}#app-2019-06-duktigatestet{font-family:Open Sans,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;margin:0 auto;max-width:600px;line-height:1.2}#app-2019-06-duktigatestet label{font-weight:700;margin-right:.5em}#app-2019-06-duktigatestet *{box-sizing:border-box}#app-2019-06-duktigatestet h2,#app-2019-06-duktigatestet h3{text-align:center}#app-2019-06-duktigatestet h2{font-size:2.2em;font-family:Abril Fatface,cursive;font-weight:400;margin-bottom:0}@media screen and (min-width:480px){#app-2019-06-duktigatestet h2{font-size:2.5em}}#app-2019-06-duktigatestet h3{font-size:1.5em;font-family:Open Sans,Arial,sans-serif;font-weight:700}#app-2019-06-duktigatestet a{color:#000;text-decoration:underline}#app-2019-06-duktigatestet a:hover{text-decoration:none}#app-2019-06-duktigatestet .emoji-header{font-size:2em;margin-bottom:1em}#app-2019-06-duktigatestet .emoji-header div{display:inline-block}#app-2019-06-duktigatestet .emoji-header img{width:48px;padding:4px}#app-2019-06-duktigatestet .start-button{display:block;margin:1em auto;font-size:1.2em;line-height:1.5;border:none;border-radius:12px;color:#fff;padding:4px 20px;background:#00b4c8;cursor:pointer;transition:opacity .5s;font-family:Abril Fatface,cursive}#app-2019-06-duktigatestet .start-button:disabled{opacity:.2;cursor:not-allowed}#app-2019-06-duktigatestet .next-button{display:block;margin:1em auto;font-size:1.2em;line-height:1.5;border:none;border-radius:12px;color:#fff;padding:4px 20px;background:#00b4c8;cursor:pointer;font-family:Abril Fatface,cursive}#app-2019-06-duktigatestet .intro-box{padding:1em;background:#f3f3f3;text-align:center}#app-2019-06-duktigatestet #input-age{width:80px}@media screen and (max-width:499px){.ydd-article__body #app-2019-06-duktigatestet{margin-left:-20px;margin-right:-20px}}.fade-enter-active{transition:opacity 1s}.fade-enter-active.delay{transition-delay:1s}.fade-leave-active{transition:opacity .2s}.fade-enter,.fade-leave-to{opacity:0}