.roller-item[data-v-e88ea03a]{position:relative;height:1em;transition:width .5s}.roller-item .roller-item__wrapper[data-v-e88ea03a]{position:relative;display:flex;align-items:center;width:100%;height:200%;overflow:hidden;top:-50%;mask-image:linear-gradient(0deg,rgba(255,255,255,0) 0%,rgb(0,0,0) 25%,rgb(0,0,0) 75%,rgba(255,255,255,0) 100%);-webkit-mask-image:linear-gradient(0deg,rgba(255,255,255,0) 0%,rgb(0,0,0) 25%,rgb(0,0,0) 75%,rgba(255,255,255,0) 100%);box-sizing:border-box}.roller-item .roller-item__wrapper.roller-item__wrapper--short[data-v-e88ea03a]{mask-image:linear-gradient(0deg,rgba(255,255,255,0) 20%,rgb(0,0,0) 30%,rgb(0,0,0) 70%,rgba(255,255,255,0) 80%);-webkit-mask-image:linear-gradient(0deg,rgba(255,255,255,0) 20%,rgb(0,0,0) 30%,rgb(0,0,0) 70%,rgba(255,255,255,0) 80%)}.roller-item .roller-item__wrapper .roller-item__wrapper__list[data-v-e88ea03a]{position:absolute;width:100%;display:flex;align-items:center;flex-direction:column;box-sizing:border-box;transition:.25s}.roller-item .roller-item__wrapper .roller-item__wrapper__list .roller-item__wrapper__list__item[data-v-e88ea03a]{display:flex;width:fit-content;height:1em;line-height:1;box-sizing:border-box;user-select:none}.roller-item .roller-item__wrapper .roller-item__wrapper__list .roller-item__wrapper__list__item--target[data-v-e88ea03a]{user-select:text}.roller[data-v-4760d5f9]{display:flex;flex-wrap:wrap}.roller-list-enter-active[data-v-4760d5f9],.roller-list-leave-active[data-v-4760d5f9]{transition:.5s}.roller-list-enter-from[data-v-4760d5f9]{opacity:0}.roller-list-enter-to[data-v-4760d5f9],.roller-list-leave-from[data-v-4760d5f9]{opacity:1}.roller-list-leave-to[data-v-4760d5f9]{opacity:0;width:0px!important}body{margin:0;padding:0;overflow-y:scroll}#app{overflow-x:hidden}#app .app__onboarding{width:100%;height:100vh;margin:0;padding:0;display:flex;justify-content:center;align-items:center;background-color:#354952;color:#fff;font-size:8em}#app .app__example{width:100%;max-width:720px;padding:40px;margin:0 auto;box-sizing:border-box}#app .app__example .app__example__title{color:#42b883;font-size:4em;text-align:center}#app .app__example .app__example__wrapper{display:flex;width:100%}#app .app__example .app__example__wrapper .app__example__wrapper__roller{cursor:text;flex:1;display:flex;justify-content:center;font-size:3em;padding:10px 0;border-bottom:3px solid rgba(0,0,0,0)}#app .app__example .app__example__wrapper .app__example__wrapper__roller input{position:absolute;width:0;height:0;opacity:0}#app .app__example .app__example__wrapper .app__example__wrapper__roller:hover{opacity:.8}#app .app__example .app__example__wrapper .app__example__wrapper__roller--active{border-bottom:3px solid #42b883;padding:10px 0}#app .app__footer{margin-top:100px;padding:20px;background-color:#354952;color:#fff;word-break:keep-all}@media (max-width: 720px){#app .app__onboarding{font-size:4em}#app .app__example{padding:20px}#app .app__example .app__example__title{font-size:2em}}
