:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:hsla(0,0%,100%,.7);--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translateZ(var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{right:0;left:auto}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);display:flex;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;flex:1 1 auto;padding:6px;display:flex;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;flex:1 1}.Toastify__toast-icon{margin-inline-end:10px;width:20px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width:480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:auto;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border-radius:100%;border:2px solid;border-right:2px solid var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body.react-confirm-alert-body-element{overflow:hidden}.react-confirm-alert-blur{filter:url(#gaussian-blur);filter:blur(2px);-webkit-filter:blur(2px)}.react-confirm-alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background:hsla(0,0%,100%,.9);display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-ms-align-items:center;align-items:center;opacity:0;animation:react-confirm-alert-fadeIn .5s .2s forwards}.react-confirm-alert-body{font-family:Arial,Helvetica,sans-serif;width:400px;padding:30px;text-align:left;background:#fff;border-radius:10px;box-shadow:0 20px 75px rgba(0,0,0,.13);color:#666}.react-confirm-alert-svg{position:absolute;top:0;left:0}.react-confirm-alert-body>h1{margin-top:0}.react-confirm-alert-body>h3{margin:0;font-size:16px}.react-confirm-alert-button-group{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;margin-top:20px}.react-confirm-alert-button-group>button{outline:none;background:#333;border:none;display:inline-block;padding:6px 18px;color:#eee;margin-right:10px;border-radius:5px;font-size:12px;cursor:pointer}@keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}.menu-link>i{margin-right:8px}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:12px;line-height:1.5384616;word-break:break-all;word-wrap:break-word;color:#606060;background-color:#fcfcfc;border:1px solid #ddd;border-radius:3px}.aside-nav .nav-item .nav-link.active{background-color:#0771cd}.aside-nav .nav-item .nav-link.active .fa{color:#fff}.hidden,.hide_column{display:none!important}.form-group.is-invalid .react-datepicker-wrapper input{border-color:#f64e60}.form-group.is-invalid label,.form-group.is-invalid p.help-block{color:#f64e60}.custom-confirmation-box{text-align:center}.custom-confirmation-box .btn-cancel{margin-right:8px}.react-datepicker-wrapper{width:100%}.sorting-list{display:block;width:100%;height:75vh;white-space:nowrap;background-color:transparent;position:relative;z-index:0;background-color:#f3f3f3;border-radius:3px;outline:none;overflow:auto;border:1px solid #999}.sorting-list li{display:flex;align-items:center;width:100%;background-color:#fff;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#333;font-weight:400;float:left;padding:8px;background:transparent;border:0;width:350px;height:250px}.sorting-list li img{height:150px;width:266px;border:1px solid;-o-object-fit:cover;object-fit:cover;margin-bottom:8px}.sorting-list li .wrapper-sortable{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:#fff;border:1px solid #efefef;white-space:break-spaces;box-shadow:0 0 20px -10px;border-radius:8px}.custom-datepicker div div.react-datepicker__input-container .custom-datepicker div div.react-datepicker__input-container input,.custom-datepicker div.react-datepicker-wrapper{width:100%}.deleted-row{background-color:#e55039;color:#fff!important}.deleted-row:hover{background-color:#ff6b6b!important;color:#fff!important}.btn-info-action-dashboard{box-shadow:none}.btn-info-action-dashboard,.btn-info.focus,.btn-info:focus,.btn-info:hover{color:#9364f1;background-color:#ccf;border-color:#ccf}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(155,106,252,.5)}.btn-info.disabled,.btn-info:disabled,.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#9364f1;background-color:#ccf;border-color:#ccf}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(196,170,247,.5)}.flex-container{display:flex;margin-top:10px;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-bottom:40px}.flex-container2{display:flex;flex-wrap:nowrap;justify-content:center}.flex-container2>div{background-color:#06c;width:170px;margin:22px}.styled-table{border-collapse:collapse;margin:25px 0;font-size:.9em;font-family:sans-serif;min-width:400px;box-shadow:0 0 20px rgba(0,0,0,.15)}.styled-table thead tr{background-color:#06c;color:#fff;text-align:left}.styled-table td,.styled-table th{border-right:1px solid #fff;padding:12px 15px}.styled-table tbody tr{background-color:#d9daf3;border-bottom:1px solid #c5c8f8}.styled-table tbody tr:nth-of-type(2n){background-color:#f3f3f3e0}.styled-table-border{width:5px;border-right:1px solid #fff}.flex-child{flex:45% 1;padding:20px;width:100%;border:1px solid blue;margin:10px}.flex-child2{flex:1 1;width:25%;height:100%;padding:20px}.flex-border{border:1px solid blue}.flex-container-box{display:flex;margin-top:10px}.flex-child-box{flex:1 1;width:10%;padding:20px;border:1px #06c}.flex-child-box:first-child{margin-right:10px}.float-container{margin-top:10px;padding:30px}.float-child{width:50%;float:left;padding:20px;border:1px #06c}.float-child:first-child{margin-right:40px}.div-bluebox{background-color:#06c;width:200px;padding:25px}.your-div{position:relative}.your-div-span{display:table-cell;vertical-align:bottom}.fas-fa-plus{color:cyan}#channel-filter{width:200px;margin-left:10px;text-align:left;padding-bottom:10px;z-index:4}#channel-filter .css-b8ldur-Input{margin-left:-5px}.dashboard-container{margin-top:-50px}.dashboard-card-custom-size{height:65%}.dashboard-qr{padding-bottom:0;margin-top:12px}.dashboard-qr-title{font-size:14px}.dashboard-qr-body{margin-top:-12px}.dashboard-subs-list{margin-bottom:5px}.dashboard-subs-list img{height:40px;width:40px;border-radius:50%}.dashboard-subs-list-profile{margin-left:-10px}.dashboard-subs-list-profile b{font-size:14px}.dashboard-subs-list-profile p{font-size:12px}.dashboard-comment-list{margin-left:15px;margin-bottom:10px}.dashboard-comment-list-border{border-bottom:1px solid #ebebeb}.dashboard-comment-list b{font-size:14px;margin-bottom:10px}.dashboard-comment-list img{height:40px;width:40px;border-radius:50%;margin-bottom:10px;margin-left:-15px}.dashboard-comment-list-profile{margin-left:-40px}.dashboard-comment-list-profile b{font-size:14px}.dashboard-comment-list-profile p{font-size:12px}.dashboard-comment-list-comment{margin-left:-15px;margin-bottom:10px;margin-right:10px;background-color:#ebebeb}.dashboard-comment-list-comment img{height:24px;width:24px}.dashboard-comment-search{margin-bottom:15px;margin-right:10px;background-color:#ebebeb}.dashboard-comment-search img{height:24px;width:24px;margin-bottom:3px}.dashboard-comment-search button{background:transparent;border:none!important}.dashboard-comment-search input{margin-left:10px;margin-top:5px;background-color:#ebebeb;border:none}.dashboard-comment-search input:focus{outline:none}.dashboard-header{position:relative;padding-top:24px!important}.dashboard-header .dashboard-header__filter{position:absolute;width:100%;top:44px;left:0;padding:24px;z-index:10}.dashboard-header .dashboard-header__filter .dashboard-header__filter-title{font-size:16px;font-weight:700}.dashboard-header .dashboard-header__filter .list-group{border:1px solid #ebedf3}.dashboard-header .dashboard-header__filter .list-group .list-group-item{border:0!important;padding:16px 24px}.dashboard-header .dashboard-header__filter .dashboard-header__filter-separator{border-top:1px solid #ebedf3!important}.full-width{width:100%}.dataTables_wrapper{position:relative;padding-bottom:40px!important;min-height:50vh}.dataTables_wrapper>.row:last-child{position:absolute;bottom:0;left:0;width:100%}.dataTables_filter{justify-content:flex-end!important}.custom-button-green{color:#178038!important}.custom-button-blue,.custom-button-green{font-weight:700;background-color:#fff!important}.custom-button-blue{color:#0771cd!important}.modal-left{position:fixed;height:100%;margin:auto}.modal-header-profile{text-align:center;border-bottom:0;margin-bottom:0;padding-bottom:10px;padding-top:10px}.modal-content{height:100%;overflow-y:auto;scrollbar-width:none;-o-box-shadow:0 5px 15px transparent;box-shadow:0 5px 15px transparent}.modal-left .modal-content{transition:opacity .3s linear,left .3s ease-out;left:0}.remove-backdrop .modal-backdrop.fade.show{opacity:0!important}.profile-header-text{margin-left:12px;font-weight:600;font-size:16px}.profile-content-field p{font-weight:500}.profile-content-field input{background-color:#ebebeb;border-radius:2%}.profile-content-field input:focus{background-color:#ebebeb;border:none}.profile-content-submit{height:38.5px}.profile-content-status{width:20%;margin-left:auto;margin-right:auto}.profile-header-button{background-color:#fff!important;border:none;border-radius:50%}.profile-button-blue{color:#0771cd!important;background-color:#fff!important;border:none;font-size:14px;height:50px}.profile-button-submit{width:100%;height:100%;border-radius:2%;font-weight:500;color:#fff!important;background-color:#0771cd!important}.profile-button-position{text-align:center;width:100%;position:absolute;bottom:0}.field-label>label{margin-bottom:0;font-weight:700}.circle-picker span div{box-shadow:0 2px 8px rgba(0,0,0,.2);border-radius:100%}@media only screen and (max-width:600px){.table-lms .dataTables_length{text-align:start!important}.table-lms .dataTables_filter{justify-content:flex-start!important}.table-lms .dataTables_info{margin-bottom:1rem}.table-lms .row div[class^=col-]:last-child{padding:0!important}.table-lms .row{margin-bottom:2rem!important}.dataTables_wrapper>.row:last-child{position:static}}.has-icon .form-control{padding-left:2.375rem;padding-right:2.375rem;height:38px}.has-icon .form-control-feedback-left{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:#aaa;pointer-events:none}.has-icon .form-control-feedback-right{position:absolute;top:50%;right:14px;transform:translateY(-50%);color:#aaa}.custom-dropdown-item{text-align:left;background-color:transparent;transition:background-color .3s ease}.custom-dropdown-item:hover{background-color:#e2f1fc;color:#000}.dropdown-toggle.no-caret{background-color:transparent!important;border-color:transparent!important;box-shadow:none!important;padding:.375rem .75rem}.dropdown-toggle.no-caret:active,.dropdown-toggle.no-caret:focus{box-shadow:none!important}.dropdown-toggle.no-caret:after{display:none}.dropdown-menu{position:absolute;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);min-width:150px;margin-top:8px}.dropdown-menu.show{display:block}.btn-primary-2{background-color:#8a2be2;color:#fff}.btn-primary-2:hover{background-color:#6a0dad;color:#fff}.btn-primary-2 i,.btn-primary-2:hover i{color:#fff;background-color:transparent}.upload-area{border:2px dashed #ccc;border-radius:8px;padding:20px;cursor:pointer;text-align:center}.upload-icon{font-size:2rem;color:#aaa;margin-bottom:10px}.upload-text{font-size:1rem;color:#333}.upload-hint{font-size:.9rem;color:#888;margin-top:5px}.select-button{margin-top:10px;padding:5px 10px;background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.9rem}.file-info{display:flex;align-items:center;padding:10px;background-color:#f9f9f9;border-radius:4px;margin-top:20px}.file-icon{font-size:2rem;color:#8a2be2;margin-right:10px}.file-details{flex:1 1}.file-name{margin:0;font-size:1rem;color:#333}.file-size{display:block;font-size:.8rem;color:#888}