/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 20, 2023 */
@font-face {
font-family: "latolight";
src: url("lato-light-webfont.woff2") format("woff2");
src: url("lato-light-webfont.woff") format("woff");
font-weight: normal;
font-style: normal;
}
* {
margin: 0;
padding: 0;
}

html {
box-sizing: border-box;
background-color: #121212;
margin: 0;
padding: 0;
max-width: 100vw;
overflow-x:hidden; 
overflow-y: auto;
overscroll-behavior-y: contain;
}
html body {
font-family: "latolight";
font-size: 88%;
margin: 0;
padding: 0;
overflow-x:hidden; 
overflow-y: auto;  
text-align: center;
overscroll-behavior: contain;
}
html body header {
background-color: #121212;
margin: 0;
padding: 0;
line-height: 0.01;
font-size: 0.01px;
}
html body header svg {
max-width: 100vw;
margin: 0;
}
html body header svg use.seven {
fill: none;
stroke: #eee;
stroke-width: 7;
}
html body header svg use.one {
fill: none;
stroke: #121212;
stroke-width: 1;
}
html body header svg .M {
stroke-dasharray: 102, 500;
stroke-dashoffset: 0;
animation: m_motion 2s ease-in-out 0.1s 1 alternate both running;
}
html body header svg .A1 {
stroke-dasharray: 45, 500;
stroke-dashoffset: 0;
animation: a1_motion 3s ease-in-out 1.2s 1 alternate both running;
}
html body header svg .A2 {
animation: a2_motion 2s ease-in-out 0.6s 1 alternate both running;
stroke-dasharray: 31.8, 500;
stroke-dashoffset: 0;
}
html body header svg .R11 {
stroke-dasharray: 0, 61.7, 26, 500;
stroke-dashoffset: 0;
animation: r11_motion 1s linear 1.8s 1 alternate both running;
}
html body header svg .R12 {
animation: r12_motion 1s ease-in-out 2.8s 1 normal both running;
stroke-dasharray: 30;
stroke-dashoffset: 30;
}
html body header svg .K1 {
animation: k1_motion 1.5s ease-in-out 2.1s 1 normal both running;
stroke-dasharray: 17.1, 500;
stroke-dashoffset: 0;
}
html body header svg .K2 {
animation: k2_motion 1s ease-in-out 3.6s 1 normal both running;
stroke-dasharray: 20;
stroke-dashoffset: 20;
}
html body header svg .K3 {
animation: k3_motion 1.5s ease-in-out 2.8s 1 normal both running;
stroke-dasharray: 40;
stroke-dashoffset: 40;
}
html body header svg .E {
animation: e_motion 1.6s ease-in-out 3.2s 1 normal both running;
stroke-dasharray: 75;
stroke-dashoffset: 75;
}
html body header svg .R21 {
animation: r21_motion 2s ease-in-out 3.5s 1 normal both running;
stroke-dasharray: 40;
stroke-dashoffset: 40;
}
html body header svg .R22 {
animation: r22_motion 1.6s ease-in-out 4s 1 normal both running;
stroke-dasharray: 30;
stroke-dashoffset: 30;
}
html #faders {
background-color: transparent;
opacity: 0;
max-width: 100vw;
width: 100vw;
height:200px;;
text-align: center;
font-size: 1px;
overflow: hidden;
}
html #faders > div {
display: inline-block;
width: 42px;
margin: 70px 4px 0 4px;
padding: 0;
}
html #faders input[type=range] {
-webkit-appearance: none;
-moz-appearance: none;
-webkit-transform: translate(0, 0) rotate(-90deg);
-webkit-transform-origin:  center center;
-ms-transform: translate(0, 0) rotate(-90deg);
-ms-transform-origin: center center;
transform: translate(0, 0) rotate(-90deg);
transform-origin: center center;
appearance: none;
width: 140px;
height: 36px;
margin: 10px 0 0 -50px;
display: inline-block;
background-color: transparent;
}
html #faders input[type=range]:focus {
outline-color: #f8b195;
}
html #faders input[type=range]::-webkit-slider-runnable-track {
-webkit-appearance: none;
height: 1px;
background: #eee;
}
html #faders input[type=range]::-moz-range-track {
-moz-appearance: none;
height: 1px;
background: #eee;
}
html #faders input[type=range]::-ms-track {
appearance: none;
height: 1px;
background: #eee;
}
html #faders input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
border: 1px solid white;
border-radius: 50%;
height: 38px;
width: 38px;
position: relative;
-webkit-transform: translate(0, -12px);
bottom: 6px;
margin-bottom: 0px;
margin-left: 0px;
background-color: #121212;
cursor: grab;
}
html #faders input[type=range]:active::-webkit-slider-thumb {
cursor: grabbing;
}
html #faders input[type=range]::-moz-range-thumb {
-moz-appearance: none;
border: 1px solid white;
border-radius: 50%;
height: 38px;
width: 38px;
position: relative;
bottom: 8px;
margin-top: -3px;
background-color: #121212;
cursor: grab;
}
html #faders input[type=range]:active::-moz-slider-thumb {
cursor: grabbing;
}
html #faders input[type=range]::-ms-thumb {
appearance: none;
border: 1px solid white;
border-radius: 50%;
height: 38px;
width: 38px;
position: relative;
bottom: 8px;
margin-top: -3px;
background-color: #121212;
background-size: 50%;
cursor: grab;
}
html #faders input[type=range]:active::-ms-slider-thumb {
cursor: grabbing;
}
html.eus {
background-color: #eee;
}
html.eus header {
background-color: #eee;
}
html.eus header svg use.seven {
stroke: #121212;
}
html.eus header svg use.one {
stroke: #eeeeee;
}
html.eus #line {
background-color: #121212;
color: #eee;
}
html.eus #line span, html.eus a {
color: #eee;
border-color: #eee;
}
html.eus #faders input[type=range]::-webkit-slider-runnable-track {
background: #121212;
}
html.eus #faders input[type=range]::-moz-range-track {
background: #121212;
}
html.eus #faders input[type=range]::-ms-track {
background: #121212;
}
html.eus #faders input[type=range]::-webkit-slider-thumb {
border-color: #121212;
background: #eee;
}
html.eus #faders input[type=range]::-moz-range-thumb {
border-color: #121212;
background: #eee;
}
html.eus #faders input[type=range]::-ms-thumb {
border-color: #121212;
background: #eee;
}

