/* BREAKPOINT MOBILE */
@media (max-width: 768px) {

.module.filelist .fileid {
	flex-direction: column;
}
.module.filelist .filename {
    /*font-size: var(--fs-emphasis);
    margin-top: 1px;*/
}
.module.filelist .date {
	font-size: var(--fs-modbody);
}
.module.filelist .options {
	margin: var(--gl-micro-4) 0 0 0;
}
.module.filelist .options > div {
	margin: 0 var(--gl-micro-3) 0 0;
    width: 100%;
    height: calc(var(--gl-micro-5) + var(--gl-micro-3));
    flex-shrink: 1;
	border: 1px solid var(--cl-bright-2);
	border-radius: var(--br-input);
	padding: var(--gl-micro-3) 0;
	background-size: calc(var(--gl-micro-4) * 2);
    background-color: var(--cl-white);
    align-items: center;
}
.module.filelist .options > div:nth-child(3) {
	margin-right: 0;
}
.module.filelist .options > div:not(.sharebox):hover {
	background-color: var(--cl-bright-1);
}
.module.filelist .options .sharebox .sharelist {
	width: 100%;
}
.module.filelist .options .sharebox {
    margin-right: 0;
    margin-top: calc(var(--gl-narrower) + var(--gl-micro-1));
    width: calc(100% - (var(--gl-site-padding) * 2) - var(--gl-micro-4));
    right: calc(var(--gl-site-padding) + (var(--gl-micro-4) / 2));
    gap: var(--gl-micro-3);
}
.module.filelist .options .sharebox:before {
	right: calc(var(--gl-site-padding) + (var(--gl-micro-4) / 2) + var(--gl-micro-5));
}
.module.filelist .options .op-share .bg {
    width: 100%;
    height: calc(var(--gl-micro-4)* 2);
    margin: 0;
    background-size: calc(var(--gl-micro-4)* 2);
}
.module.filelist .separator.horizontal {
	width: 100%;
}
.module.filelist .options .sharebox .sharelist > div:not(.separator) {
	width: 100%;
}
.module.filelist .options .sharebox .sharelist > div > a {
	width: 100%;
}
.module.filelist .options .sharebox .sharelist > div > a > li {
	width: 100%;
}
.module.filelist .options .sharebox .hint {
    width: max-content;
}
.module.filelist .options .sharebox .sharelist > .sharebox-copylink {
	width: auto;
    padding-right: var(--gl-micro-3);
}
.module.filelist.popular .filelist {
	flex-direction: column;
}
.module.filelist.popular .filelist .pinned-filename {
	display: block;
    /*font-weight: 500;
    font-size: var(--fs-emphasis);*/
}
.module.filelist.popular .filelist .file {
	height: auto;
	gap: var(--gl-micro-4);
}
.module.filelist.popular .filelist .options .sharebox:before {
	left: unset;
	right: calc(var(--gl-site-padding) + (var(--gl-micro-4) / 2) + var(--gl-micro-5));
}

}