/* /Components/AgeInput.razor.rz.scp.css */
.layout[b-3q1ns6ampr] {
   font-size: 6dvmin;
   height: 100%;
   justify-content: space-around;
}

.button-layout[b-3q1ns6ampr] {
   width: 80%;
   gap: 5dvw;
}

.input[b-3q1ns6ampr] {
   min-height: 12vh;
   width: 90%;
   color: white;
}

.button[b-3q1ns6ampr] {
    width: 50%;
    position: relative;
    min-width: 30%;
    font-size: 5dvmin;
}
/* /Components/ButtonMatrix.razor.rz.scp.css */
.title-tile[b-l3u5qat09j] {
    width: 100%;
    height: 15vh;
    line-height: 15vh;
    text-align: left;
    margin: 5vh 0vw 5vh 0vw;
    border-width: 0;
    border-radius: 1vmax;
    background-color: white;
    color: black;
}

.title-text[b-l3u5qat09j]{
    margin: 0vh 8vw 0vh 8vw;
}

.answer-panel[b-l3u5qat09j] {
    height: 50vh;
    width: 75vw;
    align-content: center;
}

@media (max-aspect-ratio: 1) {
    .answer-panel[b-l3u5qat09j] {
        width: 85vw;
    }
}

.button-grid[b-l3u5qat09j] {
    height: 100%;
    width: 100%;
    display: grid;
    grid-gap: 1vh 1vh;
    grid-template-columns: repeat( var(--columns), 1fr );
    grid-template-rows: repeat( var(--rows), 1fr );
    align-items: center;
}

.answer-button[b-l3u5qat09j] {
    width: 100%;
    height: 100%;
    max-height: 30vh;
    border-width: 0;
    border-radius: 1vmax;
    background-color: white;
    color: black;
    text-align: center;
    padding: 2vmin;
}

.answer-correct[b-l3u5qat09j] {
   background-color: #75AC76;
}

.answer-incorrect[b-l3u5qat09j] {
   background-color: #C0501C;
}

.answer-highlight[b-l3u5qat09j] {
   background-color: #0590D9;
}
/* /Components/ButtonMatrix_AvatarSelect.razor.rz.scp.css */
.page-layout[b-aa8sbpag0x] {
   height: 100%;
   align-items: stretch;
   justify-content: space-between;
}

.title-panel[b-aa8sbpag0x] {
   font-size: 7dvmin;
   position: relative;
   padding: 5dvmin 4dvmin 5dvmin 4dvmin;
   border-image-source: url("img/tile_blue_glow.avif");
}

.avatar-tile[b-aa8sbpag0x] {
    max-height: 58%;
    padding: 3dvmin;
}

.avatar-panel[b-aa8sbpag0x] {
    height: 100%;
   overflow: scroll clip;
   scrollbar-color: #ead8fd #7a45ca;
}

@media (max-aspect-ratio: 1) {
    .avatar-panel[b-aa8sbpag0x] {
        overflow: clip scroll;
    }
}

.avatar-layout[b-aa8sbpag0x] {
    width: fit-content;
}

@media (max-aspect-ratio: 1) {
    .avatar-layout[b-aa8sbpag0x] {
        display: inline-block;
    }
}


.avatar[b-aa8sbpag0x] {
   background: url("img/avatars.avif");
   background-position: var(--x) 0%;
   width: 20dvh;
   height: 20dvh;
   background-size: 3000% 100%;
}

.selected[b-aa8sbpag0x] {
   border-image-slice: 40% fill;
   border-image-width: 1dvmin;
   border-image-source: url("img/avatar-selection.webp");
}

.button[b-aa8sbpag0x] {
   width: max( 24dvh, 24dvw );
   align-self: flex-end;
   font-size: var( --font-scale-5 );
}
/* /Components/ButtonPrompt.razor.rz.scp.css */
.view-element[b-5fg2rx49d1] {
   display: flex;
   justify-content: center;
   text-align: center;
}

@@media screen and (orientation:landscape) {
   .view-container[b-5fg2rx49d1] {
      flex-flow: row nowrap;
      height: 100%;
   }

   .view-element[b-5fg2rx49d1] {
      height: min(400px, 90%);
      flex-direction: column;
   }
}

@@media screen and (orientation:portrait) {
   .view-container[b-5fg2rx49d1] {
      flex-flow: column nowrap;
      width: 100%;
   }

   .view-element[b-5fg2rx49d1] {
      width: min(400px, 90%);
      flex-direction: column;
   }
}