html #faders input[type="range"]::-webkit-slider-runnable-track {
height:var(--customsliderwidth);
}
html #faders input[type="range"]::-moz-range-track{
height:var(--customsliderwidth);
}
html #faders input[type="range"]::-ms-track {
height:var(--customsliderwidth);
}
html #faders input[type="range"]::-moz-range-thumb {
border-width: var(--customsliderwidth);
}
html #faders input[type="range"]::-webkit-slider-thumb {
border-width: var(--customsliderwidth);
}
html #faders  input[type="range"]::-ms-thumb {
border-width: var(--customsliderwidth);
}


html.loco header svg use.M.seven {
stroke: rgba(255,0,0,1);
z-index:10;
}
html.loco #faders > :nth-child(1) input[type=range]::-webkit-slider-runnable-track {
background: rgb(171,100,3);
background: linear-gradient(90deg, rgba(171,100,3,1) 0%, rgba(164,0,0,1) 0%, rgba(255,0,0,1) 75%); 
}
html.loco #faders > :nth-child(1) input[type=range]::-moz-range-track {
background: rgb(171,100,3);
background: linear-gradient(90deg, rgba(171,100,3,1) 0%, rgba(164,0,0,1) 0%, rgba(255,0,0,1) 75%); 
}
html.loco #faders > :nth-child(1) input[type=range]::-ms-track {
background: rgb(171,100,3);
background: linear-gradient(90deg, rgba(171,100,3,1) 0%, rgba(164,0,0,1) 0%, rgba(255,0,0,1) 75%); 
}
html.loco #faders > :nth-child(1) input[type=range]::-webkit-slider-thumb {
border-color: rgba(255,0,0,1);
}
html.loco #faders > :nth-child(1) input[type=range]::-moz-range-thumb {
border-color: rgba(255,0,0,1);
}
html.loco #faders > :nth-child(1) input[type=range]::-ms-thumb {
border-color: rgba(255,0,0,1);
}
html.loco header svg use.A1.seven,
html.loco header svg use.A2.seven {
stroke: rgba(255,105,0,1);
z-index:1;
}
html.loco #faders > :nth-child(2) input[type=range]::-webkit-slider-runnable-track {
background: rgb(171,100,3);
background: linear-gradient(90deg, rgba(171,100,3,1) 0%, rgba(153,73,4,1) 0%, rgba(255,105,0,1) 75%); 
}
html.loco #faders > :nth-child(2) input[type=range]::-moz-range-track {
background: rgb(171,100,3);
background: linear-gradient(90deg, rgba(171,100,3,1) 0%, rgba(153,73,4,1) 0%, rgba(255,105,0,1) 75%); 
}
html.loco #faders > :nth-child(2) input[type=range]::-ms-track {
background: rgb(171,100,3);
background: linear-gradient(90deg, rgba(171,100,3,1) 0%, rgba(153,73,4,1) 0%, rgba(255,105,0,1) 75%); 
}

