.btn-banner{padding:10px 15px;border-radius:4px;cursor:pointer;color:#fff;font-weight:700;transform:all .3s ease-in-out}.btn-banner:disabled{opacity:.8}.btn-banner.upload{background-color:#2563eb;width:100%;height:50px;margin-top:20px}.btn-banner:hover{opacity:.8}.btn-preview{background-color:#8a2be2}.btn-create{background-color:#f9862d}.banner-create-text{font-size:20px;color:#999;font-weight:700;text-align:center;padding:10px;border-radius:10px;border:1px solid #999}.banner-item{width:100%;max-width:100%;cursor:pointer;display:flex;position:relative;padding:10px 60px 10px 10px;border-radius:4px;border:2px dashed transparent;margin-bottom:12px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);background-color:#fff}.banner-item:focus{border:2px dashed #999;z-index:99}.banner-item .banner-item-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:10px;display:flex;align-items:center;border-radius:4px;padding:8px;transition:all .2s ease-in-out;border:1px solid transparent}.banner-item .banner-item-action{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.banner-item .banner-item-action button{background-color:transparent;cursor:pointer;color:#333}.popup-create-banner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:999}.popup-create-banner-container{width:100%;position:relative;max-width:600px;background-color:#fff;border-radius:4px;padding:15px}.popup-create-banner-input-group{margin-bottom:20px}.popup-create-banner-title{font-size:24px;text-align:center;font-weight:600;margin-bottom:30px}.popup-create-banner-label{display:block;margin-bottom:8px;position:relative;max-width:-moz-max-content;max-width:max-content;text-transform:capitalize;font-weight:500}.popup-create-banner-label.required:after{position:absolute;content:"*";color:red;top:0;right:-10px}.popup-create-banner-label.upload{display:flex;align-items:center;justify-content:space-between;padding:10px;max-width:-moz-max-content;max-width:max-content;border:1px solid #999;cursor:pointer;border-radius:4px;height:50px;margin-bottom:0}.popup-create-banner-overlay{position:absolute;inset:0;width:100%;height:100%;background-color:rgba(0,0,0,.2)}.popup-create-banner-overlay .popup-create-banner-overlay-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.popup-create-banner-overlay .popup-create-banner-overlay-container .icon-loading-create{width:70px;fill:#f9862d;display:flex;align-items:center}.popup-create-banner-field{width:100%;height:50px;border-radius:4px;border:1px solid #999;padding:10px 8px}.popup-create-banner-action{display:flex;align-items:center;justify-content:space-between;margin-top:40px}.popup-create-banner-action button{padding:10px 15px;border-radius:4px;cursor:pointer;color:#fff;font-weight:700;transition:all .3s ease-in-out}.popup-create-banner-action button.cancel{background-color:crimson}.popup-create-banner-action button.create{background-color:#2563eb}.banner-preview{width:100%;height:100%;position:fixed;inset:0;background-color:rgba(0,0,0,.5)}.spinner-load{width:50px;height:50px;border-radius:50%;border-bottom:3px solid #f9862d;border-top:3px solid #f9862d;border-color:transparent #f9862d;border-style:solid;border-width:3px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.popup-create-banner-box-media-upload{display:flex;align-items:center}.banner-upload-portal{position:absolute;padding:50px 20px;background-color:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);border-radius:4px;top:50%;text-align:center;left:50%;z-index:999;transform:translate(-50%,-50%);width:100%;max-width:90%}.banner-upload-portal h1{font-size:24px}.banner-upload-fixed{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.5);inset:0;overflow:hidden;z-index:10000}.banner-upload-fixed .banner-upload-relative{width:100%;position:relative;height:100%}.banner-upload-portal.banner-upload-absolute .banner-upload-portal-block label{position:absolute;inset:0;cursor:pointer;z-index:10}.banner-upload-portal.banner-upload-absolute .banner-upload-portal-block{padding:10px;z-index:1;background-color:#fff;position:relative;border:2px dashed #999;height:50px;min-width:200px;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden;cursor:pointer;display:flex;align-items:center;font-weight:700;justify-content:center;border-radius:4px;-moz-column-gap:12px;column-gap:12px}.banner-upload-portal.banner-upload-absolute .banner-upload-back{position:absolute;top:10px;left:10px;cursor:pointer;padding:10px;height:10px;width:16px;background-color:unset;color:#999}.banner-upload-portal.banner-upload-absolute .banner-upload-back:hover{color:#000}.popup-create-banner-media-group{display:flex;justify-content:center;align-items:center;-moz-column-gap:12px;column-gap:12px}.popup-create-banner-media-group .select-ct{flex:1}.popup-create-banner-media-group .btn-open-upload{height:50px;width:50px;border-radius:4px;background-color:transparent;color:#000;cursor:pointer;border:1px solid #999}.select-ct{height:50px;border-radius:4px}.select-ct>.select__control{height:100%;box-shadow:unset;border-color:#999;border-radius:4px}.select-ct>.select__control:hover{border-color:#999}.select-ct>.select__menu{background-color:#fff}