@import '_content/Inarza.Common.Components/Inarza.Common.Components.xaad51qs1u.bundle.scp.css';
@import '_content/Inarza.Quiz.Components/Inarza.Quiz.Components.ye10vp4oou.bundle.scp.css';

/* /App.razor.rz.scp.css */
/* /LocalComponents/Animation/CorrectAnswerAnimation.razor.rz.scp.css */
.st0[b-esr0jn88vw] {
    fill: darkblue;
    stroke: white;
    stroke-miterlimit: 10;
}

.animation-container[b-esr0jn88vw] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000000c7;
    transition: all 0.5s ease;
    z-index: 1100;
}

.svg-flag[b-esr0jn88vw] {
    object-fit: cover;
    position: relative;
    margin: 13%;
    fill: lightcoral;
}

.animation-container .flag path[b-esr0jn88vw] {
    stroke-dasharray: 1850;
    stroke-dashoffset: 0;
    stroke-width: 0;
    fill: transparent;
    stroke: #fff;
}

.animate_flag path[b-esr0jn88vw] { animation: animate-flag-b-esr0jn88vw 2s linear forwards; }

@keyframes animate-flag-b-esr0jn88vw {
    0% {
        stroke-width: 10;
        stroke-dashoffset: 0;
    }

    40% {
        stroke-width: 10;
        stroke-dashoffset: 1850;
    }
}

.flag[b-esr0jn88vw] {
    display: block;
    border-radius: 50%;
    background-color: #000;
    height: 250px;
    width: 250px;
    margin: 0 auto 0 auto;
    margin-top: 10%;
    border: solid white 10px;
    animation: animate-reduce-b-esr0jn88vw 2s ease-in-out;
    animation-delay: 1s;
}

.wave[b-esr0jn88vw] {
    transition: all 0.5s ease-in;
    display: block;
    position: relative;
    text-align: center;
    animation: animate-reduce-b-esr0jn88vw 2s ease-in-out;
    animation-delay: 1s;
}

@keyframes animate-reduce-b-esr0jn88vw {
    0% { transform: scale(1); }

    100% { transform: scale(0.01); }
}

.wave span[b-esr0jn88vw] {
    position: relative;
    display: inline-block;
    color: coral;
    font-size: 3em;
    font-weight: bold;
    animation: animate-wave-b-esr0jn88vw 1s ease-in-out;
    animation-delay: calc(0.1s * var(--letterBouncingOrderNo));
}

@keyframes animate-wave-b-esr0jn88vw {
    0% { transform: translateY(0); }

    20% { transform: translateY(-20px); }

    40% { transform: translateY(0); }

    60% { transform: translateY(20px); }

    100% { transform: translateY(0); }
}
/* /LocalComponents/Animation/GlitchedText.razor.rz.scp.css */
/*Glitch animation*/
.glitch[b-ijbfpl0gd2] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: left;
    align-items: center;
}

    .glitch .gtext[b-ijbfpl0gd2] {
        position: relative;
        color: darkgreen;
    }

        .glitch .gtext[b-ijbfpl0gd2]:before,
        .glitch .gtext[b-ijbfpl0gd2]:after {
            color: white;
            content: attr(data-text);
            position: absolute;
            width: 100%;
            height: 100%;
            overflow: hidden;
            top: 0;
        }

        .glitch .gtext[b-ijbfpl0gd2]:before {
            left: 3px;
            text-shadow: -2px 0 red;
            animation: glitch-1-b-ijbfpl0gd2 2s linear infinite reverse;
        }

        .glitch .gtext[b-ijbfpl0gd2]:after {
            left: -3px;
            text-shadow: -2px 0 blue;
            animation: glitch-2-b-ijbfpl0gd2 2s linear infinite reverse;
        }