html.loco #faders > :nth-child(2) input[type=range]::-webkit-slider-thumb {
border-color: rgba(255,105,0,1);
}
html.loco #faders > :nth-child(2) input[type=range]::-moz-range-thumb {
border-color: rgba(255,105,0,1);
}
html.loco #faders > :nth-child(2) input[type=range]::-ms-thumb {
border-color: rgba(255,105,0,1);
}
html.loco header svg use.R11.seven,
html.loco header svg use.R12.seven {
stroke: rgba(255,207,0,1);
}
html.loco #faders > :nth-child(3) input[type=range]::-webkit-slider-runnable-track {
background: rgb(171,100,3);
background: linear-gradient(90deg, rgba(171,100,3,1) 0%, rgba(170,158,0,1) 0%, rgba(255,207,0,1) 75%);
}
html.loco #faders > :nth-child(3) input[type=range]::-moz-range-track {
background: rgb(171,100,3);
background: linear-gradient(90deg, rgba(171,100,3,1) 0%, rgba(170,158,0,1) 0%, rgba(255,207,0,1) 75%);
}
html.loco #faders > :nth-child(3) input[type=range]::-ms-track {
background: rgb(171,100,3);
background: linear-gradient(90deg, rgba(171,100,3,1) 0%, rgba(170,158,0,1) 0%, rgba(255,207,0,1) 75%);
}
html.loco #faders > :nth-child(3) input[type=range]::-webkit-slider-thumb {
border-color: rgba(255,207,0,1);
}
html.loco #faders > :nth-child(3) input[type=range]::-moz-range-thumb {
border-color: rgba(255,207,0,1);
}
html.loco #faders > :nth-child(3) input[type=range]::-ms-thumb {
border-color: rgba(255,207,0,1);
}
html.loco header svg use.K1.seven,
html.loco header svg use.K2.seven,
html.loco header svg use.K3.seven {
stroke: rgba(17,212,0,1);
}
html.loco #faders > :nth-child(4) input[type=range]::-webkit-slider-runnable-track {
background: rgb(171,100,3);
background: linear-gradient(90deg, rgba(171,100,3,1) 0%, rgba(6,133,0,1) 0%, rgba(17,212,0,1) 75%);
}
html.loco #faders > :nth-child(4) input[type=range]::-moz-range-track {
background: rgb(171,100,3);
background: linear-gradient(90deg, rgba(171,100,3,1) 0%, rgba(6,133,0,1) 0%, rgba(17,212,0,1) 75%);
}
html.loco #faders > :nth-child(4) input[type=range]::-ms-track {
background: rgb(171,100,3);
background: linear-gradient(90deg, rgba(171,100,3,1) 0%, rgba(6,133,0,1) 0%, rgba(17,212,0,1) 75%);
}
html.loco #faders > :nth-child(4) input[type=range]::-webkit-slider-thumb {
border-color: rgba(17,212,0,1);
}
html.loco #faders > :nth-child(4) input[type=range]::-moz-range-thumb {
border-color: rgba(17,212,0,1);
}
html.loco #faders > :nth-child(4) input[type=range]::-ms-thumb {
border-color: rgba(17,212,0,1);
}
html.loco header svg use.E.seven {
stroke: rgba(0,73,212,1);
}
html.loco #faders > :nth-child(5) input[type=range]::-webkit-slider-runnable-track {
background: rgb(171,100,3);
background: linear-gradient(90deg, rgba(171,100,3,1) 0%, rgba(1,37,88,1) 0%, rgba(0,73,212,1) 75%);
}
html.loco #faders > :nth-child(5) input[type=range]::-moz-range-track {
background: rgb(171,100,3);
background: linear-gradient(90deg, rgba(171,100,3,1) 0%, rgba(1,37,88,1) 0%, rgba(0,73,212,1) 75%);
}
html.loco #faders > :nth-child(5) input[type=range]::-ms-track {
background: rgb(171,100,3);
background: linear-gradient(90deg, rgba(171,100,3,1) 0%, rgba(1,37,88,1) 0%, rgba(0,73,212,1) 75%);
}
html.loco #faders > :nth-child(5) input[type=range]::-webkit-slider-thumb {
border-color: rgba(0,73,212,1);
}
html.loco #faders > :nth-child(5) input[type=range]::-moz-range-thumb {
border-color: rgba(0,73,212,1);
}
html.loco #faders > :nth-child(5) input[type=range]::-ms-thumb {
border-color: rgba(0,73,212,1);
}

