:root {
	--texture_header: url(/img/mew/hbtns_en.png);
	--texture_header_animated: url(/img/mew/hbtns_en.webp);
	--draw_width: 100px;
	--tod-width: 114px;
	--contest-margin: 10px;
	--medal_texture: url(/img/mew/medals.svg?v=2);
}

[lang="ru"] {
	--texture_header: url(/img/mew/hbtns_ru.png);
	--texture_header_animated: url(/img/mew/hbtns_ru.webp);
	--draw_width: 135px;
	--tod-width: 96px;
	--contest-margin: 0px;
}

.m_last {
	background: var(--texture_header) -8px -44px;
	background-size: 624px 390px;
	width: 131px;
	height: 28px;
	filter: var(--header-filter);
}

a:hover .m_last {
	background: var(--texture_header_animated) -8px -44px;
	background-size: 624px 390px;
	width: 131px;
	height: 28px;
	filter: var(--header-filter);
}

.m_last.selected {
	background: var(--texture_header) -142px -47px;
    background-size: 624px 390px;
    height: 26px;
    margin-top: 2px;
}

a:hover .m_last.selected {
	background: var(--texture_header_animated) -142px -47px;
    background-size: 624px 390px;
    height: 26px;
    margin-top: 2px;
}

.m_popular {
	background: var(--texture_header) -8px -70px;
	background-size: 624px 390px;
	width: 130px;
	height: 20px;
	filter: var(--header-filter);
}

a:hover .m_popular {
	background: var(--texture_header_animated) -8px -70px;
	background-size: 624px 390px;
	width: 130px;
	height: 20px;
	filter: var(--header-filter);
}

.m_popular.selected {
	background: var(--texture_header) -143px -70px;
	background-size: 624px 390px;
}

A:hover .m_popular.selected {
	background: var(--texture_header_animated) -143px -70px;
	background-size: 624px 390px;
}

.m_draw {
	background: var(--texture_header) -8px -90px;
	background-size: 624px 390px;
	margin-right: 4px;
	width: var(--draw_width);
	height: 23px;
}

a:hover .m_draw {
	background: var(--texture_header_animated) -8px -90px;
	background-size: 624px 390px;
	width: var(--draw_width);
	height: 23px;
}

.m_draw.selected {
	background: var(--texture_header) -144px -92px;
    background-size: 624px 390px;
}

a:hover .m_draw.selected {
	background: var(--texture_header_animated) -144px -92px;
    background-size: 624px 390px;
}

.m_tod {
	background: var(--texture_header) -8px -115px;
	background-size: 624px 390px;
	width: var(--tod-width);
	height: 21px;
	z-index: 51;
}


.m_contest {
	background: var(--texture_header) -10px -137px;
    background-size: 624px 390px;
    width: 114px;
    height: 23px;
	margin-left: var(--contest-margin);
}

.m_contest.selected {
	background: var(--texture_header) -146px -137px;
    background-size: 624px 390px;
}

a:hover .m_contest {
	background: var(--texture_header_animated) -10px -137px;
    background-size: 624px 390px;
    width: 114px;
    height: 23px;
}

a:hover .m_contest.selected {
	background: var(--texture_header_animated) -146px -137px;
    background-size: 624px 390px;
}

.shr_fb {
	background: url(/img/images11.png) -224px -9px;
	width: 18px;
	height: 18px;
}

.effect.sparkle {
    background: var(--texture_header_animated) -136.5px -5.8px;
    background-size: 909.8px 568.3px;
    width: 48px;
    height: 51px;
    display: block;
    position: absolute;
    z-index: 420;
}

.tod_underline {
    background: var(--texture_header_animated) -277.55px -13.26px;
    background-size: 1213.94px 758.16px;
    filter: brightness(3);
    width: 208px;
    height: 40px;
    z-index: 50;
}

a:hover .shr_fb {
	background: url(/img/images11.png) -224px -27px;
}
.shr_tw {
	background: url(/img/images11.png) -242px -9px;
	width: 18px;
	height: 18px;
}
a:hover .shr_tw {
	background: url(/img/images11.png) -242px -27px;
}
.shr_reddit {
	background: url(/img/images11.png) -278px -142px;
	width: 18px;
	height: 18px;
}
a:hover .shr_reddit {
	background: url(/img/images11.png) -278px -160px;
}
.shr_gplus {
	background: url(/img/images11.png) -295px -142px;
	width: 18px;
	height: 18px;
}
a:hover .shr_gplus {
	background: url(/img/images11.png) -295px -160px;
}
.shr_html {
	background: url(/img/images11.png) -139px -9px;
	width: 40px;
	height: 18px;
}
a:hover .shr_html {
	background: url(/img/images11.png) -139px -27px;
}
.shr_bb {
	background: url(/img/images11.png) -180px -9px;
	width: 28px;
	height: 18px;
}
a:hover .shr_bb {
	background: url(/img/images11.png) -180px -27px;
}

.img_favorites {
	background: url(/img/images11.png) -298px -1px;
	width: 22px;
	height: 22px;
	margin-right: 10px;
}
a:hover .img_favorites, .img_favorites.active {
	background: url(/img/images11.png) -298px -24px;
}
.img_favorites_r {
	background: url(/img/images11.png) -298px -24px;
	width: 22px;
	height: 22px;
	margin-right: 10px;
}
a:hover .img_favorites_r {
	background: url(/img/images11.png) -298px -1px;
}

