@import url(https://fonts.googleapis.com/css?family=Roboto:400,400i,900,900i);#app,html{min-height:100vh}body{font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;margin:0;padding:0;background:#3a63ff;background:linear-gradient(to bottom right,#273eff 0,#3c5aff);color:#fff;overflow-x:hidden;max-width:100vw;font-size:16px;border-top:4px solid #e8be00;border-bottom:4px solid #e8be00}a{text-decoration:none;color:inherit}hr{border:1px solid #e8be00;background:none;width:75vw}h1{font-style:italic;font-size:3rem}h1,h2{font-weight:900}h2{font-size:1.5rem;text-align:center}@media (min-width:375px){h2{font-size:2rem}}.inline-text{display:inline-block}.header{position:relative;font-size:0;text-align:right;padding-top:2rem}.logo{position:absolute;top:1rem;left:1rem;width:40vw;max-height:60vh}@media (min-width:992px){.logo{left:5vw}}.title{position:relative;z-index:10;padding:0 10vw;margin:0;font-size:1rem;text-align:right}.title h1{margin:0 0 1rem;font-size:calc(12px + 2vh + 5vw);text-shadow:0 -3px 0 #000,0 3px 0 #000,-3px 0 0 #000,3px 0 0 #000,-3px 3px 0 #000,3px -3px 0 #000,-3px -3px 0 #000,3px 3px 0 #000}@media (min-width:568px){.title{padding:0 10vw}}@media (min-width:1760px){.title{padding:0 20vw}}.tagline{margin-bottom:1rem;font-style:italic}.head-content{text-align:center;font-size:1rem;padding:0 1rem 10vh}@media (min-width:480px){.head-content{text-align:right;padding-right:10vw}}@media (min-width:568px){.head-content{padding-right:10vw}}@media (min-width:1760px){.head-content{padding-right:20vw}}.wash-image{max-width:100%;max-height:150px;border-radius:1rem}@media (min-height:480px){.wash-image{max-height:250px}}@media (min-width:992px){.wash-image{max-height:250px}}.coins{max-width:80vw;margin:0 auto}.coin{display:inline-block;vertical-align:middle}.content{margin:0 auto;padding:10vh 0}.content:last-child{padding-bottom:0}.dial-container{height:200px;margin:2rem auto 0;padding-bottom:1rem;overflow:hidden}.wash-dial{position:relative;width:400px;height:400px;margin-left:calc(50vw - 200px)}.wash-dial.has-selected .sticker{opacity:.4}.wash-option{position:absolute;top:0;left:calc(50% - 40px);width:80px;height:80px;transform-origin:40px 200px;user-select:none;will-change:transform,width,height,left,border;border-radius:50%;border:1px solid transparent;transition-property:width,height,left,border,background;transition-duration:.4s;transition-timing-function:ease-out}.wash-option .sticker{width:100%;height:100%;pointer-events:none;will-change:transform,opacity;transition-property:opacity;transition-duration:.3s;transition-timing-function:ease-out;background-position:50%;background-size:cover;background-repeat:no-repeat}.wash-option:hover{cursor:pointer}.wash-option.selected{border-color:#eee;width:100px;height:100px;left:calc(50% - 50px);transform-origin:50px 200px}.wash-option.selected .sticker{opacity:1!important}.wash-description{position:absolute;top:114.28571px;left:100px;height:133.33333px;width:200px;text-align:center}@media (min-width:400px){.dial-container{height:300px}.wash-dial{width:600px;height:600px;margin-left:calc(50vw - 300px)}.wash-option{left:calc(50% - 60px);width:120px;height:120px;transform-origin:60px 300px}.wash-option.selected{width:150px;height:150px;left:calc(50% - 75px);transform-origin:75px 300px}.wash-description{top:150px;left:150px;height:200px;width:300px}}@media (min-width:768px){.dial-container{height:600px;padding-bottom:10vh}.wash-description{top:200px}}