body{background-color:#f1f1f1}body.tutor-backend-tutor-templates.tutor-lms-pro_page_tutor-templates{font-family:SF Pro Display}.tutor-templates-demo-import{background:#f1f1f1;max-width:1200px;margin:0 auto}.tutorowl-demo-importer-top{border-bottom:1px solid #e0e2ea}.tutorowl-demo-importer-top .tutorowl-demo-importer-top-left .tutorowl-top-left-icon{width:40px}.tutorowl-demo-importer-top .tutorowl-top-left-heading{line-height:28px}.tutorowl-demo-importer-top .tutorowl-top-left-text{line-height:24px;margin-top:2px}.tutorowl-demo-importer-top .tutorowl-demo-importer-top-right .tutorowl-template-search-wrapper{position:relative}.tutorowl-demo-importer-top .tutorowl-demo-importer-top-right .tutorowl-template-search-wrapper svg.tutorowl-template-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%)}.tutorowl-demo-importer-top .tutorowl-demo-importer-top-right input{width:300px;height:40px;padding:8px 8px 8px 30px;gap:4px;border-radius:6px;border:1px solid #c3c5cb;opacity:0px}.tutorowl-demo-importer-top .tutorowl-demo-importer-top-right input::placeholder{color:#5b616f;font-size:16px;font-weight:400;line-height:24px;text-align:left}img{width:100%}.tutorowl-demo-importer-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(374px, 1fr));gap:24px}.tutorowl-demo-importer-list .tutorowl-single-template{border-radius:6px;border:1px solid #e0e2ea;background:#fff}.tutorowl-demo-importer-list .tutorowl-single-template:hover{box-shadow:0px 6px 20px 0px rgba(28,49,104,.1019607843)}.tutorowl-demo-importer-list .tutorowl-single-template .tutorowl-single-template-inner{position:relative}.tutorowl-demo-importer-list .tutorowl-single-template .tutorowl-single-template-inner .tutorowl-template-preview-img img{border-radius:6px}.tutorowl-demo-importer-list .tutorowl-single-template .tutorowl-single-template-footer .tutorowl-template-name{line-height:26px}.tutorowl-demo-importer-list .tutorowl-single-template .tutorowl-single-template-footer a.tutorowl-template-preview{display:flex}.tutorowl-demo-importer-list .tutorowl-single-template .tutorowl-single-template-footer a.tutorowl-template-preview:hover svg path{fill:#3e64de}#tutorowl-import-modal-wrapper{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.8);padding:30px;position:fixed;width:100%;height:100%;top:0;left:0;display:none}#tutorowl-import-modal-wrapper h1,#tutorowl-import-modal-wrapper h2,#tutorowl-import-modal-wrapper h3,#tutorowl-import-modal-wrapper h4,#tutorowl-import-modal-wrapper h5,#tutorowl-import-modal-wrapper h6{margin:0}#tutorowl-import-modal-wrapper .tutorowl-modal-wrapper-overlay{position:absolute;background:rgba(0,0,0,.1);width:100%;height:100%;inset:0 0 0 0;backdrop-filter:blur(20px)}#tutorowl-import-modal-wrapper .tutorowl-modal-content{z-index:1;width:550px;min-height:330px;background:#fff;box-shadow:0px 0px 1px rgba(9,30,66,.31),0px 4px 8px rgba(9,30,66,.25);border-radius:10px;padding:30px;gap:32px;display:grid;grid-template-columns:205px 1fr;position:relative}#tutorowl-import-modal-wrapper .tutorowl-modal-content .tutorowl-modal-img{position:relative}#tutorowl-import-modal-wrapper .tutorowl-modal-content .tutorowl-modal-img img{width:100%;border-radius:12px;position:relative;border:2px solid #e0e2ea}#tutorowl-import-modal-wrapper .tutorowl-modal-content .tutorowl-modal-img .tutorowl-circle{width:25px;height:25px;background-color:#22a848;border-radius:50%;position:absolute;top:-13px;left:-13px;display:none}#tutorowl-import-modal-wrapper .tutorowl-modal-content .tutorowl-modal-img .tutorowl-checkmark{width:12px;height:7px;border:solid #fff;border-width:0px 0px 2px 2px;transform:rotate(316deg);position:absolute;top:44%;left:51%;transform:translate(-50%, -50%) rotate(316deg)}#tutorowl-import-modal-wrapper .tutorowl-modal-content .tutorowl-modal-head-subtitle{margin:8px 0px 15px;line-height:1.3em}#tutorowl-import-modal-wrapper .tutorowl-modal-content .tutorowl-import-item-wrapper{display:flex;flex-direction:column;gap:4px}#tutorowl-import-modal-wrapper .tutorowl-modal-content .tutorowl-import-item-wrapper .tutorowl-import-item{display:flex;align-items:center;gap:10px;background:#f6f8fd;padding:12px 8px;border-radius:6px}#tutorowl-import-modal-wrapper .tutorowl-modal-content.tutorowl-template-importing .tutorowl-installation-progress-wrapper{display:flex}#tutorowl-import-modal-wrapper .tutorowl-modal-content.tutorowl-template-importing .tutorowl-modal-head-subtitle{display:none}#tutorowl-import-modal-wrapper .tutorowl-modal-content .tutorowl-modal-footer{display:flex}#tutorowl-import-modal-wrapper .tutorowl-modal-content.tutorowl-template-imported .tutorowl-modal-img img{border:2px solid #22a848}#tutorowl-import-modal-wrapper .tutorowl-modal-content.tutorowl-template-imported .tutorowl-circle{display:block}#tutorowl-import-modal-wrapper .tutorowl-modal-content.tutorowl-template-imported .tutorowl-installation-progress-wrapper,#tutorowl-import-modal-wrapper .tutorowl-modal-content.tutorowl-template-imported .tutorowl-import-item,#tutorowl-import-modal-wrapper .tutorowl-modal-content.tutorowl-template-imported .tutorowl-modal-head,#tutorowl-import-modal-wrapper .tutorowl-modal-content.tutorowl-template-imported .tutorowl-modal-footer{display:none}#tutorowl-import-modal-wrapper .tutorowl-modal-content.tutorowl-template-imported .tutorowl-success-block-wrapper{display:flex;flex-direction:column;justify-content:space-between;height:100%;align-items:end}#tutorowl-import-modal-wrapper .tutorowl-modal-content .tutorowl-import-modal-close{position:absolute;top:15px;right:15px;cursor:pointer}#tutorowl-import-modal-wrapper .tutorowl-modal-content .tutorowl-import-modal-close:hover svg path{fill:#000}.tutorowl-success-block-wrapper{display:none;border-radius:6px;animation:fadeIn .4s linear}.tutorowl-success-block-wrapper .tutorowl-success-heading>svg{margin-right:4px}.tutorowl-success-block-wrapper .tutorowl-success-heading h3{margin-left:10px;line-height:28px;color:#212327}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.tutorowl-import-item{position:relative}.tutorowl-import-item svg{width:15px;height:15px;border-radius:50%}.tutorowl-import-item .svg-spinner{fill:#22a848}.tutorowl-import-item .svg-spinner.active{background:none;fill:none;stroke-width:5;position:relative}.tutorowl-import-item .svg-spinner.active .path{stroke:#22a848;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.tutorowl-import-item .svg-spinner-inner{position:absolute;top:14px;left:8px;width:15px;height:15px}.tutorowl-import-item .svg-spinner-inner .path{stroke:#ddd;stroke-width:5px}.tutorowl-import-item svg.svg-circle{width:15px;height:15px;position:relative;z-index:1;display:none}.progress-circle{animation:progress 2s ease-out repeat}@keyframes progress{from{stroke-dashoffset:283}to{stroke-dashoffset:0}}.tutorowl-installation-progress-wrapper{display:none;flex-direction:column;margin-bottom:13px}.tutorowl-installation-progress-wrapper .tutorowl-import-percentage-number{width:32px;height:20px;padding:2px 4px 2px 4px;border-radius:12px;background:#ecfdf3;font-size:11px;font-weight:700;line-height:16px;text-align:center;margin-bottom:4px}.tutorowl-installation-progress-wrapper .tutorowl-progress{position:relative;overflow:hidden;box-shadow:inset 0px 0px 2px 1px rgba(0,0,0,.05);background:rgba(0,0,0,.1);height:8px;border-radius:5px;width:100%;margin-bottom:0}.tutorowl-installation-progress-wrapper .tutorowl-progress-status{border-radius:20px;color:#fff;position:absolute;height:100%;width:0;transition:.2s linear;background:#239c46}.template-live-preview-modal{display:none;position:fixed;top:0;left:0;bottom:0;right:0;padding:70px 30px 30px;z-index:999999;background:#fff}.template-live-preview-frame{width:100%;height:100vh;position:relative}.template-preview-frame-header{display:flex;justify-content:space-between;align-items:center;position:absolute;top:-45px;width:100%}.template-preview-frame-header h3{margin:0}.template-preview-frame-header ul{display:flex;gap:20px;margin:0}.template-preview-frame-header ul i{font-size:20px;cursor:pointer;color:rgba(51,51,51,.3764705882)}.template-preview-frame-header ul li{margin:0}.template-preview-frame-header ul li.active i{color:#3e64de}.live-preview-close-modal{font-size:20px;cursor:pointer;color:#333;z-index:1000}.template-preview-iframe-wrapper{box-shadow:0px -4px 40px 20px rgba(28,49,104,0.1019607843);width:100%;height:100%;margin:0 auto}.template-preview-iframe-wrapper #template-preview-iframe{width:100%;height:100%}.device-selector{margin-bottom:16px;display:flex;gap:10px;justify-content:center}.loading-indicator{font-size:40px;position:absolute;top:50%;left:50%;margin:0 auto;transform:translate(-40%, -50%)}