.img_toonmedal {
	background: url(/img/images11.png) -1px -1px;
	width: 32px;
	height: 40px;
}
a:hover .img_toonmedal {
	background: url(/img/images11.png) -35px -1px;
}
.img_toonmedalc {
	background: url(/img/images11.png) -35px -1px;
	width: 32px;
	height: 40px;
}

.img_like {
	background: url(/img/images11.png) -273px -1px;
	width: 22px;
	height: 22px;
	margin-right: 1px;
}
a:hover .img_like, .img_like_r, .active .img_like {
	background: url(/img/images11.png) -273px -24px;
	width: 22px;
	height: 22px;
	margin-right: 1px;
}

.img_pencil {
	background: url(/img/images11.png) -273px -48px;
	width: 22px;
	height: 22px;
	margin-right: 10px;
}
a:hover .img_pencil {
	background: url(/img/images11.png) -297px -48px;
}

.img_microphone {
	background: url(/img/images11.png) -273px -71px;
	width: 22px;
	height: 22px;
	margin-right: 10px;
}
a:hover .img_microphone, .active .img_microphone {
	background: url(/img/images11.png) -297px -71px;
}

.img_download {
	background: url(/img/images11.png) -276px -95px;
	width: 22px;
	height: 22px;
	margin-right: 10px;
}
a:hover .img_download, .active .img_download {
	background: url(/img/images11.png) -300px -95px;
}

.img_more {
	background: url(/img/images11.png) -276px -117px;
	width: 22px;
	height: 22px;
	margin-right: 10px;
}
a:hover .img_more, .active .img_more {
	background: url(/img/images11.png) -300px -117px;
}

.line_1 { background: url(/img/lines.png) 0px 0px; height: 10px; width: 310px; margin: 5px auto; }
.line_2 { background: url(/img/lines.png) 0px -10px; height: 10px; width: 310px; margin: 5px auto; }
.line_3 { background: url(/img/lines.png) 0px -20px; height: 10px; width: 310px; margin: 5px auto; }
.line_4 { background: url(/img/lines.png) 0px -30px; height: 10px; width: 310px; margin: 5px auto; }
.line_5 { background: url(/img/lines.png) 0px -40px; height: 10px; width: 310px; margin: 5px auto; }
.line_6 { background: url(/img/lines.png) 0px -50px; height: 10px; width: 310px; margin: 5px auto; }
.line_7 { background: url(/img/lines.png) 0px -60px; height: 10px; width: 310px; margin: 5px auto; }
.line_8 { background: url(/img/lines.png) 0px -70px; height: 10px; width: 310px; margin: 5px auto; }
.line_9 { background: url(/img/lines.png) 0px -80px; height: 10px; width: 310px; margin: 5px auto; }
.line_10 { background: url(/img/lines.png) 0px -90px; height: 10px; width: 310px; margin: 5px auto; }


.quest_spider {
    background: var(--texture_header) -62.67px -2.67px;
    background-size: 1120px 700px;
    width: 60px;
    height: 53.33px;
}

.quest_spider:hover {
    background: var(--texture_header_animated) -62.67px -2.67px;
    background-size: 1120px 700px;
}

.quest_spider_web {
    background: var(--texture_header) 0 0;
	background-size: 1680px 1050px;
    width: 85px;
    height: 90px;
}

/* 
    Toon Medals.
    GIANT appreciations for everyone who helped make these!
    I can't draw, so this helped a LOT.
*/

.toonmedal {
    width:40px;
    height:40px;
}

.toonmedal.card {
	pointer-events: none;
}

.toonmedal.n0 {
    background: var(--medal_texture) -0px -0px;
}

.toonmedal.n1 {
    background: var(--medal_texture) -40px -0px;
} 

.toonmedal.n2 {
    background: var(--medal_texture) -80px -0px;
} 

.toonmedal.n3 {
    background: var(--medal_texture) -0px -40px;
} 

.toonmedal.n4 {
    background: var(--medal_texture) -40px -40px;
} 

.toonmedal.n5 {
    background: var(--medal_texture) -80px -40px;
} 

/* Medals 0-5 made bt the awesome @Mishami*/

.toonmedal.n6 {
    background: var(--medal_texture) -120px -40px;
    width: 38px; height: 35px;
} 

/* Medal 6 made by the fluffy @FUFELGOBA*/

.toonmedal.n7 {
    background: var(--medal_texture) -0px -80px;
    width: 51px; height: 63px;
    transform: translate(0px, -13px);
} 

.toonmedal.n7.card {
    transform: translate(-8px, -25px);
}

.toonmedal.n7.modal {
    transform: translate(0px, 0px);
}

/* Medal 7 made by the furrycon loving @_Drakonchik_*/

.toonmedal.n8 {
    background: var(--medal_texture) -51px -80px;
    width: 41px; height: 52px;
    transform: translate(0px, -6px);
} 

.toonmedal.n8.card {
    transform: translate(0px, -11px);
}

.toonmedal.n8.modal {
    transform: translate(0px, 0px);
}

.toonmedal.unavaliable {
	filter: opacity(0.25);
}
/*
Medal 8 made by the cute boy enjoying @Drelb
His name is Crish btw, he's canon 
*/

.toonmedal.n9 { 
    background: var(--medal_texture) -120px -0px;
    width: 40px; height: 40px;
} 

/*  Medal 9 by @tristena  */