.MuiModal-root{overflow:auto;height:100dvh;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.MuiModal-root:after,.MuiModal-root:before{content:"";min-height:50px;display:block;flex:1 0}.modal{position:relative;flex:0 0 auto;max-width:930px;width:90%;box-shadow:var(--box-shadow);background-color:var(--color-light);padding:60px;height:570px;border-radius:20px;display:flex;align-items:center;justify-content:center}.modal:focus-visible{outline:none}.modal .modal-close{position:absolute;z-index:8;top:55px;right:-35px;min-width:inherit}.modal .inner{position:relative}.modal .inner .icon{margin:0 auto 30px;text-align:center}.modal .inner .icon .feather{width:138px;height:138px;display:inline-flex;align-items:center;justify-content:center;font-size:80px;color:var(--color-light);border-radius:50%}.modal .inner .icon .feather.icon-check{background-color:var(--color-success)}.modal .inner .icon .feather.icon-x{background-color:var(--color-error)}.modal .title{color:var(--color-primary);line-height:1.5;text-align:center;margin:0;letter-spacing:0}.modal .desc{color:var(--color-black);line-height:1.6em;text-align:center;margin:30px 0 0}.modal .action{padding-top:30px;text-align:center}.modal .action .btn{min-width:130px}.modal.modal-info{max-width:700px;height:auto;padding:30px 0}.modal.modal-info .inner{width:100%}.modal.modal-info .head{padding:0 30px}.modal.modal-info .head .title{text-align:left;font-size:var(--typo-md)}.modal.modal-info .body{border-top:1px solid var(--color-border);margin-top:15px;padding:15px 30px 0}.modal.modal-info .body .box+.box{margin-top:15px;padding-top:15px;border-top:1px solid var(--color-snow)}.modal.modal-info .body .txt{text-align:left;font-size:var(--typo-xs);margin-bottom:10px;display:block;letter-spacing:0}.modal.modal-info .body .example{text-align:left;font-size:var(--typo-xs);padding:10px 15px;border-radius:8px;background-color:var(--color-snow);letter-spacing:0}.modal.modal-info .body .desc{text-align:left;font-size:var(--typo-xs);margin:0;letter-spacing:0}.modal.modal-info .body .editor-content{font-size:var(--typo-vxs)}.modal.modal-info .body .editor-content table th{word-break:keep-all;text-align:center}.modal.modal-info .body .editor-content table .keep-word{word-break:keep-all}.modal.modal-info .foot{padding:15px 30px 0;text-align:right}.modal.modal-info .tab-head{padding:0 25px;margin:-20px 0 15px;border-bottom:1px solid var(--color-snow)}.modal.modal-info .tab-head .MuiButtonBase-root{letter-spacing:0}html[data-asw-filter=dark-contrast] .modal .inner .icon .feather.icon-check,html[data-asw-filter=dark-contrast] .modal .inner .icon .feather.icon-x{background-color:var(--color-black)}html[data-asw-filter=dark-contrast] .modal .title,html[data-asw-filter=dark-contrast] .modal.modal-info .tab-head .MuiButtonBase-root.Mui-selected{color:var(--color-black)}html[data-asw-filter=dark-contrast] .modal.modal-info .tab-head .MuiTabs-indicator{background-color:var(--color-black)}html[data-asw-filter=yellow-contrast] .modal{background-color:var(--color-yellow-light)}html[data-asw-filter=yellow-contrast] .modal .inner .icon .feather.icon-check,html[data-asw-filter=yellow-contrast] .modal .inner .icon .feather.icon-x{background-color:var(--color-black);color:var(--color-yellow)}html[data-asw-filter=yellow-contrast] .modal .title{color:var(--color-black)}html[data-asw-filter=yellow-contrast] .modal.modal-info .body .example{background-color:#fffbd8}html[data-asw-filter=yellow-contrast] .modal.modal-info .tab-head .MuiButtonBase-root.Mui-selected{color:var(--color-black)}html[data-asw-filter=yellow-contrast] .modal.modal-info .tab-head .MuiTabs-indicator{background-color:var(--color-black)}@media(max-width:1600px){.modal{padding:50px}.modal .modal-close{top:40px}.modal .inner .icon .feather{width:120px;height:120px;font-size:70px}.modal .title{font-size:var(--typo-xl)}.modal .desc{margin:20px 0 0;font-size:var(--typo-sm)}}@media(max-width:1440px){.modal{max-width:800px;height:450px;padding:40px}.modal .modal-close{top:30px}.modal .inner .icon .feather{width:100px;height:100px;font-size:50px}}@media(max-width:1199px){.modal{max-width:700px;height:400px;padding:30px}.modal .inner .icon .feather{width:80px;height:80px;font-size:40px}.modal.modal-info{max-width:600px;padding:20px 0}.modal.modal-info .head{padding:0 20px}.modal.modal-info .body,.modal.modal-info .foot{padding:15px 20px 0}.modal.modal-info .head .title{font-size:var(--typo-sm)}.modal.modal-info .body .desc,.modal.modal-info .body .example,.modal.modal-info .body .txt{font-size:var(--typo-vxs)}}@media(max-width:991px){.modal .modal-close{top:20px;right:-20px}}@media(max-width:767px){.modal{padding:15px}.modal .modal-close{top:-25px;right:-15px;padding:0 15px}.modal .title{font-size:var(--typo-md)}.modal .desc{margin:20px 0 0;font-size:var(--typo-xs)}.modal .inner .icon .feather{width:70px;height:70px}.modal.modal-info .tab-head{margin:-10px 0 15px}}