html.loco header svg use.R21.seven,
html.loco header svg use.R22.seven {
stroke: rgba(162,0,212,1);
}
html.loco #faders > :nth-child(6) input[type=range]::-webkit-slider-runnable-track {
background: rgb(171,100,3);
background: linear-gradient(90deg, rgba(171,100,3,1) 0%, rgba(70,1,88,1) 0%, rgba(162,0,212,1) 75%);
}
html.loco #faders > :nth-child(6) input[type=range]::-moz-range-track {
background: rgb(171,100,3);
background: linear-gradient(90deg, rgba(171,100,3,1) 0%, rgba(70,1,88,1) 0%, rgba(162,0,212,1) 75%);
}
html.loco #faders > :nth-child(6) input[type=range]::-ms-track {
background: rgb(171,100,3);
background: linear-gradient(90deg, rgba(171,100,3,1) 0%, rgba(70,1,88,1) 0%, rgba(162,0,212,1) 75%);
}
html.loco #faders > :nth-child(6) input[type=range]::-webkit-slider-thumb {
border-color: rgba(162,0,212,1);
}
html.loco #faders > :nth-child(6) input[type=range]::-moz-range-thumb {
border-color: rgba(162,0,212,1);
}
html.loco #faders > :nth-child(6) input[type=range]::-ms-thumb {
border-color: rgba(162,0,212,1);
}

html #line {
padding: 3px;
opacity: 0;
margin-top: 0px;
background-color: #eee;
color: #121212;
}
html #line span, html a {
color: #121212;
cursor: pointer;
text-decoration: none;
border-width: 0 0 1px 0;
display: inline-block;
padding: 2px;
border-color: #121212;
border-style: dotted;
}
html #line span:hover, html a:hover {
border-style: solid;
}