@keyframes glitch-1-b-ijbfpl0gd2 {
    0% {
        clip: rect(132px, auto, 101px, 30px);
    }

    5% {
        clip: rect(17px, auto, 94px, 30px);
    }

    10% {
        clip: rect(40px, auto, 66px, 30px);
    }

    15% {
        clip: rect(87px, auto, 82px, 30px);
    }

    20% {
        clip: rect(137px, auto, 61px, 30px);
    }

    25% {
        clip: rect(34px, auto, 14px, 30px);
    }

    30% {
        clip: rect(133px, auto, 74px, 30px);
    }

    35% {
        clip: rect(76px, auto, 107px, 30px);
    }

    40% {
        clip: rect(59px, auto, 130px, 30px);
    }

    45% {
        clip: rect(29px, auto, 84px, 30px);
    }

    50% {
        clip: rect(22px, auto, 67px, 30px);
    }

    55% {
        clip: rect(67px, auto, 62px, 30px);
    }

    60% {
        clip: rect(10px, auto, 105px, 30px);
    }

    65% {
        clip: rect(78px, auto, 115px, 30px);
    }

    70% {
        clip: rect(105px, auto, 13px, 30px);
    }

    75% {
        clip: rect(15px, auto, 75px, 30px);
    }

    80% {
        clip: rect(66px, auto, 39px, 30px);
    }

    85% {
        clip: rect(133px, auto, 73px, 30px);
    }

    90% {
        clip: rect(36px, auto, 128px, 30px);
    }

    95% {
        clip: rect(68px, auto, 103px, 30px);
    }

    100% {
        clip: rect(14px, auto, 100px, 30px);
    }
}

@keyframes glitch-2-b-ijbfpl0gd2 {
    0% {
        clip: rect(129px, auto, 36px, 30px);
    }

    5% {
        clip: rect(36px, auto, 4px, 30px);
    }

    10% {
        clip: rect(85px, auto, 66px, 30px);
    }

    15% {
        clip: rect(91px, auto, 91px, 30px);
    }

    20% {
        clip: rect(148px, auto, 138px, 30px);
    }

    25% {
        clip: rect(38px, auto, 122px, 30px);
    }

    30% {
        clip: rect(69px, auto, 54px, 30px);
    }

    35% {
        clip: rect(98px, auto, 71px, 30px);
    }

    40% {
        clip: rect(146px, auto, 34px, 30px);
    }

    45% {
        clip: rect(134px, auto, 43px, 30px);
    }

    50% {
        clip: rect(102px, auto, 80px, 30px);
    }

    55% {
        clip: rect(119px, auto, 44px, 30px);
    }

    60% {
        clip: rect(106px, auto, 99px, 30px);
    }

    65% {
        clip: rect(141px, auto, 74px, 30px);
    }

    70% {
        clip: rect(20px, auto, 78px, 30px);
    }

    75% {
        clip: rect(133px, auto, 79px, 30px);
    }

    80% {
        clip: rect(78px, auto, 52px, 30px);
    }

    85% {
        clip: rect(35px, auto, 39px, 30px);
    }

    90% {
        clip: rect(67px, auto, 70px, 30px);
    }

    95% {
        clip: rect(71px, auto, 103px, 30px);
    }

    100% {
        clip: rect(83px, auto, 40px, 30px);
    }
}
/* /LocalComponents/DialogBox/ChallengeDialogBox.razor.rz.scp.css */
.solve-skin-area[b-8zngici1xw] { }

.skin-area-name[b-8zngici1xw] { }

.challenge-title[b-8zngici1xw] { font-weight: bold; }

.edit-form[b-8zngici1xw] { }

.question-description[b-8zngici1xw] {
    color: black;
    width: 100%;
    min-height: 100px;
}

.already_completed[b-8zngici1xw] { }

.answer[b-8zngici1xw] { }

.answer-input[b-8zngici1xw] { }

.hint[b-8zngici1xw] { color: black; }

.stats[b-8zngici1xw] { }

.points-circle[b-8zngici1xw] {
    border: 20px double white;
    border-top-style: dotted;
    border-bottom-style: dotted;
    border-radius: 50%;
    text-align: center;
    width: 200px;
    height: 200px;
    font-weight: bold;
}

.points-circle .points-number[b-8zngici1xw] {
    font-size: 4em;
    display: block;
    line-height: 1;
    color: #222;
    margin-top: 30%;
}

.points-circle .points-label[b-8zngici1xw] {
    font-size: 1em;
    color: #222;
}

.category[b-8zngici1xw] { }

.radio-answer span[b-8zngici1xw] {
    font-size: 20px;
    margin-left: 10px;
}

.radio-line :hover[b-8zngici1xw] {
    color: coral;
    transition: .5s ease-out;
}

.animate_button[b-8zngici1xw] {
    animation: animate-button-b-8zngici1xw 1s both;
    background-color: MediumOrchid;
    color: white;
}

