@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.banner .base-maxwidth{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:260px;border-radius:20px;overflow:hidden;text-align:center;background:url(https://images.imyfone.com/chatartwebkr/assets/guide/guide_bg.png) no-repeat center/cover,linear-gradient(96.3deg,#F9F9FF .34%,#FFF7FE 102.36%)}.banner h1{font-size:40px;margin-bottom:12px}.banner p{line-height:20px}.support-box{padding:40px 0 120px}.support-box .base-maxwidth{display:flex;align-items:flex-start}.support-nav{position:sticky;padding:20px 16px 11px 16px;top:120px;width:256px;min-width:256px;border:solid 1px #EAEAED;border-radius:10px;background:var(--color-white-lighter);margin-right:30px}.support-nav svg{width:12px;height:16px}.support-nav .nav-title{display:flex}.support-nav .icon-img{min-width:46px;width:46px;height:46px}.support-nav ul{margin-top:10px;max-height:600px;overflow:auto}.support-nav li{display:flex;align-items:center;justify-content:space-between;padding:16px 8px;min-height:56px;font-size:14px;font-weight:600;border-radius:10px;transition:all linear .2s}.support-nav li a{width:100%}.support-nav li:hover{color:var(--color-primary-dark)}.support-nav li.active{color:var(--color-primary);background-color:var(--color-purple-light)}.support-nav .name{margin-left:12px;color:var(--color-primary);font-size:24px;font-weight:600}.support-nav .two-the-arrow{display:none}.support-nav::before{content:'';display:none;position:absolute;top:16px;right:-50px;width:50px;height:50px;background:var(--color-primary);opacity:.5}.support-content{width:calc(100% - 286px)}.support-content h2{font-size:32px}.support-content .form-box{margin-top:24px}.support-content .form-item{display:flex;flex-direction:column;margin-bottom:32px}.support-content .form-item:last-child{margin-bottom:0;margin-top:46px}.support-content label{font-weight:700;margin-bottom:12px}.support-content em{color:red}.support-content .select-issues,.support-content .email,.support-content .content{border-radius:6px;border:1px solid var(--color-gray);background:var(--color-white-lighter);padding:12px 12px;font-size:16px;transition:all linear .2s}.support-content .email:focus,.support-content .content:focus{border:1px solid var(--color-primary)}.support-content .select-issues{position:relative;cursor:pointer}.support-content .select-issues ul{display:none;border-radius:6px;border:1px solid var(--color-gray);background:var(--color-white-lighter);box-shadow:0 5px 8px 1px rgba(0,0,0,.06);position:absolute;top:52px;left:0;width:100%;overflow:hidden}.support-content .select-issues ul li{padding:4px 12px;cursor:pointer;transition:all linear .2s}.support-content .select-issues ul li.active,.support-content .select-issues ul li:hover{background:var(--color-purple-light)}.support-content .select-issues.active{border:1px solid var(--color-primary)}.support-content .select-issues.active ul{display:block}.support-content .select-issues.active .selected-content svg{transform:rotate(-90deg)}.support-content input::placeholder,.support-content textarea::placeholder{font-weight:400;font-size:16px;color:rgba(42,48,72,.5)}.support-content .selected-content{display:flex;justify-content:space-between;align-items:center}.support-content .selected-content span{padding-right:20px;line-height:20px}.support-content .selected-content svg{width:16px;height:16px;transform:rotate(90deg);transition:all linear .2s}.support-content .content{resize:none;min-height:293px}.support-content .upload-img{display:flex;flex-wrap:wrap}.support-content .img-box{position:relative;margin-right:26px;margin-bottom:26px;width:200px;height:200px;border-radius:8px;border:2px solid var(--color-gray);cursor:pointer}.support-content .img-box img{width:100%;height:100%;object-fit:cover;border-radius:6px}.support-content .img-box .close{width:24px;height:24px;position:absolute;top:-12px;right:-12px;cursor:pointer;transition:all linear .2s}.support-content .img-box .close:hover{opacity:.9}.support-content .img-box .search{width:42px;height:42px;background-color:var(--color-gray);border-top-right-radius:15px;position:absolute;bottom:0;left:0;cursor:pointer}.support-content .img-box .search svg{width:36px;height:36px;margin:5px 0 0 0;transform:rotate(90deg)}.support-content .add-icon{width:200px;height:200px;background:url(https://images.imyfone.com/chatartwebkr/assets/support/upload_icon.png) no-repeat center/100% 100%,url(https://images.imyfone.com/chatartwebkr/assets/support/upload_icon_hover.png);margin-bottom:26px;transition:background linear .2s}.support-content .add-icon:hover{background:url(https://images.imyfone.com/chatartwebkr/assets/support/upload_icon_hover.png) no-repeat center/100% 100%}.support-content .fileupload{opacity:0;height:100%;width:100%;cursor:pointer}.support-content .submit{border-radius:8px;display:flex;width:100%;height:64px;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:all linear .2s;cursor:pointer}.support-content .submit svg{display:none}.support-content .submit.disabled{background:var(--color-gray);cursor:not-allowed;color:#5c5c5c}.support-content .submit.loading svg{display:block;width:20px;height:20px;margin-right:6px;animation:rotate 1.5s linear infinite}.upload-preview{background-color:rgba(0,0,0,.5);right:0;top:0;bottom:0;height:100%;left:0;overflow:auto;position:fixed;z-index:99;display:none}.upload-preview .upload-preview-dialog{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0}.upload-preview .preview-dialog{height:50%;width:80%;max-width:600px;margin:15vh auto 50px;position:relative;background:#fff}.upload-preview .close{position:absolute;top:10px;right:10px;width:30px;height:30px;cursor:pointer;z-index:2;transition:all linear .2s}.upload-preview .close:hover{opacity:.9}.upload-preview .close svg{width:100%;height:100%}.upload-preview .preview-dialog-body{height:100%;padding:0;position:relative;align-items:center;display:flex;justify-content:center}.upload-preview .preview-dialog-body img{height:100%;max-height:70%;max-width:70%;object-fit:contain;width:100%}@media (max-width:1200px){.banner .base-maxwidth{border-radius:0}}@media (max-width:992px){.support-content{width:100%}.support-nav{position:fixed;z-index:1;top:100px;padding:24px 17px;height:auto;transform:translateX(-272px);margin-right:0}.support-nav.active{transform:translateX(0);transition:all .3s}.support-nav .two-the-arrow{position:absolute;padding:16px;right:-50px;top:16px;width:23px;height:17px;color:var(--color-white-lighter);transform:rotate(0deg);box-sizing:content-box}.support-nav.active .two-the-arrow{padding:0;right:15px;top:30px;color:var(--color-primary);transform:rotate(180deg)}.support-nav::before,.support-nav .two-the-arrow{display:block}.support-nav.active::before{display:none}.support-nav ul{margin-top:16px}.support-nav li{font-size:16px}.support-nav .icon-img{display:none}.support-nav .name{font-size:20px}.support-content{margin-left:0}}@media (max-width:768px){.banner .base-maxwidth{min-height:150px}.banner h1{font-size:24px}.support-box{padding-bottom:60px}}@media (max-width:500px){.support-content h2{font-size:24px}.support-content .form-box{margin-top:18px}.support-content .form-item{margin-bottom:18px}.support-content .form-item:last-child{margin-top:40px}.support-content .select-issues ul li{font-size:14px}.support-content .img-box{margin-right:20px;margin-bottom:20px;width:150px;height:150px}.support-content .add-icon{width:150px;height:150px}.support-content .img-box .close{width:20px;height:20px;top:-10px;right:-10px}.support-content .img-box .search{width:30px;height:30px}.support-content .img-box .search svg{width:25px;height:25px}.support-content .submit.disabled{height:50px;font-size:16px}.upload-preview .preview-dialog{height:40%;margin:20vh auto 50px}.upload-preview .preview-dialog-body img{max-height:80%;max-width:80%}.upload-preview .close{top:5px;right:5px;width:20px;height:20px}}