.palette-container{display:flex;gap:32px;align-items:center;flex-wrap:wrap;flex-flow:row wrap;max-width:30%}.palettes{display:flex;flex-direction:column;gap:10px;align-items:center;width:max-content;margin-top:10px;max-width:100%}.palette-shades{display:flex;flex-direction:column;gap:10px;align-items:center}.shade{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;gap:10px}.shade-color{width:200px;height:50px}.shade-buttons{display:flex;flex-direction:row;gap:10px;align-items:center;width:max-content}.shade-buttons button{width:50px;height:50px;border:none;border-radius:50%;cursor:pointer}.shade-buttons button:hover{background:#eaeaea}.shade-buttons button:focus{outline:none}.shade-buttons button:active{transform:scale(.9)}.shade-buttons button.selected{border:2px solid #000;background:#58D7FF}.vr-line{width:1px;height:50px;background:#6B6B6B}.palette-info{flex-direction:row;gap:10px;align-items:center;width:max-content;padding:10px;display:flex;justify-content:space-between;border-bottom:1px solid #eaeaea}.App{width:100%}.palettes-box{display:flex;gap:32px;align-items:center;justify-content:space-evenly;flex-wrap:wrap;flex-flow:row wrap;width:100%}.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.header-left{display:flex;flex-direction:row;gap:5px;align-items:center;padding:5px;background:#070000;width:90%;flex-wrap:wrap}.page-buttons{display:flex;flex-direction:row;gap:10px;align-items:center;background:#070000;width:100%;flex-wrap:wrap;justify-content:center}.page-button{display:flex;width:40px;height:40px;justify-content:center;align-items:center;color:#000;font-family:Metropolis;font-size:16px;font-style:normal;font-weight:700;line-height:normal;background-color:#fff;cursor:pointer}.page-button:hover,.page-button.active{background-color:wheat;color:#070000}.header .save-button{display:flex;padding:12px 46px 12px 45px;justify-content:center;align-items:center;color:#fff;font-family:Metropolis;font-size:16px;font-style:normal;font-weight:700;line-height:normal;background:#070000;cursor:pointer}