:root{--inputsContainerWidth:40rem}.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)}}.colorEditDashBoard{display:flex;flex-direction:row;align-items:center;color:var(--text-color);background-color:var(--white)}.colorEditDashBoard form{width:var(--inputsContainerWidth)}.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}.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:.5rem solid var(--white)}.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}.imageListItem:hover{box-shadow:10px 10px;transform:scale(1.1);filter:brightness(.6)}.imageListItemImage{width:100px;height:100px;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}}