.design-preview-comp{background-color:#fff;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:10000}.design-preview-comp .design-preview-comp-header{align-items:center;background-color:#fff;box-shadow:0 0 4px #00000024;display:flex;justify-content:flex-end;padding:6px 20px;z-index:10}.design-preview-comp .design-preview-comp-surfaces{display:flex;justify-content:center;margin:20px 0;width:100%}.design-preview-comp .design-preview-comp-surfaces button{margin:0 5px}.design-preview-comp .design-preview-comp-center{display:flex;flex:1;min-height:0;min-width:0}.design-preview-comp .design-preview-comp-colors{align-items:center;display:flex;padding:20px}.design-preview-comp .design-preview-comp-colors ul{height:100%;overflow-y:auto}.design-preview-comp .design-preview-comp-colors ul li{align-items:center;border:1px solid #eee;border-radius:4px;cursor:pointer;display:flex;margin-bottom:5px;padding:5px 10px;transition:all .25s;width:-moz-fit-content;width:fit-content}.design-preview-comp .design-preview-comp-colors ul li img{height:40px;margin-right:10px;width:40px}.design-preview-comp .design-preview-comp-colors ul li span{display:block;transition:all .25s;width:88px}.design-preview-comp .design-preview-comp-colors ul li.actived{border-color:#02a7f0}.design-preview-comp .design-preview-comp-colors ul li.actived span{color:#02a7f0}.design-preview-comp .design-preview-comp-container{align-items:center;display:flex;flex:1;justify-content:center;margin:0 20px;position:relative}.design-preview-comp .design-preview-comp-container .no-preview-container{align-items:center;background-color:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;height:400px;justify-content:center;max-width:500px;padding:40px;text-align:center;width:100%}.design-preview-comp .design-preview-comp-container .main-img{max-height:100%;max-width:100%}.design-preview-comp .design-preview-comp-container .approved-img{border:none;height:100px;left:15px;position:absolute;top:15px;width:100px}@media (max-width:768px){.design-preview-comp .design-preview-comp-center{flex-direction:column}.design-preview-comp .design-preview-comp-center .design-preview-comp-colors ul{display:flex;overflow-x:auto}.design-preview-comp .design-preview-comp-center .design-preview-comp-colors ul::-webkit-scrollbar{display:none}.design-preview-comp .design-preview-comp-center .design-preview-comp-colors ul li{margin-right:10px}.design-preview-comp .design-preview-comp-header .download-btn{bottom:16%;left:50%;position:fixed;transform:translate(-50%);z-index:10}.design-preview-comp .design-preview-comp-surfaces{display:flex;justify-content:flex-start;overflow-x:auto;padding-left:16px!important}.design-preview-comp .design-preview-comp-surfaces::-webkit-scrollbar{display:none}}