:root{--inputsContainerWidth:40rem;--image_width:100px;--image_height:80px}.page{overflow:scroll;height:calc(100vh - 10rem);flex-direction:column;padding-left:var(--padding-left);padding-right:var(--padding-right)}.loadingBackDrop,.page{display:flex;align-items:center}.loadingBackDrop{width:100%;height:100%;background-color:#fff;position:absolute;top:0;left:0;z-index:9998;justify-content:center}.loadingBackDrop .spinner{margin:auto;border-radius:50%;border:2px solid #eaf0f6;border-top-color:#645a58;width:50px;height:50px;animation:spinner 4s linear infinite}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.colorEditControl .twoColumnStyle{background-color:rgba(0,0,0,.1)}.colorEditDashBoard{display:flex;flex-direction:row;align-items:center;color:var(--text-color);background-color:var(--white)}.colorEditDashBoard form{width:var(--inputsContainerWidth);padding-left:.5rem;padding-right:.5rem}.componentHeading{font-size:2rem;padding:1rem;text-align:center}.topborder{border-top:1rem solid var(--light-bg);width:100%;margin-top:2rem;border-radius:.1rem}.row{display:flex;flex-direction:row;height:fit-content;margin:0}.spaceAround{justify-content:space-around}.DominantColorChanger .row{padding:0}.editstyles .coloreditStyles_cardcontainer{display:grid;grid-template-columns:1fr;gap:0;border:.5rem solid rgba(0,0,0,.2);height:122px;padding:5px}.editstyles .coloreditStyles_cardcontainer h1,.editstyles .coloreditStyles_cardcontainer h2,.editstyles .coloreditStyles_cardcontainer img,.editstyles .coloreditStyles_cardcontainer p{font-size:1.1rem;text-align:center;max-width:var(--image_width)}.editstyles.imageList h1,.editstyles.imageList h2{text-align:center}.imageContainer{background-color:var(--light-light-bg);width:calc((100vw - var(--inputsContainerWidth))/2);min-height:50vh;height:auto}.inputSection{display:flex;flex-direction:column;justify-content:left;padding:.5rem;width:min-content}.inputSection input{background-color:transparent;color:var(--text-color)}.inputSection.radio{width:5rem;border-radius:.5rem}.width100,img{width:100%}img{height:auto;object-fit:cover}.numberInput{border:var(--inputBorder);border-radius:.5rem}.imageList,.imageListItem{width:fit-content;height:fit-content}.coloreditStyles_cardcontainer .imageListItem:hover{box-shadow:10px 10px;transform:scale(1.1);filter:brightness(.6);cursor:pointer}.imageListItemImage{width:var(--image_width);height:var(--image_height);object-fit:cover}@media (max-width:479px){.colorEditDashBoard{flex-direction:column}.colorEditDashBoard form{width:100%}.imageContainer{width:100%;height:auto}.row{flex-wrap:wrap;align-items:center;justify-content:center}}