html .mkr {
transform: translate(395px, 80px) scale(1.5);
}
html #pathdata {
transform: translate(394px, -400px) scale(1.5);
}
.nuestroroyoeselrock{
color:#eee;
line-height:1.5;
letter-spacing:1px;
margin:-10px 9px 20px 9px;

}
.ojo {
background-repeat:no-repeat;
width:30px;
height:30px;
margin:auto;
margin-top:-20px;
margin-bottom:10px;
cursor:pointer;
filter:invert(96%);
opacity:0;
display:inline-block;
}
.ojo.abierto {
background-image:url("OJOA.svg");
}
.ojo.cerrado {
background-image:url("OJOC.svg");
}
html.eus .ojo.abierto,
html.eus .ojo.cerrado{
filter:invert(0);
}
html.eus .ojo.abierto,
html.eus .ojo.cerrado{
filter:invert(0);
}
.orgullo {
background-repeat:no-repeat;
width:30px;
height:30px;
margin:auto;
margin-top:-20px;
margin-bottom:10px;
cursor:pointer;
opacity:0;
display:inline-block;
}
.orgullo {
background-image:url("FLAGAD.svg");
}
.orgullo.loco{
background-image:url("FLAGCD.svg");
}
html.eus .orgullo {
background-image:url("FLAGA.svg");
}
html.eus .orgullo.loco{
background-image:url("FLAGC.svg");
}
.la {
background-repeat:no-repeat;
width:30px;
height:30px;
margin:auto;
margin-top:-20px;
margin-bottom:12px;
cursor:pointer;
opacity:0;
display:inline-block;
filter:invert(96%);
}
html.eus .la {
filter:invert(0%);
}
.la{
background-image:url("LUZA.svg");
}
.la.imagen{
background-image:url("LUZC.svg");
animation: play 3s steps(6, end) infinite;
}

@keyframes play {
100% {
transform: rotate(666deg)
}
}
html.eus .nuestroroyoeselrock{
color:#000;  
}
html.loco #line:after {
content:" ";
color:transparent;
display:block;
width:100vw;
height:3px;
overflow:hidden;
margin-top:2px;
padding:0;
background: rgb(219,21,21);
background: linear-gradient(90deg, rgba(219,21,21,1) 8%, rgba(222,201,15,1) 22%, rgba(221,217,18,1) 39%, rgba(74,223,1,1) 55%, rgba(0,21,186,1) 74%, rgba(162,0,212,1) 91%);
}
html.loco #line {
padding: 3px 0 0 0 !important;
margin-bottom:-2px;
}
html.loco #line a ,html.loco #line span{
border-style:dashed;
}
#graciasXABI{
display:none;
opacity:0;
}
#graciasKIKE{
display:block;
opacity:0;
}
html.eus #graciasXABI{
display:block;
opacity:0;
}
html.eus #graciasKIKE{
display:none;
opacity:0;
}
@media screen and (max-width: 480px) {
body {
font-size: 11px;
line-height: 1;
}
body header .mkr {
transform: translate(188px, 30px) scale(4.5);
}
.miroyoeselrock {
font-size:0.9rem;
}
}
@media screen and (max-width: 800px) and (orientation: landscape) {
body {
font-size: 11px;
line-height: 1;
}
body header .mkr {
transform: translate(100px, 50px) scale(2.5);
}
.orgullo,.ojo,.la {
  margin:-50px 0 10px 0 !important;
}
body #line {
position: absolute;
bottom: 0;
left: 0;
right: 0;
  font-size:0.8rem;
}
body #faders {
position: absolute;
top: -15px;
right: 10px;
width: 50vw;
  height:50vh;
