.shorts-sort-box {
    position: absolute;
    top: 80px;
    right: 10px;
    z-index: 2;
}

@media screen and (max-width: 1024px) {
    .shorts-sort-box {
        top: 5px;
        right: 5px;
    }
}

.heading-box .heading-tools .tools-drop.second {
    top: 45px;
    right: 0px;  
    min-width: 110px;
    border-radius: 10px;
}

.tools-drop.second a {
    display: block;
    transition: color .3s ease;
}

@media screen and (hover:hover) {
   .tools-drop.second a:hover {
        color: var(--btn-gold);
   } 
}

.tools-drop.second a.active {
    color: var(--btn-gold);
}

.empty-content.shorts {
    height: 100%;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.js-shorts-title {
	display: block;
	height: auto !important;
	max-height: none !important;
	overflow: visible !important;
	line-height: 20px;
}

.js-shorts-title-text,
.js-shorts-tag,
.js-shorts-toggle {
	display: inline;
}

.js-shorts-tag {
	margin-left: 3px;
}

.shorts-toggle {
	position: static !important;
	width: auto;
	height: auto;
	margin: 0 0 0 4px;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	font-weight: 600;
	line-height: inherit;
	vertical-align: baseline;
	cursor: pointer;
	white-space: nowrap;
}

.categorisation-wrap {
    position: absolute;
    z-index: 2;
    top: 79px;
    left: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #000000;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid #4e4e4e;
}

.categorisation-back {
    color: #fff;
    transition: color .3s ease;
}

@media screen and (hover:hover) {
   .categorisation-back:hover {
        color: var(--btn-gold);
   } 
}

@media screen and (max-width: 1024px) {
    .categorisation-wrap {
        top: 50px;
    }
}

.shorts-link {
    position: relative;
}

.shorts-link::after {
    position: absolute;
    top: 15px;
    left: 100px;
    content: 'BETA';
    font-size: 10px;
    padding: 1px 5px;
    border-radius: 5px;
    background: var(--btn-gold);
    color: #000;
    font-weight: 900;
}

@media screen and (hover:hover) {
    .shorts-link:hover::after {
        background: #000;
        color: var(--btn-gold);
    } 
}

.shorts-link.active::after {
    background: #000;
    color: var(--btn-gold); 
}