.cell{background-color:hsla(0,0%,73.3%,.5);position:relative;width:100%;height:100%;color:#fff;text-transform:capitalize}.cell--empty{border:none;background-color:hsla(0,0%,100%,.5)}.cell--empty span{display:none}.cell span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.digi{display:flex}.digi--border{padding:3px}.digi__num{position:relative;width:18px;height:31px;display:block;background:url(../img/base.e81d68e6.svg) no-repeat 50%;background-size:100%}.digi__num:not(:last-child){margin-right:4px}.digi__num:after{position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-position:50%;background-size:100% 100%;content:""}.digi--border .digi__num:not(:last-child){margin-right:8px}.digi--border .digi__num:before{position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:1px solid var(--grey);border-radius:2px;content:""}.digi__num.is-0:after{background-image:url(../img/0.008e916f.svg)}.digi__num.is-1:after{background-image:url(../img/1.77c19288.svg)}.digi__num.is-2:after{background-image:url(../img/2.d160b247.svg)}.digi__num.is-3:after{background-image:url(../img/3.25fca518.svg)}.digi__num.is-4:after{background-image:url(../img/4.db2c884e.svg)}.digi__num.is-5:after{background-image:url(../img/5.32f81056.svg)}.digi__num.is-6:after{background-image:url(../img/6.acaa10fa.svg)}.digi__num.is-7:after{background-image:url(../img/7.a1099e2c.svg)}.digi__num.is-8:after{background-image:url(../img/8.e578df1c.svg)}.digi__num.is-9:after{background-image:url(../img/9.954e58a0.svg)}.number{display:flex;justify-content:space-between;border:1px solid var(--grey);border-radius:4px;overflow:hidden}.number:not(:last-child){margin-bottom:10px}.number__digi{padding:8px;min-width:80px}.number__btns{border-left:1px solid var(--grey)}.number__btns button{width:28px;height:50%;font-family:inherit;display:flex;justify-content:center;align-items:center;font-size:2rem;line-height:1;color:#bebdbd;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--light-grey);transition:all .3s ease-in-out}.number__btns button:disabled{opacity:.5;pointer-events:none}.number__btns button:not(:last-child){border-bottom:1px solid var(--grey)}@media(hover:hover){.number__btns button:focus,.number__btns button:hover{color:#989696;background-color:#cfcfcf}}.checkbox{display:flex;justify-content:space-between;width:110px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.checkbox:not(:last-child){margin-bottom:8px}.checkbox__title{display:inline-flex;align-items:center;font-size:1.4rem;flex-grow:1}.checkbox__title:after{margin-left:4px;margin-right:2px;flex-grow:1;height:1px;background-color:var(--grey);content:""}.checkbox__thumb{border-radius:2px}.generate{display:flex;flex-direction:column;align-items:flex-start}.generate__btn.btn{width:104px;height:auto;text-align:left}.generate__btn.btn:not(:last-child){margin-bottom:8px}.generate__save{margin-top:24px;display:flex;justify-content:space-between;align-items:center;font-size:1.4rem;width:100%}.generate__save .btn{position:relative}.generate__save .btn:before{position:absolute;bottom:50%;right:calc(100% + 2px);width:30px;height:1px;border-bottom:1px solid var(--grey);border-bottom-left-radius:3px;content:""}.direction{width:110px}.direction__submit{position:relative;display:flex;justify-content:flex-end}.direction__submit:before{position:absolute;bottom:50%;right:31px;width:73px;height:20px;border-left:1px solid var(--grey);border-bottom:1px solid var(--grey);border-bottom-left-radius:3px;content:""}.radio{position:relative}.radio:not(:first-child):before{position:absolute;bottom:calc(100% + 3px);left:6px;width:1px;height:8px;background-color:var(--grey);content:""}.radio:not(:last-child){margin-bottom:14px}.radio__label{position:relative;padding-left:22px;font-size:1.4rem;cursor:pointer}.radio__label:after,.radio__label:before{position:absolute;top:50%;border-radius:50%;border:1px solid var(--grey);transform:translateY(-50%);content:""}.radio__label:before{left:0;width:13px;height:13px}.radio__label:after{left:2px;width:9px;height:9px;transition:all .3s ease-in-out}input:checked+.radio__label:after{background-color:var(--accent-light);border-color:var(--accent)}.vue-slider-disabled{opacity:.5;cursor:not-allowed}.vue-slider-rail{background-color:#ccc;border-radius:15px}.vue-slider-process{background-color:#3498db;border-radius:15px}.vue-slider-mark{z-index:4}.vue-slider-mark:first-child .vue-slider-mark-step,.vue-slider-mark:last-child .vue-slider-mark-step{display:none}.vue-slider-mark-step{width:100%;height:100%;border-radius:50%;background-color:rgba(0,0,0,.16)}.vue-slider-mark-label{font-size:14px;white-space:nowrap}.vue-slider-dot-handle{cursor:pointer;width:100%;height:100%;border-radius:50%;background-color:#fff;box-sizing:border-box;box-shadow:.5px .5px 2px 1px rgba(0,0,0,.32)}.vue-slider-dot-handle-focus{box-shadow:0 0 1px 2px rgba(52,152,219,.36)}.vue-slider-dot-handle-disabled{cursor:not-allowed;background-color:#ccc}.vue-slider-dot-tooltip-inner{font-size:14px;white-space:nowrap;padding:2px 5px;min-width:20px;text-align:center;color:#fff;border-radius:5px;border-color:#3498db;background-color:#3498db;box-sizing:content-box}.vue-slider-dot-tooltip-inner:after{content:"";position:absolute}.vue-slider-dot-tooltip-inner-top:after{top:100%;left:50%;transform:translate(-50%);height:0;width:0;border-color:transparent;border-style:solid;border-width:5px;border-top-color:inherit}.vue-slider-dot-tooltip-inner-bottom:after{bottom:100%;left:50%;transform:translate(-50%);height:0;width:0;border-color:transparent;border-style:solid;border-width:5px;border-bottom-color:inherit}.vue-slider-dot-tooltip-inner-left:after{left:100%;top:50%;transform:translateY(-50%);height:0;width:0;border-color:transparent;border-style:solid;border-width:5px;border-left-color:inherit}.vue-slider-dot-tooltip-inner-right:after{right:100%;top:50%;transform:translateY(-50%);height:0;width:0;border-color:transparent;border-style:solid;border-width:5px;border-right-color:inherit}.vue-slider-dot-tooltip-wrapper{opacity:0;transition:all .3s}.vue-slider-dot-tooltip-wrapper-show{opacity:1}.range{width:170px;font-size:1.4rem}.range:not(:last-child),.range__header{margin-bottom:5px}.range__header{display:flex;align-items:center;justify-content:space-between}.range__header span{order:-2}.range__header:after{margin-left:4px;height:1px;background-color:var(--grey);order:-1;flex-grow:1;content:""}.range__slider{margin-left:auto;margin-right:auto;width:calc(100% - 29px)}.range__dot{position:absolute;top:50%;left:50%;z-index:2;width:29px;height:19px;border-radius:2px;border:1px solid var(--grey);background-color:var(--light-grey);transform:translate(-50%,-50%);cursor:pointer}.generator{padding-top:60px;padding-bottom:60px;min-height:100vh}.generator__grid-wrapper{position:relative;margin-bottom:50px;display:flex;justify-content:center;align-self:center;height:30vh}@media(min-width:768px){.generator__grid-wrapper{height:calc(100vh - 390px)}}.generator__grid,.generator__grid-content{margin-top:auto;margin-bottom:auto;max-height:100%;display:grid;flex-shrink:1;grid-auto-flow:row dense;grid-gap:4px}@media(min-width:768px){.generator__grid,.generator__grid-content{grid-gap:10px}}.generator__grid-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.generator__grid-content:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #f17878;content:""}.generator__cell{position:relative;width:100%;background-color:rgba(241,120,120,.1);box-sizing:border-box}.generator__cell:before{padding-top:100%;display:block;content:""}.generator__toolbar{position:relative;padding-bottom:50px;display:flex;flex-direction:column;justify-content:center}@media(min-width:768px){.generator__toolbar{flex-direction:row}}.generator__group{position:relative;padding:24px 11px 13px 11px;border-radius:4px;border:1px solid #bbb}.generator__group:not(:last-of-type){margin-bottom:25px}@media(min-width:768px){.generator__group:not(:last-of-type){margin-bottom:0;margin-right:4px}}.generator__group-title{position:absolute;top:0;left:10px;background-color:#fff;transform:translateY(-50%);padding:5px}.generator__copy{margin-top:15px;font-size:1.1rem;width:100%;max-width:565px;text-align:center}@media(min-width:768px){.generator__copy{position:absolute;bottom:0;left:50%;margin-top:0;transform:translateX(-50%)}}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}html{box-sizing:border-box;-webkit-overflow-scrolling:touch}:root{--grey:#bbb;--light-grey:#f5f5f5;--accent:#f17878;--accent-light:#ffc2b5}html{font-size:62.5%}body{max-width:100%;overflow-x:hidden;-ms-scroll-chaining:none;overscroll-behavior:none;color:#333;font-family:Roboto,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--grey);font-size:1.6rem;font-weight:400}main{position:relative;z-index:2}*,:after,:before{box-sizing:inherit;margin:0;padding:0}figure{margin:0}dd,ol,ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}p{margin:0}cite{font-style:normal}fieldset{border-width:0;padding:0;margin:0}img{display:block;height:auto;max-width:100%}a{color:inherit;text-decoration:none;transition:all .3s ease-in-out}a,button{cursor:pointer}button{font-family:inherit;border:none;background-color:transparent;outline:none}input,select,textarea{color:inherit;border:1px solid var(--grey);padding:4px 7px}.container{margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px;width:100%}@media(min-width:1280px){.container{padding-left:70px;padding-right:70px}}@media(min-width:1440px){.container{padding-left:5%;padding-right:5%}}@media(min-width:1920px){.container{padding-left:10%;padding-right:10%}}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}html.disable-scrolling{position:fixed;width:100%;overflow-y:scroll}.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.embed-container embed,.embed-container iframe,.embed-container object{position:absolute;top:0;left:0;width:100%;height:100%}.is-observer .reveal-slide{transform:translateY(40px)}.is-observer .reveal-fade,.is-observer .reveal-slide{opacity:0;transition:all 1s cubic-bezier(.405,.005,0,1)}.is-observer .is-visible.reveal-del-1,.is-observer .is-visible .reveal-del-1{transition-delay:.4s}.is-observer .is-visible.reveal-del-2,.is-observer .is-visible .reveal-del-2{transition-delay:.7s}.is-observer .is-visible.reveal-del-3,.is-observer .is-visible .reveal-del-3{transition-delay:1s}.is-observer .is-visible.reveal-del-4,.is-observer .is-visible .reveal-del-4{transition-delay:1.3s}.is-observer .is-visible.reveal-slide,.is-observer .is-visible .reveal-slide{opacity:1;transform:none}.is-observer .is-visible.reveal-fade,.is-observer .is-visible .reveal-fade{opacity:1}.section{position:relative;margin-bottom:var(--spacing-step)}.section:before{position:absolute;top:0;bottom:0;z-index:5;left:var(--spacing-step);right:var(--spacing-step);border:1px solid var(--hairline-black);border-radius:var(--radius);pointer-events:none;content:""}.btn{position:relative;padding:4px 8px;width:29px;height:19px;display:block;color:#fff;text-align:left;background-color:var(--light-grey);border:1px solid var(--grey);border-radius:2px;transition:all .3s ease-in-out}.btn:after{position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:4px;border:1px solid var(--grey);content:""}.btn:disabled{opacity:.5;pointer-events:none}@media(hover:hover){.btn:focus,.btn:hover{background-color:var(--accent-light)}}@media(hover:hover){input+.btn:focus,input+.btn:hover{background-color:var(--light-grey)}}input:checked+.btn{background-color:var(--accent-light);border:1px solid var(--accent)}@media(hover:hover){input:checked+.btn:focus,input:checked+.btn:hover{background-color:var(--accent-light)}}.btn--accent{background-color:var(--accent-light);border:1px solid var(--accent)}@media(hover:hover){.btn--accent:focus,.btn--accent:hover{background-color:var(--accent)}}