@charset "UTF-8";*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:top}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}picture{display:inline-block}html,body{scroll-behavior:smooth}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html,body{height:100%;margin:0}body{font-size:1em;font-family:Roboto,serif;font-weight:400;background-color:#fff;color:#00f;line-height:1.4;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}strong{font-weight:600}em{font-style:italic}ul,ol{padding:0 0 0 16px;list-style-type:"–";list-style-position:inside}ul li:before,ol li:before{content:"";margin:0 2px}a{color:#00f;text-decoration:none}a:focus,a:hover,a:visited{color:#00f}button{background-color:transparent;color:#00f;text-decoration:underline;cursor:pointer}button:hover{text-decoration:none}[hidden]{display:none!important}.logo{font-family:Roboto Mono,monospace}.header{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;padding:16px 24px;border-bottom:1px solid;font-size:.875em}.header__left{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;gap:8px}.footer{font-size:.875em;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;padding:16px 24px;width:100%}.footer__restart{display:none}.main,.step{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;min-height:0}.step__content{padding:16px 24px;border-bottom:1px solid;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;font-size:.875em}.step__copy:first-letter{text-transform:capitalize}.step__sep{margin:0 8px}.step__actions{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;gap:8px}.step__form{max-width:480px;margin:80px auto 0}.step__visual{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;flex:1;min-height:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.step:not([hidden]){-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;flex:1}.form{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;gap:16px;width:100%}.form__text{text-align:center}.form__input,.form__select{padding:16px;border:1px solid #0000ff;width:100%;color:#00f;background-color:transparent;font-size:.875em}.form__input::placeholder,.form__select::placeholder{color:#00f}.form__input::-webkit-input-placeholder,.form__select::-webkit-input-placeholder{color:#00f}.form__input::-moz-placeholder,.form__select::-moz-placeholder{color:#00f}.form__input:-ms-input-placeholder,.form__select:-ms-input-placeholder{color:#00f}.form__input:focus,.form__select:focus{outline:none;border-color:#00f}.form__input:focus-visible,.form__select:focus-visible{border-color:#00f}.form__select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:0;cursor:pointer;font-size:.875em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 8' fill='none'%3E%3Cpath d='m.32129.383095 8 6.709675 8.00001-6.709674' stroke='%230000FF'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px}.form__button{padding:16px;width:100%;background-color:#00f;color:#fff;font-size:.875em;font-weight:600;border:1px solid;text-decoration:none}.palette{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;overflow:hidden}.palette__color{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;flex:1}.marquee{overflow:hidden;width:100%;position:absolute;bottom:51px;left:0;border-bottom:1px solid;border-top:1px solid}.marquee__track{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;white-space:nowrap;will-change:transform;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation:marquee 20s linear infinite;-moz-animation:marquee 20s linear infinite;animation:marquee 20s linear infinite}.marquee__group{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;white-space:nowrap}.marquee__group span{padding:0 24px;-webkit-flex-shrink:0;flex-shrink:0;font-size:clamp(2rem,6vw,6rem);font-weight:600}.marquee--inspiration{background:white}.marquee--inspiration span:nth-child(1){background:#ff00cc;color:#ffa0ff}.marquee--inspiration span:nth-child(2){background:#c4ff00;color:#212121}.marquee--inspiration span:nth-child(3){background:#ff6a00;color:#003cff}.marquee--inspiration span:nth-child(4){background:#8b0000;color:#ff5fa2}.marquee--inspiration span:nth-child(5){background:#5b00ff;color:#b4ff00}.marquee--inspiration span:nth-child(6){background:#ff1f1f;color:#7b2cff}.marquee--inspiration span:nth-child(7){background:#002bff;color:#b700ff}.marquee--inspiration span:nth-child(8){background:#003a3a;color:#0f6}.marquee--inspiration span:nth-child(9){background:#ff2e2e;color:#2e00ff}.marquee--inspiration span:nth-child(10){background:#cfff00;color:#2a2a2a}.marquee--inspiration .marquee__track{-webkit-animation-duration:30s;-moz-animation-duration:30s;animation-duration:30s}.marquee--neutral{background:white}.marquee--neutral span{color:transparent;-webkit-text-stroke:1px #0000ff}.marquee--neutral .marquee__track{-webkit-animation-duration:40s;-moz-animation-duration:40s;animation-duration:40s}@-webkit-keyframes marquee{0%{-webkit-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateX(-50%);transform:translate(-50%)}}@-moz-keyframes marquee{0%{-moz-transform:translateX(0);transform:translate(0)}to{-moz-transform:translateX(-50%);transform:translate(-50%)}}@keyframes marquee{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translate(-50%)}}.is-step-2 .header__logo{cursor:pointer}.is-step-2 .footer__link{display:none}.is-step-2 .footer__restart{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex}.is-exporting #share-canvas{letter-spacing:0!important;word-spacing:0!important}.export-signature{display:none;padding:16px 24px;color:#00f;border-top:1px solid;text-align:right;font-size:.875em}.export-signature__logo{font-family:Roboto Mono,monospace}.is-sharing .export-signature{display:block}@media screen and (max-width: 768px){.form{width:-webkit-calc(100% - 48px);width:-moz-calc(100% - 48px);width:calc(100% - 48px)}.step__content{-webkit-box-align:end;-webkit-align-items:end;-moz-box-align:end;align-items:end}.step__result{padding-right:32px}.step__result #profile-title{display:block}.step__sep{display:none}}@media screen and (max-width: 575px){.form__input,.form__select{font-size:16px;line-height:1.2}}