:root {
    --vertical-nav-width: 200px; 
    --horizontal-nav-height: 54px; 
}

/* Home */

.nav{
    background-color: #333;
}

.btn-menu:hover{
    background-color: rgb(92, 92, 92);
}

.btn-admin{
    border-radius: 20px;
}

.menu-sizer{
    position: relative;
    cursor: pointer;
    top: -10px;
    margin-right: 10px;
    margin-left: 10px;
    background-color: transparent;
    border-color: transparent;
}

.menu-sizer-image{
    background-color: transparent;
    width: 20px;
    height: auto;
}

.dropdown-content{
    width: 200px;
    max-height: 500px;
    overflow-y: scroll;
}

.dropdown-content a{
    text-align: left;
}

.dropdown-content a .image-prof{
    margin-right: 5px;
}

.span-drop{
    position: relative;
    bottom: 10px;
}

.dropdown-publ{
    border-radius: 10px;
}

.btn-publ,.btn-visibility{
    cursor: pointer;
    width: 100%;
    background-color: #444;
    border-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #aaa;
}

.btn-publ:hover,.btn-visibility:hover{
    background-color: #555;
}

.block-menu-profile{
    background-color: #444;
}

.block-menu-profile:hover{
    background-color: #555;
}

.span-blocked, .span-help, .span-about{
    bottom: 13px;
}

.span-payments, .span-configs{
    bottom: 15px;
}

.btn-prof{
    position: relative;
    top: 10px;
}

.text-prof{
    position: relative;
    top: 6px;
}

.label-logos-links{
    cursor: pointer;
    position: relative;
    top: -25px;
    color: white;
}

.error-step-info{
    display: none;
    position: absolute;
    left: 250px;
    bottom: -100px;
    margin:0px;
    z-index: 1;
    color: darkred;
    text-decoration: bold;
}

.block-publish-wrapper{
    position: fixed;
    display: none;
    flex-direction: column;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    justify-content: center;
    align-items: center;
    z-index: 3;
}

.block-publish{
    display: none;
    position: relative;
    left: var(--vertical-nav-width);
    top: var(--horizontal-nav-height);
    width: 80%;
    border-radius: 5px;
    text-align: center;
    background-color: #333;
    border: 1px solid #aaa;
    z-index: 3;
}

.nav-publ-type{
    background-color: #460046;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.btn-publ-type{
    cursor: pointer;
    width: 200px;
    border-radius: 0px;
    font-size: 20px;
    margin: 0px;
    background-color: transparent;
    border-color: transparent;
    color: #dbdbdb;
}

.btn-publ-type:hover{
    background-color: #333;
}

.chosen{
    background-color: #333;
}

.chosen:hover{
    background-color: #444;
}

.block-file-publ,.block-file-thumb{
    cursor: pointer;
    height: 400px;
}

.block-file-text{
    cursor: default;
    height: 400px;
}

.form-file-publ, .form-text-publ{
    cursor: pointer;
    margin: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 90%;
    display: none;
}

.block-publish-text-ordle{
    width: 900px;
}

.form-text-publ-ordle{
    text-align: center;
    margin: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 800px;
    height: 160px;
    display: none;
}

.form-file-publ.has-advanced-upload {
    background-color: rgb(132, 132, 132);
}

.form-file-publ.has-advanced-upload .span-dranndrop {
    display: inline;
}

.form-file-publ.is-dragover {
    background-color: rgb(163, 163, 163);
}

.span-dranndrop,
.block-file-upload,
.block-file-error{
    display: none;
}

.input-file-publ, .input-file-thumb, .input-file-cover{
    cursor: pointer;
    position: absolute;
    background-color: transparent;
    opacity: 0;
    width: 800px;
    height: 400px;
}

.input-file-publ{
    left: 50px;
    width: 90%;
}

.publish-viewing{
    padding-top: 130px;
}

.image-upload{
    display: none;
}

.image-loading{
    display: none;
}

.textarea-post-file, .textarea-post-file-ordle{
    width: 500px;
    height: 250px;
    margin: 50px;
    margin-bottom: 0px;
    padding-left: 10px;
    padding-top: 10px;
    border-radius: 15px;
    resize: none;
    background-color: #444;
    color: #aaa;
    border: 1px solid #aaa;
    font-size: 24px;
}

.textarea-post-file:focus, .textarea-post-file-ordle:focus{
    outline: none;
    box-shadow: none;
    border-color: black; 
}

.textarea-post-file{
    width: 80%;
}

.textarea-post-file-ordle{
    height: 100px;
    margin: 0px;
    background-color: transparent;

}

.nav-post-text{
    margin-top: 50px;
    margin-left: 150px;
    margin-right: 145px;
    margin-top: 10px;
    text-align: right;
}

.btn-post-file-text{
    cursor: pointer;
    margin: 2px;
    font-size: 20px;
    background-color: rgb(83, 83, 83);
    border-color: rgb(47, 47, 47);
    color: #dbdbdb;
    border-radius: 10px;
}

.label-file-publ{
    font-size: 20px;
    color: #333;
}

.strong-file-publ{
    color: #333;
}


.file-error{
    color: darkred;
}

.btn-close, .btn-close-audio, .btn-close-options, .btn-close-elimination-confirm, .btn-close-elimination-db-confirm{
    cursor: pointer;
    position: absolute;
    right: 0px;
    border-radius: 500px;
    color: white;
    background-color: transparent;
    border-color: transparent;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 20px;
    z-index: 1;
}

.btn-close:hover, .btn-close-audio:hover, .btn-close-options:hover, .btn-close-elimination-confirm:hover, .btn-close-elimination-db-confirm:hover{
    background-color: rgba(51, 51, 51, 0.288);
}

.btn-close-post-video{
    top: 0px;
}

/* Index */

.block-user-info{
    width: 100%;
    height: 100%;
    padding-top: 10px;
    text-align: center;
}

.user-carousel-link{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: inherit;
}

.slick-slide .block-post-link, .uploader-link, .text-post-link, .photo-post-link, .video-post-link, .audio-post-link{
    text-decoration: none;
    color: inherit;
}

