#edwisersiteimporter .templates-wrapper .loader-wrapper{width:100%;height:100%;min-height:200px;position:relative}#edwisersiteimporter .templates-wrapper .loader-wrapper .fa{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}#edwisersiteimporter .templates .template{padding:1rem}#edwisersiteimporter .templates .template .template-wrapper{height:200px;overflow:hidden;box-shadow:2px 3px 3px -1px rgba(0,0,0,.1)}#edwisersiteimporter .templates .template .template-wrapper img{width:100%;border-radius:5px}#edwisersiteimporter .templates .template .template-wrapper:not(:hover) .template-overlay{opacity:0}#edwisersiteimporter .templates .template .template-wrapper .template-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:1;transition:opacity .3s linear;opacity:1}#edwisersiteimporter .templates .template .template-wrapper .template-overlay .view-template{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}#edwisersiteimporter .templates.course-templates,#edwisersiteimporter .templates.homepage-templates{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:24px}#edwisersiteimporter .templates.course-templates .template-wrapper,#edwisersiteimporter .templates.homepage-templates .template-wrapper{height:400px;max-height:400px}#edwisersiteimporter .templates.course-templates .template,#edwisersiteimporter .templates.homepage-templates .template{position:relative;border-radius:5px;overflow:hidden;padding:8px;box-shadow:1px 3px 6px rgba(0,0,0,.2)}.homepage-modal img{width:100%;height:auto;padding:0;margin:0;border:0}.course-modal{max-height:400px}.course-modal img{width:100%}