z-index: 999;
}
body svg {
width: 100vw;
}
.miroyoeselrock {
font-size:0.8rem;
}  
}
@keyframes m_motion {
0% {
stroke-dasharray: 0, 500;
stroke-dashoffset: -500;
}
60% {
stroke-dasharray: 290, 500;
}
100% {
stroke-dasharray: 102, 500;
stroke-dashoffset: 0;
}
}
@keyframes a1_motion {
0% {
stroke-dasharray: 0, 500;
stroke-dashoffset: 45;
}
100% {
stroke-dasharray: 102, 500;
stroke-dashoffset: 0;
}
}
@keyframes a2_motion {
0% {
stroke-dasharray: 0, 500;
stroke-dashoffset: -500;
}
60% {
stroke-dasharray: 290, 500;
}
100% {
stroke-dasharray: 31.8, 500;
stroke-dashoffset: 0;
}
}
@keyframes r11_motion {
0% {
stroke-dasharray: 0, 0, 0, 150, 0, 0;
}
30% {
stroke-dasharray: 0, 0, 50, 50, 50, 0;
}
100% {
stroke-dasharray: 0, 61.7, 13, 0, 13, 61.7;
}
}
@keyframes r12_motion {
0% {
stroke-dashoffset: 30;
}
37% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes k1_motion {
0% {
stroke-dasharray: 500, 500;
stroke-dashoffset: -500;
}
100% {
stroke-dasharray: 17.1, 500;
stroke-dashoffset: 0;
}
}
@keyframes k2_motion {
0% {
stroke-dashoffset: 20;
}
60% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes k3_motion {
0% {
stroke-dashoffset: 40;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes e_motion {
0% {
stroke-dashoffset: 75;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes r21_motion {
0% {
stroke-dashoffset: 40;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes r22_motion {
0% {
stroke-dashoffset: 30;
}
37% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: 0;
}
}
.palestina {
background-repeat:no-repeat;
width:30px;
height:30px;
margin:auto;
margin-top:-20px;
margin-bottom:10px;
cursor:pointer;
opacity:0;
display:inline-block;
}
.palestina {
background-image:url("PALESTINALIBRE.svg");
}
.palestina.libre {
background-image:url("PALESTINAFUERZA.svg");
}
.eus .palestina {
background-image:url("PALESTINALIBRED.svg");
}
.eus .palestina.libre {
background-image:url("PALESTINAFUERZAD.svg");
}
.palestinalibre .ojo.abierto {
filter:invert(0%);
background-image:url("OJOAP.svg");
}
.palestinalibre .ojo.cerrado {
filter:invert(0%);
background-image:url("OJOCP.svg");
}

.eus.palestinalibre .ojo.abierto {
filter:invert(0%);
background-image:url("OJOAPD.svg");
}
.eus.palestinalibre .ojo.cerrado {
filter:invert(0%);
background-image:url("OJOCPD.svg");
}
.palestinalibre, .palestinalibre body, .palestinalibre header {
  background-color:#ed2e38 !important;
}
html.palestinalibre #faders input[type=range]::-webkit-slider-thumb {
background-color:#ed2e38 !important;
}
html.palestinalibre #faders input[type=range]:active::-webkit-slider-thumb {
cursor: grabbing;
}
html.palestinalibre #faders input[type=range]::-moz-range-thumb {
background-color:#ed2e38 !important;
}

html.palestinalibre #faders input[type=range]::-ms-thumb {
  background-color:#ed2e38 !important;
}
html.palestinalibre #faders input[type=range] {
  background:#ed2e38 !important;
  background-color:#ed2e38 !important;
}

.palestinalibre .M.seven{
  stroke:#000 !important;
}
.palestinalibre .A1.seven{
  stroke:#000 !important;
}
.palestinalibre .A2.seven{
  stroke:#000 !important;
}
.palestinalibre .R11.seven{
  stroke:#FFF !important;
}
.palestinalibre .R12.seven{
  stroke:#FFF !important;
}
.palestinalibre .K1.seven{
  stroke:#FFF !important;
}
.palestinalibre .K2.seven{
  stroke:#FFF !important;
}
.palestinalibre .K3.seven{
  stroke:#FFF !important;
}
.palestinalibre .E.seven{
  stroke:#009639 !important;
}
.palestinalibre .R21.seven{
  stroke:#009639 !important;
}
.palestinalibre .R22.seven{
  stroke:#009639 !important;
}
.palestinalibre .one{
  stroke:#ed2e38 !important;
}