@keyframes animate-button-b-8zngici1xw {
    from { transform: translate3d(0, 0, 0); }

    15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }

    30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }

    45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }

    60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }

    75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }

    to { transform: translate3d(0, 0, 0); }
}
/* /LocalComponents/DialogBox/UserInfoDialogBox.razor.rz.scp.css */
/* /LocalComponents/GameClockWidget.razor.rz.scp.css */
/* Game clock */

.caption[b-jv21nynq23] {
    font-size: 1em;
}

.clock-caption[b-jv21nynq23] { }

.clock-digits[b-jv21nynq23] {
    font-size: 2.5em;
    text-align: center;
}

.count-caption[b-jv21nynq23] { }

.count-digits[b-jv21nynq23] {
    font-size: 2.5em;
    text-align: center;
}

.count-hours[b-jv21nynq23] { }

.count-minutes[b-jv21nynq23] { }

.count-seconds[b-jv21nynq23] { }

.count-milliseconds[b-jv21nynq23] { }

.label-right[b-jv21nynq23],
.label-left[b-jv21nynq23] { font-size: 0.8em; }

.label-left[b-jv21nynq23] { float: left; }

.label-right[b-jv21nynq23] { float: right; }

.digits[b-jv21nynq23] {
    display: flex;
    justify-content: space-evenly;
    font-family: "Share Tech Mono", monospace;
}

.digits-descriptor[b-jv21nynq23] {
    font-size: 0.25em;
    display: flex;
    justify-content: space-around;
}
/* /LocalComponents/ResetScoreWidget.razor.rz.scp.css */
.reset-button[b-h2o6rgv58s] { }
/* /LocalComponents/ScoreboardWidget.razor.rz.scp.css */
/* /LocalComponents/UserInfoWidget.razor.rz.scp.css */
.auth[b-x5gq6v7afz] {
    font-style: italic;
}

.anon[b-x5gq6v7afz] {
    font-style: oblique;
}
/* /Pages/Index.razor.rz.scp.css */
h1[b-94otytj756] { color: darkred; }
/* /Pages/MapQuiz.razor.rz.scp.css */
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-br5ncwg0n1] {
    position: relative;
    display: flex;
    flex-direction: column;
}

a[b-br5ncwg0n1] {
    color: white;
    font-weight: bold;
}

.main[b-br5ncwg0n1] { flex: 1; }

.sidebar[b-br5ncwg0n1] { background-image: linear-gradient(180deg, darkgreen, darkorange); }

.content[b-br5ncwg0n1] {
    padding-top: 0;
    height: calc(100vh - 3.5rem); /* subtract .top-row height from the total height */
}

.top-row[b-br5ncwg0n1] {
    background-image: linear-gradient(90deg, darkgreen, darkorange);
    justify-content: flex-end;
    height: 3.5rem; /* NOTE: keep in sync with .content height */
    display: flex;
    align-items: center; /* center vertically */
}

.top-row[b-br5ncwg0n1]  a, .top-row .btn-link[b-br5ncwg0n1] {
    white-space: nowrap;
    margin-left: 1.5rem;
}

.top-row a:first-child[b-br5ncwg0n1] {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-br5ncwg0n1] { display: none; }

    .top-row.auth[b-br5ncwg0n1] { justify-content: space-between; }

    .top-row a[b-br5ncwg0n1], .top-row .btn-link[b-br5ncwg0n1] { margin-left: 0; }
}

@media (min-width: 641px) {
    .page[b-br5ncwg0n1] { flex-direction: row; }

    .sidebar[b-br5ncwg0n1] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-br5ncwg0n1] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div[b-br5ncwg0n1] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-cy4pe9xwen] { background-color: rgba(255, 255, 255, 0.1); }

.top-row[b-cy4pe9xwen] {
    height: 3.5rem;
    background-color: rgba(0, 0, 0, 0.4);
}

.navbar-brand[b-cy4pe9xwen] { font-size: 1.1rem; }

.oi[b-cy4pe9xwen] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-cy4pe9xwen] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

.nav-item:first-of-type[b-cy4pe9xwen] { padding-top: 1rem; }

.nav-item:last-of-type[b-cy4pe9xwen] { padding-bottom: 1rem; }

.nav-item[b-cy4pe9xwen]  a {
    color: white;
    font-weight: bold;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
}

.nav-item[b-cy4pe9xwen]  a.active {
    background-color: rgba(255, 255, 255, 0.25);
    color: white;
}

.nav-item[b-cy4pe9xwen]  a:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-cy4pe9xwen] { display: none; }

    .collapse[b-cy4pe9xwen] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}