.side-image[b-5fg2rx49d1] {
   object-fit: contain;
   width: 100%;
}
/* /Components/ButtonPrompt_ChangeSpokenName.razor.rz.scp.css */

.page-layout[b-zlvades6sm] {
    font-size: 4dvh;
    height: 100%;
    justify-content: space-around;
}

.title-panel[b-zlvades6sm] {
    font-size: 6dvmin;
    padding: 5dvmin 4dvmin 5dvmin 4dvmin;
}

.option-button[b-zlvades6sm] {
   width: 30dvw;
   position: relative;
}

@media (max-aspect-ratio: 1) {
    .option-button[b-zlvades6sm] {
        width: 50dvw;
    }
}
/* /Components/ButtonPrompt_GameEnd.razor.rz.scp.css */

.background[b-avhjmozzm7] {
    width: 100%;
    height: 100%;
    background-image: url("img/round_end_background.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    align-items: center;
    align-content: center;
}

.logo[b-avhjmozzm7] {
    position: fixed;
    inset: 2dvw 1dvw;
    width: 15dvw;
    height: 15dvw;
    background-image: url("img/iqt_logo.avif");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.wishlist-button[b-avhjmozzm7] {
    width: 45dvw;
    height: 20dvh;
    border-image-source: url("img/tile_wishlist.webp");
    border-image-slice: 40% 25% 40% 25% fill;
    border-image-width: 8dvmin;
    border-width: 0dvmin;
    margin-top: 35dvh;
    font-size: 5dvmin;
}

@media (max-aspect-ratio: 1) {
    .wishlist-button[b-avhjmozzm7] {
        width: 75dvw;
        height: 20dvmin;
    }
}

.continue-button[b-avhjmozzm7] {
    width: 25dvw;
    text-transform: none;
    font-size: 4dvmin;
}
/* /Components/ButtonPrompt_GameIsStarting.razor.rz.scp.css */

.start-layout[b-d2404fdd1d] {
   font-size: 5dvh;
   height: 100%;
   justify-content: space-around;
}

.panel[b-d2404fdd1d] {
    inset: 25dvh 12dvw 25dvh 12dvw;
}

.cancel-button[b-d2404fdd1d] {
    width: 30dvw;
    position: relative;
}

@media (max-aspect-ratio: 3/4) {
    .cancel-button[b-d2404fdd1d] {
        width: 40dvw;
    }
}
/* /Components/ButtonPrompt_LookAtTv.razor.rz.scp.css */

.lookattv-layout[b-92r9jf8oap] {
   font-size: 8dvmin;
   height: 100%;
   justify-content:center;
}

.panel[b-92r9jf8oap] {
   position: fixed;
   inset: 25dvmin 12dvmax 25dvmin 12dvmax;
   border: none;
   background-color: transparent;
   text-align: center;
}

.image[b-92r9jf8oap] {
   width: 30dvmin;
   height: auto;
}
/* /Components/ButtonPrompt_RoundEnd.razor.rz.scp.css */

.background[b-xjmgh84lkh] {
    width: 100%;
    height: 100%;
    background-image: url("img/round_end_background.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    align-items: center;
    align-content: center;
}

.logo[b-xjmgh84lkh] {
    position: fixed;
    inset: 2dvw 1dvw;
    width: 15dvw;
    height: 15dvw;
    background-image: url("img/iqt_logo.avif");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.avatar-panel[b-xjmgh84lkh] {
    position: relative;
    width: 80dvh;
    height: 64dvh;
    background-image: url("img/round_end_avatar.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

@media (max-aspect-ratio: 1) {
    .avatar-panel[b-xjmgh84lkh] {
        width: 80dvw;
        height: 64dvw;
    }
}

.avatar[b-xjmgh84lkh] {
    background: url("img/avatars.avif");
    background-position: var(--x) 0%;
    background-size: 3000% 100%;
    position: absolute;
    inset: 24% 49% 13% -4%;
}

.social-text[b-xjmgh84lkh] {
    position: absolute;
    inset: 7% 6% 40% 50%;
    font-size: 4.5dvmin;
    text-align: center;
    align-content: center;
}


.name-text[b-xjmgh84lkh] {
    position: absolute;
    inset: 82% 54% 7% 6%;
    text-align: center;
    align-content: center;
    border-image-width: 2dvmin;
    font-size: 4dvh;
}

.continue-button[b-xjmgh84lkh] {
    width: 30dvmax;
    position: relative;
}
/* /Components/ButtonPrompt_StartGame.razor.rz.scp.css */

.start-layout[b-tdltozdjtb] {
   font-size: 5dvh;
   height: 100%;
   justify-content: space-around;
}

.start-button[b-tdltozdjtb] {
   width: min( 80%, 35dvh );
   position: relative;
}

.start-glow[b-tdltozdjtb] {
   position: absolute;
   display: flow;
   inset: 0 0 0 0;
   border-image-source: url("img/tile_glow_purple.avif");
   clip-path: inset(0% 100% 0% 0%);
}
/* /Components/Dialogs.razor.rz.scp.css */


.dialog[b-fu6h4jqdog] {
   position: fixed;
   inset: 0 0 0 0;
   z-index: 4;
   background-color: #e0e0e0e0;
   font-size: max( 4dvh, 5.5dvmin );
   text-align: center;
}

.dialogue-container[b-fu6h4jqdog] {
    position: absolute;
    inset: 20dvh 25% 20dvh 25%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
    padding: 5dvmin;
}

@media (max-aspect-ratio: 1.5) {
    .dialogue-container[b-fu6h4jqdog] {
        inset: 20dvh 10% 20dvh 10%;
    }
}


.button-layout[b-fu6h4jqdog] {
    width: 100%;
}

.button[b-fu6h4jqdog] {
   width: unset;
   font-size: 5dvmin;
   flex-basis: 35%;
}
/* /Components/GenderSelect.razor.rz.scp.css */

.gender-layout[b-16dimc1eni] {
   font-size: 6dvmin;
   height: 100%;
   justify-content: space-around;
}

.gender-btn[b-16dimc1eni] {
   width: 16dvw;
   height: 20dvh;
   border-image-source: url("img/tile_cyan.webp");
   font-size: 5dvmin;
}

@media (max-aspect-ratio: 1) {
    .gender-btn[b-16dimc1eni] {
        width: 40dvw;
        height: 12dvh;
    }
}

.confirm-btn[b-16dimc1eni] {
   width: 30dvmax;
   font-size: var(--font-scale-5);
}

.highlight[b-16dimc1eni] {
   border-image-source: url("img/tile_glow.avif");
}
/* /Components/NameInput.razor.rz.scp.css */

.name-layout[b-na5s9gv8yr] {
    font-size: var(--font-scale-6);
    height: 100%;
    justify-content: space-around;
}

.name-input[b-na5s9gv8yr] {
   width: 90%;
   height: 12dvh;
}

.confirm-btn[b-na5s9gv8yr] {
   width: 50%;
   font-size: var(--font-scale-5);
}
/* /Components/NameInput_SpokenNameTest.razor.rz.scp.css */

.layout[b-6u2849rtdn] {
   font-size: 6dvmin;
   height: 100%;
   justify-content: space-around;
}

.title-panel[b-6u2849rtdn] {
   font-size: 6.5dvmin;
   position: relative;
   width: 90%;
   padding: 5dvmin 4dvmin 5dvmin 4dvmin;
   border-image-source: url("img/tile_blue_glow.avif");
}

.button-layout[b-6u2849rtdn] {
   width: 80%;
   gap: 5dvw;
}

@media (max-aspect-ratio: 1) {
    .button-layout[b-6u2849rtdn] {
        width: 90%;
    }
}

.input[b-6u2849rtdn] {
   font-size: 7dvmin;
   min-height: 12dvh;
   width: 90%;
   color: white;
}

.button[b-6u2849rtdn] {
    width: 50%;
    position: relative;
    min-width: 30%;
    font-size: 5dvmin;
}
/* /Components/NumberInput.razor.rz.scp.css */
.title-tile[b-0chzytnjbs] {
    width: 100%;
    height: 15dvh;
    line-height: 15dvh;
    text-align: left;
    margin: 4dvh 0dvw 0dvh 0dvw;
    border-width: 0;
    border-radius: 1dvmax;
    background-color: white;
    color: black;
}

.title-text[b-0chzytnjbs] {
    margin: 0dvh 8dvw 0dvh 8dvw;
    font-size: var(--font-scale-5);
}

.answer-layout[b-0chzytnjbs] {
    gap: 0.5dvw;
}

.answer-panel[b-0chzytnjbs] {
    position: relative;
    height: 45dvh;
    align-content: end;
    padding-bottom: 15dvh;
}

.answer-slider[b-0chzytnjbs] {
    width: 55dvw;
    height: 1dvh;
    border: none;
    border-image-source: url("img/slider_track.webp");
    border-image-slice: 30% fill;
    border-image-width: 2vmin;
    background-color: transparent;
}

.answer-slider[b-0chzytnjbs]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20dvmin;
    aspect-ratio: 0.59;
    transform: translate( 0vh, -33%);
    border: 0;
    background: url('img/slider_thumb.webp');
    background-size: cover;
    cursor: pointer;
    box-shadow: none !important;
}

.answer-slider[b-0chzytnjbs]::-moz-range-thumb {
    width: 20dvh;
    height: 34dvh;
    transform: translate( 0vh, -11vh );
    border: 0;
    background: url('img/slider_thumb.webp');
    background-size: cover;
    cursor: pointer;
}

.answer-value-track[b-0chzytnjbs] {
    position: absolute;
    height: 8dvmin;
    left: 10dvmin;
    right: 10dvmin;
    bottom: calc( 33% + 17dvmin);
    font-size: 5dvmin;
}

.answer-value[b-0chzytnjbs] {
    position: absolute;
    left: 50%;
    width: 13dvh;
    height: 8dvmin;
    transform: translate( -50%, 0% );
    font-size: 5dvmin;
    text-align: center;
    text-shadow: 0.2dvh 0.2dvh 0.2dvh #2672A5;
    color: #1B3068;
}

.submit-button[b-0chzytnjbs] {
    font-size: var(--font-scale-5);
    width: 33dvw;
}

.slider-end[b-0chzytnjbs] {
    position: relative;
    width: 20dvmin;
    aspect-ratio: 1;
}

.slider-end-label[b-0chzytnjbs] {
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 20dvmin;
    text-align: center;
    font-size: 5dvmin;
}

.slider-left-image[b-0chzytnjbs] {
    transform: scale(1, 1);
    position: absolute;
    width: 100%;
}

.slider-right-image[b-0chzytnjbs] {
    transform: scale(-1, 1);
    position: absolute;
    width: 100%;
}
/* /Components/QuitButton.razor.rz.scp.css */

.quit-notification[b-r3w2qtnjlp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    width: 10dvw;
    bottom: 5dvh;
    left: 2dvw;
    font-size: 4dvh;
    text-align: center;
}

@media (max-aspect-ratio: 1) {
    .quit-notification[b-r3w2qtnjlp] {
        flex-direction: row;
        left: 5dvw;
        bottom: 1dvh;
        width: 20dvh;
    }
}

.quit-icon[b-r3w2qtnjlp] {
   width: 10dvw;
}

@media (max-aspect-ratio: 1) {
    .quit-icon[b-r3w2qtnjlp] {
        display: inline;
        width: 10dvh;
    }
}
/* /Components/ReuseProfilePrompt.razor.rz.scp.css */

.page-layout[b-p19a64dh6f] {
    font-size: 4dvh;
    height: 100%;
    justify-content: space-around;
}

.title-panel[b-p19a64dh6f] {
    font-size: 6dvh;
}

.option-button[b-p19a64dh6f] {
    width: 30dvw;
    position: relative;
    display: block;
    margin: 1dvh;
}

@media (max-aspect-ratio: 1) {
    .option-button[b-p19a64dh6f] {
        width: 50dvw;
    }
}
/* /Components/SkipButton.razor.rz.scp.css */

img.skip[b-mueofpnj1m] {
   position: fixed;
   width: 9dvw;
   bottom: 45dvh;
   right: 2dvw;
}

@media (max-aspect-ratio: 1) {
    img.skip[b-mueofpnj1m] {
        width: 10dvh;
        bottom: 1dvh;
        right: 2dvh;
    }
}
/* /Components/SocialHashtag.razor.rz.scp.css */

.social-panel[b-gq49x1aahf] {
    position: absolute;
    right: 3dvmin;
    bottom: 3dvmin;
    height: 8dvh;
    display: flex;
    padding: 2dvmin;
    justify-content: space-around;
}

.social-image[b-gq49x1aahf] {
    width: 8dvh;
    height: 8dvh;
}
/* /Components/StringInput.razor.rz.scp.css */

.control-panel[b-b2loriyr5b] {
   width: 100%;
   flex-direction: row;
   font-size: 5dvmin;
}

@media (max-aspect-ratio: 3/4) {
    .control-panel[b-b2loriyr5b] {
        flex-direction: column;
    }
}

.code-input[b-b2loriyr5b] {
    font-size: 5dvmin;
}

.connect[b-b2loriyr5b] {
   width: 50%;
   font-size: 5dvmin;
}

@media (max-aspect-ratio: 3/4) {
    .connect[b-b2loriyr5b] {
        width: 100%;
    }
}
/* /Components/ValueOrdering.razor.rz.scp.css */
.title-tile[b-gbdvdqpmny] {
    width: 100%;
    height: 15dvh;
    line-height: 15dvh;
    text-align: left;
    margin: 4dvh 0dvw 0dvh 0dvw;
    border-width: 0;
    border-radius: 1dvmax;
    background-color: white;
    color: black;
}

.title-text[b-gbdvdqpmny] {
    margin: 0dvh 8dvw 0dvh 8dvw;
    font-size: 5dvmin;
}

.slot-panel[b-gbdvdqpmny] {
    height: 60dvh;
}

.slot-container[b-gbdvdqpmny] {
    display: flex;
    flex-flow: row nowrap;
    flex-grow: 1;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    height: 15dvh;
    padding: 1dvh;
    gap: 1vw;
}

.label-panel[b-gbdvdqpmny] {
    background-color: #306188;
}

.slot-label[b-gbdvdqpmny] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25dvw;
    border: none;
    border-image-source: url("img/tile_black_outline.webp");
    border-image-slice: 30% fill;
    border-image-width: 2vmin;
}

.drop-target[b-gbdvdqpmny] {
    position: relative;
    width: 25dvw;
    padding: 0px;
    border: none;
    border-image-source: url("img/tile_drop_target.webp");
    border-image-slice: 30% fill;
    border-image-width: 2dvmin;
}

.drag-source[b-gbdvdqpmny] {
    width: 25dvw;
    padding: 0px;
}

.drag-value[b-gbdvdqpmny] {
    display: flex;
    width: 100%;
    height: 100%;
    border: none;
    border-image-source: url("img/tile_drag_value.webp");
    border-image-slice: 25% fill;
    border-image-width: 3dvmin;
    justify-content: center;
    align-items: center;
    color: black;
}

.slot-id[b-gbdvdqpmny] {
    inset: -1dvh -1dvh;
    width: 5dvh;
    height: 5dvh;
    line-height: 5dvh;
    position: absolute;
    background-image: url("img/tile_rondial.webp");
    background-size: cover;
    text-align: center;
    font-size: 3.5dvh;
}

.hidden[b-gbdvdqpmny]{
   visibility: hidden;
}

.value-label[b-gbdvdqpmny] {
   user-select: none;
}

.submit-button[b-gbdvdqpmny] {
    width: min( 80%, max( 35dvw, 35dvh ) );
    font-size: var(--font-scale-5);
}
/* /Containers/Lobby.razor.rz.scp.css */
.lobby-content[b-4o0kzjety5] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden hidden;
    flex-direction: column;
    justify-content: end;
    padding: 12dvh 5dvw 7dvh 5dvw;
    gap: 1dvh;
    font-size: 5dvmin;
}

@media (max-aspect-ratio: 3/4) {
    .lobby-content[b-4o0kzjety5] {
        justify-content: center;
    }
}


.title-content[b-4o0kzjety5] {
   width: 100%;
   height: 100%;
   background-color: lightblue;
   background-image: url("img/splash_background.webp");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   align-content: center;
   text-align: center;
}

.logo[b-4o0kzjety5] {
   padding: 2dvmin;
   width: 25dvmin;
   height: 25dvmin;
}

.title-text[b-4o0kzjety5] {
   text-align: left;
   font-size: 6dvmin;
}

.subtitle-text[b-4o0kzjety5] {
    text-align: left;
}

.panel[b-4o0kzjety5] {
   text-align: center;
   padding: 5dvmin 4dvmin 5dvmin 4dvmin;
   flex-grow: 1;
}

.order[b-4o0kzjety5] {
   background-image: url("img/tile_circle.webp");
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
   height: 7dvmin;
   min-width: 7dvmin;
   line-height: 7dvmin;
   font-size: 6dvmin;
}

.splash-logo[b-4o0kzjety5] {
    width: min( 80dvh, 80dvw );
}

.play[b-4o0kzjety5]{
    width: min( 40dvh, 40dvw );
 }
/* /Containers/Session.razor.rz.scp.css */
.game-content[b-fjme2lkdsh] {
   height: 100%;
   width: 100%;
   justify-content: center;
   align-items: center;
}