.focoslide-Colors[data-v-12fc6940]{width:100%;height:100%}.focoslide-Colors[data-v-12fc6940] .drag-header_content{box-shadow:0 3px 6px #eef4fb}.focoslide-Colors__content[data-v-12fc6940]{display:flex;height:calc(100% - 40px)}.focoslide-Colors__diff[data-v-12fc6940]{flex:1;display:flex;background:#333}.focoslide-Colors__diff__wrapper[data-v-12fc6940]{width:50%;position:relative;display:flex;align-items:center}.focoslide-Colors__diff__wrapper--left[data-v-12fc6940]{border-right:1px solid #fff}.focoslide-Colors__diff__wrapper__mark[data-v-12fc6940]{justify-content:center;align-items:center;background:#eee;border-radius:6px;width:72px;height:32px;font-style:normal;font-weight:400;font-size:14px;display:flex;text-align:center;color:#333;position:absolute;top:24px;left:24px}.focoslide-Colors__diff__wrapper__mark--left[data-v-12fc6940]{top:24px;right:24px;left:auto}.focoslide-Colors__diff__wrapper img[data-v-12fc6940]{width:100%;height:524px;-o-object-fit:contain;object-fit:contain}.focoslide-Colors__diff__wrapper #targetCanvas[data-v-12fc6940]{width:100%;height:524px}.focoslide-Colors__wrapper[data-v-12fc6940]{margin-top:35px;width:300px;position:relative}.focoslide-Colors__color[data-v-12fc6940]{padding:15px 32px}.focoslide-Colors__color[data-v-12fc6940]:first-child{padding-top:0}.focoslide-Colors__color__name[data-v-12fc6940]{font-style:normal;font-weight:700;font-size:12px;line-height:18px;color:#333}.focoslide-Colors__color input[type=number][data-v-12fc6940]{width:50px;height:24px;font-style:normal;font-weight:400;font-size:12px;line-height:12px;color:#333;float:right;outline:none;text-align:right;border:1px solid transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:6px}.focoslide-Colors__color input[type=number][data-v-12fc6940]:hover{border:1px solid #0267ec}.focoslide-Colors__color input[type=number][data-v-12fc6940]:focus{text-align:center}.focoslide-Colors__color input[type=number][data-v-12fc6940]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.focoslide-Colors__color[data-v-12fc6940] .ant-slider .ant-slider-rail{background:#e8eaec}.focoslide-Colors__color[data-v-12fc6940] .ant-slider .ant-slider-track{background:#2254f4;border-radius:5px 0 0 5px}.focoslide-Colors__color[data-v-12fc6940] .ant-slider .ant-slider-handle{background:#fff;box-shadow:0 0 4px rgba(0,0,0,.25);border:none}.focoslide-Colors__range__slider[data-v-12fc6940]{margin-top:20px}.focoslide-Colors__reset[data-v-12fc6940]{position:absolute;right:110px;bottom:24px;width:80px;height:26px;border:1px solid #ccc;border-radius:6px;font-style:normal;font-weight:400;font-size:12px;line-height:17px;display:flex;align-items:center;justify-content:center;text-align:center;color:#333;cursor:pointer}.focoslide-Colors__reset[data-v-12fc6940]:hover{background:#dde8f5}.focoslide-Colors__apply[data-v-12fc6940]{position:absolute;right:15px;bottom:24px;width:80px;height:26px;background:#0267ec;border:1px solid #eef4fb;border-radius:6px;font-style:normal;font-weight:400;font-size:12px;line-height:17px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;cursor:pointer}.focoslide-Colors__apply[data-v-12fc6940]:hover{background:#2657b5}