#layout-default{position:relative}#layout-default aside{background-color:#f8f8f8;border-right:1px solid #ddd;bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;overflow:auto;position:fixed;top:0;width:200px}#layout-default aside ul{list-style:none;margin:0;padding:10px 5px}#layout-default aside ul li{border-radius:8px;cursor:pointer;margin:3px 0;padding:8px 12px 6px}#layout-default aside ul li:hover{background-color:#aaa}#layout-default aside ul li:hover *{color:#fff}#layout-default aside ul li.active{background-color:#777}#layout-default aside ul li.active *{color:#fff}#layout-default aside .aside-header{border-bottom:1px solid #ddd;padding:15px;position:relative}#layout-default aside .aside-header>div{display:flex;flex-direction:column;gap:5px}#layout-default aside .aside-header>div strong{font-weight:600}#layout-default aside .aside-body{flex:1 1 0;position:relative}#layout-default aside .aside-body li a{display:block;font-weight:400}#layout-default aside .aside-body li:hover a{font-weight:500}#layout-default aside .aside-footer{border-top:1px solid #ddd;position:relative}#layout-default main{bottom:0;left:200px;overflow:auto;padding:15px;position:fixed;right:0;top:0}#layout-default .media-uploader{align-items:center;background-color:#333e;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100000}#layout-default .media-uploader .media-uploader-box{background-color:#fff;position:relative;width:calc(100vw - 40px)}#layout-default .media-uploader .media-uploader-box>div{display:flex;flex-direction:column;height:90vh}#layout-default .media-uploader .media-uploader-box>div h1{align-items:center;border-bottom:1px solid #ccc;display:flex;font-size:20px;justify-content:space-between;padding:0 10px 10px;text-align:left}#layout-default .media-uploader .media-uploader-box>div h1>div:last-child{align-items:center;display:flex;gap:10px}#layout-default .media-uploader .media-uploader-box>div h1 span{cursor:pointer;padding:10px 15px 7px}#layout-default .media-uploader .media-uploader-box>div #drop-area{align-items:center;border:2px dashed #ccc;cursor:default;display:flex;height:100px;justify-content:center;margin:0 auto;position:relative;width:calc(100% - 20px)}#layout-default .media-uploader .media-uploader-box>div #drop-area input{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;z-index:100}#layout-default .media-uploader .media-uploader-box>div #preview-container{border:1px solid #ddd;height:calc(100% - 190px);margin:20px 10px 0;overflow:auto;padding:10px}#layout-default .media-uploader .media-uploader-box>div #preview-container .preview-box{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}#layout-default .media-uploader .media-uploader-box>div #preview-container .preview-box .preview-image-box{height:200px;position:relative;width:200px}#layout-default .media-uploader .media-uploader-box>div #preview-container .preview-box .preview-image-box .preview-image{border:1px solid #ddd;height:200px;-o-object-fit:cover;object-fit:cover;width:200px}#layout-default .media-uploader .media-uploader-box>div #preview-container .preview-box .preview-image-box>span{align-items:center;background-color:#fffe;border:1px solid #ddd;border-radius:0 0 0 8px;color:#000;cursor:pointer;display:flex;font-size:20px;height:35px;justify-content:center;position:absolute;right:0;top:0;width:35px}#layout-default .media-uploader .media-uploader-box>div #preview-container .preview-box .preview-image-box>div{background-color:#fffd;border:1px solid #ddd;bottom:0;font-size:13px;font-weight:500;left:0;padding:10px;position:absolute;right:0;text-align:center}#layout-default .media-uploader .media-uploader-box>div .loading-container{align-items:center;background-color:#fff7;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10000}