body{padding:0}.wrap-body{height:100vh}.header{display:flex;align-items:center;justify-content:space-between;width:100%;height:88px}.header .page-title{font-size:20px;font-weight:700;color:#222;line-height:1}.header .d-flex{display:flex;align-items:center;gap:16px}.header .d-flex .btn-blue,.header .d-flex .btn-blue-border{width:123px;height:52px}.header .d-flex .box-btn-dropdown{position:relative}.header .d-flex .box-btn-dropdown .dropdown-menu{position:absolute;top:calc(100% + 3px);left:0;width:263px;border-radius:10px;border:1px solid #d9d9d9;background:#fff;box-shadow:0px 4px 8px 0px rgba(0,0,0,.25);z-index:99999;display:none}.header .d-flex .box-btn-dropdown .dropdown-menu li{border-bottom:1px solid #dfdfdf}.header .d-flex .box-btn-dropdown .dropdown-menu li:last-child{border-bottom:none}.header .d-flex .box-btn-dropdown .dropdown-menu .btn-dropdown{width:100%;height:72px;display:flex;justify-content:center;flex-direction:column;align-items:flex-start;padding:0 16px}.header .d-flex .box-btn-dropdown .dropdown-menu .btn-dropdown:hover .save-content,.header .d-flex .box-btn-dropdown .dropdown-menu .btn-dropdown:hover .save-title{color:#4e62fe}.header .d-flex .box-btn-dropdown .dropdown-menu .btn-dropdown .save-title{color:#000;font-size:16px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:-0.64px}.header .d-flex .box-btn-dropdown .dropdown-menu .btn-dropdown .save-content{color:#999;font-size:14px;font-weight:500;line-height:24px;letter-spacing:-0.56px}.header .d-flex .box-btn-dropdown .dropdown-menu.active{display:block}.header .btn-back{width:123px;height:52px;border:1px solid #dfdfdf;color:#333;font-size:18px;font-weight:500;border-radius:8px;color:#333}.wrap-editor,.wrap-card-editor{width:100%;height:calc(100% - 88px);border-radius:10px;border:1px solid #d9d9d9;overflow-y:auto;display:flex}.wrap-editor span,.wrap-card-editor span{color:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}.wrap-editor .box-left,.wrap-card-editor .box-left{flex:1;padding:24px 48px;display:flex;gap:24px;background:#f4f4f8}.wrap-editor .box-left.detail,.wrap-card-editor .box-left.detail{overflow-y:auto;position:relative;display:block;padding:0 48px}.wrap-editor .box-left.detail .wrap-card,.wrap-card-editor .box-left.detail .wrap-card{height:auto}.wrap-editor .box-left.detail .btn-modify,.wrap-card-editor .box-left.detail .btn-modify{position:absolute;right:24px;top:16px;width:206px;height:40px}.wrap-editor .box-left .box-menu,.wrap-card-editor .box-left .box-menu{min-width:148px}.wrap-editor .box-left .box-menu .box-category,.wrap-card-editor .box-left .box-menu .box-category{border-radius:10px;border:1px solid #dfdfdf;overflow:hidden;margin-bottom:16px}.wrap-editor .box-left .box-menu .box-category button,.wrap-card-editor .box-left .box-menu .box-category button{width:100%;height:48px;display:flex;align-items:center;justify-content:center;color:#333;font-weight:500;background:#fff}.wrap-editor .box-left .box-menu .box-category button.active,.wrap-card-editor .box-left .box-menu .box-category button.active{background:#4e62fe;color:#fff}.wrap-editor .box-left .tab-content,.wrap-card-editor .box-left .tab-content{max-height:calc(100% - 186px);overflow-y:auto;display:none;overflow-y:auto;margin-bottom:16px}.wrap-editor .box-left .tab-content .page-list,.wrap-card-editor .box-left .tab-content .page-list{border-radius:10px;border:1px solid #dfdfdf;background:#fff;overflow:hidden}.wrap-editor .box-left .tab-content .page-list .page-item,.wrap-card-editor .box-left .tab-content .page-list .page-item{width:100%;height:42px;display:flex;align-items:center;justify-content:center;color:#333;font-size:15px;font-weight:500;cursor:pointer;border-bottom:1px solid #dfdfdf}.wrap-editor .box-left .tab-content .page-list .page-item:last-child,.wrap-card-editor .box-left .tab-content .page-list .page-item:last-child{border-bottom:none}.wrap-editor .box-left .tab-content .page-list .page-item.active,.wrap-card-editor .box-left .tab-content .page-list .page-item.active{background:#e8eafd;color:#4e62fe;font-weight:700}.wrap-editor .box-left .tab-content.active,.wrap-card-editor .box-left .tab-content.active{display:block}.wrap-editor .box-left .btn-add,.wrap-card-editor .box-left .btn-add{width:100%;height:56px;border-radius:10px;border:1px solid #d9d9d9;background:#fff;display:flex;align-items:center;justify-content:center;gap:8px;color:#4e62fe;font-size:16px;font-weight:500}.wrap-editor .box-left .btn-add i,.wrap-card-editor .box-left .btn-add i{font-size:24px;color:#4e62fe}.wrap-editor .box-left .wrap-question,.wrap-card-editor .box-left .wrap-question{width:100%;height:100%}.wrap-editor .box-left .wrap-question .box-btn,.wrap-card-editor .box-left .wrap-question .box-btn{display:flex;align-items:center;justify-content:flex-end;gap:8px}.wrap-editor .box-left .wrap-question .box-btn .btn,.wrap-card-editor .box-left .wrap-question .box-btn .btn{width:116px;height:56px;border-radius:10px;border:1px solid #dfdfdf;background:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500}.wrap-editor .box-left .wrap-question .box-btn .btn-modify,.wrap-card-editor .box-left .wrap-question .box-btn .btn-modify{color:#4e62fe}.wrap-editor .box-left .box-question,.wrap-card-editor .box-left .box-question{width:100%;border-radius:10px;border:1px solid #dfdfdf;background:#fff;height:calc(100% - 72px);padding:40px;margin-bottom:16px;overflow-y:auto}.wrap-editor .box-left .box-question .question-title,.wrap-editor .box-left .box-question .hint-title,.wrap-card-editor .box-left .box-question .question-title,.wrap-card-editor .box-left .box-question .hint-title{color:#333;font-size:18px;font-weight:500;margin-bottom:32px}.wrap-editor .box-left .box-question .question-title span,.wrap-editor .box-left .box-question .hint-title span,.wrap-card-editor .box-left .box-question .question-title span,.wrap-card-editor .box-left .box-question .hint-title span{font-size:inherit;line-height:inherit}.wrap-editor .box-left .box-question .question-contents-box>*,.wrap-editor .box-left .box-question .hint-contents-box>*,.wrap-card-editor .box-left .box-question .question-contents-box>*,.wrap-card-editor .box-left .box-question .hint-contents-box>*{margin-bottom:24px}.wrap-editor .box-left .box-question .question-contents-box .block-audio input,.wrap-editor .box-left .box-question .hint-contents-box .block-audio input,.wrap-card-editor .box-left .box-question .question-contents-box .block-audio input,.wrap-card-editor .box-left .box-question .hint-contents-box .block-audio input{display:none}.wrap-editor .box-right,.wrap-card-editor .box-right{min-width:332px;max-width:332px;border-left:1px solid #d9d9d9}.wrap-editor .box-right .info-head,.wrap-card-editor .box-right .info-head{padding:0 24px;height:56px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dfdfdf}.wrap-editor .box-right .info-head .desc,.wrap-card-editor .box-right .info-head .desc{color:#333;font-size:16px;font-weight:500}.wrap-editor .box-right .info-body,.wrap-card-editor .box-right .info-body{padding:16px 16px 24px 16px;display:flex;flex-direction:column;height:calc(100% - 56px)}.wrap-editor .box-right .thumbnail,.wrap-card-editor .box-right .thumbnail{width:100%;height:164px;border-radius:10px;background-size:cover !important;margin-bottom:16px;background-position:center}.wrap-editor .box-right .game-title,.wrap-card-editor .box-right .game-title{color:#333;font-size:18px;font-weight:700;line-height:24px;margin-bottom:16px}.wrap-editor .box-right .info-list,.wrap-card-editor .box-right .info-list{padding:16px 24px;border-radius:10px;border:1px solid #dfdfdf;background:#fff}.wrap-editor .box-right .info-list .info-item,.wrap-card-editor .box-right .info-list .info-item{display:flex;gap:19px;align-items:flex-start}.wrap-editor .box-right .info-list .info-item .type,.wrap-card-editor .box-right .info-list .info-item .type{width:60px;color:#999;font-weight:500;line-height:24px}.wrap-editor .box-right .info-list .info-item .content,.wrap-card-editor .box-right .info-list .info-item .content{color:#333;font-weight:500;line-height:24px;width:calc(100% - 79px)}.wrap-editor .box-right .info-list .divider,.wrap-card-editor .box-right .info-list .divider{margin:12px 0;width:100%;height:1px;background:#dfdfdf}.wrap-editor .box-right .box-btn,.wrap-card-editor .box-right .box-btn{margin-top:auto}.wrap-editor .box-right .box-btn .btn,.wrap-card-editor .box-right .box-btn .btn{width:100%;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;line-height:24px;font-size:16px;border:1px solid rgba(0,0,0,0);margin-top:8px}.wrap-editor .box-right .box-btn .btn-single,.wrap-card-editor .box-right .box-btn .btn-single{color:#4e62fe;border-color:#4e62fe}.wrap-editor .box-right .box-btn .btn-multi,.wrap-card-editor .box-right .box-btn .btn-multi{background:#4e62fe;color:#fff}.wrap-editor .box-right .box-btn .btn-copy,.wrap-card-editor .box-right .box-btn .btn-copy{background:#61d377;color:#fff;gap:10px}.wrap-editor .box-right .box-btn .btn-copy .copy,.wrap-card-editor .box-right .box-btn .btn-copy .copy{height:20px;filter:brightness(20)}.wrap-editor .box-explain,.wrap-card-editor .box-explain{margin-top:32px;border-radius:10px;border:1px solid #dfdfdf;background:#f8f8f8;padding:12px 16px 16px 16px}.wrap-editor .box-explain .box-title,.wrap-card-editor .box-explain .box-title{color:#666;font-size:16px;font-weight:500;line-height:28px;letter-spacing:-0.64px;margin-bottom:4px}.wrap-editor .box-explain span,.wrap-card-editor .box-explain span{color:#666;font-size:16px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:-0.64px}.wrap-editor .box-explain .empty,.wrap-card-editor .box-explain .empty{position:relative;height:28px}.wrap-editor .box-explain .empty::after,.wrap-card-editor .box-explain .empty::after{content:"asdasdsd";text-align:left;position:absolute;left:0}.wrap-card-editor{height:100%;padding-top:55px;border:none}.wrap-body.detail .wrap-editor .box-left .tab-content{max-height:calc(100% - 114px)}.wrap-body.detail .wrap-editor .box-left .box-question{height:100%;margin-bottom:0}.input-choice{display:flex;align-items:center;margin-bottom:8px}.input-choice input{display:none}.input-choice .choice-num{width:40px;text-align:center;color:#333;font-size:16px;font-weight:500;letter-spacing:-0.32px;margin-right:4px}.input-choice .input-text{flex:1;height:52px;border-radius:10px;border:1px solid #dfdfdf;background:#fff;padding:0 16px;display:flex;align-items:center;color:#333;font-size:16px;font-weight:500}.input-choice .custom-radio-btn{width:24px;height:24px;background:#fff;border:1px solid #d9d9d9;border-radius:50%;position:relative;margin:0 8px 0 12px}.input-choice .custom-radio-btn::after{content:"";width:16px;height:16px;background:#4e62fe;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0}.input-choice input[type=radio]:checked~.custom-radio-btn{border:1px solid #4e62fe}.input-choice input[type=radio]:checked~.custom-radio-btn::after{opacity:1}.lnb,.rnb{position:relative;top:auto;height:100%;overflow-y:auto;min-width:226px;width:226px}.lnb .wrap-box,.rnb .wrap-box{padding:16px 24px;border-bottom:1px solid #dfdfdf}.lnb .wrap-box:last-child,.rnb .wrap-box:last-child{border-bottom:none}.lnb .wrap-box .box-header,.rnb .wrap-box .box-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.lnb .wrap-box .box-header .type,.rnb .wrap-box .box-header .type{display:flex;align-items:center;gap:4px;color:#333;font-weight:500}.lnb .wrap-box .box-header .desc,.rnb .wrap-box .box-header .desc{color:#999;font-size:14px;font-weight:500}.lnb .wrap-box .box-btn,.rnb .wrap-box .box-btn{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.lnb .wrap-box .box-btn .btn,.rnb .wrap-box .box-btn .btn{width:85px;height:85px;border-radius:10px;border:1px solid #dfdfdf;background:#fff;color:#000;font-weight:500;font-size:16px;flex-direction:column;cursor:pointer;line-height:24px}.lnb .wrap-box .box-btn .btn i,.rnb .wrap-box .box-btn .btn i{font-size:20px;margin-bottom:8px}.lnb .wrap-box .box-btn .btn:hover,.rnb .wrap-box .box-btn .btn:hover{border:1px solid #4e62fe;background:#4e62fe;color:#fff}.lnb .wrap-box .box-btn .btn:hover i,.rnb .wrap-box .box-btn .btn:hover i{color:#fff}.lnb .wrap-box .box-btn .box-choice input,.rnb .wrap-box .box-btn .box-choice input{display:none}.lnb .wrap-box .box-btn .box-choice input[type=radio]:checked~.btn,.rnb .wrap-box .box-btn .box-choice input[type=radio]:checked~.btn{border:1px solid #4e62fe;background:#4e62fe;color:#fff}.lnb .wrap-box .box-btn .box-choice input[type=radio]:checked~.btn i,.rnb .wrap-box .box-btn .box-choice input[type=radio]:checked~.btn i{color:#fff}.wrap-question{flex:1;width:auto;background:#f4f4f8;height:100%}.wrap-question .editor{max-width:700px;margin:0 auto;height:100%;overflow-y:auto;padding-top:24px}.wrap-question .editor .img-preview{width:100%}.wrap-question .editor .type-ox{justify-content:center;padding:16px 24px}.wrap-question .editor-box{margin-bottom:16px;position:relative}.wrap-question .editor-box:hover .tool-box{opacity:1;visibility:visible}.wrap-question .editor-title{color:#333;font-size:16px;font-weight:500;line-height:24px;margin-bottom:8px}.wrap-question .white-box{width:100%;padding:16px;border-radius:10px;border:1px solid #dfdfdf;background:#fff;font-size:16px;font-weight:500;line-height:28px;margin-bottom:16px;position:relative}.wrap-question .white-box.question-title{padding:12px 16px;min-height:54px}.wrap-question .white-box .editor__box-input{margin-bottom:16px}.wrap-question .white-box .editor__box-input:last-child{margin-bottom:0}.wrap-question .white-box .input-upload{display:none}.wrap-question .content-div{margin-bottom:16px}.wrap-question .content-div input[type=file]{display:none}.type-ox{display:flex;align-items:center;gap:20px;justify-content:flex-start}.btn-o,.btn-x{width:196px;height:196px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dfdfdf;border-radius:11px}.btn-o.active,.btn-x.active{background:#61d377}.btn-o.active svg path,.btn-x.active svg path{fill:#fff;stroke:#fff}.btn-x.active{background:#ff4646}.box-choice-btn{display:flex;align-items:center;gap:12px;padding-top:8px}.btn-add-input,.btn-delete-input{width:116px;height:48px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;font-weight:500;color:#333;border-radius:10px;border:1px solid #dfdfdf;background:#fff}.btn-add-input i,.btn-delete-input i{font-size:18px;color:inherit}.btn-add-input{color:#4e62fe}.editor__box-input{width:100%;display:flex;align-items:center;justify-content:space-between}.editor__box-input .input-text{flex:1;display:block}.editor__box-input i{font-size:24px;color:#4e62fe}.empty{font-size:16px;font-weight:500;color:#999;line-height:28px;text-align:center}.empty .small{color:#999;text-align:center;font-size:14px;font-weight:500;line-height:24px}.rnb{min-width:300px;width:300px;height:100%;display:flex;flex-direction:column}.rnb .wrap-box{padding-bottom:24px}.rnb .wrap-select .box-select{display:flex;gap:8px;margin-bottom:8px}.rnb .wrap-select .select-wrapper{width:100%}.rnb .select2-container .select2-selection--single{height:48px;display:flex;align-items:center;border-radius:10px;border:1px solid #d9d9d9;background:#fff}.rnb .select2-container--default .select2-selection--single .select2-selection__rendered{color:#333;padding-left:16px}.rnb .select2-container--default .select2-selection--single .select2-selection__arrow b{display:none}.rnb .select2-container--default .select2-selection--single .select2-selection__arrow{width:24px;height:24px;top:50%;right:8px;transform:translateY(-50%);background:url(/resources/universal/images/editor/arrow-down.svg)}.rnb .input-tag{width:100%;font-size:16px;font-weight:500;height:48px}.rnb input:focus-visible{border-width:1px}.rnb .wrap-tag{border-bottom:none}.rnb .wrap-tag .box-tag{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.rnb .wrap-tag .box-tag li{padding:2px 8px 2px 12px;border-radius:50px;border:1px solid #dfdfdf;background:#f8f8f8;color:#666;font-size:14px;font-weight:500;line-height:24px;display:flex;gap:2px;align-items:center}.rnb .wrap-tag .box-tag li .icon-delete{font-size:24px;color:inherit}.rnb .btn-blue-border{margin:auto 16px 20px 16px;height:50px;display:flex;align-items:center;justify-content:center;gap:8px;color:#4e62fe;font-size:16px;font-weight:500;line-height:24px}.img-preview{border:1px solid #dbdbdb;overflow:hidden;border-radius:8px;cursor:pointer;display:inline-block}.img-preview img{width:100%;margin:0 auto;display:block}.img-preview:focus{border-color:#00a991}.video-thumb{width:100%;aspect-ratio:512/284;border-radius:8px;border:1px solid #dbdbdb;background:#ededed;overflow:hidden}.video-thumb.active{border:2px solid #00a991}.tool-box{position:absolute;top:-45px;left:50%;transform:translateX(-50%);padding:3px;height:40px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.64) 100%);border:1px solid #fff;border-radius:8px;box-shadow:0 4px 4px rgba(0,0,0,.22);opacity:0;visibility:hidden;transition:.2s}.tool-box .message-ballon{width:100%;height:100%;position:relative;display:flex}.tool-box .message-ballon::after{content:"";width:32px;height:32px;background:url(/resources/universal/images/editor/tool-bottom.svg) 50% 100%/cover no-repeat;position:absolute;left:50%;top:26.8px;display:block;transform:translateX(-50%);z-index:-1}.tool-box .message-ballon button{display:block}.type-input .input-text{height:52px;font-size:16px;font-weight:500;border-radius:10px;border:1px solid #dfdfdf;background:#fff}.type-input .input-text span{font-size:inherit;line-height:inherit}.type-input .btn-add{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.type-input .btn-add i{font-size:18px;color:#00a991}.type-input .editor__tag{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.type-input .text-answer{display:flex;align-items:center;gap:2px;border-radius:50px;border:1px solid #4e62fe;background:#eef3ff;padding:4px 12px 4px 16px;color:#00a991;font-size:16px;font-weight:500}.type-input .text-answer .icon-delete{border-radius:50%;color:#4e62fe;cursor:pointer}.type-choice .input-choice,.type-multi .input-choice{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.type-choice .input-choice:nth-last-child(1),.type-multi .input-choice:nth-last-child(1){margin-bottom:0}.type-choice .input-choice .choice-num,.type-multi .input-choice .choice-num{font-size:13px;font-weight:500;width:12px}.type-choice .input-choice .input-text,.type-multi .input-choice .input-text{width:288px;min-height:40px;padding:11px 16px;height:auto;border-color:#ededed;font-size:16px;font-weight:500;letter-spacing:-0.3px;word-break:break-all}.type-choice .input-choice input[type=radio],.type-choice .input-choice input[type=checkbox],.type-multi .input-choice input[type=radio],.type-multi .input-choice input[type=checkbox]{display:none}.type-choice .input-choice .custom-radio-btn,.type-multi .input-choice .custom-radio-btn{width:24px;height:24px;border-radius:50%;border:1px solid #9d9d9d;position:relative;cursor:pointer}.type-choice .input-choice .custom-radio-btn::before,.type-multi .input-choice .custom-radio-btn::before{content:"";width:16px;height:16px;border-radius:50%;background:#ededed;border:1px solid #dbdbdb;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.type-choice .input-choice input[type=radio]:checked~.custom-radio-btn,.type-multi .input-choice input[type=radio]:checked~.custom-radio-btn{border-color:#00a991}.type-choice .input-choice input[type=radio]:checked~.custom-radio-btn::before,.type-multi .input-choice input[type=radio]:checked~.custom-radio-btn::before{border-color:#00a991}.type-choice .input-choice input[type=radio]:checked~.choice-num,.type-multi .input-choice input[type=radio]:checked~.choice-num{color:#00a991}.type-choice .input-choice input[type=radio]:checked~.input-text,.type-multi .input-choice input[type=radio]:checked~.input-text{border-color:#00a991;background:#d9e8ff}.type-choice .input-choice .custom-check-btn,.type-multi .input-choice .custom-check-btn{width:24px;height:24px;border-radius:4px;border:1px solid #ccc;cursor:pointer;margin:0 8px 0 12px}.type-choice .input-choice .custom-check-btn .icon-check,.type-multi .input-choice .custom-check-btn .icon-check{font-size:24px;height:24px;color:#dbdbdb;display:block}.type-choice .input-choice input[type=checkbox]:checked~.custom-check-btn,.type-multi .input-choice input[type=checkbox]:checked~.custom-check-btn{border:none;background:#00a991}.type-choice .input-choice input[type=checkbox]:checked~.custom-check-btn .icon-check,.type-multi .input-choice input[type=checkbox]:checked~.custom-check-btn .icon-check{color:#fff}.type-choice .input-choice input[type=checkbox]:checked~.choice-num,.type-multi .input-choice input[type=checkbox]:checked~.choice-num{color:#00a991}.type-choice .input-choice input[type=checkbox]:checked~.input-text,.type-multi .input-choice input[type=checkbox]:checked~.input-text{border-color:#00a991;background:#d9e8ff}.type-ox button{display:block;width:148px;height:148px;border-radius:8px;border:1px solid #ededed;position:relative;overflow:hidden}.type-ox button::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;transition:.5s}.type-ox button svg{position:relative}.type-ox button svg path{transition:.5s}.type-ox button.btn-o::before{background:linear-gradient(180deg, #8bff81, #aafff2)}.type-ox button.btn-o:not(.no-hover):hover,.type-ox button.btn-o.active{border:2px solid #90ff86}.type-ox button.btn-o:not(.no-hover):hover::before,.type-ox button.btn-o.active::before{opacity:1;visibility:visible}.type-ox button.btn-o:not(.no-hover):hover .O-fill,.type-ox button.btn-o:not(.no-hover):hover .O-border,.type-ox button.btn-o.active .O-fill,.type-ox button.btn-o.active .O-border{fill:#fff}.type-ox button.btn-x::before{background:linear-gradient(180deg, #f86c2e, #ffe869)}.type-ox button.btn-x:not(.no-hover):hover,.type-ox button.btn-x.active{border:2px solid #ffa979}.type-ox button.btn-x:not(.no-hover):hover::before,.type-ox button.btn-x.active::before{opacity:1;visibility:visible}.type-ox button.btn-x:not(.no-hover):hover .X-fill,.type-ox button.btn-x:not(.no-hover):hover .X-border,.type-ox button.btn-x.active .X-fill,.type-ox button.btn-x.active .X-border{fill:#fff}.type-lock{display:flex;align-items:center}.type-lock .locker{margin-right:10px}.type-lock .locker:nth-last-child(1){margin-right:0}.type-lock .locker input::-webkit-outer-spin-button,.type-lock .locker input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.type-lock .locker input[type=number]{-moz-appearance:textfield}.type-lock .locker .editor__box-input{margin:4px 0;position:relative}.type-lock .locker .editor__box-input:hover .btn-delete-locker{opacity:1;visibility:visible}.type-lock .locker .locker-num{width:48px;height:96px;font-size:47px;font-weight:500;border:1px solid #dbdbdb;border-radius:8px;text-align:center}.type-lock .locker .locker-num:focus{border-color:#00a991;outline:none}.type-lock .locker .btn-delete-locker{position:absolute;right:4px;top:4px;opacity:0;visibility:hidden;transition:.2s}.type-lock .locker .btn-delete-locker i{font-size:16px;color:#9d9d9d}.type-lock .locker>button{display:block;margin-left:4px}.type-lock .btn-add-locker{width:48px;height:96px;border:1px solid #ededed;border-radius:8px;text-align:center}.type-lock .btn-add-locker i{font-size:24px;color:#dbdbdb}.type-direction .box-btn-direction{display:flex;justify-content:space-between;margin-bottom:8px}.type-direction .box-btn-direction .btn-direction{width:76px;height:76px;border:1px solid #dbdbdb;border-radius:8px}.type-direction .box-btn-direction .btn-direction i{color:#2b2b2b;font-size:76px}.type-direction .box-result-direction{display:flex;justify-content:space-between;align-items:flex-start}.type-direction .result-direction{display:flex;flex-wrap:wrap;width:260px}.type-direction .result-direction li{margin-right:4px;margin-bottom:4px}.type-direction .result-direction li:nth-child(6n){margin-right:0}.type-direction .result-direction .arrow-blue{display:block;background:#00a991;border:1px solid #00a991;border-radius:8px;color:#00a991;font-size:40px;width:40px;height:40px}.type-direction .btn-reset-direction{width:64px;height:40px;font-size:14px;color:#9d9d9d;border-radius:8px;border:1px solid #dbdbdb}.editor__box-input,.content-div{position:relative}.editor__box-input:hover .tool-box,.content-div:hover .tool-box{opacity:1;visibility:visible}.btn-tool{border-radius:5px}.btn-tool .tool-icon{font-size:32px;vertical-align:bottom;color:inherit;pointer-events:none}.btn-tool:hover{background:#00a991;color:#fff}.btn-tool.active{background:#00a991;color:#fff}.editor__input-url{position:absolute;top:-6px;left:26%;transform:translateX(-50%);opacity:0;visibility:hidden;transition:.2s}.editor__input-url input{width:256px;height:40px;padding-left:16px;padding-right:32px;border:1px solid #c9c9c9;outline:none;color:#2b2b2b;background:#fff}.editor__input-url .btn-add{position:absolute;right:8px;top:10px}.editor__input-url .btn-add .icon-add{font-size:20px;color:#00a991}.editor__input-url.active{opacity:1;visibility:visible}.input-text{padding:12px 16px;border:1px solid #ccc;outline:none;color:#333;border-radius:10px;display:flex;align-items:center;line-height:28px}.input-text::placeholder{color:#999}[contenteditable=true]:empty:before{content:attr(data-placeholder);display:block;color:#999}.custom-select{width:100%}.select2-container .selection .input-select{border-radius:8px;border:1px solid #ededed;height:40px;width:100%;padding-left:18px;font-size:14px;letter-spacing:-0.42px;color:#2b2b2b}.select2-container .selection .input-select .select2-selection__rendered{height:100%;display:flex;align-items:center;padding-left:0;font-size:14px}.select2-container .selection .input-select .select2-selection__arrow{height:100%}.select2-container .select-dropdown{margin-top:4px;border-radius:8px;border:none;box-shadow:0 8px 16px rgba(0,0,0,.16)}.select2-container .select-dropdown .select2-results>.select2-results__options{border-radius:8px}.select2-container .select-dropdown .select2-results>.select2-results__options .select2-results__option{display:flex;align-items:center;justify-content:center;height:32px}.select2-container--default .select2-results__option--selected{background:#fff}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background:#00a991}@media(max-width: 1600px){#card-pair-form{padding-top:48px}}@media(max-width: 992px){.block-type{padding:24px 4vw}.type-choice .input-choice .input-text,.type-multi .input-choice .input-text{width:calc(100% - 80px)}.box-choice-btn{margin-top:40px}.type-ox button{width:calc(50% - 12px);height:auto;aspect-ratio:1}.type-ox button svg{width:50% !important;height:50% !important}.type-direction .box-btn-direction .btn-direction{width:calc(25% - 12px);height:auto;aspect-ratio:1}.img-preview img{width:100%}.video-thumb{height:auto;aspect-ratio:16/9}.type-lock .locker .locker-num{padding:0}}.wrap-card{width:100%;height:100%;background:#f4f4f8}.wrap-card .container{width:100%;height:100%;overflow-y:auto}.wrap-card .pair-rows{max-width:1088px;width:calc(100% - 64px);margin:40px auto;display:flex;gap:8px}.wrap-card .pair-rows .pair-area{flex:1;display:flex;gap:48px;padding:24px 32px 32px 32px;background:#fff;border:1px solid #dfdfdf;background:#fff;border-radius:10px}.wrap-card .pair-rows .pair-set{flex:1;display:flex;flex-wrap:wrap;gap:0 24px}.wrap-card .pair-rows .pair-set .set-title{color:#333;font-size:17px;font-weight:600;line-height:24px;margin-bottom:16px;width:100%}.wrap-card .pair-rows .pair-set .pairs{width:calc(50% - 12px)}.wrap-card .pair-rows .pair-set .box-label{display:flex;width:138px;height:28px;border-radius:50px;background:#ececec;overflow:hidden;margin:0 auto 16px auto}.wrap-card .pair-rows .pair-set .box-label .label-radio{flex:1;height:100%}.wrap-card .pair-rows .pair-set .box-label .label-radio .pill{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px;font-weight:500;line-height:24px;cursor:pointer;border-radius:50px}.wrap-card .pair-rows .pair-set .box-label .label-radio input{display:none}.wrap-card .pair-rows .pair-set .box-label .label-radio input:checked~.pill{color:#fff;background:#00a991;box-shadow:2px 0px 4px 0px rgba(0,0,0,.13)}.wrap-card .pair-rows .pair-set .content-image{width:220px;height:160px;border-radius:10px;border:1px solid #dfdfdf;overflow:hidden}.wrap-card .pair-rows .pair-set .content-image .label-thumb{width:100%;height:100%}.wrap-card .pair-rows .pair-set .content-image .label-thumb input{display:none}.wrap-card .pair-rows .pair-set .content-image .card-thumb{width:100%;height:100%;object-fit:cover}.wrap-card .pair-rows .pair-set .content-text{width:220px;height:160px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #dfdfdf;background:#fff;padding:16px;font-size:20px;font-weight:500;line-height:28px;letter-spacing:-0.8px}.wrap-card .pair-rows .pair-set .content-text:focus-within{border-color:#00a991}.wrap-card .pair-rows .pair-set .content-text textarea{width:100%;text-align:center;color:#333;font-size:20px;font-weight:500;line-height:28px;letter-spacing:-0.8px;border:none;outline:none;resize:none;overflow-y:hidden;padding-top:16px}.wrap-card .pair-rows .pair-set .content-text textarea::placeholder{color:#999}.wrap-card .pair-rows .btn-delete{width:40px;border-radius:10px;border:1px solid #dfdfdf;background:#c6c6cd;font-size:18px;color:#fff;display:flex;align-items:center;justify-content:center}.wrap-card .pair-rows .btn-delete i{font-size:inherit;color:inherit}.wrap-card .btn-add-pair{width:1040px;height:48px;border-radius:10px;border:1px solid #00a991;background:#e6f6f4;color:#00a991;display:flex;align-items:center;justify-content:center;gap:7px;font-size:16px;font-weight:500}.wrap-card .btn-add-pair i{font-size:18px;color:#00a991}.question-choices-box .block-type.type-input{display:flex}.question-choices-box .block-type.type-input .text-answer{padding:4px 16px}.box-btn{position:absolute;right:16px;top:16px;display:block}.box-btn .btn{width:206px;height:40px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center}.box-btn .btn-green{color:#fff;background:#00a991}.mo{display:none}@media(max-width: 1624px){.wrap-question .editor{padding:24px 32px}.wrap-pair .box-left.detail{padding-top:48px}.wrap-card .pair-rows .pair-area .content-text,.wrap-card .pair-rows .pair-area .content-image{margin:0 auto;max-width:100%;width:100%;aspect-ratio:220/160;height:auto}.wrap-card .pair-rows .pair-set{width:50%;gap:0 12px}.wrap-card .pair-rows .pair-set .pairs{width:calc(50% - 6px)}}@media(max-width: 1440px){.wrap-pair .box-left.detail{padding:0;padding-top:48px}.wrap-card .pair-rows .pair-area{gap:24px}}@media(max-width: 1280px){.lnb{left:0;padding:8px}.lnb .wrap-box{padding:8px}.rnb{position:unset !important;box-shadow:none !important;height:100% !important}}@media(max-width: 1024px){.pc{display:none}.mo{display:block}.header{height:64px;padding:0 32px}.header .page-title{font-size:18px}.header .logo{height:32px}.header .btn-blue-border{width:100px !important;height:40px !important;font-size:16px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:500}.header .btn-back{width:100px;height:40px;font-size:18px}.header .d-flex .btn-back{width:100px;height:40px;font-size:16px}.header .d-flex .btn-save{width:100px;height:40px;font-size:16px}.header .d-flex .btn-blue{width:100px;height:40px;font-size:16px}.wrap-body{padding:0}.wrap-editor{border-radius:0;height:calc(100% - 64px)}.wrap-editor .box-left{padding:24px 32px}.wrap-editor .box-left .btn-add{height:48px}.wrap-editor .box-left .btn-add .icon-add{font-size:18px}.wrap-editor .box-left .box-menu{min-width:114px}.wrap-editor .box-left .box-question{padding:24px 16px;height:calc(100% - 64px)}.wrap-editor .box-left .box-question .question-title{font-size:18px;margin-bottom:22px}.wrap-editor .box-left .wrap-question .box-btn .btn{height:48px}.box-right{position:fixed;right:-150%;top:65px;height:calc(100vh - 65px);background:#fff;transition:.3s}.box-right.active{right:0}.lnb,.rnb{left:auto;padding:0}.lnb{min-width:none;width:214px}.rnb{min-width:220px;width:220px}.lnb .wrap-box,.rnb .wrap-box{padding:12px 16px}.wrap-question .editor{padding:24px 32px}.wrap-card .btn-add-pair{width:100%;margin:0 auto}}@media(max-width: 860px){.header{padding:0 24px}#tag-input{pointer-events:none;background:#dfdfdf}.rnb .wrap-tag .box-tag{display:none}.wrap-card .pair-rows .pair-area .content-image{border:1px solid rgba(0,0,0,0)}.wrap-card .pair-rows .pair-area{padding:16px 24px 24px 24px}.wrap-card .pair-rows .pair-set .content-text textarea{font-size:16px;line-height:20px}.wrap-card .pair-rows .pair-set .box-label{width:110px;height:24px;margin-bottom:8px}.wrap-card .pair-rows .pair-set .box-label .label-radio .pill{font-size:12px}.wrap-card .pair-rows .pair-area .content-text{padding:0 8px}.wrap-card .pair-rows .pair-set .set-title{font-size:16px;line-height:20px;margin-bottom:12px}}/*# sourceMappingURL=cardEditor.css.map */