.styles_gradient__vYtF9{height:300px;width:100%;min-width:300px;position:relative}.styles_gradient__vYtF9:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(45deg,#ced3d6 25%,rgba(0,0,0,0) 0),linear-gradient(-45deg,#ced3d6 25%,rgba(0,0,0,0) 0),linear-gradient(45deg,rgba(0,0,0,0) 75%,#ced3d6 0),linear-gradient(-45deg,rgba(0,0,0,0) 75%,#ced3d6 0);background-position:0 0,0 .625rem,.625rem -.625rem,-.625rem 0;background-size:1.25rem 1.25rem;z-index:-1}.styles_mainBox__qYLbu{background:#fff;border:1px solid var(--grayscale9);border-radius:8px;padding:24px;max-width:1268px;margin:-64px auto auto;z-index:1;position:relative}@media screen and (max-width:1280px){.styles_mainBox__qYLbu{border-radius:0;max-width:100%;margin:0}}.styles_customLayout__BSi3W .react-colorful__saturation{box-shadow:0 0 0 2px #232329;border:unset;border-radius:6px;position:relative}.styles_customLayout__BSi3W .react-colorful__saturation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 0 2px #fff;border-radius:6px}.styles_customLayout__BSi3W .react-colorful{width:100%;min-width:232px;height:232px}.styles_customLayout__BSi3W .react-colorful__hue{display:none}.styles_customLayout__BSi3W .react-colorful__saturation-pointer{box-shadow:0 0 0 2px #232329;width:24px;height:24px;border-radius:1000px;position:relative}.styles_customLayout__BSi3W .react-colorful__saturation-pointer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 0 2px #fff;border-radius:1000px}.styles_slider__zxVMu .react-colorful__hue{box-shadow:0 0 0 1px #232329;height:24px;border-radius:6px;position:relative}.styles_slider__zxVMu .react-colorful__hue:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 0 1px #fff;border-radius:6px}.styles_slider__zxVMu .react-colorful__saturation{display:none}.styles_slider__zxVMu .react-colorful{height:24px;width:100%}.styles_slider__zxVMu .react-colorful__hue-pointer{box-shadow:0 0 0 2px #232329;outline:0 solid rgba(35,35,41,.2509803922);border:2px solid #fff;border-radius:1000px;width:12px;height:34px;position:relative;transition:outline-width .3s ease-in-out}.styles_slider__X1qIS .react-colorful__alpha{box-shadow:0 0 0 1px #232329;border:1px solid #fff;height:24px;border-radius:6px;position:relative}.styles_slider__X1qIS .react-colorful__hue,.styles_slider__X1qIS .react-colorful__saturation{display:none}.styles_slider__X1qIS .react-colorful{height:24px;width:100%}.styles_slider__X1qIS .react-colorful__alpha-pointer{box-shadow:0 0 0 2px #232329;outline:0 solid rgba(35,35,41,.2509803922);border:2px solid #fff;border-radius:1000px;width:12px;height:34px;position:relative;transition:outline-width .3s ease-in-out}.styles_imageUploaderContainer__EHrUi{display:flex;justify-content:center;align-items:center;width:100%;min-width:350px;height:232px;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23B0B0BCFF' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");position:relative}.styles_imageUploaderContainer__EHrUi input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}@media(max-width:768px){.styles_imageUploaderContainer__EHrUi{min-width:232px}}.styles_imagePreview__1PWlP{border-radius:4px;background-size:contain;background-repeat:no-repeat;background-position:50%;cursor:none;height:100%}.styles_imagePreviewSmall__VkD8K{width:256px;height:192px}.styles_imagePreview__1PWlP>div{height:100%}.styles_imagePreview__1PWlP div[data-testid=color-preview],.styles_imagePreview__1PWlP div[data-testid=zoom-preview-container]{display:none}.styles_imagePreview__1PWlP div[data-testid=zoom-preview-container]:before{content:"";display:block;width:6px;height:6px;border:.5px solid #68687b;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.styles_colorPreview__8qaml{width:80px;height:80px;border-radius:4px}.styles_containerFullScreen__Iwm_K{position:fixed;left:0;top:0;width:100%;height:100%;background:#fafafa;z-index:1000}.styles_containerFullScreen__Iwm_K .styles_imagePreviewContainer__oU_1_{flex:1 1;position:relative;max-height:calc(100vh - 216px)}.styles_containerFullScreen__Iwm_K .styles_imagePreviewContainer__oU_1_ .styles_fullScreenButton__Hx7BJ{position:absolute;bottom:32px;right:32px;cursor:pointer;background:rgba(35,35,41,.5);padding:4px;border-radius:2px}.styles_containerFullScreen__Iwm_K .styles_imagePreviewContainer__oU_1_ .styles_fullScreenButton__Hx7BJ svg *{fill:#fff}.styles_containerFullScreen__Iwm_K .styles_toolsContainer__t8r4E{padding:32px;background:#fff;position:fixed;bottom:0;width:100%;z-index:1000}.styles_containerFullScreen__Iwm_K .styles_colorsHistory__yYkou{position:absolute;left:calc(100% + 8px);min-width:256px;bottom:0}.styles_containerFullScreen__Iwm_K .styles_colorsHistoryItem__98dC5{width:32px;height:32px;border-radius:4px;cursor:pointer}.styles_container__BWqeM{display:flex;flex-wrap:wrap;width:100%;border-radius:4px}.styles_container__BWqeM>div{flex:1 1;height:32px;cursor:pointer;border-radius:0 0 0 0;transition:.3s}.styles_container__BWqeM>div:first-child{border-radius:4px 0 0 4px}.styles_container__BWqeM>div:last-child{border-radius:0 4px 4px 0}.styles_container__BWqeM>div:hover{border-radius:1000px;transform:scale(2.5);z-index:10000}