.icon-arrow-custom{width:10px;height:6px;position:relative;cursor:pointer}.icon-arrow-custom .line{position:absolute;width:1px;height:6px;background-color:rgba(0,0,0,.45);transform-origin:bottom center;transition:all .3s ease;border-radius:1px;top:0}.icon-arrow-custom .line.left{left:5px;transform:rotate(-45deg)}.icon-arrow-custom .line.right{left:5px;transform:rotate(45deg)}.icon-arrow-custom[data-open=true] .line.left,.icon-arrow-custom[data-open=true] .line.right{top:-5px}.icon-arrow-custom[data-open=true] .line.left{transform:rotate(-135deg)}.icon-arrow-custom[data-open=true] .line.right{transform:rotate(135deg)}.choose-color{width:16px;height:16px;cursor:pointer;border-radius:4px;border:1px solid #dfdfdf;position:relative}.choose-color .picker-wrapper{position:absolute;bottom:40px;right:0;z-index:10}.select-font{background:#fff;width:calc(100% - 12px);height:32px;margin:0;box-sizing:border-box}.select-font .MuiIconButton-root{padding:0}.select-font .MuiInputBase-root,.select-font .MuiOutlinedInput-root,.select-font .MuiSelect-root{padding-right:4px}.select-font .select{border-radius:4px;width:calc(100%);height:32px}.select-font .select .MuiSelect-select{padding:0;display:flex;align-items:center}.select-font .select .MuiSelect-select .img-font-family{height:16px;width:auto}.select-font .select .MuiSelect-select div{padding:8px;margin-top:0;margin-bottom:0}.select-font .select .MuiOutlinedInput-notchedOutline,.select-font .select.Mui-focused .MuiOutlinedInput-notchedOutline,.select-font .select:hover .MuiOutlinedInput-notchedOutline{outline:none!important;border:none!important}.select-font .select .MuiSvgIcon-root{fill:#212121}.select-item .img-font-family{height:14px;width:auto}.font-family-color{padding:0 8px 0 12px;height:32px;box-sizing:border-box;border-radius:6px;display:flex;flex-direction:row;align-items:center;background-color:#fff;gap:12px}.font-family-color .break-line{width:1px;height:14px;background:#f0f0f0;border-radius:1px}.font-type-handwriting{width:100%;padding:0 16px}.font-type-handwriting .btn-group{border-radius:12px;background:#f0f2f5;display:flex;width:100%}.font-type-handwriting .btn-group .btn{margin:4px;background:transparent;border-radius:8px;font-size:16px;font-weight:400;line-height:24px;width:50%;color:#2d3642;text-transform:none;border:none;background-size:200% 100%;display:flex;flex-direction:row;justify-content:center;align-items:center;height:32px;cursor:pointer}.font-type-handwriting .btn-group .btn:first-child{background-image:linear-gradient(90deg,transparent 50%,#fff 0);margin-right:0}.font-type-handwriting .btn-group .btn:first-child.active{animation:leftToRight .2s ease-in-out;background-position:100%;font-weight:600}.font-type-handwriting .btn-group .btn:first-child.deactive{animation:rightToLeft .2s ease-in-out;background-position:0}.font-type-handwriting .btn-group .btn:nth-child(2){background-image:linear-gradient(90deg,#fff 50%,transparent 0);margin-left:0}.font-type-handwriting .btn-group .btn:nth-child(2).active{animation:rightToLeft .2s ease-in-out;background-position:0;font-weight:600}.font-type-handwriting .btn-group .btn:nth-child(2).deactive{animation:leftToRight .2s ease-in-out;background-position:100%}.font-type-handwriting .btn-group .btn.active,.font-type-handwriting .btn-group .btn:hover{color:rgba(var(--color),1)}.font-type-handwriting .img-group{display:flex;justify-content:center;margin-top:16px;gap:16px}.font-type-handwriting .img-group .img-btn{cursor:pointer;display:flex;width:40px;height:40px;border-radius:6px;border:1px solid transparent;transition:border .3s,box-shadow .3s,border-radius .3s;box-sizing:border-box;overflow:hidden}.font-type-handwriting .img-group .img-btn:hover{border:1px solid rgba(var(--color),1);box-shadow:0 0 0 3px rgba(89,126,247,.12)}.font-type-handwriting .img-group .img-btn.active{border-radius:6px;border:1px solid rgba(var(--color),1);box-shadow:0 0 0 3px rgba(89,126,247,.12)}.font-type-handwriting .img-group .img-btn.active div{border-radius:6px 6px 6px 6px;overflow:hidden}.font-type-handwriting .img-group .img-btn.active div svg{width:40px;height:40px}.font-type-handwriting .img-group .img-btn.hide_hw{opacity:0;cursor:default}.font-type-handwriting .img-group .img-btn svg{width:40px;height:40px}@keyframes leftToRight{0%{background-position:0}to{background-position:100%}}@keyframes rightToLeft{0%{background-position:100%}to{background-position:0}}.input-section-hand-writing{height:100%;width:100%;overflow:hidden;padding:0 8px}.input-section-hand-writing .simplebar-placeholder{height:0!important}.input-section-hand-writing .input-wrapper{height:100%;box-sizing:border-box;overflow-y:auto;scrollbar-gutter:stable}.input-section-hand-writing .input-wrapper::-webkit-scrollbar{width:4px!important}.input-section-hand-writing .input-wrapper::-webkit-scrollbar-thumb{background:#0000000f}.input-section-hand-writing .input-wrapper .input-container{position:relative;border-radius:4px;border:1px solid transparent;padding:5px 12px;margin:8px 4px 8px 8px;display:flex;transition:border .3s,box-shadow .3s;background:#fff;min-height:33px;box-sizing:border-box}.input-section-hand-writing .input-wrapper .input-container .index{margin-right:4px;font-size:14px;font-weight:400;line-height:22px;color:rgba(33,33,33,.4);margin-top:-1px}.input-section-hand-writing .input-wrapper .input-container .index.active{color:#2d3642}.input-section-hand-writing .input-wrapper .input-container .input{border:none;outline:none;background-color:#fff;flex:1;font-size:14px;font-weight:400;line-height:22px;color:rgba(33,33,33,.4);margin-top:-1px}.input-section-hand-writing .input-wrapper .input-container .input::placeholder{color:rgba(33,33,33,.4);font-size:12px;font-style:italic;overflow:auto;font-weight:400}.input-section-hand-writing .input-wrapper .input-container .input .MuiInputBase-input{color:#2d3642}.input-section-hand-writing .input-wrapper .input-container .input .MuiInputBase-input::placeholder{color:#212121;font-size:12px;font-style:italic;overflow:auto;font-weight:400}.input-section-hand-writing .input-wrapper .input-container .input .MuiOutlinedInput-root{font-size:14px;font-weight:400;line-height:22px;color:#212121;padding:0}.input-section-hand-writing .input-wrapper .input-container .input .MuiOutlinedInput-root fieldset{border:none}.input-section-hand-writing .input-wrapper .input-container .input .MuiOutlinedInput-root.Mui-focused fieldset,.input-section-hand-writing .input-wrapper .input-container .input .MuiOutlinedInput-root:hover fieldset{border-color:none}.input-section-hand-writing .input-wrapper .input-container .icon-delete{position:absolute;padding:1px;top:0;right:0;z-index:2;opacity:0;animation:showBtn .5s forwards}.input-section-hand-writing .input-wrapper .input-container:hover .icon-delete{opacity:1}.input-section-hand-writing .input-wrapper .input-container:last-child{margin-bottom:12px}.input-section-hand-writing .input-wrapper .input-container.focus{border:1px solid rgba(var(--color),1);box-shadow:0 0 0 3px rgba(89,126,247,.12)}.input-section-hand-writing .input-wrapper .input-container.un-focus.full{border:1px solid transparent}.input-section-hand-writing .input-wrapper .input-container.add-input{border:none;cursor:text}.input-section-hand-writing .input-wrapper .input-container:hover.un-focus{border:1px solid rgba(var(--color),1);box-shadow:0 0 0 3px rgba(89,126,247,.12)}.input-section-hand-writing .input-wrapper .input-container.first .input::placeholder{color:#d1d5db;font-size:14px;font-weight:500;letter-spacing:.07px;font-style:normal}.input-section-hand-writing .auto-fill{display:flex;justify-content:flex-end;background:#f9fafb}.input-section-hand-writing .auto-fill .btn{text-align:center;font-family:Nunito;font-size:12px;font-weight:500;letter-spacing:.06px;text-transform:none;margin:6px;padding:4px 8px;border-radius:6px;border:1px solid rgba(33,33,33,.12);color:#212121;background:#fff}.input-section-hand-writing .auto-fill .btn.show_hw{background:rgba(var(--color),1);color:#fff}.input-section-hand-writing .auto-fill .btn:hover.show_hw{background:#1f68de}.input-section-hand-writing input[disabled]{pointer-events:none}.input-section-hand-writing .simplebar-track{width:3px;background-color:#fff}.input-section-hand-writing .simplebar-scrollbar:before{border-radius:16px;background:#d9d9d9;max-width:4px}.slider-section{position:relative;background-color:#fff;padding:4px 8px 8px 17px;border-radius:6px}.slider-section .label{display:flex;justify-content:space-between;align-items:center;margin-left:-5px}.slider-section .label .label-text,.slider-section .label .label-value{color:rgba(0,0,0,.85);font-size:14px;font-weight:400;line-height:22px}.slider-section .slider-element{color:rgba(var(--color),1);margin:2px 0}.slider-section .slider-element .ant-slider-handle:before{width:14px;height:14px}.slider-section .slider-element .ant-slider-rail{background-color:#e5e5e5}.slider-section .slider-element .ant-slider-track,.slider-section .slider-element.max-equal-min .ant-slider-rail{background-color:#adc6ff}.slider-section .slider-element.max-equal-min .ant-slider-handle{left:100%!important}.landing-hand-writing-container-title{position:relative;z-index:1}.landing-hand-writing-container-title h1{display:none;color:#2d3642}.landing-hand-writing-container-title .title-content{font-size:36px;font-weight:700;line-height:normal;max-width:636px;margin:0 auto;text-align:center;color:#2d3642}.landing-hand-writing-container-title .title-content img{width:215px;margin-bottom:-7px}@media screen and (max-width:768px){.landing-hand-writing-container-title .title-content{font-size:20px;font-weight:700;line-height:normal;max-width:100%}.landing-hand-writing-container-title .title-content img{width:126px;margin-bottom:-4px}}