@charset "UTF-8";@media (any-hover: hover){.function-zone-container .try-demo .demo-content .demo-poster:hover img.poster[data-v-4e25fc7b]{transform:scale(1.1)}}.try-demo[data-v-4e25fc7b]{display:flex;flex-direction:column;align-items:center;justify-content:center}.try-demo .demo-title[data-v-4e25fc7b]{font-weight:400;color:#333}@media (min-width: 1000px){.try-demo .demo-title[data-v-4e25fc7b]{font-size:22px;line-height:26px;margin-bottom:30px}}@media (max-width: 999px){.try-demo .demo-title[data-v-4e25fc7b]{font-size:13px;line-height:16px;margin-bottom:15px}}@media (min-width: 1000px){.try-demo .demo-content[data-v-4e25fc7b]{width:500px;display:flex;align-items:center;justify-content:center;padding:0 20px;box-sizing:border-box;gap:20px}}@media (max-width: 999px){.try-demo .demo-content[data-v-4e25fc7b]{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}}.try-demo .demo-content .demo-poster[data-v-4e25fc7b]{overflow:hidden}@media (min-width: 1000px){.try-demo .demo-content .demo-poster[data-v-4e25fc7b]{width:100px;height:100px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative}.try-demo .demo-content .demo-poster img[data-v-4e25fc7b]{transition:all .3s ease-in-out;width:100%;height:100%;object-fit:cover}.try-demo .demo-content .demo-poster .hoverIcon[data-v-4e25fc7b]{width:30px!important;height:30px!important;position:absolute;left:0;bottom:0;top:0;right:0;margin:auto;z-index:3;transition:all .2s ease-in-out}}@media (max-width: 999px){.try-demo .demo-content .demo-poster[data-v-4e25fc7b]{width:60px;height:60px;border-radius:10px;position:relative}.try-demo .demo-content .demo-poster img[data-v-4e25fc7b]{width:100%;height:100%;object-fit:cover}.try-demo .demo-content .demo-poster .hoverIcon[data-v-4e25fc7b]{width:20px;height:20px;position:absolute;left:0;bottom:0;top:0;right:0;margin:auto;z-index:3;transition:all .2s ease-in-out}}.disabled-button[data-v-4e25fc7b]{cursor:not-allowed!important;opacity:.6}.function-zone-container .processing-area .demo-area[data-v-f8263d1e]{border-radius:20px;--webkit-border-radius: 20px;overflow:hidden;--videoSize: 70px;--videoMarg: 30px;position:relative}@media (min-width: 1000px){.function-zone-container .processing-area .demo-area[data-v-f8263d1e]{width:580px;height:100%}}@media screen and (min-width: 767px) and (max-width: 999px){.function-zone-container .processing-area .demo-area[data-v-f8263d1e]{margin:0 20px}}@media (max-width: 766px){.function-zone-container .processing-area .demo-area[data-v-f8263d1e]{margin:0 15px;border-radius:10px;--webkit-border-radius: 10px}}.function-zone-container .processing-area .demo-area .video_box[data-v-f8263d1e]{width:100%;height:100%;position:relative}@media (max-width: 999px){.function-zone-container .processing-area .demo-area[data-v-f8263d1e]{--videoSize: 50px;--videoMarg: 20px}}@media (max-width: 767px){.function-zone-container .processing-area .demo-area[data-v-f8263d1e]{--videoMarg: 10px}}.function-zone-container .processing-area .demo-area .video_pay_box[data-v-f8263d1e]{width:var(--videoSize);height:var(--videoSize);background:#ffffff80;border-radius:50%;position:absolute;top:var(--videoMarg);left:var(--videoMarg);display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:3}.function-zone-container .processing-area .demo-area .video_pay[data-v-f8263d1e]{width:calc(var(--videoSize) - 10px);height:calc(var(--videoSize) - 10px);background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center}.function-zone-container .processing-area .demo-area .video_pay .video_pay_icon[data-v-f8263d1e]{width:calc(var(--videoSize) * .4)!important;height:calc(var(--videoSize) * .4)!important}.function-zone-container .processing-area .demo-area .video[data-v-f8263d1e]{width:100%;height:100%;object-fit:cover;border-radius:10px}.function-zone-container .processing-area .demo-area .before[data-v-f8263d1e],.function-zone-container .processing-area .demo-area .after[data-v-f8263d1e]{background:#00000080;border-radius:30px;padding:0 15px;color:#fff;display:inline-flex;align-items:center}@media (min-width: 1000px){.function-zone-container .processing-area .demo-area .before[data-v-f8263d1e],.function-zone-container .processing-area .demo-area .after[data-v-f8263d1e]{font-weight:400;font-size:14px;color:#fff;height:26px}}@media (max-width: 999px){.function-zone-container .processing-area .demo-area .before[data-v-f8263d1e],.function-zone-container .processing-area .demo-area .after[data-v-f8263d1e]{font-weight:400;font-size:10px;color:#fff;height:22px}}