.slick-slide .block-post-link{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.slick-slide .block-post-link.block-post-link {
    display: flex;
    flex-direction: column;
    align-items: center; }

.slick-slide .block-photo-post-link {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.uploader-link{
    display: flex;
}

.h2-posts{
    margin-left: 10px;
}

.block-post{
    width: 400px;
    height: 100%;
    padding-top: 10px;
    text-align: center;
}

.block-uploader-info{
    width: 100%;
    display: flex;
    padding-bottom: 5px;
}

.block-uploader-info-text{
    position: relative;
    top: 4px;
    margin-left: 5px;
    text-align: left;
    white-space: nowrap;
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.textarea-post-text{
    width: 200px;
    height: 110px;
    margin: 0px;
    padding: 10px;
    border-radius: 10px;
    resize: none;
    background-color: #444;
    color: #aaa;
    border: 1px solid #aaa;
    font-size: 15px;
}

.block-video-info{
    text-align: left;
    text-overflow: ellipsis;
    max-width: inherit;
}

.span-title{
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

/*Slick de users*/

.user-slick-track {
    height: 68.5px;
}

.user-slick-list {
    width:inherit;
    margin: 20px;
    margin-bottom: 5px;
    background-color: #333;
    border: 1.5px solid black;
    border-radius: 10px;
}

.user-slick-slide {
    width: 265px;
}

.block-user-dots {
    display: block;
    position: relative;
    left: 90px;
    top: -35px;
}

.block-user-dots .slick-dots {
    width: 265px;
}

.block-user-dots .slick-dots li {
    margin: 0 3px;
}

.block-user-dots .slick-dots li button {
    width: 20px;
    height: 20px;
    padding: 0;
}

.block-user-dots .slick-dots li button:before {
    font-size: 30px;
    color: #550084;
}

/*Slick de posts gerais*/

.general-posts-slick-track, .text-posts-slick-track, .video-posts-slick-track.text-posts-slick-track, .audio-posts-slick-track {
    height: 300px;
}

.general-posts-slick-list, .text-posts-slick-list, .photo-posts-slick-list, .video-posts-slick-list, .audio-posts-slick-list {
    width: inherit;
    margin: 10px;
    margin-bottom: 5px;
    padding: 10px;
    background-color: #333;
    border: 1.5px solid black;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.general-posts-slick-list{
    height: 220px;
}

.text-posts-slick-list{
    height: 180px;
}

.photo-posts-slick-list{
    height: 195px;
}

.video-posts-slick-list{
    height: 165px;
}

.audio-posts-slick-list{
    height: 100px;
}

.general-posts-slick-slide, .text-posts-slick-slide, .photo-posts-slick-slide, .video-posts-slick-slide, .audio-posts-slick-slide {
    width: 265px;
}

.block-general-posts-dots, .block-text-posts-dots, .block-photo-posts-dots, .block-video-posts-dots, .block-audio-posts-dots {
    display: block;
    position: relative;
    left: 90px;
    top: -35px;
}

.block-general-posts-dots .slick-dots, .block-text-posts-dots .slick-dots, .block-photo-posts-dots .slick-dots, .block-video-posts-dots .slick-dots, .block-audio-posts-dots .slick-dots {
    width: 265px;
}

.block-general-posts-dots .slick-dots li, .block-text-posts-dots .slick-dots li, .block-photo-posts-dots .slick-dots li, .block-video-posts-dots .slick-dots li, .block-audio-posts-dots .slick-dots li {
    margin: 0 3px;
}

.block-general-posts-dots .slick-dots li button, .block-text-posts-dots .slick-dots li button, .block-photo-posts-dots .slick-dots li button, .block-video-posts-dots .slick-dots li button, .block-audio-posts-dots .slick-dots li button {
    width: 20px;
    height: 20px;
    padding: 0;
}

.block-general-posts-dots .slick-dots li button:before, .block-text-posts-dots .slick-dots li button:before, .block-photo-posts-dots .slick-dots li button:before, .block-video-posts-dots .slick-dots li button:before, .block-audio-posts-dots .slick-dots li button:before {
    font-size: 30px;
    color: #550084;
}

.block-general-posts-arrows, .block-users-arrows, .block-text-posts-arrows, .block-video-posts-arrows, .block-photo-posts-arrows, .block-audio-posts-arrows {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.slick-prev::before, .slick-next::before{
    content: none;
}

.block-image-arrows .slick-prev, .block-image-arrows .slick-next, .block-general-posts-arrows .slick-prev, .block-general-posts-arrows .slick-next, .block-users-arrows .slick-prev, .block-users-arrows .slick-next, .block-text-posts-arrows .slick-prev, .block-text-posts-arrows .slick-next, .block-video-posts-arrows .slick-prev, .block-video-posts-arrows .slick-next, .block-photo-posts-arrows .slick-prev, .block-photo-posts-arrows .slick-next, .block-audio-posts-arrows .slick-prev, .block-audio-posts-arrows .slick-next{
    cursor: pointer;
    background: #e1e1e1b2;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    padding: 0px;
    z-index: 1;
}

.block-image-arrows .slick-prev, .block-general-posts-arrows .slick-prev, .block-users-arrows .slick-prev, .block-text-posts-arrows .slick-prev, .block-video-posts-arrows .slick-prev, .block-photo-posts-arrows .slick-prev, .block-audio-posts-arrows .slick-prev{
    left: 25px;
}

.block-image-arrows .slick-next, .block-general-posts-arrows .slick-next, .block-users-arrows .slick-next, .block-text-posts-arrows .slick-next, .block-video-posts-arrows .slick-next, .block-photo-posts-arrows .slick-next, .block-audio-posts-arrows .slick-next{
    right: 25px;
}

/*Slick de users*/
.block-users-arrows{
    top: -45px;
}

/*Slick de posts gerais*/
.block-general-posts-arrows{
    top: -150px;
}

/*Slick de posts texto*/
.block-text-posts-arrows{
    top: -107.5px;
}

/*Slick de posts fotos*/
.block-photo-posts-arrows{
    top: -100px;
}

/*Slick de posts videos*/
.block-video-posts-arrows{
    top: -100px;
}

/*Slick de posts videos*/
.block-audio-posts-arrows{
    top: -67.5px;
}

/*Slick de posts texto*/
.block-general-posts .slick-slide, .block-text-posts .slick-slide, .block-text-posts .slick-slide, .block-audio-posts .slick-slide{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

/*Slick de imagens */
.block-image-arrows{
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}

.block-image-arrows-review{
    top: 44%;
}

.block-image-arrows .slick-prev{
    left: 60px;
    top: 0;
}

.block-image-arrows .slick-next{
    right: 50px;
}

.block-image-arrows-review .slick-prev{
    left: 2px;
}

.block-image-arrows-review .slick-next{
    right: 2px;
}

/* CSS dos links dos posts */

.image-thumb-link {
    width: 260px;
    height: 150px;
    border-radius: 10px;
    border: 1.5px solid black;
}

.image-thumb-link-review {
    width: 200px;
    height: 110px;
    border-radius: 10px;
    border: 1.5px solid black;
}

/* Configs */

.body-configuration{
    background-color: #555;
}

.block-logo-configs{
    margin-bottom: 4px;
}

.nav-configs{
    padding-top: 0px;
}

.main-flex{
    display: flex;
}

.block-config-profile{
    position: relative;
    top: 20px;
    background-color: #555;
}

.btn-config, .btn-panel {
    width: var(--vertical-nav-width);
    padding-bottom: 5px;
    font-size: 25px;
    text-align: left;
    cursor: pointer;
    border: none;
    background-color: inherit;
    color: white;
}

.btn-config-help{
    border-top: 2px solid black;
    margin-top: 50px;
}

/* Configs Segurança*/

.block-blocks-configs{
    margin-left: var(--vertical-nav-width);
    margin-top: var(--horizontal-nav-height);
    min-height: calc(100vh - var(--horizontal-nav-height));
    background-color: #555;
}

.inp-search-users{
    position: relative;
    top: 30px;
    left: 20px;
    width: 300px;
    padding: 5px;
    background-color: #333;
    border-color: #333;
    color: #aaa;
}

.image-search-block{
    position: relative;
    top: 33px;
    z-index: 1;
}

.results-list-users{
    cursor: pointer;
    position: relative;
    top: 13px;
    width: 273px;
    margin-left: 20px;
    background-color: #333;
    color: #aaa;
}

.result-line-user{
    padding-top: 5px;
    padding-bottom: 5px;
}

.h2-blocked-users{
    margin-top: 5px;
    margin-bottom: 5px;
    color: #aaa;
}

.block-blocked-users{
    margin-left: 20px;
}

.table-block{
    padding: 5px;
    border-radius: 5px;
    background-color: #333;
    color: #aaa;
}

.table-head-block{
    background-color: #444;
}

.table-column-block{
    padding-left: 10px;
    padding-right: 10px;
}

.table-cell-block-user{
    display: flex;
}

.span-blocked-username{
    align-content: center;
    padding: 5px;
}

.btn-unblock{
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 50px;
    background-color: darkred;
    border-color: transparent;
    color: #aaa;
}

.h2-no-blocked-users{
    margin-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #aaa;
}

/* Configs do Perfil */

.btn-profile-change{
    cursor: pointer;
    border-radius: 6px;
    background-color: #444;
    border-color: transparent;
    color: #aaa;
}

.btn-profile-change:hover{
    background-color: #555;
}

.block-config-profile-change{
    position: relative;
    display: flex;
    width: 600px;
    margin: 20px;
    padding: 20px;
    border: 2px solid #aaa;
    background-color: #333;
}

.image-profile-pic-config{
    width: 80px;
    height: 80px;
    margin-right: 20px;
    border-radius: 50px;
    background-color: #444;
}

.inp-pfp-change, .inp-banner-change, .btn-pfp-change, .btn-banner-change{
    cursor: pointer;
    padding: 5px;
    width: 170px;
}

.inp-pfp-change, .inp-banner-change{
    position: absolute;
    top: 59px;
    width: 160px;
    opacity: 0;
    background-color: transparent;
}

.btn-confirm-profile-change{
    position: absolute;
    right: 10px;
    padding: 3px;
}

.image-banner-config, .image-thumb-edit{
    width: 120px;
    height: 80px;
    margin-right: 20px;
}

.block-config-profile-text{
    margin-top: 0px;
    margin-bottom: 0px;
}

.span-change-profile{
    width: 72px;
    margin-right: 20px;
    align-content: center;
    color: #aaa;
}

.inp-profile-change, .inp-description-change{
    resize: none;
    width: 500px;
    height: 50px;
    background-color: #444;
    color: #aaa;
}

.inp-profile-change{
    height: 20px;
}

.btn-confirm-text-change{
    bottom: 7px;
}

/* Configs geral*/

.block-config-general{
    position: relative;
    top: 20px;
    background-color: #555;
}

.h2-config-general{
    margin-left: 20px;
    margin-bottom: 10px;
    color: #aaa;
}

.link-verify-email{
    padding: 5px;
    border-radius: 6px;
    background-color: #555;
}

.inp-number-change{
    width: 300px;
    height: 23px;
}

/* Video Publishing */

.block-publish-video{
    width: 820px;
    height: 450px;
    text-align: left;
    overflow-y: scroll;
    overflow-x: hidden;
}

.block-publish-photo{
    margin-left: 290px;
    text-align: left;
    overflow-y: scroll;
    overflow-x: hidden;
}

.inp-title{
    background-color: transparent;
    border: 0px transparent;
    width: 97%;
    max-width: 97%;
    font-size: 25px;
    margin: 5px;
    padding-bottom: 10px;
    outline:none;
    border-bottom: 1.4px solid #aaa;
}

.nav-steps-post{
    display: flex;
    margin-bottom: 20px;
    margin-top: 20px;
    justify-content: space-evenly;
}

.nav-steps-bar, .nav-steps-bar-audio{
    width: 520px;
    position: absolute;
    top: 103px;
    z-index: 1;
}

.block-post-video-step, .block-post-audio-step{
    cursor: pointer;
    display: flex;
    margin: 10px;
    margin-right: 0px;
    align-items: center;
}

.btn-post-video-step, .btn-post-audio-step{
    cursor: inherit;
    background-color: transparent;
    border-color: transparent;
    display: flex;
    align-items: center;
    flex-direction: column;
    z-index: 2;
}

.post-video-step-text, .post-audio-step-text{
    cursor: inherit;
    color: white;
}

.post-video-badge, .post-audio-badge{
    display: flex;
    align-items: center;
    width: 10px;
    height: 10px;
    text-align: center;
    border: 7px solid white;
    background-color: black;
    border-radius: 50px;
}

.post-video-badge-check, .post-video-badge-error, .post-audio-badge-check, .post-audio-badge-error{
    position: relative;
    left: -1.2px;
    display: none;
    width: 20px;
    height: 20px;
    text-align: center;
    background-color: white;
    border-radius: 50px;
    font-size: 16px;
    padding-left: 2px;
    padding-right: 2px;
}

.post-video-badge-error, .post-audio-badge-error{
    padding-left: 4px;
    padding-right: 4px;
}

.block-details, .block-details-audio, .block-tags, .block-rights, .block-visibility{
    display: none;
    margin-left: 20px;
    margin-bottom: 20px;
}

.block-details{
    margin-left: 85px;
}

.block-visibility{
    margin-left: 150px;
}

.block-visibility-info{
    display: block;
}

.block-visibility-flex{
    display: flex;
    width: 700px;
}

.textarea-details{
    margin: 0px;
    width: 400px;
    height: 75px;
    font-size: 15px;
}

.block-thumbnail-publ{
    display: flex;
    width: 400px;
    margin-bottom: 10px;
}

.form-file-thumbnail{
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0px;
    margin-top: 20px;
}

.form-file-thumbnail-video{
    position: relative;
    left: 160px;
}

.block-file-thumb{
    height: 100px;
}

.input-file-thumb, .input-file-cover{
    width: 100px;
    height: 100px;
}

.publish-viewing-thumbnail{
    padding-top: 0px;
    text-align: center;
}

.label-file-publ{
    cursor: pointer;
}

.image-thumb{
    width: 100px;
    height: 100px;
    margin-top: 2px;
}

.block-video{
    position: absolute;
    right: 10px;
    border: 2px solid black;
    border-radius: 5px;
    width: 202px;
    max-width: 202px;
    padding: 5px;
}

.image-thumb-video{
    width: 200px;
    height: 100px;
    background-color: black;
}

.block-main-tags{
    overflow-y: scroll;
    width: 780px;
    max-height: 300px;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: rgb(68, 68, 68);
}

.block-sub-tags{
    display: none;
    margin: 10px;
    padding: 10px;
    padding-right: 0px;
    margin-right: 0px;
    border-radius: 5px;
    width: 740px;
    max-height: 80px;
    overflow-y: scroll;
    background-color: #333;
}

.label-category{
    display: flex; 
    align-items: center; 
}

.check-category, .check-sub-category{
    flex: none; 
}

.label-audience{
    font-size: 20px;
}

.radio-audience{
    width: 20px;
    height: 20px;
}

.block-visibility-options, .block-date-options{
    background-color: #444;
    margin: 10px;
    padding: 20px;
    width: 200px;
    height: 100px;
}

.block-date-options{
    display: none;
}

.block-video-review{
    position: relative;
    right: -20px;
    max-width: 300px;
    max-height: 360px;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #444;
}

.block-small-video{
    overflow-y: hidden;
    max-height: 250px;
}

.title-review, .block-description-review, .block-tags-review{
    max-height: 80px;
    overflow-y: scroll;
}

.file-name-review{
    max-width: 20ch;
    max-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.footer-next{
    padding: 10px;
    display: flex;
    height: fit-content;
}

.btn-prev, .btn-next, .btn-publish-video, .btn-publish-audio{
    position: relative;
    display: none;
    right: 10px;
    cursor: pointer;
    font-size: 15px;
    border-radius: 8px;
    padding: 5px;
    background-color: rgb(83, 83, 83);
    border-color: rgb(47, 47, 47);
    color: #dbdbdb;
}

.btn-prev{
    left: 0;
}

.btn-next{
    left: 670px;
}

.btn-next-video{
    left: 730px;
}

.btn-publish-video{
    left: 630px;
}

.btn-prev:hover, .btn-next:hover, .btn-publish-video:hover, .btn-post-file-text:hover, .btn-publish-photo:hover, .btn-publish-audio:hover{
    background-color: #444;
} 

.btn-prev:active, .btn-next:active, .btn-publish-video:active, .btn-post-file-text:active, .btn-publish-photo:active, .btn-publish-audio:active{
    background-color: #555;
}

/* Photo Publishing */

.block-post-image-link{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.block-post-image-link-inner {
    display: flex;
    flex-direction: column;
    align-items: center; 
}

.block-publish-photo{
    width: 450px;
    height: 500px;
}

.block-upload-photo-portrait{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 175px;
    height: 130px;
}

.block-photos-post{
    width: 265px;
    height: 265px;
    margin-top: 10px;
    margin-left: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: inherit;
}

.block-photos-post-slick-view{
    height: 120px;
    width: 120px;
    margin: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: inherit;
}

.block-photos-post-slick-view .photo-slick-list{
    height: 120px;
    width: 120px;
    background-color: #33333396;
}

.image-photo-post{
    margin-bottom: 5px;
    margin-left: 0px;
    width: 265px;
    height: 265px;
    border-radius: 10px;
}

.block-photos-post-slick-view .image-photo-post{
    height: 120px;
    width: 120px;
}

.block-inputs-photo{
    text-align: left;
    margin-left: 90px;
}

.textarea-caption{
    margin: 5px;
    margin-left: 0px;
    width: 264px;
    resize: none;
    background-color: rgb(83, 83, 83);
    color: #aaa;
    border: 1px solid #aaa;
    border-radius: 5px;
}

.btn-add-location, .btn-add-people{
    cursor: pointer;
    text-align: left;
    margin: 5px;
    margin-left: 0px;
    width: 270px;
    font-size: 16px;
}

.image-photo-button-icon{
    position: relative;
    top: 2px;
}

.block-block-visibility, .block-publishing-options{
    text-align: left;
    padding: 10px;
    width: 250px;
    height: 125px;
    margin-left: 90px;
}

.block-block-visibility{
    margin: 0px;
    margin-bottom: 15px;
}

.block-photo-options{
    margin-left: 80px;
}

.block-publishing-options{
    display: none;
    padding: 0px;
    margin-top: 0px;
    height: fit-content;
    margin-left: 100px;
}

.date-schedule, .time-schedule{
    display: none;
    background-color: #333;
    color: #aaa;
    border: 1px solid #aaa;
}

.block-publishing-button{
    text-align: right;
    margin: 10px;
}

.btn-publish-photo{
    cursor: pointer;
    font-size: 15px;
    border-radius: 8px;
    padding: 5px;
    background-color: rgb(83, 83, 83);
    border-color: rgb(47, 47, 47);
    color: #aaa;
}

.label-locations{
    font-size: 20px;
}

.input-locations{
    margin-top: 5px;
    width: 270px;
    max-width: 270px;
}

/*Slick de photos*/

.photo-slick-track{
    height: 265px;
}

.photo-slick-list{
    width: 265px;
    margin: 0px;
    padding: 0px;
    border: 1.5px solid black;
    border-radius: 10px;
}

.photo-slick-slide{
    width: 265px;
}

.block-image-dots {
    display: block;
    position: relative;
    left: 90px;
    top: -35px;
}

.block-image-dots-review{
    left: 0px;
}

.block-image-dots .slick-dots{
    width: 265px;
}

.block-image-dots-review .slick-dots{
    width: 200px;
    left: -100px;
}

.block-image-dots-review-big .slick-dots{
    width: 200px;
    top: 0px;
}

.block-image-dots .slick-dots li{
    margin: 0 3px;
}

.block-image-dots .slick-dots li button {
    width: 20px;
    height: 20px;
    padding: 0;
}

.block-image-dots .slick-dots li button:before {
    font-size: 30px;
    color: #aaa;
}

.photo-location-label{
    position: relative;
    width: 120px;
    top: -22px;
    text-align: left;
    font-size: 12px;
    background-color: transparent;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.full-photo-location-label{
    background-color: #00000063;
}

/* Video Publishing */

.block-post-video-link {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.block-post-video-link-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Audio Publishing */

.nav-steps-bar-audio{
    width: 420px;
}

.block-post-audio-step{
    cursor: pointer;
    display: flex;
    margin: 10px;
    margin-right: 10px;
    margin-right: 0px;
    align-items: center;
}

.inp-audio-title{
    max-width: 750px;
}

.btn-post-audio-step {
    cursor: inherit;
    background-color: transparent;
    border-color: transparent;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.post-audio-step-text {
    cursor: inherit;
    color: white;
}

.post-audio-badge {
    display: flex;
    align-items: center;
    width: 10px;
    height: 10px;
    text-align: center;
    border: 7px solid white;
    background-color: black;
    border-radius: 50px;
}

.post-audio-badge-check, .post-audio-badge-error {
    display: none;
    width: 20px;
    height: 20px;
    text-align: center;
    background-color: white;
    border-radius: 50px;
    font-size: 16px;
}

.post-audio-badge-check {
    font-size: 14px;
}

.block-publish-audio{
    width: 760px;
    height: 390px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.block-album{
    position: relative;
    display: none;
    left: 80px;
}

.block-album select{
    cursor: pointer;
    background-color: rgb(83, 83, 83);
    color: #aaa;
    border: 1px solid #aaa;
    border-radius: 5px;
    padding-left: 5px;
}

.text-audio-details{
    position: relative;
    bottom: 45px;
    left: 280px;
}

.inp-artists{
    position: absolute;
    top: 200px;
    left: 310px;
    width: 212px;
    background-color: rgb(83, 83, 83);
    color: #aaa;
    border: 1px solid #aaa;
    border-radius: 5px;
    padding-left: 5px;
}

.block-audio-review{
    position: relative;
    height: 50px;
    width: 200px;
    text-align: left;
    left: 530px;
    bottom: 0px;
    background-color: #444;
}

.block-audio-link, .block-audio-review-controls{
    position: initial;
    display: flex;
}

.block-audio-info{
    height: 50px;
}

.image-cover-audio{
    width: 50px;
    height: 50px;
    background-color: black;
}

.audio-title{
    position: relative;
    top: -30px;
    display: inline-block;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.audio-title-link{
    cursor: pointer;
    top: -45px;
    left: 55px;
    width: 100px;
}

.audio-title-link-controls{
    cursor: pointer;
    top: -5px;
    left: 1px;
    width: 100px;
}

.audio-artist{
    position: absolute;
    left: 53px;
    top: 30px;
    display: inline-block;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.audio-artist-link{
    cursor: pointer;
    position: relative;
    left: 55px;
    top: -45px;
    width: 100px;
}

.audio-artist-link-controls{
    cursor: pointer;
    position: relative;
    left: 55px;
    top: -50px;
    width: 100px;
}

.audio-play-start-btn{
    background-color: transparent;
    border: transparent;
    position: relative;
    top: -7px;
    cursor: pointer;
    left: 5px;
}

.block-audio-view{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: inherit;
    height: 150px;
}

.block-audio-player{
    position: relative;
    background-color: #444;
    padding: 15px;
    padding-left: 2px;
    padding-right: 10px;
}

.block-audio-controls{
    display: none;
    position: sticky;
    height: 70px;
    bottom: 0;
    z-index: 1;
    width: var(100% - --horizontal-nav-height);
    background-color: #333;
    padding: 10px;
    padding-left: 0px;
    padding-right: 0px;
}

.btn-close-audio{
    right: 10px;
}

.block-audio-info-controls{
    height: 50px;
}

.block-block-audiotypes{
    text-align: center;
    position: absolute;
    left: 310px;
    bottom: 80px;
}

.block-audiotypes{
    text-align: left;
    width: 200px;
    padding: 10px;
    background-color: #444;
}

.block-cover-publ{
    position: absolute;
    left: 150px;
    top: 180px;
    margin-bottom: 10px;
}

.input-file-cover{
    margin-left: 0px;
    left: 0px;
}

.footer-audio-next{
    padding: 10px;
    display: flex;
    position: relative;
    bottom: -20px;
}

.btn-publish-audio{
    left: 570px;
}

.text-vibes{
    margin: 0;
}

.block-audio-vibes{
    width: 760px;
}

.block-main-vibes{
    display: flex;
    justify-content: space-evenly;
    overflow-y: scroll;
}

.block-vibes{
    width: 200px;
    text-align: left;
    background-color: #444;
    overflow-y: scroll;
    max-height: 160px;
}

.block-visibility-audio{
    margin-left: 31px;
}

.block-vibes-info{
    display: none;
}

.block-block-vibes-review{
    width: 130px;
    height: 125px;
    text-align: left;
    padding:10px;
    background-color: #444;
    margin-left: 10px;
    margin-right: 10px;
    overflow: scroll;
}

.audio-status-controls{
    position: relative;
    display: flex;
    left: 190px;
    top: 25px;
    height: 40px;
    z-index: 1;
}

.audio-repeat-btn{
    cursor: pointer;
    height: 40px;
    width: 40px;
    border: none;
    background-color: transparent;
}

.audio-manipulation-controls{
    position: relative;
    display: flex;
    left: -50px;
}

.audio-play-pause-btn{
    cursor: pointer;
    height: 40px;
    width: 40px;
    border: none;
    border-radius: 50%;
    background-color: #aaaaaa7d;
}


.audio-time-controls{
    position: relative;
    display: flex;
    left: -20px;
    top: 10px;
    height: 20px;
}

.audio-current-time, .audio-duration{
    height: 20px;
}

.block-progress-audio, .block-progress-video {
    position: relative;
    top: 7px;
    width: 400px;
    height: 4px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #aaa;
    border-radius: 2px;
    cursor: pointer;
}

.progress-filled-audio, .progress-filled-video {
  position: absolute;
  height: 100%;
  background-color: #550084;
  border-radius: 2px;
  width: 0%;
}

.progress-thumb-audio, .progress-thumb-video {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 14px;
    background-color: white;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: auto;
}

.progress-container:hover .progress-thumb, .block-progress-video:hover .progress-thumb-video {
    opacity: 1;
}

.audio-sound-controls{
    position: relative;
    top: 5px;
    width: 150px;
    height: 50px;
}

.audio-mute-btn{
    cursor: pointer;
    height: 40px;
    width: 40px;
    border: none;
    border-radius: 50%;
    background-color: #aaaaaa57;
}

.audio-volume-bar{
    cursor: pointer;
    display: none;
    width: 100px;
}

/* Autenticação */

.h1-login{
    margin-top: 0px;
}

.block-block-auth{
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(42,42,42);
    background: linear-gradient(180deg, rgba(42,42,42,1) 0%, rgba(27,4,45,1) 92%, rgba(57,11,97,1) 100%); 
    min-height: 100vh;
}

.block-auth{
    width: 450px;
    background-color: rgb(63, 63, 63);
    color: white;
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding-bottom: 20px;
    border-radius: 20px;
}

.block-auth-form{
    text-align: center;
}

.image-auth{
    margin-top: 10px;
}

.block-form ,.block-submit{
    margin: 10px;
    text-align: left;
}

.block-form-login{
    margin-left: 12px;
}

.block-submit{
    text-align: center;
}

.block-flex-form{
    display: flex;

}

.block-submit-links{
    padding-right: 10px;
    text-align: center;
}

.lab-form{
    font-size: 15px;
}

.block-country{
    text-align: center;
}

.country{
    width: 170px;
}

.inp-form{
    width: 190px;
    max-width: 190px;
    background-color: transparent;
    color: white;
    border-radius: 5px;
    margin-top: 5px;
    padding: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.description{
    width: 190px;
    max-width: 190px;
    max-height: 100px;
}

.form-file-banner, .form-file-profile-pic{
    position: relative;
    display: none;
    width: 200px;
    height: 100px;
    text-align: center;
}

.block-file-banner, .block-file-profile-pic{
    cursor: pointer;
    height: 100px;
}

.input-file-banner, .input-file-profile-pic{
    cursor: pointer;
    position: absolute;
    left: 50px;
    width: 100px;
    height: 120px;
    background-color: transparent;
    opacity: 0;
}

.publish-viewing-banner, .publish-viewing-profile-pic{
    padding-top: 0px;
    text-align: center;
}

.publish-viewing-banner .image-thumb, .publish-viewing-profile-pic .image-thumb{
    border-radius: 12px;
    background-color: #888;
}

.select2-container.select-phone-code-regis .select2-selection--single, .select2-container.select-country .select2-selection--single{
    padding-top: 4px;
    padding-bottom: 8px;
    height: 35.35px;
}

.select2-container.select-country .select2-selection--single{
    width: 195px;
}

.select2-container.select-phone-code-regis .select2-selection__arrow, .select2-container.select-country .select2-selection__arrow{
    padding-top: 8px;
}

.inp-phone-regis{
    max-width: 90px;
}

.block-remember{
    text-align: left;
}

.lab-remember{
    margin-right: 50px;
}

.remember_me{
    margin-left: 0px;
}

.btn-submit{
    font-size: 12px;
    margin-left: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #550084;
    border-color: #5e0091;
    color: white;
}

.btn-submit:hover{
    background-color: #5f0093;
    border-color: #7200af;
}

.btn-submit:active{
    background-color: #7200af;
    border-color: #550084;
}

.btn-recover-link{
    padding: 10px;
}

.password-recover{
    margin-top: 5px;
    color: white;
    font-size: 12px;
}

.error{
    color: rgb(255, 0, 0);
}

.select2-container--default .select2-selection--single, .select2-container--open .select2-dropdown--above{
    background-color: rgb(63, 63, 63);
    color: white;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    right: 10px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: rgb(63, 63, 63);
    color: white;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: white;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: black;
}

.select2-container--default .select2-results__option--selected{
    background-color: rgb(39, 39, 39);
}

/* Perfil do Utilizador */

.block-profile-content{
    background-color: rgb(75, 75, 75);
}

.image-banner{
    background-color: rgb(46, 46, 46);
    width: 100%;
    height: 200px;
}

.block-profile{
    background-color: rgb(75, 75, 75);
    color: white;
    padding-bottom: 10px;
}

.image-profile{
    margin-left: 10px;
    margin-top: 10px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: rgb(46, 46, 46);
}

.profile-info{
    margin-left: 10px;
    margin-right: 10px;
}

.info-small{
    margin-top: 30px;
}

.text-desc{
    margin: 0px;
    margin-bottom: 5px;
    max-width: 100ch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-sub{
    cursor: pointer;
    background-color: rgb(36, 36, 36);
    color: white;
    border-color: transparent;
    border-radius: 10px;
    font-size: 20px;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.btn-sub:hover{
    background-color: rgb(48, 48, 48);
}

.subbed{
    background-color: dodgerblue;
    border-color: rgba(24, 117, 211, 0.589);
}

.subbed:hover{
    background-color: dodgerblue;
    color: white;
}

.span-sub{
    position: relative;
    bottom: 3px;
}

.nav-menu-profile{
    display: flex;
    flex-wrap: wrap;
    background-color: rgb(46, 46, 46);
    padding-bottom: 5px;
}

.link-menu-profile{
    min-width: 100px;
    max-width: 200px;
    padding: 5px;
    color: white;
    font-size: 25px;
    text-align: center;
    text-wrap: nowrap;
}


/* Emails */

.body-email{
    text-align: center;
    background: rgb(187, 180, 228);
    margin: 20px;
}

.image-email-logo{
    width: 70px;
    height: auto;
}

.block-email{
    display: flex;
    justify-content: center;
    text-align: left;
}

.block-email-content{
    background-color: rgb(241, 241, 241);
    color: rgb(0, 0, 0);
    width: 600px;
    padding: 32px;
    margin: 20px;
}

.block-email-button{
    display: flex;
    justify-content: center;
}

.btn-email{
    border-radius: 5px;
    background-color: rgb(54, 54, 54);
    color: white;
    border-color: transparent;
    padding: 5px;
}

.btn-email:hover{
    background-color: rgb(64, 64, 64)
}

.btn-email a{
    color: white;
}

/* Post */

.block-upload-view{
    position: relative;
    display: flex;
    top: 20px;
    flex-grow: 1;
}

.block-upload{
    margin-left: 20px;
    width: 75%;
}

.block-upload-text, .block-upload-audio, .block-upload-photo, .block-upload-video, .block-upload-buttons{
    width: 95%;
}

.block-upload-audio{
    margin-top: 20px;
}

.block-upload-buttons{
    margin-left: 0px;
    background-color: #555;
}

.block-upload-photo .block-upload-buttons{
    width: 100%;
}

/* Audio Post */


.block-post-audio-review{
    width: 100%;
}

.block-audio-player-post{
    position: relative;
    right: 0px;
    padding-bottom: 0px;
    background-color: transparent;
}

.audio-title-post{
    top: -25px;
    left: 5px;
    width: 460px;
    max-width: 460px;
}

.audio-artist-post{
    top: -28px;
    left: 60px;
    width: 460px;
    max-width: 460px;
}

.audio-duration-post{
    cursor: pointer;
    position: relative;
    top: -82px;
    left: 800px;
}

/* Text Post */

.block-upload-text-content{
    width: 92%;
    height: 100px;
    padding: 12px;
    border: 2px solid #555;
}

/* Video Post */

.block-post-video-portrait{
    position: relative;
    border-radius: 12px;
    margin-bottom: 10px;
}

.post-video{
    cursor: pointer;
    width: 95%;
    background-color: #111;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    border-radius: 12px;
}

.video-poster {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 95%;
    height: 100%;
    background-size: cover;
    background-position: center;
    text-align: center;
    align-content: center;
    border-radius: 12px;
    z-index: 2;
}

.video-start-btn{
    cursor: pointer;
    background-color: transparent;
    border: none;
}

.image-start-video{
    width: 300px;
    height: 300px;
    background-color: #33333331;
    border: none;
    border-radius: 50%;
}

.image-start-video:hover {
    background-color: #3333336c;
}

.block-video-controls {
    position: absolute;
    bottom: 2.5px;
    left: 0;
    width: 95%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
    display: flex;
    flex-direction: column;
    gap: 8px;
    opacity: 1;
    transition: opacity 0.3s;
    z-index: 1;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.video-progress-bar {
    cursor: pointer;
    height: 8px;
}

.block-progress-video {
    width: 98%;
}

.video-control-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px;
}

.video-control-buttons button {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 5px;
    display: flex;
    align-items: center;
}

.video-play-pause-btn{
    padding-right: 0px;
}

.video-mute-btn{
    padding-left: 0px;
}

.video-control-buttons img {
    pointer-events: none;
}

.video-current-time,
.video-duration {
    color: white;
    font-size: 8px;
}

.video-sound-controls {
    display: flex;
    align-items: center;
    gap: 5px;
    position: relative;
}

.video-volume-bar {
    cursor: pointer;
    width: 70px;
    display: none;
}

.video-sound-controls:hover .video-volume-bar {
    display: block;
}

.video-screen-controls{
    position: absolute;
    display: flex;
    right: 0;
}

.block-post-video-portrait:fullscreen {
    width: 100vw;
    height: 100vh;
    background-color: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.block-post-video-portrait:fullscreen .block-progress-video {
    width: 1505px;
}

.block-post-video-portrait:fullscreen .block-video-controls {
    bottom: 0px;
}

.block-post-video-portrait:fullscreen .post-video {
    width: 100%;
    height: auto;
    max-height: 100%;
}

.block-post-video-portrait.hide-controls {
    cursor: none;
}

.block-post-video-portrait.hide-controls .block-video-controls {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.block-post-video-portrait .block-video-controls {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.3s ease;
}

.block-post-video-portrait.hide-controls * {
    cursor: inherit;
}

.cinema-screen-block-upload{
    margin-left: 0px;
}

.cinema-screen-width{
    width: 115%;
}

.cinema-screen-progress-bar{
    width: 98%;
}

.cinema-recommended-position{
    position: relative;
    top: 360px;
}

.skip-feedback {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 36px;
    font-weight: bold;
    color: white;
    background: rgba(0, 0, 0, 0.6);
    padding: 12px 20px;
    border-radius: 50px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 999;
}
  
.skip-feedback img.skip-arrow {
    width: 32px;
    height: 32px;
}
  
.skip-feedback.skip-back {
    left: 10%;
}
  
.skip-feedback.skip-forward {
    right: 10%;
}
  
.skip-feedback.show {
    opacity: 1;
    animation: bounce 0.4s ease;
}
  
@keyframes bounce {
    0% {
      transform: translateY(-50%) scale(1);
    }
    50% {
      transform: translateY(-50%) scale(1.2);
    }
    100% {
      transform: translateY(-50%) scale(1);
    }
}

/* Post de fotos*/

.block-uploader-photo-info{
    width: 320px;
}

.block-post-content{
    top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    background-color: #333;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.block-post-photo-portrait{
    width: 395px;
    height: 330px;
}

.block-photos-post-slick-post-view{
    height: 320px;
    width: 320px;
}

.block-photos-post-slick-post-view .photo-slick-list{
    height: 320px;
    width: 320px;
}

.block-photos-post-slick-post-view .image-photo-post {
    height: 320px;
    width: 320px;
}

.photo-location-label-post{
    top: -29px;
    width: 320px;
    font-size: 15px;
}

.block-image-dots-review-post .slick-dots {
    width: 300px;
    left: -150px;
}

.block-image-post-arrows .slick-prev, .block-image-post-arrows .slick-next{
    width: 35px;
    height: 35px;
    background: #aaaaaa4a;
}

.block-image-post-arrows .slick-next {
  right: -20px;
}

.block-image-post-arrows .slick-prev {
  left: -20px;
}

.image-post-arrows {
    width: 35px;
    height: 35px;
}

.block-video-uploader-info-text{
    top: 6px;
}

.upload-button{
    cursor: pointer;
    border: none;
    background-color: transparent;
    color: white;
}

.block-upload-comments{
    position: relative;
    display: flex;
    width: 660px;
    margin: 20px;
    height: fit-content;
}

.textarea-commentary{
    width: 520px;
    height: 20px;
    margin-left: 5px;
    border-top: none;
    border-left: none;
    border-right: none;
    resize: none;
    border-color: #444;
    background-color: transparent;
    color: #aaa;
}

.btn-comment{
    cursor: pointer;
    position: absolute;
    right: 100px;
    bottom: -30px;
    padding: 5px;
    border-radius: 12px;
    background-color: #333;
    border-color: transparent;
    color: #aaa;
}

.block-uploaded-comments{
    width: 880px;
    padding-bottom: 10px;
}

.block-commented{
    width: 880px;
    margin: 20px;
}

.span-commented-at{
    text-wrap: nowrap;
    margin: 5px;
}

.block-commentary-text{
    margin: 5px;
    position: relative;
    max-height: 100px;
    overflow: scroll;
}

.block-recommended-uploads{
    width: 25%;  
}

.image-recommended-uploader{
  width: 22px;
  height: 22px;
}

.block-recommended-uploader-text{
    font-size: 12px;
}

.block-recommended-post{  
    position: relative;
    padding: 15px;
    display: flex;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.link-recommended{
    display: flex;
    width: inherit;
}

.recommended-thumb{
    width: 80px;
    height: 50px;  
    border-radius: 8px;
}

.textarea-recommended-post-text{
    height: 70px;
}

.block-recommended-post .photo-slick-track{
    height: 120px;
}

.block-recommended-post .photo-slick-list{
    width: 120px;
}

.block-recommended-post .photo-slick-slide{
    width: 120px;
}

.block-recommended-post .photo-location-label{
    width: 120px;
}

.audio-recommended-title-link{
    top: -50px;
}

.audio-recommended-artist-link{
    top: -50px;
}

.block-recommended-text{
    margin-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.label-title-recommended{
    font-size: 12px;
    text-wrap: nowrap;
}

.label-views-recommended, .label-creation-recommended{
    font-size: 10px;
    text-wrap: nowrap;
}

.block-post-recommended-loading{
    position: absolute;
    display: none;
    bottom: 10px;
    right: 10px;
    z-index: 2;
}

.image-recommended-loading{
    width: 100px;
    height: 100px;
}

/* Panels */

.block-wrapper{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow: hidden;
}

.block-grower{
    flex: 1;
}

.block-profile-panel-info {
    text-align: center;
    padding-bottom: 10px;
    color: white;
}

.image-panel-profile {
    cursor: pointer;
    width: 80px;
    height: 80px;
    border-radius: 50px;
}

.h2-nomargin {
    margin: 0px;
}

.image-panel {
    position: relative;
    top: 10px;
    width: 30px;
    height: 30px;
    margin: 5px;
}

/* Panel Geral */

.main-panel {
    justify-content: space-evenly;
}

.block-panel {
    width: 40%;
    max-height: 500px;
    margin: 10px;
    padding: 10px;
    border: 2px solid black;
    border-radius: 12px;
    background-color: #333;
}

.block-panel-no-subs{
    height: 100px;
}

.block-comments{
    max-height: 400px;
    overflow: scroll;
}

.block-comment-text-panel{
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 6px;
    background-color: #555;
}

.btn-profile-panel{
    padding: 5px;
    border-radius: 6px;
    background-color: #555;
    border-color: transparent;
}

.block-subscribers-list{
    max-height: 400px;
    overflow: scroll;
}

.block-latest-subs{
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Panel Posts */

.h1-posts-panel, .h1-users-panel{
    position: relative;
    top: 10px;
    padding-left: 10px;
}

.block-posts-panel, .block-users-panel {
    display: initial;
    flex-grow: 1;
}

.block-filter{
    display: flex;
    width: 100%;
}

.block-filter-row{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.btn-filter-remove-panel{
    cursor: pointer;
    padding: 5px;
    white-space: nowrap;
    flex-shrink: 0;
    border-radius: 10px;
    background-color: #444;
    border-color: transparent;
}

.btn-filter-remove-panel:hover {
  background-color: #555;
}

.block-filter form {
    width: 100%;
}

.block-filter .dropdown{
    float: none;
    flex-shrink: 0;
}

.btn-filter-panel{
    cursor: pointer;
    padding: 2px;
    background-color: transparent;
    border-color: transparent;
}

.dropdown-filters-panel{
    cursor: pointer;
    left: 0;
    width: fit-content;
    min-width: 0;
    text-align: left;
    background-color: #444;
}

.filter-option-panel, .sorter-option-panel{
    padding: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.filter-option-panel:hover, .sorter-option-panel:hover{
    background-color: #555;
}

.btn-sorter-panel{
    cursor: pointer;
    padding: 2px;
    background-color: transparent;
    border-color: transparent;
}

.dropdown-sorters-panel{
    cursor: pointer;
    left: 0;
    width: 300px;
    min-width: 0;
    text-align: left;
    background-color: #444;
}

.inp-query-panel{
    flex-grow: 1;
    min-width: 160px;
    padding: 8px;
    background-color: transparent;
    border-color: transparent;
    color: #aaa;
}

.inp-query-panel:focus{
    border-color: transparent;
}

.table-row-panel-multiple-actions{
    width: 100%;
    height: 54px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
    align-items: center;
    font-size: 16px;
    background-color: #333;
}

.span-counter-checks{
    padding-left: 5px;
    padding-right: 5px;
}

.btn-select-all-posts, .btn-visibility-change-post, .btn-visibility-add-group-post, .btn-visibility-delete-post, .btn-delete-db-post, .btn-visibility-change-user, .btn-visibility-delete-user, .btn-delete-db-user{
    cursor: pointer;
    background-color: transparent;
    border: none;
    color: #aaa;
    font-size: 16px;
}

.btn-select-all-posts, .btn-select-all-users{
    text-decoration: underline;
}

.dropdown:hover .visibility-arrow {
  transform: rotate(180deg);
}

.dropdown-visibility{
    min-width: 120px;
    width: 120px;
}

.btn-close-options{
    right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.btn-close-options:hover {
    background-color: #222;
}

.table-header-panel-posts, .table-header-panel-users {
    padding: 10px;
    text-align: center;
}

.table-header-panel-posts-checks-section, .table-header-panel-users-checks-section {
    width: 50px;
}

.table-header-panel-posts-content-section, .table-header-panel-users-content-section {
    width: 480px;
    text-align: left;
}

.table-header-panel-posts-visibility-section, .table-header-panel-users-visibility-section {
    width: 100px;
}

.table-header-panel-posts-types-section, .table-header-panel-users-types-section {
    width: 80px;
}

.table-header-panel-posts-date-section, .table-header-panel-users-date-section {
    width: 80px;
}

.table-header-panel-posts-views-section, .table-header-panel-users-views-section {
    width: 120px;
}

.table-header-panel-posts-comments-section, .table-header-panel-users-comments-section {
    width: 120px;
}

.table-header-panel-posts-likes-section, .table-header-panel-users-likes-section {
    width: 100px;
}

.table-panel{
    min-width: 100%;
}

.table-row-panel-posts, .table-row-panel-users {
    border-top: 2px solid #aaa;
    border-bottom: 2px solid #aaa;
    background-color: #333;
}

.table-row-panel-post-info, .table-row-panel-user-info {
    text-align: center;
}

.table-cell-panel-post-content, .table-cell-panel-user-content {
    position: relative;
    width: 405px;
    max-width: 405px;
    height: 100px;
    max-height: 122px;
    padding: 10px;
    text-align: left;
    overflow-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
}

.block-panel-posts-buttons, .block-panel-users-buttons{
    position: absolute;
    display: none;
    bottom: 0px;
    width: 455px;
    padding: 5px;
    background-color: #333;
    transition: opacity 0.2s ease;
    z-index: 1;
}

.table-cell-panel-post-content:hover .block-panel-posts-buttons, .table-cell-panel-user-content:hover .block-panel-users-buttons{
    display: block;
}

.btn-panel-post-action, .btn-panel-user-action{
    cursor: pointer;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 50px;
    border-color: transparent;
    background-color: transparent;
}

.btn-panel-post-action:hover, .btn-panel-user-action:hover{
    background-color: #555;
}

.table-cell-visibility-posts, .table-cell-visibility-users{
    display: flex;
    height: 120px;
    justify-content: center;
    align-items: center;
}

.block-photos-post-slick-view .image-photo-panel-post,
.block-photos-panel-post-slick-view .photo-slick-list,
.block-photos-panel-post-slick-view,
.block-photos-user-slick-view .image-photo-panel-user,
.block-photos-panel-user-slick-view .photo-slick-list,
.block-photos-panel-user-slick-view {
    width: 80px;
    height: 80px;
}

.block-upload-panel-photo-portrait {
    width: 145px;
    height: 100px;
}

.block-upload-video-portrait-panel{
    width: 100px;
    padding: 5px;
}

.video-post-link-panel{
    display: flex;
    align-items: center;
}

.image-thumb-link-review-panel {
    width: 100px;
    height: 60px;
}

.block-video-info-panel{
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.span-title-panel {
    text-wrap: nowrap;
    padding-left: 10px;
}

.span-description-panel {
    display: block;
    max-width: 290px;
    max-height: 50px;
    padding-left: 10px;
    overflow-wrap: break-word;
    color: #777;
}

.block-block-pagination-links{
    text-align: center;
}

.block-pagination-links {
    display: inline-block;
}

.block-pagination-links li {
    display: inline;
    margin: 0 5px;
}

.block-pagination-links li a,
.block-pagination-links li span {
    padding: 6px 12px;
    font-size: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
}

.block-pagination-links a {
    text-decoration: none;
    color: #aaa;
}

.block-pagination-links .relative span {
    color: #444;
}

.block-pagination-links svg {
    height: 30px;
    position: relative;
    top: 10px;
}

.block-elimination-confirm, .block-elimination-db-confirm{
    display: none;
    position: absolute;
    top: 20px;
    left: 200px;
    width: 800px;
    height: 200px;
    padding: 10px;
    border-radius: 12px;
    text-align: center;
    background-color: #444;
    z-index: 2;
}

.btn-cancel, .btn-delete, .btn-db-cancel, .btn-db-delete {
    cursor: pointer;
    position: relative;
    top: 70px;
    font-size: 15px;
    border: none;
    border-radius: 12px;
    padding: 10px;
}

.btn-cancel, .btn-db-cancel {
    background-color: darkred;
    color: white;
    left: 310px;
}

.btn-cancel:hover, .btn-db-cancel:hover {
    background-color: rgb(153, 0, 0);
}

.btn-cancel:active, .btn-db-cancel:active {
    background-color: rgb(160, 0, 0);
}

.btn-delete, .btn-db-delete {
    background-color: darkgreen;
    color: white;
    left: 320px;
}

.btn-delete:hover, .btn-db-delete:hover {
    background-color: rgb(1, 121, 1);
}

.btn-delete:active, .btn-db-delete:active {
    background-color: rgb(1, 139, 1);
}

.btn-close-elimination-confirm, .btn-close-elimination-db-confirm{
    top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    right: 5px;
}

.block-block-share-modal {
    display: none;
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    justify-content: center;
    align-items: center;
    z-index: 2;
    
}

.block-share-modal {
    position: relative;
    left: 100px;
    top: 20px;
    width: 90%;
    max-width: 400px;
    padding: 24px 20px;
    text-align: center;
    border-radius: 10px;
    background: #333;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}

.btn-close-share-modal {
    position: absolute;
    top: 12px;
    right: 16px;
    font-size: 22px;
    background: none;
    border: none;
    cursor: pointer;
    color: #888;
}

.h2-modal-share {
    margin-bottom: 16px;
    font-size: 20px;
    color: #aaa;
}

.share-link {
    width: 375px;
    padding: 10px;
    margin: 10px 0 14px 0;
    font-size: 8px;
    border-radius: 6px;
    background-color: #aaa;
    border-color: transparent;
}

.btn-copy-link {
    width: 100%;
    background-color: #7200af;
    color: #fff;
    font-weight: bold;
    border: none;
    padding: 10px;
    border-radius: 6px;
    cursor: pointer;
    margin-bottom: 18px;
    transition: background-color 0.2s ease;
}
.btn-copy-link:hover {
    background-color: #550084;
}

.block-share-socials-link {
    display: flex;
    justify-content: space-around;
    gap: 10px;
}

.block-share-socials-link a {
    text-decoration: none;
    font-weight: bold;
    color: #7200af;
    transition: color 0.2s ease;
}
.block-share-socials-link a:hover {
    color: #550084;
}

/* Panel Subscritores */

.block-subscribers, .block-commenters-panel {
    position: relative;
    top: 20px;
    margin: 20px;
    padding: 10px;
    border-radius: 12px;
    background-color: #333;
}

.block-subscriber {
    padding: 10px;
}

.image-panel-subscriber {
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 50px;
}

.label-subscriber {
    cursor: pointer;
    position: relative;
    top: -18px;
    padding-left: 5px;
    font-size: 22px;
}

/* Panel Customização */

.block-panel-customization{
    position: relative;
    top: 20px;
}

/*Panel editar*/

.block-panel-post-edit{
    position: relative;
    top: 20px;
}

.image-cover-edit{
    width: 70px;
    height: 70px;
    margin-right: 20px;
}

.block-panel-post-edit .block-upload-photo-portrait{
    left: 100px;
}

.block-panel-post-edit .select2-container--default{
    margin-top: 20px;
    margin-left: 60px;
}

.block-panel-post-edit .block-photos-post-slick-post-view {
    height: 120px;
    width: 120px;
}

.block-panel-post-edit .block-post-photo-portrait {
    width: 195px;
    height: 130px;
}

.block-panel-post-edit .block-photos-post-slick-post-view .photo-slick-list {
    height: 120px;
    width: 120px;
}

.block-panel-post-edit .photo-location-label-post {
    top: -24px;
    width: 120px;
    font-size: 10px;
}

.block-panel-post-edit .block-photos-post-slick-post-view .image-photo-post {
    height: 120px;
    width: 120px;
}

.block-panel-post-edit .image-post-arrows, .block-panel-post-edit .block-image-post-arrows .slick-prev, .block-panel-post-edit .block-image-post-arrows .slick-next {
    width: 15px;
    height: 15px;
}

/* Admin */

.publisher-link{
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
}

/*Geral*/

.invisible{
    display: none;
}

.visible{
    display: block;
}

.visible-flex{
    display: flex;
}

.visible-initial{
    display: initial;
}

.text-break{
    word-break: break-word;
    word-wrap: break-word;
    white-space: normal;
}

.no-select {
    user-select: none; /* Standard */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
}

/* Media Queries */

@media (max-width: 479px) {
    *{
        font-size: 8px;
    }

    h1{
        font-size: 20px;   
    }

    h2{
        font-size: 12px;
    }

    .label-logos-links{
        font-size: 15px;
    }

    .menu-sizer{
        display: none;
    }

    .block-publish{
        width: 375px;
    }

    .form-file-publ, .form-text-publ, .input-file-publ{
        left: 0px;
        width: 340px;
        margin-left: 20px;
    }

    .input-file-thumb, .input-file-cover{
        width: 100px;
    }

    .block-publish-video{
        width: 370px;
    }

    .post-video-badge-check, .post-audio-badge-check {
        font-size: 16px;
    }

    .block-details{
        margin-left: 0px;
    }

    .textarea-details{
        width: 150px;
        height: 100px;
    }

    .block-thumbnail-publ{
        width: 100px;
    }

    .form-file-thumbnail{
        width: 100px;
    }

    .form-file-thumbnail-video{
        left: 0px;
    }

    .block-video-review{
        right: 5px;
        max-width: 150px;
    }

    .image-thumb-video{
        width: 150px;
    }

    .block-details, .block-details-audio, .block-tags, .block-rights, .block-visibility{
        margin-left: 10px;
    }

    .block-details-audio{
        margin-bottom: 40px;
    }

    .block-video-details{
        width: 350px;
    }

    .btn-next-video {
        left: 280px;
    }

    .block-main-tags{
        width: 350px;
    }

    .block-sub-tags{
        width: 300px;
    }

    .block-block-visibility, .block-publishing-options{
        width: 150px;
    }

    .btn-publish-video {
        left: 185px;
    }

    .form-text-publ{
        margin: 0px;
    }

    .textarea-post-file, .textarea-post-file-ordle {
        width: 180px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .block-publish-photo{
        margin-left: 0px;
    }

    .block-photos-post, .block-inputs-photo, .block-publishing-options {
        margin-left: 60px;
    }

    .block-photos-post .image-photo-post {
        height: auto;
    }

    .nav-steps-bar, .nav-steps-bar-audio{
        width: 230px;
    }

    .block-cover-publ .block-file-publ{
        margin-left: 180px;
    }

    .user-slick-list{
        height: 50px;
    }

    .user-carousel-link {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .user-carousel-link span{
        max-width: 90px;
        text-wrap: nowrap;
    }

    .user-carousel-link span{
        overflow: hidden;
        text-overflow: ellipsis;
        width: 40px;
    }

    .h2-posts {
        margin-left: 5px;    
        font-size: 15px;
    }

    .block-uploader-info {
        width: 100px;
        padding-bottom: 3px;
    }

    .block-uploader-info-text {
        width: 65px;
        top: 2px;
        font-size: 8px;
    }

    .general-posts-slick-list, .text-posts-slick-list, .photo-posts-slick-list, .video-posts-slick-list, .audio-posts-slick-list {
        margin: 22px;
    }

    .general-posts-slick-list {
        height: 115px;
    }

    .text-posts-slick-list {
        height: 100px;
    }

    .textarea-post-text {
        width: 70px;
        height: 68px;
        padding: 6px;
        font-size: 8px;
    }

    .video-posts-slick-list{
        height: 100px;
    }

    .block-video-info {
        font-size: 8px;
    }

    .image-thumb-link-review {
        width: 80px;
        height: 60px;
    }

    .span-title {
        max-width: 80px;
        font-size: 8px;
    }

    .block-photo-posts .block-post-image-link-inner .block-uploader-info {
        width: 100px;
    }

    .block-photo-posts .block-post-image-link-inner .block-uploader-info .block-uploader-info-text{
        width: 70px;
    }

    .photo-posts-slick-list{
        height: 95px;
    }

    .block-upload-photo-portrait{
        width: 70px;
        height: 85px;
    }

    .block-photos-post-slick-view {
        width: 70px;
        height: 70px;
    }

    .block-photos-post-slick-view .photo-slick-list {
        width: 70px;
        height: 70px;
        padding: 0px;
        margin: 0px;
    }

    .image-photo-post {
        width: 70px;
        height: 70px;
    }

    .block-photos-post-slick-view .image-photo-post {
        width: 70px;
        height: 70px;
    }

    .photo-location-label {
        width: 70px;
        top: -17px;
        font-size: 8px;
        padding: 0px;
    }

    /* Audio Publishing*/

    .audio-posts-slick-list {
        height: 55px;
    }

    .nav-steps-bar-audio {
        width: 200px;
        top: 95px;
    }

    .block-post-audio-step {
        margin: 5px 0;
    }

    .inp-audio-title {
        max-width: 90%;
    }

    .block-publish-audio {
        width: 370px;
        height: 330px;
    }

    .block-album {
        left: 10px;
    }

    .block-album select {
        padding-left: 3px;
    }

    .text-audio-details {
        bottom: 30px;
        left: 150px;
    }

    .inp-artists {
        position: static;
        width: 150px;
        margin-top: 10px;
    }

    .block-audio-review {
        width: 90px;
        height: 30px;
        left: 35px;
        bottom: 50px;
    }

    .block-audio-review .audio-title {
        max-width: 90px;
    }

    .block-audio-review .audio-artist {
        max-width: 90px;
    }

    .block-audio-link,
    .block-audio-review-controls {
        flex-direction: column;
    }

    .block-audio-info {
        height: 30px;
    }

    .image-cover-audio {
        width: 30px;
        height: 30px;
    }

    .audio-title {
        max-width: 70px;
        top: -15px;
    }

    .audio-title-link,
    .audio-title-link-controls {
        width: 55px;
        top: -25px;
        left: 35px;
    }

    .audio-artist {
        max-width: 40px;
    }

    .audio-artist-link,
    .audio-artist-link-controls {
        width: 55px;
        top: -25px;
        left: 35px;
    }

    .audio-play-start-btn {
        top: -35px;
        left: -2px;
        padding-top: 3px;
        padding-bottom: 3px;
        border-radius: 50px;
        background-color: #3333334f;
    }

    .block-audio-view {
        height: 106px;
    }

    .block-audio-player {
        padding: 10px 5px;
        background-color: transparent;
    }

    .block-audio-controls {
        height: 40px;
    }

    .block-audio-controls .block-audio-info-controls{
        width: 90px;
    }

    .block-audio-controls .audio-title-link-controls{
        top: -2px;
        left: 4px;
    }

    .btn-close-audio {
        right: 5px;
    }

    .block-audio-info-controls {
        height: 40px;
    }

    .block-block-audiotypes {
        left: 10px;
        bottom: 50px;
    }

    .block-audiotypes {
        width: 150px;
        padding: 5px;
    }

    .block-cover-publ {
        left: 200px;
        top: 140px;
    }

    .input-file-cover {
        margin-left: 0;
        left: 0;
    }

    .footer-audio-next {
        bottom: 0;
        padding: 5px;
    }

    .btn-publish-audio {
        left: 185px;
    }

    .block-audio-vibes {
        width: 320px;
    }

    .block-main-vibes {
        width: 370px;    
        margin-bottom: 20px;
    }

    .block-vibes {
        width: 150px;
        max-height: 120px;
    }

    .block-visibility-audio {
        margin-left: 10px;
    }

    .block-block-vibes-review {
        width: 100px;
        height: 100px;
        padding: 5px;
        margin: 5px;
    }

    .block-visibility-info{
        width: 360px;
    }

    .audio-status-controls {
        left: 50px;
        top: 20px;
        height: 30px;
    }

    .audio-repeat-btn,
    .audio-play-pause-btn,
    .audio-mute-btn {
        height: 22px;
        width: 22px;
        padding: 0px;
    }

    .audio-play-pause-btn {
        background-color: #aaaaaa7d;
    }

    .audio-manipulation-controls {
        left: -30px;
    }

    .audio-time-controls {
        left: -10px;
        top: 5px;
        height: 15px;
    }

    .audio-current-time,
    .audio-duration {
        height: 15px;
    }

    .block-progress-audio{
        width: 130px;
        height: 3px;
        margin-left: 5px;
        margin-right: 5px;
        top: 2px;
    }

    .progress-thumb-audio,
    .progress-thumb-video {
        width: 12px;
        height: 12px;
    }

    .audio-sound-controls {
        width: 100px;
        height: 40px;
        top: -2px;
    }

    .audio-volume-bar {
        width: 60px;
        height: 4px;
    }

    .audio-volume-bar::-webkit-slider-thumb{
        -webkit-appearance: none;
        width: 8px;
        height: 8px;
    }

    .audio-volume-bar::-moz-range-thumb{
        width: 8px;
        height: 8px;
    }

    .audio-volume-bar::-ms-thumb{
        width: 8px;
        height: 8px;
    }

    /* Dots e arrows escondidos por ser tamanho de telemovel */

    .block-image-dots,
    .block-user-dots ,
    .block-general-posts-dots,
    .block-text-posts-dots,
    .block-photo-posts-dots,
    .block-video-posts-dots,
    .block-audio-posts-dots,
    .block-general-posts-arrows,
    .block-users-arrows,
    .block-text-posts-arrows,
    .block-video-posts-arrows,
    .block-photo-posts-arrows,
    .block-audio-posts-arrows,
    .block-image-arrows,
    .block-image-arrows-review,
    .slick-prev, .slick-next{
        display: none;
    }

    .block-image-post-arrows{
        display: block;
    }

    /* Configs */

    .block-config-profile-change {
        display: block;
        width: 190px;
        min-height: 60px;
    }

    .image-search-block{
        top: 15px;
    }

    .span-change-profile{
        width: 15px;
    }

    .inp-profile-change, .inp-number-change, .inp-description-change{
        width: 170px;
    }

    .inp-search-users{
        top: 10px;
        width: 220px;
    }

    .table-column-block{
        padding: 0px;
    }

    /*Painel de users */

    .link-menu-profile{
        min-width: 20px;
        font-size: 16px;
    }

    /* Post ver Texto*/

    .block-upload{
        width: 225px;
    }

    .block-upload .block-uploader-info{
        width: 225px;
    }

    .block-upload .block-uploader-info-text{
        width: 200px;
    }

    .block-upload-text, .block-upload-audio, .block-upload-photo, .block-upload-video, .block-upload-buttons{
        width: 200px;
    }

    .block-upload-text .block-upload-buttons{
        width: 224px;
    }

    .textarea-commentary{
        width: 150px;
    }

    .block-upload-comments{
        width: 185px;
        min-height: 35px;
    }

    .block-commented{
        width: 160px;
    }

    .btn-comment{
        right: 10px;
    }

    .block-uploaded-comments {
        width: 225px;
    }

    .block-upload-text-content{
        width: 200px;
    }

    .block-recommended-uploads{
        width: 140px;
        margin-left: 10px;
    }

    .block-recommended-uploads .block-uploader-info-text{
        width: 100px;
    }

    .block-recommended-post{
        width: 120px;
    }

    /* Post ver Video*/

    .video-poster{
        width: 200px;
        height: 150px;
    }

    .image-start-video{
        width: 100px;
        height: 100px;
    }

    .post-video{
        width: 200px;
        height: 150px;
    }

    .block-progress-video{
        width: 190px;
    }

    .skip-feedback img.skip-arrow {
        width: 16px;
        height: 16px;
    }

    .skip-text{
        font-size: 12px;
    }

    .link-recommended{
        display: block;
    }

    .recommended-thumb{
        width: 115px;
        height: 75px;
    }  

    .cinema-screen-width{
        width: 126%;
    }

    .cinema-screen-progress-bar{
        width: 95%;
    }

    .cinema-screen-block-upload{
        width: 100%;
    }

    .cinema-recommended-position{
        position: relative;
        left: -22px;
        top: 155px;
    }

    /* Post ver Photos*/

    .block-post-image-link-inner .block-uploader-info{
        width: 180px;
        margin-top: 5px;
    }

    .block-post-image-link-inner .block-uploader-info .block-uploader-info-text{
        width: 150px;
    }

    .block-upload .photo-posts-slick-list{
        height: 95px;
    }

    .block-upload .block-upload-photo-portrait{
        width: 140px;
        height: 145px;
    }

    .block-upload .block-photos-post-slick-view {
        width: 140px;
        height: 140px;
    }

    .block-upload .block-photos-post-slick-view .photo-slick-list {
        width: 140px;
        height: 140px;
        padding: 0px;
        margin: 0px;
    }

    .block-upload .image-photo-post {
        width: 140px;
        height: 140px;
    }

    .block-upload .block-photos-post-slick-view .image-photo-post {
        width: 140px;
        height: 140px;
    }

    .block-upload .photo-location-label {
        width: 140px;
        top: -17px;
        font-size: 8px;
        padding: 0px;
    }

    .block-image-post-arrows .slick-prev, .block-image-post-arrows .slick-next {
        width: 20px;
        height: 20px;
    }

    .block-image-post-arrows .slick-prev {
        left: -25px;
    }

    .block-image-post-arrows .slick-next {
        right: -25px;
    }

    .image-post-arrows {
        width: 20px;
        height: 20px;
    }

    .block-recommended-post .photo-posts-slick-list{
        height: 95px;
    }

    .block-recommended-post .block-upload-photo-portrait{
        width: 100px;
        height: 105px;
    }

    .block-recommended-post .block-photos-post-slick-view {
        width: 100px;
        height: 100px;
    }

    .block-recommended-post .block-photos-post-slick-view .photo-slick-list {
        width: 100px;
        height: 100px;
        padding: 0px;
        margin: 0px;
    }

    .block-recommended-post .image-photo-post {
        width: 100px;
        height: 100px;
    }

    .block-recommended-post .block-photos-post-slick-view .image-photo-post {
        width: 100px;
        height: 100px;
    }

    .block-recommended-post .photo-location-label {
        width: 100px;
        top: -17px;
        font-size: 8px;
        padding: 0px;
    }

    .block-image-dots-review-post .slick-dots {
        left: -320px;
    }

    /* Post ver Audio*/

    .block-upload-audio .block-audio-link{
        width: 200px;
    }

    .block-upload-audio .audio-title{
        width: 90px;
        top: -15px;
        left: 2px;
    }

    .block-upload-audio .audio-artist{
        width: 90px;
        top: -14px;
        left: 34px;
    }

    .block-upload-audio .audio-duration-post{
        top: -24px;
        left: 35px;
    }

    .block-upload-audio .block-audio-player{
        left: 188px;
    }

    .block-upload-audio .audio-play-start-btn{
        top: -7px;
    }

    .block-recommended-post .audio-title-link{
        top: -15px;
        left: 2px;
    }

    .block-recommended-post .audio-artist-link{
        top: -15px;
        left: 34px;
    }

    /*Profile*/
    
    .info-small{
        font-size: 12px;
    }

    /* Panel de user */

    .block-latest-subs .dark-link-nondeco{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .label-subscriber{
        position: static;
        top: 0px;
        font-size: 12px;
    }

    .block-subscriber .label-subscriber, .block-commenter-info .label-subscriber{
        position: relative;
        top: -18px;
    }

    /* Panel de admin */


}

@media (min-width: 480px) and (max-width: 767px) {
    *{
        font-size: 10px;
    }

    h1{
        font-size: 20px;   
    }

    h2{
        font-size: 14px;
    }

    .label-logos-links{
        font-size: 15px;
    }

    .block-publish{
        width: 525px;
    }

    .form-file-publ, .form-text-publ, .input-file-publ{
        left: 0px;
        width: 490px;
        margin-left: 20px;
    }

    .input-file-thumb, .input-file-cover{
        width: 100px;
    }

    .block-publish-video{
        width: 520px;
    }

    .post-video-badge-check, .post-audio-badge-check {
        font-size: 16px;
    }

    .block-details{
        margin-left: 0px;
    }

    .textarea-details{
        width: 150px;
        height: 100px;
    }

    .block-thumbnail-publ{
        width: 100px;
    }

    .form-file-thumbnail{
        width: 100px;
    }

    .form-file-thumbnail-video{
        left: 0px;
    }

    .block-video-review{
        right: 5px;
        max-width: 150px;
    }

    .image-thumb-video{
        width: 150px;
    }

    .block-details, .block-details-audio, .block-tags, .block-rights, .block-visibility{
        margin-left: 10px;
    }

    .block-details-audio{
        margin-bottom: 70px;
    }

    .btn-next-audio{
        left: 290px;
    }

    .block-video-details{
        width: 465px;
    }

    .btn-next-video {
        left: 435px;
    }

    .block-main-tags{
        width: 465px;
    }

    .block-sub-tags{
        width: 415px;
    }

    .block-block-visibility, .block-publishing-options{
        width: 150px;
    }

    .btn-publish-video {
        left: 335px;
    }

    .form-text-publ{
        margin: 0px;
    }

    .textarea-post-file, .textarea-post-file-ordle {
        width: 320px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .nav-post-text{
        margin-right: 55px;
    }

    .block-publish-photo{
        margin-left: 0px;
    }

    .block-photos-post, .block-inputs-photo, .block-publishing-options {
        margin-left: 125px;
    }

    .block-photo-options {
        margin-left: 160px;
    }

    .block-photos-post .image-photo-post {
        height: auto;
    }

    .nav-steps-bar, .nav-steps-bar-audio{
        width: 324px;
    }

    .block-cover-publ .block-file-publ{
        margin-left: 180px;
    }

    .user-slick-list{
        height: 50px;
    }

    .user-carousel-link {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .user-carousel-link span{
        max-width: 90px;
        text-wrap: nowrap;
    }

    .user-carousel-link span{
        overflow: hidden;
        text-overflow: ellipsis;
        width: 40px;
    }

    .h2-posts {
        margin-left: 5px;    
        font-size: 15px;
    }

    .block-uploader-info {
        width: 120px;
        padding-bottom: 3px;
    }

    .block-uploader-info-text {
        width: 65px;
        top: 2px;
        font-size: 10px;
    }

    .general-posts-slick-list, .text-posts-slick-list, .photo-posts-slick-list, .video-posts-slick-list, .audio-posts-slick-list {
        margin: 22px;
    }

    .general-posts-slick-list {
        height: 155px;
    }

    .text-posts-slick-list {
        height: 140px;
    }

    .textarea-post-text {
        width: 100px;
        height: 100px;
        padding: 6px;
        font-size: 10px;
    }

    .video-posts-slick-list{
        height: 140px;
    }

    .block-video-info {
        font-size: 10px;
    }

    .image-thumb-link-review {
        width: 120px;
        height: 80px;
    }

    .span-title {
        max-width: 120px;
        font-size: 10px;
    }

    .block-photo-posts .block-post-image-link-inner .block-uploader-info {
        width: 120px;
    }

    .block-photo-posts .block-post-image-link-inner .block-uploader-info .block-uploader-info-text{
        width: 70px;
    }

    .photo-posts-slick-list{
        height: 140px
    }

    .block-upload-photo-portrait{
        width: 100px;
        height: 115px;
    }

    .block-photos-post-slick-view {
        width: 100px;
        height: 100px;
    }

    .block-photos-post-slick-view .photo-slick-list {
        width: 100px;
        height: 100px;
        padding: 0px;
        margin: 0px;
    }

    .image-photo-post {
        width: 100px;
        height: 100px;
    }

    .block-photos-post-slick-view .image-photo-post {
        width: 100px;
        height: 100px;
    }

    .photo-location-label {
        width: 100px;
        top: -17px;
        font-size: 10px;
        padding: 0px;
    }

    /* Audio Publishing*/

    .audio-posts-slick-list {
        height: 55px;
    }

    .nav-steps-bar-audio {
        width: 200px;
        top: 95px;
    }

    .block-post-audio-step {
        margin: 5px 0;
    }

    .inp-audio-title {
        max-width: 90%;
    }

    .block-publish-audio {
        width: 370px;
        height: 330px;
    }

    .block-publish-audio .audio-artist{
        top: 15px;
    }

    .block-album {
        left: 10px;
    }

    .block-album select {
        padding-left: 3px;
    }

    .text-audio-details {
        bottom: 30px;
        left: 150px;
    }

    .inp-artists {
        top: 180px;
        left: 10px;
        width: 150px;
        margin-top: 10px;
    }

    .block-audio-review {
        width: 120px;
        height: 30px;
        left: 35px;
        bottom: 50px;
    }

    .block-audio-review .audio-title {
        max-width: 310px;
    }

    .block-audio-review .audio-artist {
        max-width: 310px;
    }

    .block-audio-link,
    .block-audio-review-controls {
        flex-direction: column;
    }

    .block-audio-info {
        height: 30px;
    }

    .image-cover-audio {
        width: 30px;
        height: 30px;
    }

    .audio-title {
        max-width: 70px;
        top: -15px;
    }

    .audio-title-link,
    .audio-title-link-controls {
        width: 55px;
        top: -25px;
        left: 35px;
    }

    .audio-artist {
        max-width: 40px;
    }

    .audio-artist-link,
    .audio-artist-link-controls {
        width: 55px;
        top: -14px;
        left: -22px;
    }

    .audio-play-start-btn {
        top: -40px;
        left: 82px;
        padding-top: 3px;
        padding-bottom: 3px;
        border-radius: 50px;
        background-color: transparent;
    }

    .block-audio-view {
        height: 140px;
    }

    .block-audio-player {
        padding: 10px 5px;
        background-color: transparent;
    }

    .block-audio-controls .block-audio-info-controls{
        width: 90px;
    }

    .block-audio-controls .audio-title-link-controls{
        top: -2px;
        left: 4px;
    }

    .btn-close-audio {
        right: 5px;
    }

    .block-audio-info-controls {
        height: 40px;
    }

    .block-block-audiotypes {
        left: 10px;
        bottom: 50px;
    }

    .block-audiotypes {
        width: 150px;
        padding: 5px;
    }

    .block-cover-publ {
        left: 200px;
        top: 140px;
    }

    .input-file-cover {
        margin-left: 0;
        left: 0;
    }

    .footer-audio-next {
        bottom: 0;
        padding: 5px;
    }

    .btn-publish-audio {
        left: 185px;
    }

    .block-audio-vibes {
        width: 320px;
    }

    .block-main-vibes {
        width: 370px;    
        margin-bottom: 20px;
    }

    .block-vibes {
        width: 150px;
        max-height: 120px;
    }

    .block-visibility-audio {
        margin-left: 10px;
    }

    .block-block-vibes-review {
        width: 100px;
        height: 100px;
        padding: 5px;
        margin: 5px;
    }

    .block-visibility-info{
        width: 360px;
    }

    .audio-status-controls {
        left: 180px;
        top: 20px;
        height: 30px;
    }

    .audio-repeat-btn,
    .audio-play-pause-btn,
    .audio-mute-btn {
        height: 25px;
        width: 25px;
        padding: 0px;
    }

    .audio-mute-btn{
        position: relative;
        top: 5px;
    }

    .audio-play-pause-btn {
        background-color: #aaaaaa7d;
    }

    .audio-manipulation-controls {
        left: -30px;
    }

    .audio-time-controls {
        left: -10px;
        top: 5px;
        height: 15px;
    }

    .audio-current-time,
    .audio-duration {
        height: 15px;
    }

    .block-progress-audio{
        width: 360px;
        height: 5px;
        margin-left: 5px;
        margin-right: 5px;
        top: 4px;
    }

    .progress-thumb-audio,
    .progress-thumb-video {
        width: 12px;
        height: 12px;
    }

    .audio-sound-controls {
        width: 100px;
        height: 40px;
    }

    .audio-volume-bar {
        width: 60px;
        height: 6px;
    }

    .audio-volume-bar::-webkit-slider-thumb{
        -webkit-appearance: none;
        width: 8px;
        height: 8px;
    }

    .audio-volume-bar::-moz-range-thumb{
        width: 8px;
        height: 8px;
    }

    .audio-volume-bar::-ms-thumb{
        width: 8px;
        height: 8px;
    }

    /* Dots e arrows escondidos por ser tamanho de telemovel */

    .block-image-dots,
    .block-user-dots ,
    .block-general-posts-dots,
    .block-text-posts-dots,
    .block-photo-posts-dots,
    .block-video-posts-dots,
    .block-audio-posts-dots,
    .block-general-posts-arrows,
    .block-users-arrows,
    .block-text-posts-arrows,
    .block-video-posts-arrows,
    .block-photo-posts-arrows,
    .block-audio-posts-arrows,
    .block-image-arrows,
    .block-image-arrows-review,
    .slick-prev, .slick-next{
        display: none;
    }

    .block-image-post-arrows{
        display: block;
    }

    /* Configs */

    .block-config-profile-change {
        display: block;
        width: 190px;
        padding: 30px;
        min-height: 60px;
    }

    .image-search-block{
        top: 15px;
    }

    .span-change-profile{
        width: 15px;
    }

    .inp-profile-change, .inp-number-change, .inp-description-change{
        width: 170px;
    }

    .inp-search-users{
        top: 10px;
        width: 220px;
    }

    .table-column-block{
        padding: 0px;
    }

    /*Painel de users */

    .link-menu-profile{
        min-width: 20px;
        font-size: 16px;
    }

    .image-thumb-link-review-panel {
        width: 100px;
        height: 60px;
    }

    .table-cell-panel-post-content .audio-title-link{
        top: -2px;
        left: 2px;
    }

    .table-cell-panel-post-content .audio-artist-link{
        top: -30px;
        left: 35px;
    }

    /* Post ver Texto*/

    .block-upload{
        width: 450px;
    }

    .block-upload .block-uploader-info{
        width: 225px;
    }

    .block-upload .block-uploader-info-text{
        width: 200px;
    }

    .block-upload-text, .block-upload-audio, .block-upload-photo, .block-upload-video, .block-upload-buttons{
        width: 400px;
    }

    .block-upload-text .block-upload-buttons{
        width: 424px;
    }

    .textarea-commentary{
        width: 350px;
    }

    .block-upload-comments{
        width: 385px;
        min-height: 35px;
    }

    .block-commented{
        width: 385px;
    }

    .btn-comment{
        right: 10px;
    }

    .block-uploaded-comments {
        width: 425px;
    }

    .block-upload-text-content{
        width: 400px;
    }

    .block-recommended-uploads{
        width: 140px;
        margin-left: 10px;
    }

    .block-recommended-uploads .block-uploader-info-text{
        width: 100px;
    }

    .block-recommended-post{
        width: 120px;
    }

    /* Post ver Video*/

    .video-poster{
        width: 400px;
        height: 220px;
    }

    .image-start-video{
        width: 100px;
        height: 100px;
    }

    .post-video{
        width: 400px;
        height: 220px;
    }

    .block-progress-video{
        width: 380px;
    }

    .skip-feedback img.skip-arrow {
        width: 16px;
        height: 16px;
    }

    .skip-text{
        font-size: 12px;
    }

    .link-recommended{
        display: block;
    }

    .recommended-thumb{
        width: 115px;
        height: 75px;
    }

    .cinema-screen-width{
        width: 110%;
    }

    .cinema-screen-progress-bar{
        width: 95%;
    }

    .cinema-screen-block-upload{
        width: 100%;
    }

    .cinema-recommended-position{
        position: relative;
        left: -125px;
        top: 225px;
    }

    /* Post ver Photos*/

    .block-post-image-link-inner .block-uploader-info{
        width: 120px;
        margin-top: 5px;
    }

    .block-post-image-link-inner .block-uploader-info .block-uploader-info-text{
        width: 150px;
    }

    .block-upload .photo-posts-slick-list{
        height: 95px;
    }

    .block-upload .block-upload-photo-portrait{
        width: 140px;
        height: 145px;
    }

    .block-upload .block-photos-post-slick-view {
        width: 140px;
        height: 140px;
    }

    .block-upload .block-photos-post-slick-view .photo-slick-list {
        width: 140px;
        height: 140px;
        padding: 0px;
        margin: 0px;
    }

    .block-upload .image-photo-post {
        width: 140px;
        height: 140px;
    }

    .block-upload .block-photos-post-slick-view .image-photo-post {
        width: 140px;
        height: 140px;
    }

    .block-upload .photo-location-label {
        width: 140px;
        top: -20px;
        font-size: 10px;
        padding: 0px;
    }

    .block-image-post-arrows .slick-prev, .block-image-post-arrows .slick-next {
        width: 20px;
        height: 20px;
    }

    .block-image-post-arrows .slick-prev {
        left: -25px;
    }

    .block-image-post-arrows .slick-next {
        right: -25px;
    }

    .image-post-arrows {
        width: 20px;
        height: 20px;
    }

    .block-recommended-post .photo-posts-slick-list{
        height: 95px;
    }

    .block-recommended-post .block-upload-photo-portrait{
        width: 100px;
        height: 105px;
    }

    .block-recommended-post .block-photos-post-slick-view {
        width: 100px;
        height: 100px;
    }

    .block-recommended-post .block-photos-post-slick-view .photo-slick-list {
        width: 100px;
        height: 100px;
        padding: 0px;
        margin: 0px;
    }

    .block-recommended-post .image-photo-post {
        width: 100px;
        height: 100px;
    }

    .block-recommended-post .block-photos-post-slick-view .image-photo-post {
        width: 100px;
        height: 100px;
    }

    .block-recommended-post .photo-location-label {
        width: 100px;
        top: -20px;
        font-size: 10px;
        padding: 0px;
    }

    /* Post ver Audio*/

    .block-upload-audio .block-audio-link{
        width: 400px;
    }

    .block-upload-audio .audio-title{
        width: 310px;
        top: -15px;
        left: 2px;
    }

    .block-upload-audio .audio-artist{
        width: 310px;
        top: -14px;
        left: 34px;
    }

    .block-upload-audio .audio-duration-post{
        top: -24px;
        left: 35px;
    }

    .block-upload-audio .block-audio-player{
        left: 300px;
    }

    .block-upload-audio .audio-play-start-btn{
        top: -10px;
    }

    .block-recommended-post .audio-title-link{
        top: -15px;
        left: 2px;
    }

    .block-recommended-post .audio-artist-link{
        top: -15px;
        left: 34px;
    }

    /*Profile*/
    
    .info-small{
        font-size: 12px;
    }

    /* Panel de user */

    .block-latest-subs .dark-link-nondeco{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .label-subscriber{
        position: static;
        top: 0px;
        font-size: 12px;
    }

    .block-subscriber .label-subscriber, .block-commenter-info .label-subscriber{
        position: relative;
        top: -20px;
        font-size: 16px;
    }

    /* Panel de admin */


}

@media (min-width: 768px) and (max-width: 1023px) {
    .block-publish{
        width: 625px;
    }

    .form-file-publ, .form-text-publ, .input-file-publ{
        left: 0px;
        width: 590px;
        margin-left: 20px;
    }

    .input-file-thumb, .input-file-cover{
        width: 100px;
    }

    .block-thumbnail-publ{
        width: 100px;
    }

    .form-file-thumbnail{
        width: 100px;
    }

    .form-file-thumbnail-video{
        left: 0px;
    }

    .block-video-review{
        right: 5px;
    }

    .block-main-tags{
        width: 600px;
    }

    .block-sub-tags{
        width: 560px;
    }

    .btn-next-video {
        left: 540px;
    }

    .btn-publish-video {
        left: 440px;
    }

    .block-details, .block-details-audio, .block-tags, .block-rights, .block-visibility{
        margin-left: 10px;
    }

    .block-details-audio{
        margin-bottom: 70px;
    }

    .btn-next-audio{
        left: 540px;
    }

    .textarea-post-file, .textarea-post-file-ordle {
        width: 450px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .block-publish-video .textarea-post-file{
        width: 360px;
        margin-right: 20px;
    }

    .nav-post-text{
        margin-right: 55px;
    }

    .block-publish-photo{
        margin-left: 0px;
    }

    .block-photos-post, .block-inputs-photo, .block-publishing-options {
        margin-left: 170px;
    }

    .block-image-dots{
        left: 170px;
    }

    .block-photo-options {
        margin-left: 160px;
    }

    .block-photos-post .image-photo-post {
        height: auto;
    }

    .nav-steps-bar, .nav-steps-bar-audio{
        width: 400px;
    }

    .block-cover-publ .block-file-publ{
        margin-left: 180px;
    }

    .user-carousel-link {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .user-carousel-link span{
        max-width: 90px;
        text-wrap: nowrap;
    }

    .user-carousel-link span{
        overflow: hidden;
        text-overflow: ellipsis;
        width: 80px;
    }

    .h2-posts {
        margin-left: 5px;    
    }

    .block-uploader-info {
        width: 120px;
        padding-bottom: 3px;
    }

    .block-uploader-info-text {
        width: 65px;
        top: 2px;
    }

    .general-posts-slick-list, .text-posts-slick-list, .photo-posts-slick-list, .video-posts-slick-list, .audio-posts-slick-list {
        margin: 22px;
    }

    .block-general-posts-arrows {
        top: -110px;
    }

    .general-posts-slick-list {
        height: 165px;
    }

    .text-posts-slick-list {
        height: 140px;
    }

    .textarea-post-text {
        width: 100px;
        height: 100px;
        padding: 6px;
    }

    .video-posts-slick-list{
        height: 140px;
    }

    .image-thumb-link-review {
        width: 120px;
        height: 80px;
    }

    .span-title {
        max-width: 120px;
    }

    .block-photo-posts .block-post-image-link-inner .block-uploader-info {
        width: 120px;
    }

    .block-photo-posts .block-post-image-link-inner .block-uploader-info .block-uploader-info-text{
        width: 70px;
    }

    .photo-posts-slick-list{
        height: 150px
    }

    .block-upload-photo-portrait{
        width: 100px;
        height: 115px;
    }

    .block-photos-post-slick-view {
        width: 100px;
        height: 100px;
    }

    .block-photos-post-slick-view .photo-slick-list {
        width: 100px;
        height: 100px;
        padding: 0px;
        margin: 0px;
    }

    .image-photo-post {
        width: 100px;
        height: 100px;
    }

    .block-photos-post-slick-view .image-photo-post {
        width: 100px;
        height: 100px;
    }

    .photo-location-label {
        width: 100px;
        top: -17px;
        padding: 0px;
    }

    .block-image-dots-review .slick-dots{
        left: -120px;
    }

    /* Audio Publishing*/

    .audio-posts-slick-list {
        height: 90px;
    }

    .block-audio-view .block-uploader-info{
        width: 170px;
    }

    .block-audio-posts-arrows .slick-prev,.block-audio-posts-arrows .slick-next{
        top: 5px;
    }

    .nav-steps-bar-audio {
        width: 350px;
        top: 98px;
    }

    .block-album {
        left: 10px;
    }

    .block-album select {
        padding-left: 3px;
    }

    .text-audio-details {
        bottom: 30px;
        left: 150px;
    }

    .block-audio-review{
        width: 170px;
    }

    .block-details-audio .block-audio-review {
        left: 300px;
        bottom: -105px;
    }

    .block-audio-review .audio-title {
        max-width: 65px;
    }

    .block-audio-review .audio-artist {
        max-width: 65px;
    }

    .block-visibility-audio .block-audio-review{
        bottom: -5px;
    }

    .btn-close-audio {
        right: 5px;
    }

    .block-audio-info-controls {
        height: 40px;
        width: 150px;
    }

    .block-cover-publ {
        left: 100px;
    }

    .input-file-cover {
        margin-left: 0;
        left: 0;
    }

    .footer-audio-next {
        bottom: 0px;
        padding: 5px;
    }

    .btn-publish-audio {
        left: 445px;
    }

    .block-audio-vibes {
        width: 320px;
    }

    .block-main-vibes {
        width: 650px;    
        margin-bottom: 20px;
    }

    .block-vibes {
        width: 210px;
        max-height: 120px;
    }

    .block-visibility-audio {
        margin-left: 10px;
    }

    .block-block-vibes-review {
        width: 100px;
        height: 100px;
        padding: 5px;
        margin: 5px;
    }

    .block-visibility-info{
        width: 360px;
    }

    .audio-status-controls {
        left: 125px;
        top: 20px;
        height: 30px;
    }

    .audio-mute-btn{
        position: relative;
        top: 5px;
    }

    .audio-manipulation-controls {
        left: -50px;
    }

    .audio-time-controls {
        left: -10px;
        top: 5px;
        height: 15px;
    }

    .block-progress-audio{
        width: 235px;
        height: 5px;
        margin-left: 5px;
        margin-right: 5px;
        top: 4px;
    }

    .audio-sound-controls{
        width: 150px;
    }

    .audio-volume-bar{
        width: 100px;
    }

    /* Configs */

    .block-config-profile-change {
        display: block;
        width: 190px;
        padding: 30px;
        min-height: 60px;
    }

    .image-search-block{
        top: 15px;
    }

    .span-change-profile{
        width: 15px;
    }

    .inp-profile-change, .inp-number-change, .inp-description-change{
        width: 170px;
    }

    .inp-search-users{
        top: 10px;
        width: 220px;
    }

    .table-column-block{
        padding: 0px;
    }

    /*Painel de users */

    .link-menu-profile{
        min-width: 20px;
        font-size: 16px;
    }

    .image-thumb-link-review-panel {
        width: 100px;
        height: 60px;
    }

    .table-cell-panel-post-content .audio-title-link{
        top: -2px;
        left: 2px;
    }

    .table-cell-panel-post-content .audio-artist-link{
        top: -30px;
        left: 35px;
    }

    /* Post ver Texto*/

    .block-upload{
        width: 450px;
    }

    .block-upload .block-uploader-info{
        width: 225px;
    }

    .block-upload .block-uploader-info-text{
        width: 200px;
    }

    .block-upload-text, .block-upload-audio, .block-upload-photo, .block-upload-video, .block-upload-buttons{
        width: 400px;
    }

    .block-upload-text .block-upload-buttons{
        width: 424px;
    }

    .textarea-commentary{
        width: 350px;
    }

    .block-upload-comments{
        width: 385px;
        min-height: 35px;
    }

    .block-commented{
        width: 385px;
    }

    .btn-comment{
        right: 10px;
    }

    .block-uploaded-comments {
        width: 425px;
    }

    .block-upload-text-content{
        width: 400px;
    }

    .block-recommended-uploads{
        width: 140px;
        margin-left: 10px;
    }

    .block-recommended-uploads .block-uploader-info-text{
        width: 190px;
    }

    .block-recommended-post{
        width: 120px;
    }

    /* Post ver Video*/

    .video-poster{
        width: 400px;
        height: 220px;
    }

    .image-start-video{
        width: 100px;
        height: 100px;
    }

    .post-video{
        width: 400px;
        height: 220px;
    }

    .block-progress-video{
        width: 380px;
    }

    .skip-feedback img.skip-arrow {
        width: 16px;
        height: 16px;
    }

    .recommended-thumb{
        width: 115px;
        height: 75px;
    }

    .cinema-screen-width{
        width: 110%;
    }

    .cinema-screen-progress-bar{
        width: 95%;
    }

    .cinema-screen-block-upload{
        width: 100%;
    }

    .cinema-recommended-position{
        position: relative;
        left: -125px;
        top: 225px;
    }

    /* Post ver Photos*/

    .block-post-image-link-inner .block-uploader-info{
        width: 200px;
        margin-top: 5px;
    }

    .block-post-image-link-inner .block-uploader-info .block-uploader-info-text{
        width: 150px;
    }

    .block-upload .photo-posts-slick-list{
        height: 95px;
    }

    .block-upload .block-upload-photo-portrait{
        width: 140px;
        height: 145px;
    }

    .block-upload .block-photos-post-slick-view {
        width: 140px;
        height: 140px;
    }

    .block-upload .block-photos-post-slick-view .photo-slick-list {
        width: 140px;
        height: 140px;
        padding: 0px;
        margin: 0px;
    }

    .block-upload .image-photo-post {
        width: 140px;
        height: 140px;
    }

    .block-upload .block-photos-post-slick-view .image-photo-post {
        width: 140px;
        height: 140px;
    }

    .block-upload .photo-location-label {
        width: 140px;
        top: -20px;
        font-size: 10px;
        padding: 0px;
    }

    .block-image-post-arrows .slick-prev, .block-image-post-arrows .slick-next {
        width: 20px;
        height: 20px;
    }

    .block-image-post-arrows .slick-prev {
        left: -25px;
    }

    .block-image-post-arrows .slick-next {
        right: -25px;
    }

    .image-post-arrows {
        width: 20px;
        height: 20px;
    }

    .block-recommended-post .photo-posts-slick-list{
        height: 95px;
    }

    .block-recommended-post .block-upload-photo-portrait{
        width: 100px;
        height: 105px;
    }

    .block-recommended-post .block-photos-post-slick-view {
        width: 100px;
        height: 100px;
    }

    .block-recommended-post .block-photos-post-slick-view .photo-slick-list {
        width: 100px;
        height: 100px;
        padding: 0px;
        margin: 0px;
    }

    .block-recommended-post .image-photo-post {
        width: 100px;
        height: 100px;
    }

    .block-recommended-post .block-photos-post-slick-view .image-photo-post {
        width: 100px;
        height: 100px;
    }

    .block-recommended-post .photo-location-label {
        width: 100px;
        top: -20px;
        padding: 0px;
    }

    /* Post ver Audio*/

    .block-upload-audio .block-audio-link{
        width: 400px;
    }

    .block-upload-audio .audio-title{
        width: 285px;
        max-width: 285px;
        top: -50px;
        left: 60px;
    }

    .block-upload-audio .audio-artist{
        width: 285px;
        max-width: 285px;
        top: -50px;
        left: 60px;
    }

    .block-upload-audio .audio-duration-post{
        top: -24px;
        left: 35px;
    }

    .block-upload-audio .block-audio-player{
        left: 370px;
    }

    .block-upload-audio .audio-play-start-btn{
        top: -10px;
    }

    .block-recommended-post .block-audio-info{
        width: 115px;
    }

    .block-recommended-post .audio-title-link{
        top: -50px;
        left: 53px;
    }

    .block-recommended-post .audio-artist-link{
        top: -50px;
        left: 54px;
    }

    /*Profile*/
    
    .info-small{
        font-size: 12px;
    }

    /* Panel de user */

    .block-latest-subs .dark-link-nondeco{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .label-subscriber{
        position: static;
        top: 0px;
    }

    .block-subscriber .label-subscriber, .block-commenter-info .label-subscriber{
        position: relative;
        top: -20px;
    }

    /* Panel de admin */

}

@media (min-width: 1440px) and (max-width: 1919px) {
    *{
        font-size: 20px;
    }

    h1{
        font-size: 30px;   
    }

    h2{
        font-size: 24px;
    }

    .label-logos-links{
        font-size: 28x;
    }

    .share-link{
        font-size: 14px;
    }

    .block-recommended-uploader-text, .label-title-recommended{
        font-size: 20px;
    }

    .label-views-recommended, .label-creation-recommended{
        font-size: 14px;
    }

    .block-uploader-info-text{
        top: 0px;
    }

    .recommended-thumb{
        width: 120px;
        height: 70px;
    }

    .block-upload-comments{
        min-height: 45px;
    }

    .audio-artist-link{
        top: -52px;
    }

    .audio-recommended-artist-link {
        top: -57px;
    }
    
}

@media (min-width: 1920px) {
    *{
        font-size: 20px;
    }

    h1{
        font-size: 30px;   
    }

    h2{
        font-size: 24px;
    }

    .label-logos-links{
        font-size: 28x;
    }

    .block-recommended-uploader-text, .label-title-recommended{
        font-size: 20px;
    }

    .label-views-recommended, .label-creation-recommended{
        font-size: 14px;
    }

    .share-link{
        font-size: 18px;
    }

    .block-uploader-info-text{
        top: 0px;
    }

    .recommended-thumb{
        width: 160px;
        height: 100px;
    }

    .audio-artist-link{
        top: -52px;
    }

    .audio-recommended-artist-link {
        top: -57px;
    }
}