.container{max-width:1200px;margin:0 auto}.main{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.main .left,.main .right{display:flex;flex-direction:column;gap:10px}.main .left h3,.main .right h3{font-size:36px;font-weight:500;text-align:center;text-decoration:underline}.preset-picker-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.color-picker{width:30px;height:30px;background-color:#000;border-radius:50%;border:6px solid red;cursor:pointer;position:relative;outline:1px solid #000}.color-picker.active::before,.color-picker:hover::before{content:"";position:absolute;top:-10px;left:-10px;width:46px;height:46px;border-radius:50%;border:2px dashed #777}.image-picker{width:50px;height:50px;cursor:pointer;position:relative;border-radius:50%}.image-picker img{width:100%;height:100%;object-fit:cover}.image-picker.active,.image-picker:hover{outline:2px solid #000}
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsV0FDSSxpQkFDQSxjQUdKLE1BQ0ksYUFDQSxrQ0FDQSxTQUVBLHlCQUVJLGFBQ0Esc0JBQ0EsU0FFQSwrQkFDSSxlQUNBLGdCQUNBLGtCQUNBLDBCQUtaLHVCQUNJLGFBQ0EsZUFDQSx1QkFDQSxTQUdKLGNBQ0ksV0FDQSxZQUNBLHNCQUNBLGtCQUNBLHFCQUNBLGVBQ0Esa0JBQ0EsdUJBRUEseURBRUksV0FDQSxrQkFDQSxVQUNBLFdBQ0EsV0FDQSxZQUNBLGtCQUNBLHVCQUlSLGNBQ0ksV0FDQSxZQUNBLGVBQ0Esa0JBQ0Esa0JBRUEsa0JBQ0ksV0FDQSxZQUNBLGlCQUdKLHlDQUVJIiwiZmlsZSI6ImluZGV4LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5jb250YWluZXIge1xuICAgIG1heC13aWR0aDogMTIwMHB4O1xuICAgIG1hcmdpbjogMCBhdXRvO1xufVxuXG4ubWFpbiB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciAxZnIgMWZyO1xuICAgIGdhcDogMjBweDtcblxuICAgIC5sZWZ0LFxuICAgIC5yaWdodCB7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIGdhcDogMTBweDtcblxuICAgICAgICBoMyB7XG4gICAgICAgICAgICBmb250LXNpemU6IDM2cHg7XG4gICAgICAgICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgICAgIH1cbiAgICB9XG59XG5cbi5wcmVzZXQtcGlja2VyLXdyYXBwZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiB3cmFwO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGdhcDogMjBweDtcbn1cblxuLmNvbG9yLXBpY2tlciB7XG4gICAgd2lkdGg6IDMwcHg7XG4gICAgaGVpZ2h0OiAzMHB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICMwMDA7XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgIGJvcmRlcjogNnB4IHNvbGlkIHJlZDtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG91dGxpbmU6IDFweCBzb2xpZCAjMDAwO1xuXG4gICAgJi5hY3RpdmU6OmJlZm9yZSxcbiAgICAmOmhvdmVyOjpiZWZvcmUge1xuICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRvcDogLTEwcHg7XG4gICAgICAgIGxlZnQ6IC0xMHB4O1xuICAgICAgICB3aWR0aDogNDZweDtcbiAgICAgICAgaGVpZ2h0OiA0NnB4O1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgIGJvcmRlcjogMnB4IGRhc2hlZCAjNzc3O1xuICAgIH1cbn1cblxuLmltYWdlLXBpY2tlciB7XG4gICAgd2lkdGg6IDUwcHg7XG4gICAgaGVpZ2h0OiA1MHB4O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xuXG4gICAgaW1nIHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgb2JqZWN0LWZpdDogY292ZXI7XG4gICAgfVxuXG4gICAgJi5hY3RpdmUsXG4gICAgJjpob3ZlciB7XG4gICAgICAgIG91dGxpbmU6IDJweCBzb2xpZCAjMDAwO1xuICAgIH1cbn1cbiJdfQ== */