*,:before,:after{box-sizing:border-box;margin:0;padding:0;text-shadow:2px 1px 1px #000;border:none}:root{--palette-darkest: #00202e;--palette-dark: #003f5c;--palette-blue: #2c4875;--palette-purple: #8a508f;--palette-pink: #bc5090;--palette-salmon: #ff6361;--palette-orange: #ff8531;--palette-yellow: #ffa600;--palette-light: #ffd380}body{font-size:2rem;line-height:1.5;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,.root{height:100vh;display:grid}._banner_vtnpe_1{color:#fff;padding:1rem;text-align:center;font-weight:700;font-size:3rem;width:100%}._typography_vtnpe_9{font-size:1.5rem;font-weight:400;line-height:1.5;letter-spacing:.00938em}._textContainer_vtnpe_15{justify-self:center;width:74%}main{display:flex;flex-direction:column;align-items:center;padding:2rem;text-align:center;width:100%}select{border:none;border-radius:.25rem;margin-bottom:1rem;padding:.5rem;font-size:1.5rem;width:80%;background-image:linear-gradient(to top,var(--palette-darkest),var(--palette-dark),var(--palette-blue))}article{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:1rem}#_lorem_vtnpe_1{padding:1rem;border-radius:.25rem}#_lorem-bg_vtnpe_1{grid-area:output;width:100%}label{margin-bottom:.5rem}input{border:none;border-radius:.25rem;height:4rem;width:4rem;background-image:linear-gradient(to bottom left,var(--palette-purple),var(--palette-pink),var(--palette-salmon),var(--palette-orange),var(--palette-yellow),var(--palette-light))}footer{width:100%;color:#fff;padding:1rem;text-align:center}#_lineRatio_vtnpe_1,#_lineAccessible_vtnpe_1{margin-bottom:.5rem}._divider_vtnpe_86{grid-area:spacer;max-width:2%}._colorSelector_vtnpe_90{width:100%;position:relative;grid-area:text-sizer}._selectorLabel_vtnpe_95{position:absolute;top:-38%;left:12%;font-size:1.5rem;pointer-events:none;color:#cfcfcf;z-index:1}._selectorInner_vtnpe_104{font-size:2rem;text-align:center;width:100%;z-index:2}._mainGrid_vtnpe_110{display:grid;grid-template-areas:"text-sizer         text-sizer  text-sizer" "color-selector-one spacer       color-selector-two" "output-left        output      output-right";width:100%}._rgbOne_vtnpe_118{grid-area:color-selector-one}._rgbTwo_vtnpe_121{grid-area:color-selector-two}._outputRgb_vtnpe_124{position:relative;display:flex;flex-direction:row;align-items:center;text-align:center;margin-bottom:1rem;width:100%;height:3rem;& input{width:72%;height:100%;border:none;margin-left:.5rem;margin-right:.5rem;background-image:linear-gradient(to top,var(--palette-darkest),var(--palette-dark),var(--palette-blue))}& select{width:26%;text-align:center;height:100%;margin-bottom:0;background-image:linear-gradient(to top,var(--palette-darkest),var(--palette-dark),var(--palette-blue))}}._outputLabel_vtnpe_159{position:absolute;top:24%;left:5%;font-size:1rem;pointer-events:none}._outputInner_vtnpe_166{border:1px solid #000000;border-radius:.25rem;padding-right:.5rem;padding-left:.5rem;width:100%;font-weight:700;font-size:1.3rem;text-align:end}@media (max-width: 1200px){._banner_vtnpe_1,h2{font-size:2rem}._mainGrid_vtnpe_110{grid-template-areas:"text-sizer" "color-selector-one" "color-selector-two" "output"}#_lorem_vtnpe_1{content:"Lorem ipsum..."}}