@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);.uploads-panel .panel-body{width:280px;margin:auto;padding:20px 0!important}.uploads-panel .dropzone-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:67px;border:1px dashed rgba(216,243,220,.4);cursor:pointer;font-size:14px;color:#d8f3dc;margin:0;margin-top:20px}.uploads-panel .dropzone-wrap:hover{background-color:rgba(216,243,220,.2)}.uploads-panel .dropzone-wrap.disabled{cursor:not-allowed;pointer-events:none}.uploads-panel .dropzone-wrap .dropzone-label{line-height:24px;text-align:center}.uploads-panel .images-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-25px}.uploads-panel .images-grid .image-item{width:85px;height:85px;margin-bottom:10px;margin-right:10px;border-radius:4px;border:1px solid #f8f9fa;-webkit-box-shadow:0 .125rem .25rem rgba(0,0,0,.075);box-shadow:0 .125rem .25rem rgba(0,0,0,.075);position:relative}.uploads-panel .images-grid .image-item .options-btn{position:absolute;right:1px;top:4px;opacity:0}.uploads-panel .images-grid .image-item .options-btn .dropdown-toggle{width:25px;height:15px;padding:0;border-radius:20px;line-height:.1;color:#fff;background-color:rgba(216,243,220,.7)}.uploads-panel .images-grid .image-item .options-btn .dropdown-toggle svg{margin-top:-2px}.uploads-panel .images-grid .image-item .options-btn .dropdown-toggle:hover{color:#fff;background-color:rgba(216,243,220,.7)}.uploads-panel .images-grid .image-item .options-btn .dropdown-menu{min-width:8rem;border:none;border-radius:8px;-webkit-box-shadow:0 6px 6px 0 rgba(22,45,61,.06),0 0 18px 0 rgba(22,45,61,.12);box-shadow:0 6px 6px 0 rgba(22,45,61,.06),0 0 18px 0 rgba(22,45,61,.12);font-size:14px;line-height:18px;color:#162d3d;background:#fff;margin-top:10px}.uploads-panel .images-grid .image-item .options-btn .dropdown-menu .dropdown-item{padding:.25rem 1.2rem}.uploads-panel .images-grid .image-item .options-btn .dropdown-menu:before{content:"";-webkit-transform:rotate(-135deg);transform:rotate(-135deg);right:15px;top:-4px;margin-left:8px;margin-right:8px;border-width:4px;border-color:transparent #fff #fff transparent;margin:0;width:8px;height:8px;background:0 0;-webkit-box-shadow:3px 3px 6px rgba(0,0,0,.1);box-shadow:3px 3px 6px rgba(0,0,0,.1);border-style:solid;position:absolute}.uploads-panel .images-grid .image-item .image-img{width:85px;height:85px;border-radius:4px;background-size:cover;cursor:pointer}.uploads-panel .images-grid .image-item:hover .options-btn{opacity:1}.uploads-panel .images-grid.skeleton .image-item{border:0}.uploads-panel .uploading-wrap .new-image{width:30px;height:30px;background-size:cover;margin-right:10px}.uploads-panel .uploading-wrap .video-icon{width:30px;height:30px;margin-right:10px;fill:#d8f3dc}.view-upload-modal .modal-dialog{max-width:700px}.f-12{font-size:12px!important}.rounded-full{border-radius:100%}.font-bold{font-weight:700}.relative{position:relative}.absolute{position:absolute}.social-post-tutorial-modal .panel-header-button{background-color:hsla(0,0%,100%,.3);right:20px;top:20px;position:absolute}.social-post-tutorial-modal .panel-header-button .icon{fill:#fff;margin-top:0}.social-post-tutorial-modal .sub-header-text{font-size:.9rem;opacity:.9;width:75%;margin:auto}.social-post-tutorial-modal .dialog-carousel-controls{list-style:none;padding:0;margin:0;margin-bottom:-40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.social-post-tutorial-modal .dialog-carousel-controls .dialog-carousel-control-item{position:relative;width:10px;height:10px;border-radius:50%;opacity:.2;background-color:#fff;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;margin:0 4px;cursor:pointer}.social-post-tutorial-modal .dialog-carousel-controls .dialog-carousel-control-item.active{opacity:1}.social-post-tutorial-modal .modal-dialog{min-width:686px}.social-post-tutorial-modal .modal-dialog .dialog-image{border-radius:15px 15px 0 0;background-color:#53dbdb;height:300px;width:684px}.social-post-tutorial-modal .modal-content{border:1px solid transparent;border-top-left-radius:15px;border-top-right-radius:15px}.social-post-tutorial-modal .modal-content .modal-body{padding:0}.social-post-tutorial-modal .modal-content .video-player-wrap{min-height:315px;width:70%;margin:auto;margin-top:-10rem;background-color:#f8f9fa}