body{color:#666;background-color:#f7fafc;padding-bottom:5rem;font-family:Inter,sans-serif;font-size:16px}.headline{font-size:1.25rem;font-weight:600}.text--small{font-size:.875rem}a{color:#606fc7;font-weight:600}a:hover{color:#434190}i{color:#606fc7;padding:.75rem;position:absolute}span.icon{padding:.5rem;position:absolute;right:0}.header{background-color:#fff;padding:1rem 1rem 2.5rem}.header__grid{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;max-width:56rem;display:grid}.header__logo{height:4rem}.header__label{text-transform:uppercase;color:#718096;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.left{justify-content:center;display:flex}.content{width:100%;margin-bottom:1rem}.content__grid{background-color:#e6e6eb;border-radius:15px;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 1rem;padding:1rem;display:grid}#imageOptions.content__grid{grid-template-rows:repeat(2,minmax(0,.5fr))}.flex{display:flex}.flex-1{flex:1}.relative{position:relative}.col-6-m3{grid-column:span 6/span 6}.col-12-m4,.col-12-m6{grid-column:span 12/span 12}.col-12-m8{grid-area:1/1;height:100%}.col-12-m8 label{display:none}.col-12-m8 .flex,#fileName,#fileMock{height:100%}.col-12{grid-area:1/2;height:100%}.col-12 button{height:100%}.result{max-width:56rem}.result__header{justify-content:space-between;margin-bottom:1rem;display:flex}.divider{border-width:1px;border-color:#cbd5e0;height:0;margin-top:2.5rem;margin-bottom:2.5rem}#method{display:none}input:disabled{background-color:#fff}.input{border-width:1px;border-color:#cbd5e0;border-radius:.25rem;width:100%;height:2.5rem;padding-left:.5rem;padding-right:.5rem}#inputForm{width:100%;max-width:1000px}.input--left{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1rem}.input__icon{padding-left:2.5rem;padding-right:2.5rem}.input__label{margin-bottom:.5rem;display:block}.bttn{background-color:#fff;border-width:1px;border-color:#cbd5e0;height:2.5rem;margin-right:-.5rem;padding:.5rem .75rem}.bttn.fill{width:50%}.bttn:focus{outline:1px dotted}.bttn:hover{background-color:#edf2f7}.left{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.right{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;margin-right:0}.bttn.active{color:#fff;background-color:#606fc7;border-width:1px;border-color:#606fc7}.bttn__primary{color:#fff;background-color:#606fc7;border-width:1px;border-color:#606fc7;border-radius:.25rem;width:100%;padding:.75rem 1.25rem;font-size:1.125rem}.bttn.active:hover,.bttn__primary:hover{background-color:#4c51bf}.codeblock{background-color:#fff;border-width:1px;border-color:#cbd5e0;border-radius:.25rem;padding:.75rem;display:block}#urlContainer,#format{display:none}#controls{flex-direction:row;grid-area:2/1/auto/span 2;justify-content:space-between;display:flex;width:100%!important}#controls #colorPicker{width:49%;height:100%;box-shadow:none;appearance:none;background-color:#0000;border:none;border-radius:0;outline:none;padding:0!important}#colorPicker::-webkit-color-swatch{border:none;border-radius:6px;width:100%;height:100%;margin:0;padding:0}#colorPicker::-webkit-color-swatch{border:none;border-radius:6px}#controls .slider-group{justify-content:center;align-items:center;width:49%;display:flex}#controls .slider-group input{appearance:none;background:linear-gradient(90deg,#fff,#000);border:none;border-radius:500px;outline:none;width:60%;height:100%}#controls .slider-group input::-webkit-slider-thumb{appearance:none;background-color:#4c51bf;border-radius:999px;width:50px;height:50px}#controls .slider-group label{justify-content:center;align-items:center;width:40%;font-family:sans-serif;font-size:100%;font-weight:700}.canvasArea{justify-content:center;width:100%;display:flex}.canvas{background-color:#e6e6eb;border-radius:15px;justify-content:center;align-items:center;width:1000px;max-height:1000px;display:flex}#canvasOverlay{max-width:100%;max-height:100%;padding:1rem}.caparolColor{justify-content:center;width:100%;margin-top:20px;display:flex}.caparolContent{background-color:#e6e6eb;border-radius:15px;max-width:1000px}.caparolContent h1{font-family:sans-serif;font-size:3em}#colorSwatches{flex-wrap:wrap;gap:20px;display:flex}.chip_wrapper{cursor:pointer;display:inline-block;position:relative}.demochip{border:1px solid #ccc;border-radius:4px;width:139px;height:139px;position:relative}.color_label{text-align:center;color:#fff;text-shadow:0 1px 2px #0009;pointer-events:none;width:100%;font-size:14px;position:absolute;bottom:5px;left:0}.end_page{width:1000px}@media (width>=640px){.header{padding:2.5rem}.header__grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.header__logo{grid-column:span 2/span 2}.content__grid{gap:2.5rem 1rem}.col-12-s6-m4{grid-column:span 6/span 6}}@media (width>=768px){.header__grid{grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr))}.header__logo{grid-column:span 1/span 1}.col-6-m3{grid-column:span 3/span 3}.col-12-s6-m4{grid-column:span 4/span 4}.col-12-m6{grid-column:span 6/span 6}.col-12-m8{grid-column:1}.bttn{padding-left:1rem;padding-right:1rem}}#resultContainer{display:none}
/*# sourceMappingURL=index.83ab00a9.css.map */