.rainbow {
    background-image: url("/content/rainbow.webp");
    background-clip: text;
    text-shadow: 0.052vw 0.052vw rgba(0, 0, 0, .2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@keyframes textShine {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

.float {
    animation: float 2.5s ease-in-out infinite;
}

@keyframes float {
    0% {
        transform: translateY(-0.521vw);
    }

    50% {
        transform: translateY(0.521vw);
    }

    100% {
        transform: translateY(-0.521vw);
    }
}

.styles__blooketText___1pMBG-camelCase {
    font-size: 2.083vw;
    font-family: Titan One, sans-serif;
    text-decoration: none;
    color: white;
    filter: drop-shadow(0.000vw 0.000vw 0.260vw black);
    margin-bottom: 1.042vw;
    text-align: center;
}

.styles__button___1_E-G-camelCase {
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    transition: filter 0.25s;
    margin-left: 0.521vw;
}

.styles__shadow___3GMdH-camelCase {
    background: rgba(0, 0, 0, 0.25);
    transform: translateY(0.104vw);
    transition: transform 0.6s cubic-bezier(0.3, 0.7, 0.4, 1);
}

.styles__edge___3eWfq-camelCase,
.styles__shadow___3GMdH-camelCase {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.260vw;
}

.styles__edge___3eWfq-camelCase {
    filter: brightness(0.7);
}

.styles__front___vcvuy-camelCase {
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0.260vw;
    border-radius: 0.260vw;
    transform: translateY(-0.208vw);
    transition: transform 0.6s cubic-bezier(0.3, 0.7, 0.4, 1);
}

.styles__button___1_E-G-camelCase:hover {
    filter: brightness(110%);
}

.styles__button___1_E-G-camelCase:hover .styles__front___vcvuy-camelCase {
    transform: translateY(-0.313vw);
    transition: transform 0.25s cubic-bezier(0.3, 0.7, 0.4, 1.5);
}

.styles__button___1_E-G-camelCase:active .styles__front___vcvuy-camelCase {
    transform: translateY(-0.104vw);
    transition: transform 34ms;
}

.styles__button___1_E-G-camelCase:hover .styles__shadow___3GMdH-camelCase {
    transform: translateY(0.208vw);
    transition: transform 0.25s cubic-bezier(0.3, 0.7, 0.4, 1.5);
}

.styles__button___1_E-G-camelCase:active .styles__shadow___3GMdH-camelCase {
    transform: translateY(0.052vw);
    transition: transform 34ms;
}

.arts__chatModal___4JFsa-camelCase {
    position: absolute;
    width: calc(100% - 11.510vw);
    transform: translateX(11.510vw);
    display: block;
    z-index: 13;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    top: 0;
}

.arts__modal___VpEAD-camelCase {
    display: block;
    position: fixed;
    z-index: 15;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
}

.arts__mBody___2KdVv-camelCase {
    top: 0;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: #f7f7f7;
}

.arts__mBody___2KdVv-camelCase,
.arts__regularBody___1TM6E-camelCase {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: -1;
}

.arts__regularBody___1TM6E-camelCase {
    height: calc(100% - 2.865vw);
    top: 2.865vw;
}

.arts__profileRegularBody___2fvy5-camelCase {
    height: calc(100% - 2.865vw);
    width: 100%;
    margin: 0 auto;
    padding-top: 2.865vw;
    position: relative;
    z-index: -1;
}

.arts__hostRegularBody___Yp72x-camelCase {
    width: 100%;
    height: calc(100% - 3.385vw);
    margin: 0;
    padding: 0;
    position: absolute;
    top: 3.385vw;
    left: 0;
    z-index: -1;
}

.arts__regularBodyMax___1IzZX-camelCase {
    height: calc(100% - 2.865vw);
    width: 100%;
    max-width: 71.146vw;
    margin: 0 auto;
    padding-top: 2.865vw;
    position: relative;
    z-index: -1;
}

.arts__body___3acI_-camelCase {
    width: 100%;
    min-height: 100vh;
    overflow-x: hidden;
    background-color: #f7f7f7;
}

.arts__body___3acI_-camelCase,
.arts__hostBody___1Z9ui-camelCase {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.arts__hostBody___1Z9ui-camelCase {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-color: #0bc2cf;
}

.arts__royaleHeaderContainer___c23M6-camelCase {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 7vh auto 4vh;
    height: 12vh;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.arts__royaleHeaderText___2CGb9-camelCase {
    color: #fff;
    font-family: Titan One, sans-serif;
    text-shadow: 0.104vw 0.104vw 0.417vw grey;
    font-size: 5vw;
    opacity: 0;
    -webkit-animation: arts__fadeInPop___2oDEV-camelCase 0.3s linear 0.5s forwards;
    animation: arts__fadeInPop___2oDEV-camelCase 0.3s linear 0.5s forwards;
}

@-webkit-keyframes arts__fadeInPop___2oDEV-camelCase {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }

    80% {
        transform: scale(1.1);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes arts__fadeInPop___2oDEV-camelCase {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }

    80% {
        transform: scale(1.1);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.arts__leftSlantLine___2RNzk-camelCase {
    width: 10vh;
    top: 3.1vh;
    left: 0;
    transform: rotate(60deg);
}

.arts__leftBottomLine___MwYEr-camelCase,
.arts__leftSlantLine___2RNzk-camelCase {
    height: 1vh;
    border-radius: 0.365vw;
    background-color: #3a3a3a;
    position: absolute;
}

.arts__leftBottomLine___MwYEr-camelCase {
    width: 20vw;
    top: 7.071vh;
    left: 7.071vh;
}

.arts__leftName___11lEC-camelCase {
    color: #3a3a3a;
    text-align: left;
    position: absolute;
    left: 7.5vh;
    top: -2.5vh;
    height: 9.5vh;
    width: 20vw;
    font-family: Nunito, sans-serif;
    font-weight: 700;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.arts__leftEnergyIcon___1rm7a-camelCase {
    color: #2f2f2f;
    font-size: 2.25vw;
    position: absolute;
    top: 7.8vh;
    left: 1.2vw;
}

.arts__leftEnergyContainer___EuHQi-camelCase {
    position: absolute;
    top: 9vh;
    left: 7.5vh;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 20vw;
}

.arts__energy___1CSfe-camelCase {
    background-color: #2f2f2f;
    height: 2vh;
    border-radius: 0.260vw;
}

.arts__rightSlantLine___25aUV-camelCase {
    width: 10vh;
    top: 3.1vh;
    right: 0;
    transform: rotate(-60deg);
}

.arts__rightBottomLine___Y14OT-camelCase,
.arts__rightSlantLine___25aUV-camelCase {
    height: 1vh;
    border-radius: 0.365vw;
    background-color: #3a3a3a;
    position: absolute;
}

.arts__rightBottomLine___Y14OT-camelCase {
    width: 20vw;
    top: 7.071vh;
    right: 7.071vh;
}

.arts__rightName____zdk3-camelCase {
    color: #3a3a3a;
    text-align: right;
    position: absolute;
    right: 7.5vh;
    top: -2.5vh;
    height: 9.5vh;
    width: 20vw;
    font-family: Nunito, sans-serif;
    font-weight: 700;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.arts__rightEnergyIcon___ScBAQ-camelCase {
    color: #2f2f2f;
    font-size: 2.25vw;
    position: absolute;
    top: 7.8vh;
    right: 1.2vw;
}

.arts__rightEnergyContainer___2VthH-camelCase {
    position: absolute;
    top: 9vh;
    right: 7.5vh;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 20vw;
}

.arts__skipButton___dKgaS-camelCase {
    position: absolute;
    top: 3.906vw;
    right: 1vw;
    font-size: 3vw;
    color: #fff;
    text-align: right;
    font-family: Titan One, sans-serif;
    text-shadow: 0.104vw 0.104vw 0.417vw grey;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: all 0.2s cubic-bezier(0.39, 0.5, 0.15, 1.36);
}

.arts__skipButton___dKgaS-camelCase:hover {
    transform: scale(1.05);
}

.arts__moreButton___3UUpF-camelCase {
    width: 10.417vw;
    height: 3.125vw;
    line-height: 3.125vw;
    background-color: #0bc2cf;
    border-radius: 0.365vw;
    margin: 2.344vw auto;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    cursor: pointer;
    text-align: center;
    outline: none;
    font-family: Nunito, sans-serif;
    font-size: 1.563vw;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: all 0.2s cubic-bezier(0.39, 0.5, 0.15, 1.36);
}

.arts__moreButton___3UUpF-camelCase:hover {
    transform: scale(1.05);
}

.arts__factorySpin___1sK4R-camelCase {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-animation: arts__vortex___30Y8V-camelCase 4s linear 0s 2;
    animation: arts__vortex___30Y8V-camelCase 4s linear 0s 2;
}

@-webkit-keyframes arts__vortex___30Y8V-camelCase {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    to {
        transform: rotate(1turn);
    }
}

@keyframes arts__vortex___30Y8V-camelCase {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    to {
        transform: rotate(1turn);
    }
}

.arts__factoryReverse___1obff-camelCase {
    transform: rotateY(180deg);
}

.arts__factoryFlip___3lusY-camelCase,
.arts__factoryReverse___1obff-camelCase {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.arts__factoryFlip___3lusY-camelCase {
    transform: rotateX(180deg) rotateY(180deg);
}

.arts__factoryMicro___1v9fV-camelCase {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: scale(0.4);
}

.arts__bottomTipText___3rLy_-camelCase {
    position: absolute;
    bottom: 0.5%;
    left: 5%;
    width: 90%;
    font-size: 1.042vw;
    text-align: center;
    color: #fff;
    text-shadow: 0.104vw 0.104vw 0.417vw grey;
}

.arts__bottomTipText___3rLy_-camelCase,
.arts__googleButton___1rop5-camelCase {
    font-family: Nunito, sans-serif;
}

.arts__googleButton___1rop5-camelCase {
    padding: 0.260vw 1.042vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 0.104vw 0.104vw rgba(0, 0, 0, 0.24);
    background-color: #fff;
    border-radius: 0.260vw;
    margin: 0 auto 0.521vw;
    color: #999;
    font-size: 0.938vw;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: 0.2s;
}

.arts__googleButton___1rop5-camelCase:hover {
    transform: scale(0.95);
}

.arts__googleLogo___kJrfb-camelCase {
    width: 1.302vw;
    margin-right: 0.521vw;
}

.arts__slantBackground___1yw2G-camelCase {
    height: 80vh;
    width: 150vw;
    background-color: #0bc2cf;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2);
    position: absolute;
    top: calc(-30vh + 2.865vw);
    left: -25vw;
    transform: rotate(-10deg);
    z-index: -1;
}

.arts__tooltip___OAwzR-camelCase {
    font-family: Nunito, sans-serif !important;
    font-size: 0.781vw !important;
    line-height: 0.885vw !important;
    padding: 0.313vw 0.677vw !important;
    max-width: 9.635vw;
    text-align: center;
}

.arts__modalButton___1y_HF-camelCase {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    top: 0;
    height: 100%;
}

.arts__bigImage___1UJT0-camelCase {
    width: 80%;
    height: 80%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: calc(50% + 1.432vw);
    left: 50%;
    transform: translate(-50%, -50%);
}

.arts__underline___1nwbn-camelCase {
    text-decoration: underline;
}

.arts__blockedText___390eB-camelCase {
    font-size: 1.042vw;
    color: #fff;
    font-weight: 700;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 5%;
    width: 90%;
    transform: translateY(-50%);
}

.arts__profileBody___eNPbH-camelCase {
    left: 11.458vw;
    margin: 0;
    padding: 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow-y: scroll;
}

.arts__profileBody___eNPbH-camelCase::-webkit-scrollbar {
    display: none;
}

.styles__fullContainerClan___3Wl6C {
    width: 90%;
    margin: 0.521vw 5%;
    margin-top: 10%;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.styles__fullContainer___3Wl6C-camelCase {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    width: 90%;
    margin: 0.521vw 5%;
}

.arts__profileBody___eNPbH-camelCase,
.arts__profileBodyMax___3SXtp-camelCase {
    position: absolute;
    top: 0;
    height: 100%;
    width: calc(100% - 11.458vw);
}

.arts__profileBodyMax___3SXtp-camelCase {
    left: calc(50% + 5.729vw);
    transform: translateX(-50%);
    max-width: 71.146vw;
}

@media only screen and (max-width: 44.271vw) {
    .arts__profileBody___eNPbH-camelCase {
        left: 0;
        width: 100%;
        top: 2.865vw;
        height: calc(100% - 2.865vw);
    }

    .arts__profileBodyMax___3SXtp-camelCase {
        top: 2.865vw;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }
}

.styles__background___20rdi-camelCase {
    height: 100vh;
    width: 150vw;
    background-color: #3f3f3f;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2);
    position: absolute;
    top: calc(-30vh + 2.865vw);
    left: -25vw;
    transform: rotate(-10deg);
    z-index: -1;
}

.styles__header___1Boll-camelCase {
    font-size: 4.427vw;
    margin: 2.604vw auto 1.302vw;
    width: 90%;
    text-align: center;
    font-family: Titan One, sans-serif;
    color: #fff;
    text-shadow: 0.104vw 0.104vw 0.417vw grey;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__planContainer___3Cj3J-camelCase {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    margin: 2.344vw auto;
    max-width: 62.500vw;
}

.styles__plan___1OEy4-camelCase {
    width: 18.229vw;
    background-color: #2f2f2f;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    border-radius: 0.521vw;
    margin: 0.781vw;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
}

.styles__plan___1OEy4-camelCase,
.styles__planBackground___3Hn_x-camelCase {
    padding-bottom: 0.365vw;
    box-sizing: border-box;
}

.styles__planBackground___3Hn_x-camelCase {
    height: 6.510vw;
    width: 20.833vw;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -1.563vw;
    left: -1.302vw;
    transform: rotate(5deg);
}

.styles__planTop___2JfpA-camelCase {
    font-size: 2.8vw;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.styles__planPrice___2fwN6-camelCase,
.styles__planTop___2JfpA-camelCase {
    text-align: center;
    font-family: Nunito, sans-serif;
    font-weight: 700;
}

.styles__planPrice___2fwN6-camelCase {
    font-size: 4.688vw;
    color: #ffffff;
    margin-top: 5.729vw;
}

.styles__planSalePrice___R4tGa-camelCase {
    margin-top: 0.000vw;
    font-size: 1.823vw;
    margin-bottom: 1.302vw;
    text-align: center;
    font-family: Nunito, sans-serif;
    font-weight: 700;
    color: #ffffff;
    animation: styles__planSalePrice___R4tGa-camelCase 0.5s infinite alternate cubic-bezier(0.445, 0.050, 0.550, 0.950);
}

@keyframes styles__planSalePrice___R4tGa-camelCase {
    0% {
        transform: rotate(-6deg);
    }

    100% {
        transform: rotate(6deg);
    }
}

.styles__planSubText___1fl5s-camelCase {
    font-size: 0.833vw;
    opacity: 0.8;
    margin-bottom: 1.302vw;
}

.styles__planDetail___V2tYJ-camelCase,
.styles__planSubText___1fl5s-camelCase {
    text-align: center;
    font-family: Nunito, sans-serif;
    color: #ffffff;
}

.styles__planDetail___V2tYJ-camelCase {
    font-size: 0.8vw;
}

.styles__planSpacer___LF8cN-camelCase {
    width: 80%;
    margin: 0.156vw auto;
    height: 0.104vw;
    background-color: #e0e0e0;
    border-radius: 0.260vw;
}

.styles__planButton___2UTVa-camelCase {
    width: 80%;
    margin: 1.302vw auto 1.042vw;
}

.styles__planButtonInside___wAgJI-camelCase {
    height: 2.083vw;
    font-size: 1.563vw;
    font-weight: 700;
}

.styles__groupContainer___RJh5K-camelCase {
    margin: 0.521vw auto 2.604vw;
    box-sizing: border-box;
    width: 90%;
    max-width: 43.750vw;
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
    font-size: 1.771vw;
    font-weight: 700;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1.042vw 1.042vw 1.406vw;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    background-color: #fff;
    border-radius: 0.365vw;
}

.styles__groupButton___1Dv-n-camelCase {
    width: 12.500vw;
    margin: 1.042vw auto 0;
}

.styles__middleWrapper___hjUyY-camelCase {
    width: 100%;
    padding: 1.042vw;
    box-sizing: border-box;
    background-color: #1f1f1f;
}

.styles__middleHeader___1knI4-camelCase {
    font-size: 3.385vw;
    margin: 0.781vw auto 1.563vw;
    width: 90%;
    text-align: center;
    font-family: Titan One, sans-serif;
    color: #fff;
    text-shadow: 0.104vw 0.104vw 0.417vw grey;
}

.styles__middlePerks___3JJQv-camelCase {
    width: 90%;
    margin: 0.521vw auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.styles__perkContainer___2rw2I-camelCase {
    border-radius: 0.365vw;
    background-color: #2f2f2f;
    margin: 0.521vw;
    width: 20.833vw;
    height: 6.250vw;
    padding: 0.521vw 0.521vw 0.833vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    flex-direction: row;
    justify-content: space-between;
}

.styles__perkContainer___2rw2I-camelCase,
.styles__perkIcon___3Ke37-camelCase {
    display: flex;
    align-items: center;
}

.styles__perkIcon___3Ke37-camelCase {
    min-width: 3.906vw;
    height: 3.906vw;
    justify-content: center;
    font-size: 3.125vw;
    text-shadow: 0.104vw 0.104vw rgba(0, 0, 0, 0.2);
    color: #fff;
}

.styles__perkInfo___1jvHA-camelCase {
    display: flex;
    flex-direction: column;
    color: #fff;
    font-size: 0.938vw;
    width: calc(100% - 4.688vw);
}

.styles__perkTitle___3vmIt-camelCase {
    font-family: Titan One, sans-serif;
    font-size: 1.354vw;
    text-shadow: 0.104vw 0.104vw rgba(0, 0, 0, 0.2);
}

.styles__questionsHeader___2DqH--camelCase {
    font-size: 2.604vw;
    width: 80%;
    margin: 3.125vw auto 0.260vw;
    text-align: center;
    font-weight: 700;
}

.styles__questionsWrapper___XkktX-camelCase {
    width: 90%;
    margin: 0.521vw auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.styles__questionContainer___2heRn-camelCase {
    width: 48%;
    background-color: #fff;
    padding: 1.302vw 1.302vw 1.667vw;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    border-radius: 0.365vw;
    margin: 0.521vw auto;
    display: flex;
    flex-direction: column;
    text-align: left;
}

.styles__questionHeader___1ZfHa-camelCase {
    font-size: 1.667vw;
    font-weight: 700;
    margin-bottom: 0.365vw;
}

.styles__questionText___2JwGo-camelCase {
    font-size: 1.146vw;
}

@media screen and (max-width: 54.688vw) {
    .styles__header___1Boll-camelCase {
        font-size: 2.865vw;
    }

    .styles__planContainer___3Cj3J-camelCase {
        flex-direction: column;
    }
}

@media screen and (max-width: 33.854vw) {
    .styles__questionContainer___2heRn-camelCase {
        width: 100%;
    }
}

@media screen and (max-width: 28.646vw) {
    .styles__middleHeader___1knI4-camelCase {
        font-size: 2.604vw;
    }

    .styles__middlePerks___3JJQv-camelCase {
        width: 100%;
    }

    .styles__perkContainer___2rw2I-camelCase {
        width: 100%;
        height: 8.333vw;
    }
}

.styles__container___1BPm9-camelCase {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 21.875vw;
    background-color: #3f3f3f;
    border-radius: 0.365vw;
    text-align: center;
    box-sizing: border-box;
    padding-bottom: 0.365vw;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
}

.styles__text___KSL4--camelCase {
    font-family: Nunito, sans-serif;
    font-size: 1.667vw;
    line-height: 1.823vw;
    font-weight: 700;
    margin: 1.302vw 1.563vw;
    color: #ffffff;
}

.styles__blook___1vk2V-camelCase {
    height: 1.797vw;
    width: 1.563vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin: 0 0.469vw -0.260vw 0;
    display: inline-block;
}

.styles__holder___3CEfN-camelCase {
    width: 100%;
}

.styles__inputContainer___2Fn7J-camelCase {
    border: 0.156vw solid rgba(0, 0, 0, 0.17);
    border-radius: 0.313vw;
    width: 9.375vw;
    height: 2.604vw;
    margin: 0 auto 1.042vw;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.styles__contextMenuContainer___3jAmv-camelCase {
    position: absolute;
    background-color: #1f1f1f;
    width: 12.5vw;
    height: fit-content;
    z-index: 999;
    padding: 0.25vw;
    border-radius: 0.35vw;
    display: flex;
    flex-direction: column;
}

.styles__contextMenuItemContainer___m3Xa3-camelCase {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin: 0.25vw;
    border-radius: 0.25vw;
    padding: 0.5vw;
}

.styles__contextMenuItemContainer___m3Xa3-camelCase:hover {
    background-color: #2f2f2f;
    cursor: pointer;
}

.styles__contextMenuItemName___vj9a3-camelCase {
    font-size: 1vw;
    color: white;
    width: 100%;
}

.styles__contextMenuItemIcon___2Zq3a-camelCase {
    font-size: 1vw;
    color: white;
}

.styles__chatEmojiTooltip___Mt4Ad-camelCase {
    position: absolute;
    padding: 0.417vw 1.563vw;
    border-radius: 0.260vw;
    min-width: 7.813vw;
    max-width: 7.813vw;
    text-align: center;
    background-color: #5f5f5f;
    font-size: 1.042vw;
    z-index: 5;
    color: white;
    box-shadow: inset 0 -0.417vw rgb(0 0 0 / 20%), 0 0 0.208vw rgb(0 0 0 / 15%);
    height: 1.823vw;
}

.styles__chatEmojiButton___8RFa2-camelCase {
    border-radius: 0.104vw;
    background-color: #2f2f2f;
    height: 2.604vw !important;
    margin: 0.000vw !important;
    padding: 0.000vw !important;
    width: 2.604vw;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    color: white;
    font-size: 1.042vw;
    cursor: pointer;
}

.styles__chatEmojiButton___8RFa2-camelCase:hover {
    background-color: #3f3f3f;
}

.styles__chatUploadButton___g39Ac-camelCase {
    border-radius: 0.104vw;
    background-color: #2f2f2f;
    margin-right: 0.391vw !important;
    height: 2.604vw !important;
    width: 2.734vw !important;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    color: white;
    font-size: 1.042vw;
    cursor: pointer;
}

.styles__chatUploadButton___g39Ac-camelCase:hover {
    background-color: #3f3f3f;
}

.styles__chatInputContainer___gkR4A-camelCase {
    border: 0.156vw solid rgba(0, 0, 0, 0.17);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
    justify-content: left;
    background: #1f1f1f;
}

.styles__chatEmojiPickerContainer___KR4aN-camelCase {
    width: 18.229vw;
    background-color: #2f2f2f;
    text-align: center;
    position: absolute;
    bottom: 2.917vw;
    right: 0;
    min-height: 18.229vw;
    max-height: 18.229vw;
    border-radius: 0 0 0 0.521vw;
    box-shadow: inset 0 -0.417vw rgb(0 0 0 / 20%), 0 0 0.208vw rgb(0 0 0 / 15%);
    padding-bottom: 0.521vw;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.styles__chatEmojiPickerHeader___FK4Ac-camelCase {
    width: 100%;
    height: 2.604vw;
    background-color: #4f4f4f;
    box-shadow: inset 0 -0.417vw rgb(0 0 0 / 20%), 0 0 0.208vw rgb(0 0 0 / 15%);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.042vw;
    color: white;
    position: absolute;
    bottom: calc(107.5% - 7.5%);
    border-radius: 0.521vw 0 0 0;
}

.styles__chatEmojiPickerBody___KR4aN-camelCase {
    display: flex;
    flex-wrap: wrap;
    max-height: 95%;
    bottom: 0.781vw;
    overflow-y: scroll;
    position: absolute;
    -ms-overflow-style: none;
    scrollbar-width: none;
    left: 0.260vw;
}

.styles__chatEmojiPickerBody___KR4aN-camelCase::-webkit-scrollbar {
    display: none;
}

.styles__chatEmojiPickerEmoji___UWUGR-camelCase {
    display: inline-flex;
    margin: 0.156vw;
    padding: 0.000vw;
    gap: 0.000vw;
    cursor: pointer;
    width: 2.604vw;
    height: 2.604vw;
    object-fit: cover;
    transition: 0.25s;
}

.styles__chatEmojiPickerEmoji___UWUGR-camelCase:hover {
    transform: scale(0.9);
}

.styles__chatInputBox___fvMA4-camelCase {
    border: none;
    margin: 0.000vw !important;
    padding: 0.000vw !important;
    line-height: 2.604vw;
    font-size: 1.458vw;
    font-weight: 700;
    font-family: Nunito, sans-serif;
    color: #ffffff;
    background-color: #1f1f1f;
    border: rgba(10, 10, 10, 0.17);
    border-radius: 0.104vw;
    color: white;
    outline: none;
    width: 97%;
    max-width: 97%;
    height: auto;
    min-height: 2.604vw;
    max-height: 18.229vw;
    text-align: left;
    justify-content: left;
    align-self: flex-start;
    align-items: flex-start;
    resize: none;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.styles__chatInputBox___fvMA4-camelCase::-webkit-scrollbar {
    display: none;
}

.styles__chatEditBox___29QAm-camelCase {
    border: none;
    margin: 0.000vw !important;
    padding: 0.000vw !important;
    line-height: 2.604vw;
    font-size: 1.458vw;
    font-weight: 700;
    font-family: Nunito, sans-serif;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.25);
    border: rgba(10, 10, 10, 0.17);
    border-radius: 0.521vw;
    color: white;
    outline: none;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 2.604vw;
    max-height: 18.229vw;
    text-align: left;
    justify-content: left;
    align-self: flex-start;
    align-items: flex-start;
    resize: none;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.styles__chatEditBox___29QAm-camelCase::-webkit-scrollbar {
    display: none;
}

.styles__chatContainer___iA8ZU-camelCase {
    font-size: 1.2vw;
    width: 100%;
    height: 100%;
    overflow: auto;
    position: absolute;
    overflow-y: scroll;
    height: calc(100% - 2.865vw);
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.styles__chatContainer___iA8ZU-camelCase::-webkit-scrollbar {
    display: none;
}

.styles__consoleLogsContainer___4jCma-camelCase {
    width: 100%;
    position: absolute;
    overflow-y: scroll;
    height: calc(90% - 2.865vw);
    bottom: 3.646vw;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.styles__consoleLogsContainer___4jCma-camelCase::-webkit-scrollbar {
    display: none;
}

.styles__chatContainerBackground___gR4Ab-camelCase {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.33);
    width: 100%;
    height: 100%;
}

.styles__chatAvatar___RZQ83-camelCase {
    width: 2.604vw;
    filter: drop-shadow(0 0 0.182vw rgba(0, 0, 0, 1));
    cursor: pointer;
    transition: 0.2s;
}

.styles__chatAvatar___RZQ83-camelCase:hover {
    transform: scale(0.9);
}

.styles__chatAvatarNoHover___jg49m-camelCase {
    width: 2.604vw;
    filter: drop-shadow(0 0 0.182vw rgba(0, 0, 0, 1));
}

.styles__chatName___F1Z4P-camelCase {
    text-align: center;
    font-size: 1.302vw;
    position: absolute;
    margin-left: 0.521vw;
    cursor: pointer;
}

.styles__chatName___F1Z4P-camelCase:hover {
    filter: drop-shadow(0 0 0.182vw #000000);
}

.styles__chatNameNoHover___fj2Qa-camelCase {
    text-align: center;
    font-size: 1.302vw;
    position: absolute;
    margin-left: 0.521vw;
}

.styles__chatBadge___AZ1ZU-camelCase {
    width: 1.302vw;
    height: 1.302vw;
    position: relative;
    top: 0.260vw;
    margin-left: 0.208vw;
}

.styles__chatEmoji___FT5aB-camelCase {
    width: 1.300vw;
    position: relative;
    top: 0.156vw;
}

.styles__chatEmbedImage___fk29M-camelCase {
    margin: 0.130vw;
    display: flex;
    break-after: always;
    line-break: anywhere;
    max-height: 17.5vw;
    max-width: 73.375vw;
    border-radius: 0.365vw;
    filter: drop-shadow(0 0 0.182vw black);
    cursor: pointer;
}

.styles__chatEmbedImage___fk29M-camelCase:hover {
    filter: brightness(0.75) drop-shadow(0 0 0.182vw black);
}

.styles__chatEmbedVideo___c9jac-camelCase {
    margin: 0.130vw;
    display: flex;
    break-after: always;
    line-break: anywhere;
    max-height: 20vw;
    border-radius: 0.365vw;
    filter: drop-shadow(0 0 0.182vw black);
}

.styles__chatEmbedAudio___92Ama-camelCase {
    margin: 0.130vw;
    display: flex;
    break-after: always;
    line-break: anywhere;
    max-height: 20vw;
    border-radius: 0.365vw;
}

.styles__chatMessage___2Z1ZU-camelCase {
    color: white;
    margin-left: 3.047vw;
    display: block;
    max-width: 83.333vw;
    word-break: break-word;
    padding: 0.078vw;
    border-radius: 0.260vw;
    margin-top: 0.052vw;
    position: relative;
}

.styles__chatMessage___2Z1ZU-camelCase:hover {
    background-color: rgba(0, 0, 0, 0.33);
}

.styles__chatMessageNoHover___fj2xc-camelCase {
    font-size: 1.042vw;
    color: white;
    margin-left: 3.047vw;
    display: block;
    max-width: 83.333vw;
    word-break: break-word;
    padding: 0.078vw;
    border-radius: 0.260vw;
    margin-top: 0.052vw;
    position: relative;
}

.styles__chatMessageMention___2Z1ZU-camelCase {
    color: white;
    margin-left: 3.047vw;
    display: block;
    max-width: 83.333vw;
    word-break: break-word;
    background-color: rgba(100, 100, 0, 0.66);
    padding: 0.078vw;
    margin-top: 0.052vw;
    border-radius: 0.260vw;
    position: relative;
}

.styles__chatMessageMention___2Z1ZU-camelCase:hover {
    background-color: rgba(75, 75, 0, 0.66);
}

.styles__chatMessageButtonContainer___4jCa3-camelCase {
    position: absolute;
    right: 0;
    margin-right: -0.5vw;
    top: 0;
    margin-top: -1vw;
    display: flex;
    gap: 0.260vw;
    flex-direction: row-reverse;
}

.styles__chatMessageButton___mal31-camelCase {
    font-size: 1.042vw;
    color: #fff;
    background-color: #1f1f1f;
    border-radius: 0.260vw;
    height: 1.823vw;
    width: 1.823vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__chatMessageButton___mal31-camelCase:hover {
    background-color: #2f2f2f;
}

.styles__chatMessageContainer__G1Z4P-camelCase {
    padding: 0.521vw;
    margin-top: 0.391vw;
}

.styles__chatContainer___iA8ZU-camelCase::-webkit-scrollbar {
    width: 2.604vw;
}

.styles__chatMessageContainerNoSpacing__49j2C-camelCase {
    margin-left: 0.521vw;
}

.styles__panelHomeButtonContainer___4jCar-camelCase {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    flex-direction: row;
    gap: 0.781vw;
}

.styles__badgeCenterContainer___cj39A-camelCase {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.styles__badgeCenterBackgroundContainer___9akFc-camelCase {
    position: absolute;
    z-index: 0;
    width: 26.042vw;
}

.styles__badgeCenterBackgroundShadow___4j9vA-camelCase {
    width: 100%;
    position: absolute;
    bottom: 0.286vw;
    left: 0;
    height: 2.604vw;
    box-shadow: inset 0 -0.469vw rgba(0, 0, 0, 0.2);
    border-bottom-left-radius: 0.521vw;
    border-bottom-right-radius: 0.521vw;
}

.styles__badgeCenterName___4jCja-camelCase {
    font-size: 2.083vw;
    color: white;
    text-align: center;
    font-family: 'Titan One';
    z-index: 1;
    position: relative;
    bottom: 4.167vw;
}

.styles__badgeCenterTrashButton___xmaA3-camelCase {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.042vw;
    color: white;
    margin: 0.521vw;
    background-color: #2f2f2f;
    padding: 0.521vw;
    border-radius: 0.365vw;
    cursor: pointer;
    transition: 0.2s;
    box-shadow: inset 0 -0.260vw rgba(0, 0, 0, 0.2);
}

.styles__badgeCenterTrashButton___xmaA3-camelCase:hover {
    transform: scale(0.9);
}

.styles__badgeCenterCreateButton___94jQA-camelCase {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.042vw;
    color: white;
    margin: 0.521vw;
    background-color: #2f2f2f;
    padding: 0.521vw;
    border-radius: 0.365vw;
    cursor: pointer;
    transition: 0.2s;
    box-shadow: inset 0 -0.260vw rgba(0, 0, 0, 0.2);
}

.styles__badgeCenterCreateButton___94jQA-camelCase:hover {
    transform: scale(0.9);
}

.styles__badgeCenterPreviousButton___fi939-camelCase {
    position: absolute;
    bottom: 0.521vw;
    left: 0;
    font-size: 1.042vw;
    color: white;
    margin: 0.521vw;
    background-color: #2f2f2f;
    padding: 0.521vw;
    border-radius: 0.365vw;
    cursor: pointer;
    transition: 0.2s;
    z-index: 2;
    box-shadow: inset 0 -0.260vw rgba(0, 0, 0, 0.2);
}

.styles__badgeCenterPreviousButton___fi939-camelCase:hover {
    transform: scale(0.9);
}

.styles__badgeCenterNextButton___x902A-camelCase {
    position: absolute;
    bottom: 0.521vw;
    right: 0;
    font-size: 1.042vw;
    color: white;
    margin: 0.521vw;
    background-color: #2f2f2f;
    padding: 0.521vw;
    border-radius: 0.365vw;
    cursor: pointer;
    transition: 0.2s;
    z-index: 2;
    transform: scale(1) scaleX(-1);
    box-shadow: inset 0 -0.260vw rgba(0, 0, 0, 0.2);
}

.styles__badgeCenterNextButton___x902A-camelCase:hover {
    transform: scale(0.9) scaleX(-1);
}

.styles__badgeCenterImage___mvna3-camelCase {
    width: 13.021vw;
    z-index: 1;
    transition: 0.2s;
    cursor: pointer;
}

.styles__badgeCenterImage___mvna3-camelCase:hover {
    filter: brightness(0.6);
}

.styles__badgeCenterDescription___ai994-camelCase {
    font-size: 1.302vw;
    font-family: 'Titan One';
    color: white;
    text-align: center;
    z-index: 1;
    position: relative;
    top: 3.385vw;
    max-width: 18.229vw;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    white-space: nowrap;
}

.styles__badgeCenterDescription___ai994-camelCase:hover {
    filter: brightness(0.6);
}

.styles__formsContainer___Fk4Av-camelCase {
    width: 75vw;
    height: 32.5vw;
    position: absolute;
    top: 10.5vw;
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.styles__formsContainer___Fk4Av-camelCase::-webkit-scrollbar {
    display: none;
}

.styles__formsForm___MvA35-camelCase {
    background-color: #2f2f2f;
    width: 100%;
    display: block;
    height: 6.250vw;
    border-radius: 0.365vw;
    cursor: pointer;
    box-shadow: inset 0 -0.4vw rgba(0, 0, 0, 0.2), 0 0 0.3vw rgba(0, 0, 0, 0.15);
    margin-top: 0.521vw;
}

.styles__formsForm___MvA35-camelCase:hover {
    background-color: #3f3f3f;
}

.styles__formsFormUsername___Vamr4-camelCase {
    color: white;
    font-size: 1.563vw;
    margin-left: 0.521vw;
}

.styles__formsFormDiscord___r94MV-camelCase {
    color: white;
    font-size: 0.781vw;
    margin-left: 0.521vw;
    margin-top: -0.260vw;
    filter: opacity(0.5);
}

.styles__formsFormBody___wRo5A-camelCase {
    color: white;
    font-size: 1.042vw;
    margin-left: 0.521vw;
    word-break: break-word;
    overflow: hidden;
    max-height: 2.604vw;
}

.styles__clansDiscoveryContainer___mA3va-camelCase {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fill, 21.354vw);
    grid-gap: 3.906vw;
    margin: 0 5% 1.302vw;
    width: 100%;
    overflow-y: scroll;
    max-height: 31.250vw;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.styles__clansDiscoveryContainer___mA3va-camelCase::-webkit-scrollbar {
    display: none;
}

.styles__clansDiscoveryClanContainer___cbA4a-camelCase {
    width: 20.833vw;
    background-color: #2f2f2f;
    border-radius: 0.365vw;
    padding-bottom: 0.365vw;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    justify-content: center;
    list-style: none;
    text-decoration: none;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: 0.2s;
    color: white;
    min-height: 18.229vw;
    max-height: 18.229vw;
}

.styles__clansDiscoveryClanContainer___cbA4a-camelCase:hover {
    transform: scale(0.95);
}

.styles__clansDiscoveryClanImageFiller___vbA3a-camelCase {
    width: 100%;
    height: 9.375vw;
    border-top-left-radius: 0.365vw;
    border-top-right-radius: 0.365vw;
}

.styles__clansDiscoveryClanTotalMembersContainer___hjvmA-camelCase {
    background-color: rgba(0, 0, 0, 0.6);
    height: 1.302vw;
    width: 7.552vw;
    margin: -1.719vw 0.521vw 0.417vw auto;
    border-radius: 0.208vw;
}

.styles__clansDiscoveryClanTotalMembersText___fjmCa-camelCase {
    font-size: 0.938vw;
    line-height: 1.302vw;
    margin: auto;
    text-align: center;
    color: #fff;
}

.styles__clanDiscoveryClanName___gnV49-camelCase {
    font-size: 1.250vw;
    font-weight: 700;
    margin: 0.521vw 4% 0.260vw;
    word-wrap: break-word;
    text-align: left;
}

.styles__clanDiscoveryClanLevel___ncnA3-camelCase {
    font-size: 0.781vw;
    margin-left: 0.885vw;
    filter: opacity(0.5);
    word-wrap: break-word;
    text-align: left;
}

.styles__clanDiscoveryClanDescription___lkb3a-camelCase {
    margin: 0.521vw 4% 0.260vw;
    line-height: 1.042vw;
    word-wrap: break-word;
    font-size: 0.911vw;
    font-weight: 1;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.styles__clanDiscoveryClanSpacer___49anv-camelCase {
    width: 100%;
    height: 0.781vw;
    flex-grow: 2;
}

.styles__clanDiscoveryClanAuthorContainer___28amc-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 5% 0.365vw;
    height: 1.302vw;
}

.styles__clanDiscoveryClanAuthorText___38NVa-camelCase {
    font-family: Nunito, sans-serif;
    margin-left: 0.260vw;
    width: 2.083vw;
    min-width: 2.083vw;
    max-width: 2.083vw;
    font-size: 0.85vw;
}

.styles__clanDiscoveryClanStatusesContainer___59mXC-camelCase {
    position: relative;
    left: 11.979vw;
    bottom: 0.521vw;
    font-size: 0.85vw;
}

.styles__clanDiscoveryClanStatusOnline___fjm2a-camelCase {
    background-color: green;
    width: 0.521vw;
    height: 0.521vw;
    display: inline-block;
    border-radius: 50%;
}

.styles__clanDiscoveryClanStatusOffline___fjm2a-camelCase {
    background-color: gray;
    width: 0.521vw;
    height: 0.521vw;
    display: inline-block;
    border-radius: 50%;
}

.styles__clanDiscoveryClanInformationLeft___4mxA4-camelCase {
    background-color: #2f2f2f;
    border-radius: 0.365vw;
    width: 17.188vw;
    padding: 0.781vw 0.781vw 0.521vw;
    box-sizing: border-box;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    color: white;
    margin-left: 1.302vw;
}

.styles__clanDiscoveryClanInformationDescription___3nXam-camelCase {
    font-size: 0.938vw;
    overflow-x: hidden;
    word-wrap: break-word;
    margin: 0.365vw 0;
}

.styles__clanDiscoveryClanInformationStatsContainer___4jVma-camelCase {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    display: block;
}

.styles__clanDiscoveryClanInformationBigStat___mvmA4-camelCase {
    font-size: 0.938vw;
    font-weight: 700;
}

.styles__clanDiscoveryClanInformationLittleStat___anxb5-camelCase {
    font-size: 0.625vw;
    opacity: 0.8;
}

.styles__clanDiscoveryClanInformationButtonContainer___XxX59-camelCase {
    margin: 0.781vw 0 0.260vw;
}

.styles__clanDiscoveryClanInformationCreatedContainer___cn92a-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 1.563vw;
    margin-top: auto;
}

.styles__clanDiscoveryClanInformationCreatedText___4jmxA-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 0.833vw;
    color: #fff;
    filter: opacity(0.5);
}

.styles__clanDiscoveryClanInformationClanMemberContainer___c9290-camelCase {
    width: 17.188vw;
    height: 3.906vw;
    background-color: #2f2f2f;
    margin-left: 1.302vw;
    margin-top: 0.521vw;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    border-radius: 0.365vw;
    cursor: pointer;
}

.styles__clanDiscoveryClanInformationClanMemberContainer___c9290-camelCase:hover {
    background-color: #3f3f3f;
}

.styles__clanDiscoveryClanInformationClanMemberAvatar___4jmCA-camelCase {
    width: 2.604vw;
    position: relative;
    left: 0.260vw;
    top: 0.260vw;
}

.styles__clanDiscoveryClanInformationClanMemberUsername___jn39A-camelCase {
    position: relative;
    bottom: 2.865vw;
    left: 3.125vw;
    font-size: 1.042vw;
}

.styles__clanDiscoveryClanInformationClanMemberDescription___28jDx-camelCase {
    position: relative;
    bottom: 3.125vw;
    left: 3.125vw;
    font-size: 0.781vw;
    color: white;
    opacity: 0.5;
}

.styles__clanDiscoveryClanInformationClanMembersContainer___49jfA-camelCase {
    position: absolute;
    width: 65%;
    height: 90%;
    right: 0;
    top: 4.427vw;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.styles__clanDiscoveryClanInformationClanMembersContainer___49jfA-camelCase::-webkit-scrollbar {
    display: none;
}

.styles__creditsContainer___fkEnvi-camelCase {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 1.563vw;
}

.styles__creditsCreditContainer___bej3a-camelCase {
    background: #2f2f2f;
    width: 18.229vw;
    height: 13.021vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2);
    border-radius: 0.365vw;
    padding: 1.042vw;
    transition: 0.2s;
    cursor: pointer;
}

.styles__creditsCreditContainer___bej3a-camelCase:hover {
    transform: scale(0.95);
}

.styles__creditsCreditAvatar___4939A-camelCase {
    border-radius: 0.365vw;
    min-height: 7.813vw;
    max-height: 7.813vw;
}

.styles__creditsCreditName___20Cma-camelCase {
    color: white;
    font-size: 2.344vw;
    margin-top: 0.260vw;
    text-align: center;
    white-space: nowrap;
}

.styles__creditsCreditNote___9benj-camelCase {
    color: white;
    font-size: 1.042vw;
    text-align: center;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3.646vw;
}

.styles__bazaarSwitcher___4F4Am-camelCase {
    position: absolute;
    width: fit-content;
    height: fit-content;
    text-align: center;
    font-size: 1.302vw;
    background-color: #2f2f2f;
    padding: 0.521vw;
    color: white;
    border-radius: 0.365vw;
    left: 4.5vw;
    box-shadow: inset 0 -0.4vw rgba(0, 0, 0, 0.2), 0 0 0.3vw rgba(0, 0, 0, 0.15);
    cursor: pointer;
}

.styles__bazaarSearch___4F4Am-camelCase {
    position: absolute;
    width: fit-content;
    height: fit-content;
    text-align: center;
    font-size: 1.302vw;
    background-color: #2f2f2f;
    padding: 0.521vw;
    color: white;
    border-radius: 0.365vw;
    left: 4.5vw;
    box-shadow: inset 0 -0.4vw rgba(0, 0, 0, 0.2), 0 0 0.3vw rgba(0, 0, 0, 0.15);
    cursor: pointer;
}

.styles__bazaarSelector___Fk3Av-camelCase {
    position: absolute;
    width: 60%;
    height: 20%;
    background-color: rgba(0, 0, 0, 0.33);
    top: 5vh;
    left: 13vw;
    border-radius: 0.365vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    overflow-x: scroll;
    scrollbar-color: #4f4f4f #2f2f2f;
    flex-direction: column;
}

.styles__bazaarResultsText___g4Sxn-camelCase {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 2vw;
    color: white;
    font-weight: 700;
    bottom: 37.5vh;
}

.styles__bazaarItems___KmNa2-camelCase {
    position: absolute;
    width: 80%;
    height: 30%;
    background-color: #2f2f2f;
    bottom: 5vh;
    left: 8.5vw;
    border-radius: 0.365vw;
    box-shadow: inset 0 -0.4vw rgba(0, 0, 0, 0.2), 0 0 0.3vw rgba(0, 0, 0, 0.15);
}

.styles__bazaarItemsContainer___GkAC2-camelCase {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 90%;
    position: relative;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.styles__bazaarSelectorItems___KmNa2-camelCase {
    position: absolute;
    width: 80%;
    height: 25%;
    background-color: rgba(0, 0, 0, 0.33);
    bottom: 45.5vh;
    left: 8.5vw;
    border-radius: 0.365vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    overflow-y: scroll;
    scrollbar-width: none;
}

.styles__bazaarItem___Meg69-camelCase {
    position: relative;
    width: 7.5vw;
    height: 7.5vw;
    background-color: #3f3f3f;
    border-radius: 0.365vw;
    box-shadow: inset 0 -0.4vw rgba(0, 0, 0, 0.2), 0 0 0.3vw rgba(0, 0, 0, 0.15);
    cursor: pointer;
    margin: 1vw;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.styles__bazaarItem___Meg69-camelCase:hover {
    background-color: #4f4f4f;
}

.styles__bazaarItemImage___KriA4-camelCase {
    width: 50%;
    position: relative;
    bottom: 19%;
}

.styles__bazaarSelectorItem___Meg69-camelCase {
    position: relative;
    width: 5vw;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    transition: 0.2s;
}

.styles__bazaarSelectorItem___Meg69-camelCase:hover {
    transform: scale(0.95);
}

.styles__bazaarSelectorItemImage___KriA4-camelCase {
    width: 80%;
    position: relative;
    top: 0;
}

.styles__bazaarItemAuthor___Fk3A1-camelCase {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 1vw;
    color: white;
    bottom: 1.5vw;
}

.styles__bazaarItemPrice___KG4aZ-camelCase {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 0.75vw;
    color: white;
    bottom: 0.55vw;
}

.styles__inputContainer___2Fn7J-camelCase[focus-within] {
    border-color: #5f5f5f;
}

.styles__inputContainer___2Fn7J-camelCase:focus-within {
    border-color: #5f5f5f;
}

.styles__input___2vJSW-camelCase {
    border: none;
    margin: 0.260vw 0 0.260vw 0.260vw;
    padding-right: 0.260vw;
    padding-left: 0.260vw;
    width: 5.990vw;
    height: 2.083vw;
    line-height: 2.083vw;
    font-size: 1.458vw;
    text-align: right;
    font-weight: 700;
    font-family: Nunito, sans-serif;
    color: #ffffff;
    background-color: #3f3f3f;
    outline: none;
}

.styles__select___4kC90-camelCase {
    font-size: 1.302vw;
    background-color: #3f3f3f;
    color: white;
    border: 0.156vw solid rgba(0, 0, 0, 0.17);
    border-radius: 0.313vw;
    padding: 0.156vw 1.042vw;
    outline: none;
}

.styles__input___2vJSW-camelCase:-moz-placeholder,
.styles__input___2vJSW-camelCase:-ms-input-placeholder,
.styles__input___2vJSW-camelCase::-moz-placeholder,
.styles__input___2vJSW-camelCase::-webkit-input-placeholder {
    color: #999;
}

.styles__input___2vJSW-camelCase::-webkit-inner-spin-button,
.styles__input___2vJSW-camelCase::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.styles__longInput___QVduj-camelCase {
    border: none;
    margin: 0.260vw 0 0.260vw 0.260vw;
    padding-right: 0.260vw;
    padding-left: 0.260vw;
    width: calc(100% - 1.042vw);
    height: 1.875vw;
    line-height: 1.875vw;
    font-size: 1.250vw;
    text-align: left;
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
    outline: none;
}

.styles__longInput___QVduj-camelCase:-moz-placeholder,
.styles__longInput___QVduj-camelCase:-ms-input-placeholder,
.styles__longInput___QVduj-camelCase::-moz-placeholder,
.styles__longInput___QVduj-camelCase::-webkit-input-placeholder {
    color: #999;
}

.styles__longInput___QVduj-camelCase::-webkit-inner-spin-button,
.styles__longInput___QVduj-camelCase::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.styles__inputFilled___3AmpF-camelCase {
    border-color: #3a3a3a;
}

.styles__token___17MV4-camelCase {
    border-radius: 0.313vw;
}

.styles__icon___Z-5-g-camelCase,
.styles__token___17MV4-camelCase {
    height: 1.563vw;
    width: 1.563vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin: 0.521vw;
}

.styles__icon___Z-5-g-camelCase {
    line-height: 1.563vw;
    font-size: 1.458vw;
    text-align: center;
}

.styles__colorsHolder___162vx-camelCase {
    width: 17.188vw;
    height: 2.604vw;
    margin: 0 auto 1.042vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.styles__colorContainer___1-6bJ-camelCase {
    border-radius: 0.260vw;
    width: 1.302vw;
    height: 1.302vw;
    color: #fff;
    font-size: 0.729vw;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
}

.styles__buttonContainer___2EaVD-camelCase,
.styles__colorContainer___1-6bJ-camelCase {
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__buttonContainer___2EaVD-camelCase {
    width: 100%;
    margin-top: 1.563vw;
    margin-bottom: 1.302vw;
    flex-direction: row;
}

.styles__button___3zpwV-camelCase {
    margin: auto;
}

.styles__buttonInside___39vdp-camelCase {
    min-width: 5.208vw;
    height: 1.823vw;
    font-size: 1.146vw;
    padding: 0.260vw 0.781vw;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.styles__buttonInsideNoMinWidth___39vdp-camelCase {
    height: 1.823vw;
    font-size: 1.146vw;
    padding: 0.260vw 0.781vw;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.styles__errorContainer___2idI5-camelCase {
    border: 0.104vw solid #ce1313;
    border-radius: 0.313vw;
    width: 17.188vw;
    display: flex;
    flex-direction: row;
    margin: auto auto 1.302vw;
}

.styles__errorIcon___2Ey5t-camelCase {
    font-size: 1.042vw;
    color: #ce1313;
    padding-left: 0.729vw;
    padding-right: 0.208vw;
    margin: 0.469vw 0.260vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__errorText___2tWcX-camelCase {
    margin: 0.417vw 0.260vw 0.260vw 0.573vw;
    font-size: 0.990vw;
    text-align: left;
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
}

.styles__numRow___xh98F-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.042vw;
}

.styles__numTotal___3LQaw-camelCase {
    color: #ffffff;
    line-height: 2.083vw;
    font-size: 1.667vw;
    font-weight: 700;
    margin-left: 0.521vw;
}

@media only screen and (max-width: 31.250vw) {
    .styles__container___1BPm9-camelCase {
        width: 16.146vw;
    }

    .styles__colorsHolder___162vx-camelCase,
    .styles__errorContainer___2idI5-camelCase {
        width: 14.583vw;
    }

    .styles__colorContainer___1-6bJ-camelCase {
        border-radius: 0.260vw;
        width: 1.198vw;
        height: 1.198vw;
    }
}

.styles__blookContainer___3YrVw-camelCase {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.styles__blook___2VL-Z-camelCase,
.styles__part___39fOM-camelCase {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.styles__part___39fOM-camelCase {
    position: absolute;
    bottom: 0;
    left: 0;
}

.styles__blookContainer___36LK2-camelCase {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.styles__spookyGhost___1VxWJ-camelCase {
    -webkit-animation: styles__ghostShake___18dP5-camelCase 2s linear 0s infinite alternate;
    animation: styles__ghostShake___18dP5-camelCase 2s linear 0s infinite alternate;
}

@-webkit-keyframes styles__ghostShake___18dP5-camelCase {
    0% {
        transform: translateY(0);
    }

    to {
        transform: translateY(-7.5%);
    }
}

@keyframes styles__ghostShake___18dP5-camelCase {
    0% {
        transform: translateY(0);
    }

    to {
        transform: translateY(-7.5%);
    }
}

.styles__blook___1R6So-camelCase {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.styles__santaHat___RZX9l-camelCase {
    position: absolute;
    bottom: 75.5%;
    left: 55%;
    width: 50%;
    transform: translate(-50%) rotate(-5deg);
}

.styles__timsCow___r9aN7-camelCase {
    position: absolute;
    bottom: 37.5%;
    left: 50.25%;
    width: 20%;
    transform: translate(-50%, 50%);
    transform-origin: 50% 55%;
    -webkit-animation: styles__timsCowSpin___16EM--camelCase 3s linear 0s infinite;
    animation: styles__timsCowSpin___16EM--camelCase 3s linear 0s infinite;
}

@-webkit-keyframes styles__timsCowSpin___16EM--camelCase {
    0% {
        transform: translate(-50%, 50%) rotate(0deg);
    }

    50% {
        transform: translate(-50%, 50%) rotate(180deg);
    }

    to {
        transform: translate(-50%, 50%) rotate(1turn);
    }
}

@keyframes styles__timsCowSpin___16EM--camelCase {
    0% {
        transform: translate(-50%, 50%) rotate(0deg);
    }

    50% {
        transform: translate(-50%, 50%) rotate(180deg);
    }

    to {
        transform: translate(-50%, 50%) rotate(1turn);
    }
}

.styles__phantomSword___3gNaG-camelCase {
    position: absolute;
    bottom: 0;
    right: -10%;
    width: 42.5%;
    transform: rotate(25deg);
    -webkit-animation: styles__phantomSwordMove___2b5y5-camelCase 1.5s linear 0s infinite;
    animation: styles__phantomSwordMove___2b5y5-camelCase 1.5s linear 0s infinite;
}

@-webkit-keyframes styles__phantomSwordMove___2b5y5-camelCase {
    0% {
        transform: rotate(25deg) translateY(0);
    }

    50% {
        transform: rotate(25deg) translateY(-15%);
    }

    to {
        transform: rotate(25deg) translateY(0);
    }
}

@keyframes styles__phantomSwordMove___2b5y5-camelCase {
    0% {
        transform: rotate(25deg) translateY(0);
    }

    50% {
        transform: rotate(25deg) translateY(-15%);
    }

    to {
        transform: rotate(25deg) translateY(0);
    }
}

.styles__astro1___3f5Wp-camelCase,
.styles__astro2___2s1LW-camelCase,
.styles__astro3___2LcHF-camelCase,
.styles__astro4___LJ9b1-camelCase,
.styles__astro5___3aaY7-camelCase,
.styles__astro6___1kB-r-camelCase {
    position: absolute;
}

.styles__astro1___3f5Wp-camelCase {
    -webkit-animation: styles__astro1___3f5Wp-camelCase 4s linear infinite;
    animation: styles__astro1___3f5Wp-camelCase 4s linear infinite;
}

@-webkit-keyframes styles__astro1___3f5Wp-camelCase {
    0% {
        opacity: 1;
    }

    8.33% {
        opacity: 0;
    }

    16.67% {
        opacity: 0;
    }

    25% {
        opacity: 0;
    }

    33.33% {
        opacity: 0;
    }

    41.67% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    58.33% {
        opacity: 0;
    }

    66.67% {
        opacity: 0;
    }

    75% {
        opacity: 0;
    }

    83.33% {
        opacity: 0;
    }

    91.67% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes styles__astro1___3f5Wp-camelCase {
    0% {
        opacity: 1;
    }

    8.33% {
        opacity: 0;
    }

    16.67% {
        opacity: 0;
    }

    25% {
        opacity: 0;
    }

    33.33% {
        opacity: 0;
    }

    41.67% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    58.33% {
        opacity: 0;
    }

    66.67% {
        opacity: 0;
    }

    75% {
        opacity: 0;
    }

    83.33% {
        opacity: 0;
    }

    91.67% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.styles__astro2___2s1LW-camelCase {
    -webkit-animation: styles__astro2___2s1LW-camelCase 4s linear infinite;
    animation: styles__astro2___2s1LW-camelCase 4s linear infinite;
}

@-webkit-keyframes styles__astro2___2s1LW-camelCase {
    0% {
        opacity: 1;
    }

    8.33% {
        opacity: 1;
    }

    16.67% {
        opacity: 0;
    }

    25% {
        opacity: 0;
    }

    33.33% {
        opacity: 0;
    }

    41.67% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    58.33% {
        opacity: 0;
    }

    66.67% {
        opacity: 0;
    }

    75% {
        opacity: 0;
    }

    83.33% {
        opacity: 0;
    }

    91.67% {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}

@keyframes styles__astro2___2s1LW-camelCase {
    0% {
        opacity: 1;
    }

    8.33% {
        opacity: 1;
    }

    16.67% {
        opacity: 0;
    }

    25% {
        opacity: 0;
    }

    33.33% {
        opacity: 0;
    }

    41.67% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    58.33% {
        opacity: 0;
    }

    66.67% {
        opacity: 0;
    }

    75% {
        opacity: 0;
    }

    83.33% {
        opacity: 0;
    }

    91.67% {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}

.styles__astro3___2LcHF-camelCase {
    -webkit-animation: styles__astro3___2LcHF-camelCase 4s linear infinite;
    animation: styles__astro3___2LcHF-camelCase 4s linear infinite;
}

@-webkit-keyframes styles__astro3___2LcHF-camelCase {
    0% {
        opacity: 1;
    }

    8.33% {
        opacity: 1;
    }

    16.67% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    33.33% {
        opacity: 0;
    }

    41.67% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    58.33% {
        opacity: 0;
    }

    66.67% {
        opacity: 0;
    }

    75% {
        opacity: 0;
    }

    83.33% {
        opacity: 1;
    }

    91.67% {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}

@keyframes styles__astro3___2LcHF-camelCase {
    0% {
        opacity: 1;
    }

    8.33% {
        opacity: 1;
    }

    16.67% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    33.33% {
        opacity: 0;
    }

    41.67% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    58.33% {
        opacity: 0;
    }

    66.67% {
        opacity: 0;
    }

    75% {
        opacity: 0;
    }

    83.33% {
        opacity: 1;
    }

    91.67% {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}

.styles__astro4___LJ9b1-camelCase {
    -webkit-animation: styles__astro4___LJ9b1-camelCase 4s linear infinite;
    animation: styles__astro4___LJ9b1-camelCase 4s linear infinite;
}

@-webkit-keyframes styles__astro4___LJ9b1-camelCase {
    0% {
        opacity: 1;
    }

    8.33% {
        opacity: 1;
    }

    16.67% {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    33.33% {
        opacity: 0;
    }

    41.67% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    58.33% {
        opacity: 0;
    }

    66.67% {
        opacity: 0;
    }

    75% {
        opacity: 1;
    }

    83.33% {
        opacity: 1;
    }

    91.67% {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}

@keyframes styles__astro4___LJ9b1-camelCase {
    0% {
        opacity: 1;
    }

    8.33% {
        opacity: 1;
    }

    16.67% {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    33.33% {
        opacity: 0;
    }

    41.67% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    58.33% {
        opacity: 0;
    }

    66.67% {
        opacity: 0;
    }

    75% {
        opacity: 1;
    }

    83.33% {
        opacity: 1;
    }

    91.67% {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}

.styles__astro5___3aaY7-camelCase {
    -webkit-animation: styles__astro5___3aaY7-camelCase 4s linear infinite;
    animation: styles__astro5___3aaY7-camelCase 4s linear infinite;
}

@-webkit-keyframes styles__astro5___3aaY7-camelCase {
    0% {
        opacity: 1;
    }

    8.33% {
        opacity: 1;
    }

    16.67% {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    33.33% {
        opacity: 1;
    }

    41.67% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    58.33% {
        opacity: 0;
    }

    66.67% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    83.33% {
        opacity: 1;
    }

    91.67% {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}

@keyframes styles__astro5___3aaY7-camelCase {
    0% {
        opacity: 1;
    }

    8.33% {
        opacity: 1;
    }

    16.67% {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    33.33% {
        opacity: 1;
    }

    41.67% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    58.33% {
        opacity: 0;
    }

    66.67% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    83.33% {
        opacity: 1;
    }

    91.67% {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}

.styles__astro6___1kB-r-camelCase {
    -webkit-animation: styles__astro6___1kB-r-camelCase 4s linear infinite;
    animation: styles__astro6___1kB-r-camelCase 4s linear infinite;
}

@-webkit-keyframes styles__astro6___1kB-r-camelCase {
    0% {
        opacity: 1;
    }

    8.33% {
        opacity: 1;
    }

    16.67% {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    33.33% {
        opacity: 1;
    }

    41.67% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    58.33% {
        opacity: 1;
    }

    66.67% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    83.33% {
        opacity: 1;
    }

    91.67% {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}

@keyframes styles__astro6___1kB-r-camelCase {
    0% {
        opacity: 1;
    }

    8.33% {
        opacity: 1;
    }

    16.67% {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    33.33% {
        opacity: 1;
    }

    41.67% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    58.33% {
        opacity: 1;
    }

    66.67% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    83.33% {
        opacity: 1;
    }

    91.67% {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}

.styles__container___3qYKT-camelCase {
    height: 2.604vw;
    width: 100%;
    margin-bottom: 1.563vw;
    position: relative;
}

.styles__loader___WKA0s-camelCase {
    position: absolute;
    top: calc(50% - 1.048vw);
    left: calc(50% - 0.911vw);
}

.styles__loaderBox___9moZZ-camelCase {
    width: 1.823vw;
    height: 2.096vw;
    -webkit-animation: styles__animate___3EY3J-camelCase 2s linear infinite;
    animation: styles__animate___3EY3J-camelCase 2s linear infinite;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0.208vw;
    z-index: 3;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: hidden;
}

@-webkit-keyframes styles__animate___3EY3J-camelCase {
    4.25% {
        border-bottom-left-radius: 0.208vw;
        border-bottom-right-radius: 0.208vw;
    }

    6.25% {
        transform: translateY(0.469vw) rotate(22.5deg);
    }

    12.5% {
        transform: translateY(0.938vw) scaleY(0.9) rotate(45deg);
        border-bottom-right-radius: 1.953vw;
    }

    18.75% {
        transform: translateY(0.469vw) rotate(67.5deg);
    }

    25% {
        transform: translateY(0) rotate(90deg);
    }

    29.25% {
        border-bottom-right-radius: 0.208vw;
        border-top-right-radius: 0.208vw;
    }

    31.25% {
        transform: translateY(0.469vw) rotate(112.5deg);
    }

    37.5% {
        transform: translateY(0.938vw) scaleY(0.9) rotate(135deg);
        border-top-right-radius: 1.953vw;
    }

    43.75% {
        transform: translateY(0.469vw) rotate(157.5deg);
    }

    50% {
        transform: translateY(0) rotate(180deg);
    }

    54.25% {
        border-top-right-radius: 0.208vw;
        border-top-left-radius: 0.208vw;
    }

    56.25% {
        transform: translateY(0.469vw) rotate(202.5deg);
    }

    62.5% {
        transform: translateY(0.938vw) scaleY(0.9) rotate(225deg);
        border-top-left-radius: 1.953vw;
    }

    68.75% {
        transform: translateY(0.469vw) rotate(247.5deg);
    }

    75% {
        border-top-left-radius: 0.208vw;
        transform: translateY(0) rotate(270deg);
    }

    79.25% {
        border-bottom-left-radius: 0.208vw;
    }

    81.25% {
        transform: translateY(0.469vw) rotate(292.5deg);
    }

    87.5% {
        transform: translateY(0.938vw) scaleY(0.9) rotate(315deg);
        border-bottom-left-radius: 1.953vw;
    }

    93.75% {
        transform: translateY(0.469vw) rotate(337.5deg);
    }

    to {
        transform: translateY(0) rotate(1turn);
    }
}

@keyframes styles__animate___3EY3J-camelCase {
    4.25% {
        border-bottom-left-radius: 0.208vw;
        border-bottom-right-radius: 0.208vw;
    }

    6.25% {
        transform: translateY(0.469vw) rotate(22.5deg);
    }

    12.5% {
        transform: translateY(0.938vw) scaleY(0.9) rotate(45deg);
        border-bottom-right-radius: 1.953vw;
    }

    18.75% {
        transform: translateY(0.469vw) rotate(67.5deg);
    }

    25% {
        transform: translateY(0) rotate(90deg);
    }

    29.25% {
        border-bottom-right-radius: 0.208vw;
        border-top-right-radius: 0.208vw;
    }

    31.25% {
        transform: translateY(0.469vw) rotate(112.5deg);
    }

    37.5% {
        transform: translateY(0.938vw) scaleY(0.9) rotate(135deg);
        border-top-right-radius: 1.953vw;
    }

    43.75% {
        transform: translateY(0.469vw) rotate(157.5deg);
    }

    50% {
        transform: translateY(0) rotate(180deg);
    }

    54.25% {
        border-top-right-radius: 0.208vw;
        border-top-left-radius: 0.208vw;
    }

    56.25% {
        transform: translateY(0.469vw) rotate(202.5deg);
    }

    62.5% {
        transform: translateY(0.938vw) scaleY(0.9) rotate(225deg);
        border-top-left-radius: 1.953vw;
    }

    68.75% {
        transform: translateY(0.469vw) rotate(247.5deg);
    }

    75% {
        border-top-left-radius: 0.208vw;
        transform: translateY(0) rotate(270deg);
    }

    79.25% {
        border-bottom-left-radius: 0.208vw;
    }

    81.25% {
        transform: translateY(0.469vw) rotate(292.5deg);
    }

    87.5% {
        transform: translateY(0.938vw) scaleY(0.9) rotate(315deg);
        border-bottom-left-radius: 1.953vw;
    }

    93.75% {
        transform: translateY(0.469vw) rotate(337.5deg);
    }

    to {
        transform: translateY(0) rotate(1turn);
    }
}

.styles__shadow___2Vr7S-camelCase {
    width: 2.083vw;
    height: 0.208vw;
    background: #000;
    opacity: 0.2;
    position: absolute;
    top: 2.552vw;
    left: 0;
    border-radius: 50%;
    z-index: 2;
    -webkit-animation: styles__shadow___2Vr7S-camelCase 0.5s linear infinite;
    animation: styles__shadow___2Vr7S-camelCase 0.5s linear infinite;
}

@-webkit-keyframes styles__shadow___2Vr7S-camelCase {
    50% {
        transform: scaleX(1.2);
    }
}

@keyframes styles__shadow___2Vr7S-camelCase {
    50% {
        transform: scaleX(1.2);
    }
}

.styles__centerWrapper___KTRFs-camelCase {
    width: 100%;
    min-height: 100%;
    justify-content: center;
}

.styles__centerWrapper___KTRFs-camelCase,
.styles__payContainer___1YTNx-camelCase {
    display: flex;
    flex-direction: column;
}

.styles__payContainer___1YTNx-camelCase {
    width: 85%;
    max-width: 31.250vw;
    min-width: 16.667vw;
    margin: auto;
    background-color: #fff;
    padding-bottom: 0.365vw;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    border-radius: 0.365vw;
    align-items: center;
    color: #3a3a3a;
}

.styles__payHeader___26Aou-camelCase {
    font-family: Nunito, sans-serif;
    text-align: center;
    font-size: 2.344vw;
    font-weight: 700;
    margin: 0.521vw auto 0;
}

.styles__paySpacer___1aale-camelCase {
    width: 90%;
    margin: 0.156vw auto;
    height: 0.104vw;
    background-color: #e0e0e0;
    border-radius: 0.260vw;
}

.styles__payMessage___xCCU1-camelCase {
    text-align: left;
    font-size: 0.938vw;
    padding: 0.521vw;
    margin: 0 auto;
}

.styles__payMessage___xCCU1-camelCase,
.styles__payRow___2aaw0-camelCase {
    font-family: Nunito, sans-serif;
    width: 90%;
}

.styles__payRow___2aaw0-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    color: #3a3a3a;
}

.styles__payColumn___2OFxz-camelCase {
    display: flex;
    flex-direction: column;
    height: 4.688vw;
    justify-content: center;
}

.styles__payItem___2-aRp-camelCase {
    font-size: 1.667vw;
    font-weight: 700;
}

.styles__payDesc___2HNie-camelCase {
    font-size: 0.938vw;
    opacity: 0.8;
    font-weight: 700;
}

.styles__payPrice___2HpX0-camelCase {
    margin: auto 0;
    font-size: 1.458vw;
    font-weight: 700;
}

.styles__payButton___22hET-camelCase {
    width: 12.500vw;
    margin: 1.302vw auto 1.042vw;
}

.styles__payButtonInside___2X9zX-camelCase {
    height: 2.083vw;
    font-size: 1.563vw;
    font-weight: 700;
}

.styles__container___3SSbI-camelCase {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 21.875vw;
    width: 90%;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 0.365vw;
    text-align: center;
    padding: 1.042vw 0.521vw 1.406vw;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    color: #3a3a3a;
}

.styles__header___1rSfi-camelCase {
    font-size: 2.604vw;
    font-family: Titan One, sans-serif;
    margin-bottom: 0.260vw;
}

.styles__subheader___2qsD6-camelCase {
    font-size: 1.458vw;
    line-height: 1.563vw;
    font-family: Nunito, sans-serif;
    margin-bottom: 1.563vw;
}

.styles__button___3ADDq-camelCase {
    width: 10.417vw;
    margin: 0.521vw auto;
}

.styles__buttonInside___2C0ee-camelCase {
    height: 2.083vw;
    font-size: 1.563vw;
    font-weight: 700;
}

@media only screen and (max-width: 31.250vw) {
    .styles__container___3SSbI-camelCase {
        max-width: 16.667vw;
    }
}

.styles__centerWrapper___1fmAs-camelCase {
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.styles__header___1XfK4-camelCase {
    font-size: 4.427vw;
    margin: 2.604vw auto 0.260vw;
    font-family: Titan One, sans-serif;
}

.styles__header___1XfK4-camelCase,
.styles__subheader___19fPg-camelCase {
    width: 90%;
    text-align: center;
    color: #fff;
    text-shadow: 0.104vw 0.104vw 0.417vw grey;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__subheader___19fPg-camelCase {
    font-size: 1.667vw;
    margin: 1.042vw auto;
    font-family: Nunito, sans-serif;
}

.styles__groupsHolder___cUbIf-camelCase {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 80%;
    max-width: 52.083vw;
    margin: 0 auto;
}

.styles__groupButton___uZVWV-camelCase {
    margin: 0.521vw;
}

.styles__groupButtonInside___33PPt-camelCase {
    min-width: 10.417vw;
    min-height: 9.375vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.styles__groupName___1cWzF-camelCase {
    font-size: 1.146vw;
    font-weight: 700;
}

.styles__groupPlans___2H7KI-camelCase {
    font-size: 0.833vw;
}

.styles__groupPrice___1NjAI-camelCase {
    font-family: Titan One, sans-serif;
    font-size: 2.708vw;
}

.styles__descContainer___20GLD-camelCase {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 52.083vw;
    background-color: #fff;
    border-radius: 0.365vw;
    font-family: Nunito, sans-serif;
    box-sizing: border-box;
    padding: 0.521vw 1.042vw 0.781vw;
    box-shadow: inset 0 -0.260vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    color: #3a3a3a;
    text-align: center;
    font-size: 0.938vw;
    margin: 1.563vw auto;
}

.styles__detailsHolder___2IThg-camelCase {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    width: 75%;
    max-width: 52.083vw;
    margin: 0.521vw auto;
}

.styles__detailContainer___KYss5-camelCase {
    flex-direction: row;
    justify-content: flex-start;
    background-color: #fff;
    border-radius: 0.365vw;
    margin: 0.521vw;
    width: calc(48% - 1.042vw);
    box-sizing: border-box;
    padding: 0.521vw 1.042vw 0.781vw;
    box-shadow: inset 0 -0.260vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
}

.styles__detailCheck___1_WIw-camelCase,
.styles__detailContainer___KYss5-camelCase {
    display: flex;
    align-items: center;
}

.styles__detailCheck___1_WIw-camelCase {
    width: 2.083vw;
    height: 2.083vw;
    border-radius: 0.260vw;
    justify-content: center;
    background-color: #4bc22e;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 1.458vw;
}

.styles__detailText___3KVj--camelCase {
    font-family: Nunito, sans-serif;
    font-size: 1.354vw;
    width: calc(100% - 2.604vw);
    font-weight: 700;
    margin-left: 0.521vw;
}

@media screen and (max-width: 54.688vw) {
    .styles__header___1XfK4-camelCase {
        font-size: 2.865vw;
        line-height: 2.969vw;
        margin: 1.042vw auto 0.260vw;
    }

    .styles__descContainer___20GLD-camelCase {
        max-width: 90%;
    }

    .styles__detailsHolder___2IThg-camelCase {
        width: 90%;
    }

    .styles__detailContainer___KYss5-camelCase {
        width: calc(100% - 1.042vw);
    }
}

.styles__quote___3eu3i-camelCase {
    position: fixed;
    left: 52.5%;
    top: calc(50% + 1.432vw);
    height: 80vh;
    transform: translateY(-50%);
}

.styles__leftColumn___3r3Gh-camelCase,
.styles__quote___3eu3i-camelCase {
    max-width: 26.042vw;
    width: 40%;
}

.styles__leftColumn___3r3Gh-camelCase {
    position: absolute;
    top: 1.823vw;
    right: 52.5%;
    display: flex;
    flex-direction: column;
}

.styles__textContainer___3cx4T-camelCase {
    border-radius: 0.260vw;
    color: #3a3a3a;
    background-color: #fff;
    font-size: 0.833vw;
    font-family: Nunito, sans-serif;
    padding: 0.781vw 0.781vw 1.042vw;
    box-shadow: inset 0 -0.260vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    width: 100%;
    margin: 0.521vw 0;
}

.styles__textBigHeader___1EKGt-camelCase {
    font-weight: 700;
    font-size: 1.458vw;
}

.styles__bigText___1iSnj-camelCase {
    font-size: 0.938vw;
}

.styles__textHeader___3AeW0-camelCase {
    font-weight: 700;
    font-size: 1.146vw;
}

.styles__linkText___1pXMN-camelCase {
    color: #0bc2cf;
}

.styles__button___18xiR-camelCase {
    margin-top: 0.521vw;
    width: 11.979vw;
}

.styles__buttonInside___1V59O-camelCase {
    font-size: 0.833vw;
    padding: 0.260vw 0.521vw;
}

.styles__downloadButton___1LDDm-camelCase {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: #3a3a3a;
    background-color: #fff;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    border-radius: 0.260vw;
    font-size: 1.146vw;
    font-weight: 700;
    padding: 0.521vw;
    margin: 0.781vw 0 0.521vw;
    box-sizing: border-box;
    border: 0.104vw solid #ff7b24;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    text-decoration: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__downloadButton___1LDDm-camelCase:hover {
    transform: scale(0.97);
}

@media only screen and (max-width: 41.667vw) {
    .styles__bodyContainer___1vjut-camelCase {
        position: absolute;
        top: 3.385vw;
        left: 5%;
        width: 90%;
    }

    .styles__quote___3eu3i-camelCase {
        margin: 1.042vw auto;
        height: 20.833vw;
        transform: none;
    }

    .styles__leftColumn___3r3Gh-camelCase,
    .styles__quote___3eu3i-camelCase {
        position: static;
        width: 100%;
    }

    .styles__leftColumn___3r3Gh-camelCase {
        margin-bottom: 1.042vw;
    }
}

.styles__centerWrapper___14t8J-camelCase {
    width: 28.646vw;
    margin: 1.042vw auto;
    display: flex;
    flex-direction: column;
}

.styles__container___23vKM-camelCase {
    box-sizing: border-box;
    padding: 0.521vw 0.781vw 0.781vw;
    background-color: #fff;
    box-shadow: inset 0 -0.260vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    border-radius: 0.260vw;
    font-family: Nunito, sans-serif;
    font-size: 0.833vw;
    margin: 0.521vw 0;
    color: #3a3a3a;
}

.styles__header___3rLVH-camelCase {
    font-size: 1.875vw;
    font-weight: 700;
}

.styles__subtext___3iGoD-camelCase {
    font-size: 1.042vw;
}

.styles__inputHeader___vnd6d-camelCase {
    font-size: 1.250vw;
    font-weight: 700;
}

.styles__inputContainer___5nyy3-camelCase {
    border: 0.104vw solid rgba(0, 0, 0, 0.17);
    border-radius: 0.260vw;
    width: 80%;
    height: 1.563vw;
    margin-bottom: 0.521vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.styles__inputContainer___5nyy3-camelCase[focus-within] {
    border-color: #0bc2cf;
}

.styles__inputContainer___5nyy3-camelCase:focus-within {
    border-color: #0bc2cf;
}

.styles__input___25PKw-camelCase {
    padding: 0.260vw 0.521vw;
    border-radius: 0.260vw;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    font-size: 0.833vw;
    text-align: left;
    outline: none;
    border: none;
}

.styles__input___25PKw-camelCase:-moz-placeholder,
.styles__input___25PKw-camelCase:-ms-input-placeholder,
.styles__input___25PKw-camelCase::-moz-placeholder,
.styles__input___25PKw-camelCase::-webkit-input-placeholder {
    color: #999;
}

.styles__inputFilled___3FEha-camelCase {
    border-color: #3a3a3a;
}

.styles__inputError___2ijT8-camelCase {
    border-color: #ce1313;
}

.styles__dropContainer___tZDyw-camelCase {
    height: 10.417vw;
    width: 100%;
    box-sizing: border-box;
    border: 0.104vw dashed #666;
    border-radius: 0.260vw;
    background-color: #f0f0f0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #3a3a3a;
    font-size: 0.729vw;
    margin-top: 0.521vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__activeDropContainer___2TI6F-camelCase,
.styles__dropContainer___tZDyw-camelCase:hover {
    background-color: rgba(11, 194, 207, 0.3);
}

.styles__dropIcon___2VuPy-camelCase {
    font-size: 2.500vw;
    margin-bottom: 0.521vw;
}

.styles__dropHeader___151oh-camelCase {
    font-size: 0.833vw;
    font-weight: 700;
}

.styles__pdfRow___Jp-lE-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: Nunito, sans-serif;
    margin-top: 0.521vw;
    font-size: 1.042vw;
    color: #3a3a3a;
    border-bottom: 0.104vw solid #0bc2cf;
}

.styles__removeIcon___10i9e-camelCase {
    margin-right: 0.521vw;
    color: #3a3a3a;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    transition: 0.2s;
}

.styles__removeIcon___10i9e-camelCase:hover {
    color: #0bc2cf;
}

.styles__errorContainer___35u9C-camelCase {
    box-sizing: border-box;
    padding: 0.521vw 0.781vw 0.781vw;
    box-shadow: inset 0 -0.260vw rgba(0, 0, 0, 0.2);
    background-color: #cf180b;
    border-radius: 0.260vw;
    font-family: Nunito, sans-serif;
    font-size: 0.833vw;
    margin: 0.521vw 0;
    color: #fff;
    display: flex;
    flex-direction: row;
}

.styles__errorIcon___u9icy-camelCase {
    font-size: 1.042vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-right: 0.521vw;
}

.styles__submitButton___2-Wwm-camelCase {
    width: 100%;
    margin: 0.521vw 0 1.563vw;
}

.styles__submitButtonInside___3ApjA-camelCase {
    height: 2.083vw;
    font-size: 1.042vw;
    font-weight: 700;
}

@media only screen and (max-width: 31.250vw) {
    .styles__centerWrapper___14t8J-camelCase {
        width: 90%;
    }

    .styles__inputContainer___5nyy3-camelCase {
        width: 95%;
    }
}

.styles__container___2mKcW-camelCase {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 21.875vw;
    background-color: #fff;
    padding-bottom: 0.365vw;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    border-radius: 0.365vw;
    text-align: center;
    color: #3a3a3a;
}

.styles__header___2iiY1-camelCase {
    font-size: 2.604vw;
    line-height: 2.604vw;
    margin: 1.042vw auto 0.521vw;
    font-family: Titan One, sans-serif;
}

.styles__subheader___2fOn5-camelCase {
    font-size: 1.250vw;
    margin: 0.521vw;
    font-family: Nunito, sans-serif;
}

.styles__buttonContainer___2_7ch-camelCase {
    width: 7.813vw;
    margin: 0.781vw auto 1.302vw;
}

.styles__button___3aqPp-camelCase {
    margin: auto;
}

.styles__buttonInside___3BM3k-camelCase {
    min-width: 5.208vw;
    height: 1.823vw;
    font-size: 1.146vw;
    padding: 0.260vw 0.781vw;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

@media only screen and (max-width: 26.042vw) {
    .styles__container___2mKcW-camelCase {
        width: 16.667vw;
    }
}

.styles__container___3CYK_-camelCase {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 21.875vw;
    background-color: #fff;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    border-radius: 0.365vw;
    text-align: center;
}

.styles__header___xrnFr-camelCase {
    font-size: 2.083vw;
    line-height: 2.083vw;
    margin: 1.042vw auto 0.521vw;
    font-family: Titan One, sans-serif;
}

.styles__subheader___fFYOC-camelCase {
    font-size: 1.354vw;
    margin: 0.521vw;
    font-weight: 700;
}

.styles__miniHeader___3giyw-camelCase,
.styles__subheader___fFYOC-camelCase {
    font-family: Nunito, sans-serif;
}

.styles__miniHeader___3giyw-camelCase {
    font-size: 0.729vw;
    margin: 0.260vw 1.563vw;
}

.styles__inputContainer___1Y8Pu-camelCase {
    border: 0.104vw solid rgba(0, 0, 0, 0.17);
    border-radius: 0.313vw;
    width: 17.188vw;
    height: 2.604vw;
    margin: auto auto 1.042vw;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.styles__inputContainer___1Y8Pu-camelCase[focus-within] {
    border-color: #0bc2cf;
}

.styles__inputContainer___1Y8Pu-camelCase:focus-within {
    border-color: #0bc2cf;
}

.styles__inputContainer___1Y8Pu-camelCase[focus-within]>.styles__icon___1LE1v-camelCase {
    color: #0bc2cf;
}

.styles__inputContainer___1Y8Pu-camelCase:focus-within>.styles__icon___1LE1v-camelCase {
    color: #0bc2cf;
}

.styles__inputFilled___3rfUA-camelCase {
    border-color: #3a3a3a;
}

.styles__inputError___33z-v-camelCase {
    border-color: #ce1313;
}

.styles__icon___1LE1v-camelCase {
    font-size: 1.406vw;
    color: #5f5f5f;
    line-height: 2.604vw;
    padding-left: 0.521vw;
    width: 1.458vw;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__iconFilled___3p2oj-camelCase {
    color: #3a3a3a;
}

.styles__iconError___3Rt-G-camelCase {
    color: #ce1313;
}

.styles__input___37wlC-camelCase {
    border: none;
    margin: 0.260vw 0.104vw 0.260vw 0.573vw;
    width: 13.542vw;
    height: 2.083vw;
    font-size: 0.990vw;
    text-align: left;
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
    outline: none;
}

.styles__input___37wlC-camelCase:-moz-placeholder,
.styles__input___37wlC-camelCase:-ms-input-placeholder,
.styles__input___37wlC-camelCase::-moz-placeholder,
.styles__input___37wlC-camelCase::-webkit-input-placeholder {
    color: #999;
}

.styles__mInput___1KupC-camelCase:-moz-placeholder,
.styles__mInput___1KupC-camelCase:-ms-input-placeholder,
.styles__mInput___1KupC-camelCase::-moz-placeholder,
.styles__mInput___1KupC-camelCase::-webkit-input-placeholder {
    color: #999;
}

.styles__inputError___33z-v-camelCase,
.styles__inputError___33z-v-camelCase:-moz-placeholder,
.styles__inputError___33z-v-camelCase:-ms-input-placeholder,
.styles__inputError___33z-v-camelCase::-moz-placeholder,
.styles__inputError___33z-v-camelCase::-webkit-input-placeholder {
    color: #ce1313;
}

.styles__input___37wlC-camelCase:focus,
.styles__input___37wlC-camelCase:focus:-moz-placeholder,
.styles__input___37wlC-camelCase:focus:-ms-input-placeholder,
.styles__input___37wlC-camelCase:focus::-moz-placeholder,
.styles__input___37wlC-camelCase:focus::-webkit-input-placeholder,
.styles__mInput___1KupC-camelCase:focus,
.styles__mInput___1KupC-camelCase:focus:-moz-placeholder,
.styles__mInput___1KupC-camelCase:focus:-ms-input-placeholder,
.styles__mInput___1KupC-camelCase:focus::-moz-placeholder,
.styles__mInput___1KupC-camelCase:focus::-webkit-input-placeholder {
    color: #0bc2cf;
}

@media only screen and (max-width: 26.042vw) {
    .styles__container___3CYK_-camelCase {
        width: 16.667vw;
    }

    .styles__inputContainer___1Y8Pu-camelCase {
        width: 14.583vw;
    }

    .styles__input___37wlC-camelCase {
        width: 10.938vw;
    }
}

.styles__button___SyFRq-camelCase {
    border-color: rgba(0, 0, 0, 0.17);
    border-style: solid;
    border-radius: 0.313vw;
    background-color: #fff;
    width: 8.594vw;
    height: 2.344vw;
    margin: auto auto 1.302vw;
    color: #999;
    font-size: 1.146vw;
    text-align: center;
    font-family: Nunito, sans-serif;
    outline: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.39, 0.5, 0.15, 1.36);
}

.styles__button___SyFRq-camelCase:focus,
.styles__button___SyFRq-camelCase:hover {
    border-color: #0bc2cf;
    color: #0bc2cf;
}

.styles__buttonFilled___k9wIF-camelCase {
    border-color: #3a3a3a;
    color: #3a3a3a;
    font-weight: 700;
}

.styles__buttonError___3PfoI-camelCase,
.styles__buttonError___3PfoI-camelCase:focus {
    border-color: #ce1313;
    color: #ce1313;
}

.styles__buttonError___3PfoI-camelCase:hover {
    border-color: #0bc2cf;
    color: #0bc2cf;
}

.styles__errorContainer___1G46E-camelCase {
    border: 0.104vw solid #ce1313;
    border-radius: 0.313vw;
    width: 17.188vw;
    display: flex;
    flex-direction: row;
    margin: auto auto 1.302vw;
}

.styles__errorIcon___3csY5-camelCase {
    font-size: 1.042vw;
    color: #ce1313;
    padding-left: 0.729vw;
    padding-right: 0.208vw;
    margin: 0.469vw 0.260vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__errorText___1mBGe-camelCase {
    margin: 0.417vw 0.260vw 0.260vw 0.573vw;
    font-size: 0.990vw;
    text-align: left;
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
}

.styles__topHeader___3KP_9-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 2.292vw;
    font-weight: 700;
    margin: 0.781vw 5% 0.521vw;
    color: #3a3a3a;
}

.styles__searchBoxHolder___1uLEf-camelCase {
    width: 85%;
    min-width: 20.833vw;
    box-sizing: border-box;
    margin: 0.260vw auto 2.604vw;
    justify-content: center;
    align-items: center;
    border-radius: 0.365vw;
    padding: 0.521vw 0.521vw 0.885vw;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
}

.styles__searchBoxHolder___1uLEf-camelCase,
.styles__searchContainer___1WB5F-camelCase {
    display: flex;
    flex-direction: row;
    background-color: #2f2f2f;
}

.styles__searchContainer___1WB5F-camelCase {
    flex-grow: 1;
    min-width: 15.625vw;
    height: 2.604vw;
}

.styles__filtersHolder___2OSB9-camelCase {
    position: relative;
    display: block;
}

.styles__filterIcon___3JQ5g-camelCase {
    font-size: 1.198vw;
    color: #fff;
    background-color: #2f2f2f;
    border-radius: 0.260vw;
    margin: auto 0 auto 0.781vw;
    height: 2.396vw;
    width: 2.396vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media only screen and (max-width: 31.250vw) {
    .styles__searchBoxHolder___1uLEf-camelCase {
        width: 90%;
        min-width: 17.188vw;
        padding: 1.042vw 0.521vw;
    }

    .styles__filtersHolder___2OSB9-camelCase {
        display: none;
    }
}

.styles__searchIcon___3mM7Z-camelCase {
    font-size: 1.302vw;
    color: #fff;
    background-color: #4f4f4f;
    border-radius: 0.260vw;
    margin: auto 0.104vw auto 0.521vw;
    height: 2.396vw;
    width: 2.604vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__searchIcon___3mM7Z-camelCase:hover {
    background-color: #3f3f3f;
}

.styles__searchInput___sVM-G-camelCase {
    border: none;
    margin: 0.313vw 0.104vw;
    height: 2.083vw;
    width: 100%;
    font-size: 1.250vw;
    text-align: left;
    font-family: Nunito, sans-serif;
    color: #fff;
    outline: none;
    background-color: #3f3f3f;
    border-radius: 0.365vw;
}

.styles__searchInput___sVM-G-camelCase::-webkit-search-cancel-button,
.styles__searchInput___sVM-G-camelCase::-webkit-search-decoration,
.styles__searchInput___sVM-G-camelCase::-webkit-search-results-button,
.styles__searchInput___sVM-G-camelCase::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

.styles__filtersColumn___1LmJj-camelCase {
    position: absolute;
    width: 10.417vw;
    left: 0;
    top: calc(100% - 0.156vw);
    transition: 0.2s;
    transform: rotateX(-90deg);
    transform-origin: top center;
    visibility: hidden;
    opacity: 0.3;
    padding: 0.260vw 0 0.417vw;
    background-color: #fff;
    border-radius: 0.260vw;
    box-shadow: inset 0 -0.156vw rgba(0, 0, 0, 0.2), 0 0.104vw 0.208vw rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    outline: none;
}

.styles__filtersHolder___2OSB9-camelCase:focus>.styles__filtersColumn___1LmJj-camelCase,
.styles__filtersHolder___2OSB9-camelCase:hover>.styles__filtersColumn___1LmJj-camelCase,
.styles__filtersHolder___2OSB9-camelCase[focus-within]>.styles__filtersColumn___1LmJj-camelCase {
    opacity: 1;
    transform: rotateX(0);
    visibility: visible;
}

.styles__filtersHolder___2OSB9-camelCase:focus-within>.styles__filtersColumn___1LmJj-camelCase,
.styles__filtersHolder___2OSB9-camelCase:focus>.styles__filtersColumn___1LmJj-camelCase,
.styles__filtersHolder___2OSB9-camelCase:hover>.styles__filtersColumn___1LmJj-camelCase {
    opacity: 1;
    transform: rotateX(0);
    visibility: visible;
}

.styles__filterRow___3C4vj-camelCase {
    display: flex;
    flex-direction: row;
    padding: 0.260vw 0.521vw;
    margin: 0.130vw 0;
    font-family: Nunito, sans-serif;
    font-size: 0.833vw;
    color: #3a3a3a;
    flex: 1;
}

.styles__filters___2jWDh-camelCase {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-top: 0.156vw;
}

.styles__checkBox___3l-8J-camelCase {
    width: 1.042vw;
    height: 1.042vw;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.104vw solid #3a3a3a;
    border-radius: 0.313vw;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #3a3a3a;
    background-color: #fff;
    transition: 0.2s;
}

.styles__checkIcon___3PXvp-camelCase {
    font-size: 0.729vw;
    margin: auto;
}

.styles__checkYes___2z08g-camelCase {
    border-color: #0bc2cf;
    background-color: #0bc2cf;
    color: #fff;
}

.styles__checkNo___2vboP-camelCase {
    border-color: rgba(0, 0, 0, 0.25);
    background-color: #fff;
    color: rgba(0, 0, 0, 0.25);
}

.styles__header___3pXWa-camelCase {
    font-weight: 700;
    font-size: 2.188vw;
    margin: 1.302vw 0 1.563vw;
    width: 100%;
    text-align: center;
}

.styles__hitsHolder___2BwmY-camelCase {
    min-height: calc(100vh - 14.583vw);
}

.styles__hitsContainer___Uxxnj-camelCase {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fill, 13.802vw);
    grid-gap: 1.823vw;
    max-width: 90%;
    margin: 0 5% 1.302vw;
}

.styles__setContainer___12oAq-camelCase {
    width: 13.802vw;
    background-color: #fff;
    border-radius: 0.365vw;
    padding-bottom: 0.365vw;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    justify-content: center;
    list-style: none;
    text-decoration: none;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__setContainer___12oAq-camelCase:focus,
.styles__setContainer___12oAq-camelCase:hover {
    transform: scale(0.95);
}

.styles__setImageFiller___1n4l3-camelCase {
    background-color: #333;
}

.styles__coverImage___3ahFy-camelCase,
.styles__setImageFiller___1n4l3-camelCase {
    width: 100%;
    height: 9.375vw;
    border-top-left-radius: 0.365vw;
    border-top-right-radius: 0.365vw;
}

.styles__mainClanContainer___fWY9c-camelCase {
    display: flex;
    flex-direction: column;
    gap: 0.521vw;
    height: 100%;
    position: relative;
    overflow-y: hidden;
}

.styles__clanBody___kJQZS-camelCase {
    display: flex;
    flex-direction: row;
    gap: 0.521vw;
    height: 100%;
    position: relative;
}

.styles__leftClanContainer___3rfUA-camelCase {
    display: flex;
    flex-direction: column;
    gap: 0.521vw;
}

@media only screen and (max-width: 98.958vw) {
    .styles__leftClanContainer___3rfUA-camelCase {
        height: 85%;
    }

    .styles__clanInfoContainer___4Bx5z-camelCase {
        width: 32vw;
    }

    .styles__clanBottomInfo___h7Q8S-camelCase {
        height: 65vh;
    }
}

.styles__rightClanContainer___m7Q8S-camelCase {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.521vw;
    height: 50%;
    width: 70%;
}

.styles__clanTopCotainer___o9Q8S-camelCase {
    display: flex;
    flex-direction: row;
    gap: 0.521vw;
    height: 100%;
    position: relative;
}

.styles__clanBottomContainer__m7Q8S-camelCase {
    display: flex;
    flex-direction: row;
    gap: 0.521vw;
    height: 100%;
    position: relative;
}

.styles__clanContainers___8ZQ8c-camelCase {
    background-color: #2f2f2f;
    border-radius: 0.365vw;
    width: 14.063vw;
    height: 14.063vw;
    padding: 0.781vw 0.781vw 0.521vw;
    box-sizing: border-box;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    color: white;
    margin-left: 1.302vw;
    align-items: center;
}

.styles__clanInfoContainer___4Bx5z-camelCase {
    background-color: #2f2f2f;
    border-radius: 0.365vw;
    width: 34vw;
    height: 45vh;
    padding: 0.781vw 0.781vw 0.521vw;
    box-sizing: border-box;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    color: white;
    margin-left: 1.302vw;
}

.styles__clanBottomInfo___h7Q8S-camelCase {
    background-color: rgba(0, 0, 0, 0.35);
    width: 70vw;
    height: 40vh;
    padding: 0.781vw 0.781vw 0.521vw;
    box-sizing: border-box;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    color: white;
    margin-left: 1.302vw;
    animation: styles__clanBottomInfo___h7Q8S-camelCase 2.5s infinite;
}

@keyframes styles__clanBottomInfo___h7Q8S-camelCase {
    0% {
        outline: unset;
    }

    25% {
        outline: white solid 0.3vw;
    }

    50% {
        outline: unset;
    }

    75% {
        outline: white solid 0.3vw;
    }

    100% {
        outline: unset;
    }
}

.styles__clanShield___49jVa-camelCase {
    background-image: url(/content/shield.webp);
    width: 10vw;
    height: 10vw;
    background-size: 100vw;
    background-position: 0 0;
}

.styles__clanShieldCracked___fj39A-camelCase {
    background-image: url(/content/shield.webp);
    width: 10vw;
    height: 10vw;
    background-size: 100vw;
    background-position: 10vw 0;
}

.styles__clanShieldCracking___k4Cam-camelCase {
    background-image: url(/content/shield.webp);
    width: 10vw;
    height: 10vw;
    background-size: 100vw;
    background-position: 10vw 0;
    animation: styles__clanShieldCracking___k4Cam-camelCase 0.4s steps(10) 1;
}

.styles__clanShieldedText___4j89C-camelCase {
    font-family: "Titan One";
    font-size: 1.5vw;
    text-align: center;
}

.styles__clanDisguisedText___gj83a-camelCase {
    font-family: "Titan One";
    font-size: 1.5vw;
    text-align: center;
    margin-top: 0.5vw;
}

.styles__clanInventoryText___49mCa-camelCase {
    font-family: "Titan One";
    font-size: 1.5vw;
    text-align: center;
    margin-top: 0.5vw;
}

.styles__clanMembersText___gk94a-camelCase {
    font-family: "Titan One";
    font-size: 2vw;
    text-align: center;
    margin-bottom: 0.5vw;
}

.styles__clanMembersContainer___4j8Ca-camelCase {
    display: flex;
    flex-direction: column;
    gap: 0.5vw;
    overflow-y: scroll;
    overflow-x: hidden;
    height: fit-content;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.styles__clanMembersContainer___4j8Ca-camelCase::-webkit-scrollbar {
    display: none;
}

.styles__clanMemberContainer___kld92-camelCase {
    width: 30vw;
    height: 3.906vw;
    background-color: #3f3f3f;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    border-radius: 0.365vw;
    cursor: pointer;
    margin-left: 1vw;
    text-decoration: none;
}

.styles__clanMemberContainer___kld92-camelCase:hover {
    background-color: #4f4f4f;
}

.styles__clanMemberKickButton___49DCk-camelCase {
    background: #1f1f1f;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    width: 3vw;
    height: 3vw;
    right: -26.5vw;
    margin-top: -3vw;
    border-radius: 0.365vw;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    cursor: pointer;
    transition: 0.2s;
}

.styles__clanMemberKickButton___49DCk-camelCase:hover {
    transform: scale(0.95);
}

.styles__clanMemberKickButtonInside___kcoA9-camelCase {
    font-size: 1.6vw;
    color: white;
    margin-bottom: 0.25vw;
}

@keyframes styles__clanShieldCracking___k4Cam-camelCase {
    0% {
        background-position: 100vw 0;
    }

    100% {
        background-position: 0vw 0;
    }
}

.styles__coverImage___3ahFy-camelCase {
    background-color: #4f4f4f;
    margin: auto;
    -o-object-fit: scale-down;
    object-fit: scale-down;
}

.styles__setFillerContainer___3GKYz-camelCase {
    width: 100%;
    height: 9.375vw;
    background-color: #0bc2cf;
    border-top-left-radius: 0.365vw;
    border-top-right-radius: 0.365vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__setFillerText___1pDb6-camelCase {
    font-family: Titan One, sans-serif;
    font-size: 2.344vw;
    text-align: center;
    margin: auto;
    color: #fff;
    text-shadow: 0.104vw 0.104vw 0.417vw grey;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__setQuestionsContainer___3-ZR8-camelCase {
    background-color: rgba(0, 0, 0, 0.6);
    height: 1.302vw;
    width: 7.552vw;
    margin: -1.719vw 0.521vw 0.417vw auto;
    border-radius: 0.208vw;
}

.styles__setQuestionsText___1pkzw-camelCase {
    font-size: 0.938vw;
    line-height: 1.302vw;
    margin: auto;
    text-align: center;
    color: #fff;
}

.styles__setHeader___1SQwy-camelCase,
.styles__setQuestionsText___1pkzw-camelCase {
    font-family: Nunito, sans-serif;
}

.styles__setHeader___1SQwy-camelCase {
    font-size: 1.250vw;
    font-weight: 700;
    margin: 0.521vw 5% 0.260vw;
    color: #3a3a3a;
    line-height: 1.406vw;
    word-wrap: break-word;
}

.styles__setSpacer___AN247-camelCase {
    width: 100%;
    height: 0.781vw;
    flex-grow: 2;
}

.styles__setPlays___3wxWi-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 0.938vw;
    font-weight: 700;
    margin: 0.260vw 5% 0;
    color: #3a3a3a;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.styles__verifiedIcon___2E679-camelCase {
    color: #0bc2cf;
    margin-left: 0.469vw;
}

.styles__setAuthorContainer___1tBcY-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 5% 0.365vw;
    height: 1.302vw;
}

.styles__authorIcon___-Y2-E-camelCase {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__authorIcon___-Y2-E-camelCase,
.styles__setAuthorText___mi2q5-camelCase {
    font-size: 0.833vw;
}

.styles__setAuthorText___mi2q5-camelCase {
    font-family: Nunito, sans-serif;
    margin-left: 0.260vw;
}

.styles__setAuthorIcon___3n1TH-camelCase {
    height: 1.042vw;
    margin-left: 0.260vw;
}

.styles__otherContainer___2djsA-camelCase {
    display: flex;
    flex-direction: column;
}

.styles__featuredHeaderContainer___JBZmm-camelCase {
    min-width: 20.833vw;
    max-width: 44.271vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 0.260vw;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    margin: 1.042vw auto;
    padding: 1.042vw;
}

.styles__featuredHeaderText___3c1VC-camelCase {
    font-size: 2.500vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin: auto;
}

.styles__featuredHeaderText___3c1VC-camelCase,
.styles__noResultsText___3ebQn-camelCase {
    font-family: Nunito, sans-serif;
    font-weight: 700;
    color: #3a3a3a;
    text-align: center;
}

.styles__noResultsText___3ebQn-camelCase {
    margin: 2.083vw auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.146vw;
    max-width: 15.625vw;
}

.styles__noResultsBlook___1i5Ey-camelCase {
    width: 5.208vw;
    height: 5.990vw;
    margin-bottom: 0.521vw;
}

.styles__leftColumn___2MTgv-camelCase {
    margin: 1.302vw 0 1.823vw 5%;
    width: calc(90% - 13.021vw);
}

.styles__subheader___GVBz_-camelCase {
    font-size: 1.77vw;
    font-weight: 700;
    margin: 1vw 0;
    color: white;
}

.styles__itemShopWrapper___1N5wN-camelCase {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin: -0.65vw;
}

.styles__itemShopContainer___I6YST-camelCase {
    width: 14vw;
    height: 19.73vh;
    margin: 0.65vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    position: relative;
    /* background: linear-gradient(#0bc2cf, #146cd2);*/
    background: linear-gradient(#8f8f8f, #5f5f5f);
    border-radius: 0.52vw;
    overflow: hidden;
    box-shadow: inset 0 -0.364vw rgba(0, 0, 0, .2);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    will-change: transform;
    transition: .2s;
}

.styles__itemShopContainer___I6YST-camelCase:hover {
    transform: scale(0.95);
}

.styles__itemShopName___1-QhF-camelCase {
    font-family: Titan One, sans-serif;
    color: #fff;
    text-shadow: 0.05vw 0.05vw 0 grey;
    font-size: 1.14vw;
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0.52vw;
}

.styles__itemShopImage___318lh-camelCase {
    width: 5vw;
}

.styles__itemShopBottom___2Xhbw-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 1.25vw;
    color: #fff;
    position: absolute;
    bottom: 0.781vw;
    justify-content: center;
    padding: 0 0.78vw;
    background-color: rgba(0, 0, 0, .2);
    font-family: Titan One, sans-serif;
    font-size: 0.9375vw;
    text-shadow: 0.05vw 0.05vw 0 grey;
    border-top-right-radius: 0.52vw;
    border-bottom-right-radius: 0.52vw;
    left: 0;
}

.styles__sidebar___1XqWi-camelCase {
    position: fixed;
    top: 0;
    left: 0;
    width: 11.510vw;
    height: 100%;
    padding: 1.042vw 0.521vw 1.042vw 0;
    box-sizing: border-box;
    background-color: #2f2f2f;
    box-shadow: inset -0.521vw 0 rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    z-index: 5;
}

.styles__logo___16pGV-camelCase {
    width: 80%;
    margin: 0 auto 0.521vw;
}

.styles__bigButton___ifX-_-camelCase {
    margin: 0.781vw auto 0.521vw;
}

.styles__bigButtonInside___p39Zq-camelCase {
    font-family: Titan One, sans-serif;
    color: #fff;
    font-size: 1.354vw;
    text-shadow: 0.104vw 0.104vw rgba(0, 0, 0, 0.2);
    height: 2.083vw;
    padding: 0 0.781vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.styles__bigIcon___2-Xcu-camelCase {
    font-size: 1.042vw;
    margin-right: 0.521vw;
}

@keyframes styles__boostedOddsText___Rkd3a-camelCase {
    0% {
        filter: drop-shadow(0 0 0.130vw);
    }

    50% {
        filter: drop-shadow(0 0 0.260vw);
    }

    100% {
        filter: drop-shadow(0 0 0.521vw);
    }
}

.styles__plusButton___2dH73-camelCase {
    background: linear-gradient(0deg, rgba(43, 34, 195, 1) 0%, rgba(45, 65, 253, 1) 100%);
    border-radius: 0.260vw;
    margin: 0.781vw auto 0;
    padding: 0.260vw 0.521vw;
    font-size: 0.938vw;
    font-weight: 700;
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    transition: 0.2s;
    filter: drop-shadow(0 0 0.182vw rgba(43, 34, 195, 1));
}

.styles__plusButton___2dH73-camelCase:hover {
    transform: scale(0.95);
}

.styles__plusIcon___3DQkg-camelCase {
    margin-right: 0.521vw;
    font-size: 0.938vw;
}

.styles__pageButton___1wFuu-camelCase {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 2.083vw;
    width: 9.896vw;
    margin: 0.208vw 0;
    padding-left: 1.563vw;
    box-sizing: border-box;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-decoration: none;
    border-top-right-radius: 0.260vw;
    border-bottom-right-radius: 0.260vw;
    background-color: transparent;
    color: #fff;
    transition: 0.2s linear;
}

.styles__pageButton___1wFuu-camelCase:hover,
.styles__pageSelected___MugaH-camelCase {
    background-color: #fff;
    color: #2f2f2f;
}

.styles__pageIcon___3OSy9-camelCase {
    font-size: 1.146vw;
    width: 1.354vw;
    text-align: center;
}

.styles__pageText___1eo7q-camelCase {
    font-family: Nunito, sans-serif;
    margin-left: 0.521vw;
    font-size: 1.042vw;
}

.styles__leftRow___4jCaB-camelCase {
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.styles__leftRow___4jCaB-camelCase::-webkit-scrollbar {
    display: none;
}

.styles__bottomRow___3OozA-camelCase {
    flex-direction: row;
    justify-content: space-evenly;
    width: 100%;
    margin-top: auto;
}

.styles__bottomRow___3OozA-camelCase,
.styles__smallButton___sQuq8-camelCase {
    display: flex;
    align-items: center;
}

.styles__smallButton___sQuq8-camelCase {
    width: 1.563vw;
    height: 1.563vw;
    justify-content: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    text-decoration: none;
}

.styles__bottomIcon___3Fswk-camelCase {
    color: #fff;
    font-size: 1.042vw;
}

.styles__topRightRow___dQvxc-camelCase {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    z-index: 14;
}

.styles__topLeftRow___49mfa-camelCase {
    position: absolute;
    top: 0;
    left: 11.5vw;
    display: flex;
    flex-direction: row;
    z-index: 14;
    margin: 0.5vw;
    gap: 0.5vw;
}

.styles__profileContainer___CSuIE-camelCase {
    min-width: 10.417vw;
    height: 2.865vw;
    margin-left: 0.521vw;
    background-color: #2f2f2f;
    border-bottom-left-radius: 0.521vw;
    box-sizing: border-box;
    padding: 0 0.521vw 0.417vw;
    box-shadow: inset 0 -0.417vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    justify-content: center;
    font-size: 1.042vw;
    color: #fff;
    position: relative;
}

.styles__profileContainer___CSuIE-camelCase,
.styles__profileRow___cJa4E-camelCase {
    display: flex;
    align-items: center;
}

.styles__profileRow___cJa4E-camelCase {
    flex-direction: row;
    height: 100%;
}

.styles__profileBlook___37mfP-camelCase {
    width: 1.563vw;
    margin-right: 0.521vw;
}

.styles__profileDropdownIcon___3iLIX-camelCase {
    margin-left: auto;
    padding-left: 0.521vw;
}

.styles__profileDropdownMenu___2jUAA-camelCase {
    position: absolute;
    min-width: 6.771vw;
    right: 0.260vw;
    top: calc(100% - 0.365vw);
    transition: 0.2s;
    transform: rotateX(-90deg);
    transform-origin: top center;
    visibility: hidden;
    opacity: 0.3;
    padding: 0.260vw 0 0.417vw;
    background-color: #3f3f3f;
    border-radius: 0.260vw;
    box-shadow: inset 0 -0.156vw rgba(0, 0, 0, 0.2), 0 0.104vw 0.208vw rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    outline: none;
}

.styles__profileContainer___CSuIE-camelCase:focus>.styles__profileDropdownMenu___2jUAA-camelCase,
.styles__profileContainer___CSuIE-camelCase:hover>.styles__profileDropdownMenu___2jUAA-camelCase,
.styles__profileContainer___CSuIE-camelCase[focus-within]>.styles__profileDropdownMenu___2jUAA-camelCase {
    opacity: 1;
    transform: rotateX(0);
    visibility: visible;
}

.styles__profileContainer___CSuIE-camelCase:focus-within>.styles__profileDropdownMenu___2jUAA-camelCase,
.styles__profileContainer___CSuIE-camelCase:focus>.styles__profileDropdownMenu___2jUAA-camelCase,
.styles__profileContainer___CSuIE-camelCase:hover>.styles__profileDropdownMenu___2jUAA-camelCase {
    opacity: 1;
    transform: rotateX(0);
    visibility: visible;
}

.styles__profileDropdownOption___ljZXD-camelCase {
    width: 100%;
    background-color: #3f3f3f;
    font-size: 0.938vw;
    color: #ffffff;
    height: 1.667vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 0.365vw;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    transition: 0.2s;
}

.styles__profileDropdownOption___ljZXD-camelCase:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.styles__profileDropdownOptionIcon___15VKX-camelCase {
    font-size: 0.833vw;
    width: 1.146vw;
    text-align: center;
    margin-right: 0.365vw;
    opacity: 0.8;
}

.styles__mNavBar___1SC0e-camelCase {
    background-color: #2f2f2f;
    width: 100vw;
    box-sizing: border-box;
    height: 2.865vw;
    padding: 0 0.781vw 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    z-index: 15;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    box-sizing: border-box;
}

.styles__mLogo___34lD1-camelCase {
    width: 7.813vw;
}

.styles__mHamburgerIcon___1Bz-E-camelCase {
    font-size: 1.563vw;
    color: #fff;
    width: 2.083vw;
    text-align: center;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
}

.styles__mSidebar___rQisY-camelCase {
    position: fixed;
    left: 100vw;
    top: 0;
    width: 15.625vw;
    height: 100%;
    padding-top: 1.042vw;
    box-sizing: border-box;
    background-color: #2f2f2f;
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 20;
    display: flex;
    flex-direction: column;
    visibility: hidden;
    transition: transform 0.2s;
}

.styles__closeIcon___IgsQm-camelCase {
    position: absolute;
    top: 0.781vw;
    right: 1.302vw;
    color: #fff;
    font-size: 1.563vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
}

.styles__container___3LSgB-camelCase {
    position: fixed;
    top: 0;
    left: 100%;
    height: 100%;
    width: 20.833vw;
    background-color: #f7f7f7;
    box-shadow: -0.313vw 0 0.417vw rgba(0, 0, 0, 0.2);
    z-index: 100;
    opacity: 0;
    transition: 0.25s;
}

.styles__header___2O21B-camelCase {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 3.385vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 1.563vw;
    color: #fff;
    background-color: #2f2f2f;
    text-shadow: 0 0.130vw rgba(0, 0, 0, 0.2);
    padding: 0.260vw 1.042vw 0.625vw;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2);
}

.styles__newsIcon___1Gixg-camelCase {
    margin-right: 0.781vw;
}

.styles__headerText___1RCjc-camelCase {
    font-family: Titan One, sans-serif;
    font-size: 1.771vw;
    padding-bottom: 0.208vw;
}

.styles__newsText___14273-camelCase {
    font-family: Nunito, sans-serif;
    font-weight: 700;
    margin: auto auto auto 0.417vw;
}

.styles__closeIcon___16coI-camelCase {
    font-size: 1.250vw;
    margin-left: auto;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: 0.2s;
}

.styles__closeIcon___16coI-camelCase:hover {
    transform: scale(0.9);
}

.styles__postsContainer___39_IQ-camelCase {
    width: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    padding: 0.521vw 0;
    height: calc(100% - 4.427vw);
    position: absolute;
    top: 3.385vw;
    left: 0;
    background-color: #3f3f3f;
}

@media only screen and (max-width: 45.052vw) {
    .styles__container___3LSgB-camelCase {
        width: 100%;
    }
}

.styles__cardContainer___NGmjp-camelCase {
    box-sizing: border-box;
    width: 90%;
    margin: 0.521vw auto;
    padding: 0.521vw 0.781vw 0.885vw;
    background-color: #1f1f1f;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    border-radius: 0.365vw;
    color: #3a3a3a;
    font-family: Nunito, sans-serif;
    color: #ffffff;
}

.styles__tagText___314Bv-camelCase {
    opacity: 0.7;
    font-size: 0.729vw;
}

.styles__header___kLT5x-camelCase {
    font-size: 1.250vw;
    line-height: 1.354vw;
    font-weight: 700;
    margin-bottom: 0.260vw;
}

.styles__image___2uoLV-camelCase {
    width: 100%;
    margin: 0.260vw auto;
}

.styles__text___1L6DW-camelCase {
    font-size: 0.833vw;
    margin-bottom: 0.625vw;
}

.styles__link___Fdkpv-camelCase {
    color: #0bc2cf;
    margin-bottom: 0.104vw;
}

.styles__dateRow___1jkQT-camelCase {
    opacity: 0.45;
    font-size: 0.625vw;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.styles__mainRow___3T58f-camelCase {
    margin: 1.042vw 5%;
    width: 90%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.styles__leftColumn___1iY1q-camelCase {
    background-color: #2f2f2f;
    border-radius: 0.365vw;
    width: 17.188vw;
    padding: 0.781vw 0.781vw 1.146vw;
    box-sizing: border-box;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    color: white;
}

.styles__coverFillerContainer___3xH4j-camelCase,
.styles__coverImageContainer___3mlyV-camelCase {
    width: 100%;
    height: 10.677vw;
    margin: 0 auto 0.521vw;
    background-color: #333;
    border-radius: 0.365vw;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__coverImage___1sSHa-camelCase {
    margin: auto;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.styles__coverFillerContainer___3xH4j-camelCase {
    background-color: #0bc2cf;
}

.styles__coverFillerImage___23G64-camelCase {
    margin: auto;
    width: 80%;
    height: 80%;
    max-width: 20.833vw;
    -o-object-fit: contain;
    object-fit: contain;
}

.styles__headerTitle___gKy2Z-camelCase {
    font-size: 1.563vw;
    line-height: 1.667vw;
    font-weight: 700;
}

.styles__headerDesc___3OfnC-camelCase {
    font-size: 0.938vw;
    overflow-x: hidden;
    word-wrap: break-word;
    margin: 0.365vw 0;
}

.styles__headerBottomContainer___2HQcH-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 1.563vw;
    margin-top: auto;
}

.styles__headerAuthorIcon___1fAWR-camelCase {
    font-size: 0.938vw;
    margin-right: 0.365vw;
}

.styles__headerAuthorText___2jrIU-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 0.833vw;
    color: #0bc2cf;
}

.styles__deleteButton___IQMHR-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 1.042vw;
    margin-left: 0.781vw;
    color: #cf180b;
    text-decoration: underline;
    cursor: pointer;
}

.styles__headerStatsWrapper___34sB5-camelCase {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.styles__headerStat___2_MCT-camelCase {
    font-size: 0.938vw;
    font-weight: 700;
}

.styles__headerStatDivider___3L50s-camelCase {
    font-size: 0.521vw;
    margin: 0 0.260vw;
    opacity: 0.8;
}

.styles__headerStatSmall___3isMp-camelCase {
    font-size: 0.625vw;
    opacity: 0.8;
}

.styles__headerButtonRow___15T4p-camelCase {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    margin: 1.042vw 0 0.521vw;
}

.styles__soloButton___lVCzA-camelCase {
    box-shadow: 0 0 0.208vw rgba(0, 0, 0, 0.15);
}

.styles__headerButtonInside___1A20f-camelCase {
    width: 5.208vw;
    height: 1.823vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 1.146vw;
    font-weight: 700;
}

.styles__noHostText___No8Mu-camelCase {
    width: 7.292vw;
    font-family: Nunito, sans-serif;
    font-size: 0.938vw;
    color: #3a3a3a;
    text-align: center;
}

.styles__hostIcon___3BjGq-camelCase {
    font-size: 1.042vw;
    margin-right: 0.365vw;
}

.styles__smallButtonsContainer___8783W-camelCase {
    width: 100%;
    margin: 0.260vw 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    align-items: center;
}

.styles__smallButton___2fnLv-camelCase {
    width: 4.688vw;
    height: 1.354vw;
    margin: 0.260vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 0.625vw;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 0.260vw;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    transition: 0.2s;
}

.styles__smallButton___2fnLv-camelCase:focus,
.styles__smallButton___2fnLv-camelCase:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.styles__smallIcon___2syMb-camelCase {
    font-size: 0.521vw;
    margin-right: 0.260vw;
}

.styles__questionSection___3vBL6-camelCase {
    display: flex;
    flex-direction: column;
    width: calc(100% - 18.229vw);
}

.styles__questionSectionTop___6Y00i-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.521vw;
    width: 16.146vw;
}

.styles__numQuestions___2_rh8-camelCase {
    width: 8.333vw;
    padding: 0.521vw 0.521vw 0.885vw;
    box-sizing: border-box;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    background-color: #fff;
    border-radius: 0.365vw;
    font-size: 0.938vw;
    font-weight: 700;
    text-align: center;
}

.styles__showAnswersButtonInside___3pgzn-camelCase {
    width: 6.250vw;
    height: 1.563vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 0.833vw;
    font-weight: 700;
}

.styles__questionContainer___2YC9r-camelCase {
    width: 100%;
    padding-bottom: 0.365vw;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    margin: 0.521vw 0;
    background-color: #fff;
    border-radius: 0.365vw;
    display: flex;
    flex-direction: column;
    transition: 0.2s;
}

.styles__questionContainer___2YC9r-camelCase:hover {
    transform: scale(0.98);
}

.styles__questionRow___381Uy-camelCase {
    justify-content: space-between;
    min-height: 6.250vw;
    width: 100%;
    position: relative;
}

.styles__questionInfoRow___3Dw_X-camelCase,
.styles__questionRow___381Uy-camelCase {
    display: flex;
    flex-direction: row;
}

.styles__questionInfoRow___3Dw_X-camelCase {
    position: absolute;
    bottom: 0.260vw;
    right: 0.156vw;
    height: 1.146vw;
}

.styles__questionInfo___2KDqj-camelCase {
    margin: 0 0.104vw;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 0 0.365vw;
    border-radius: 0.260vw;
    color: #fff;
    font-size: 0.625vw;
    height: 100%;
}

.styles__questionImageContainer___tYoyI-camelCase,
.styles__questionInfo___2KDqj-camelCase {
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__questionImageContainer___tYoyI-camelCase {
    width: 8.594vw;
    min-width: 8.594vw;
    height: 6.250vw;
    background-color: #333;
    overflow: hidden;
    border-top-right-radius: 0.365vw;
    border-bottom-right-radius: 0.365vw;
    margin: auto 0;
    position: relative;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
}

.styles__questionImage___33pJw-camelCase {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.styles__questionTextContainer___2Mp1o-camelCase {
    display: flex;
    flex-direction: column;
    padding: 0.260vw 0.781vw;
    flex-grow: 1;
    box-sizing: border-box;
    outline: none;
    cursor: pointer;
}

.styles__questionNum___2n7LQ-camelCase {
    font-size: 0.938vw;
    margin-bottom: 0.260vw;
    font-weight: 700;
}

.styles__questionTextRow___3ZAIS-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 3.646vw;
}

.styles__questionText___1gLDI-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 0.938vw;
    color: #3a3a3a;
    word-wrap: break-word;
    white-space: pre-line;
    margin-bottom: auto;
}

.styles__questionFunc___2kG17-camelCase {
    margin: auto 0;
    width: 6.250vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__qMathField___BT4-f-camelCase {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default !important;
    color: #3a3a3a;
    border-color: #3a3a3a;
    font-size: 0.833vw !important;
}

.styles__answerContainer___3A1qQ-camelCase {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 0.260vw 0.521vw;
    box-sizing: border-box;
    outline: none;
    cursor: pointer;
}

.styles__answer___gD6Vh-camelCase {
    min-height: 3.125vw;
    padding: 0.260vw 0.260vw 0.521vw;
    box-shadow: inset 0 -0.260vw rgba(0, 0, 0, 0.2);
    margin: 0.260vw 0;
    border-radius: 0.365vw;
    width: 48%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.styles__answerIcon___Rm_Gi-camelCase {
    font-size: 1.458vw;
    color: #fff;
    width: 2.344vw;
    text-align: center;
}

.styles__answerMediaContainer___2EASb-camelCase {
    width: calc(100% - 1.823vw);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__answerText___37qIQ-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 0.938vw;
    color: #fff;
    word-wrap: break-word;
    overflow-x: hidden;
}

.styles__answerImg___3DXal-camelCase {
    margin: auto;
    max-width: 100%;
    max-height: 4.167vw;
    -o-object-fit: contain;
    object-fit: contain;
}

.styles__answerImg___3DXal-camelCase,
.styles__mathField___2R8OP-camelCase {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__mathField___2R8OP-camelCase {
    cursor: pointer !important;
    color: #fff;
    border-color: #fff;
    font-size: 0.938vw !important;
}

.styles__faded___2yQHe-camelCase {
    opacity: 0.5;
}

.styles__bottomSpacer___3BJoH-camelCase {
    height: 1.563vw;
}

.styles__reportModal___1_Bcq-camelCase {
    display: block;
    position: fixed;
    z-index: 15;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
}

.styles__reportContainer___1F_dD-camelCase {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 26.042vw;
    background-color: #fff;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    border-radius: 0.365vw;
    text-align: center;
}

.styles__reportHeader___1WfcX-camelCase {
    margin: 1.302vw auto 0.781vw;
}

.styles__duplicateHeader___1aNN0-camelCase,
.styles__reportHeader___1WfcX-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 1.667vw;
    font-weight: 700;
    color: #3a3a3a;
}

.styles__duplicateHeader___1aNN0-camelCase {
    margin: 1.302vw auto;
}

.styles__reportText___3Qmub-camelCase {
    margin: 0.521vw 1.302vw 0.781vw;
}

.styles__reportInput___q6fb9-camelCase,
.styles__reportText___3Qmub-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 0.938vw;
    color: #3a3a3a;
}

.styles__reportInput___q6fb9-camelCase {
    border: 0.104vw solid rgba(0, 0, 0, 0.17);
    border-radius: 0.313vw;
    margin: 0.521vw auto;
    padding: 0.781vw;
    width: 20.833vw;
    height: 5.208vw;
    text-align: left;
    outline: none;
    resize: none;
}

.styles__reportInput___q6fb9-camelCase:focus {
    border-color: #0bc2cf;
}

.styles__reportInputFilled___2whfm-camelCase {
    border-color: #3a3a3a;
}

.styles__reportButtonContainer___3Fkhm-camelCase {
    width: 100%;
    margin-top: 0.781vw;
    margin-bottom: 1.302vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.styles__reportYesButton___22wrf-camelCase {
    border-color: #3a3a3a;
    border-style: solid;
    border-radius: 0.313vw;
    background-color: #fff;
    width: 6.510vw;
    height: 2.344vw;
    margin: auto;
    color: #3a3a3a;
    font-size: 1.198vw;
    text-align: center;
    line-height: 2.344vw;
    font-family: Nunito, sans-serif;
    outline: none;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.39, 0.5, 0.15, 1.36);
}

.styles__reportYesButton___22wrf-camelCase:focus,
.styles__reportYesButton___22wrf-camelCase:hover {
    border-color: #ce1313;
    color: #ce1313;
    font-weight: 700;
}

.styles__reportNoButton___3SmKY-camelCase {
    border-color: #3a3a3a;
    border-style: solid;
    border-radius: 0.313vw;
    background-color: #fff;
    width: 6.510vw;
    height: 2.344vw;
    margin: auto;
    color: #3a3a3a;
    font-size: 1.198vw;
    text-align: center;
    line-height: 2.344vw;
    font-family: Nunito, sans-serif;
    outline: none;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.39, 0.5, 0.15, 1.36);
}

.styles__reportNoButton___3SmKY-camelCase:focus,
.styles__reportNoButton___3SmKY-camelCase:hover {
    border-color: #0bc2cf;
    color: #0bc2cf;
    font-weight: 700;
}

.styles__smallScreen___28ZM3-camelCase {
    display: none;
}

@media only screen and (max-width: 31.250vw) {
    .styles__bigScreen___lcywH-camelCase {
        display: none;
    }

    .styles__smallScreen___28ZM3-camelCase {
        display: flex;
    }
}

.styles__highlight___1Mzyo-camelCase {
    background-color: #ff0;
}

@media only screen and (max-width: 59.896vw) {
    .styles__mainRow___3T58f-camelCase {
        margin: 1.042vw 2.5%;
        width: 95%;
        flex-direction: column;
        align-items: center;
    }

    .styles__leftColumn___1iY1q-camelCase,
    .styles__questionSection___3vBL6-camelCase {
        width: 100%;
    }
}

@media only screen and (max-width: 31.250vw) {
    .styles__questionRow___381Uy-camelCase {
        flex-direction: column;
        align-items: center;
    }

    .styles__questionImageContainer___tYoyI-camelCase {
        width: 100%;
        background-color: transparent !important;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        margin: 0;
    }

    .styles__questionTextContainer___2Mp1o-camelCase {
        width: 100%;
    }

    .styles__questionImage___33pJw-camelCase {
        -o-object-fit: contain;
        object-fit: contain;
    }

    .styles__answer___gD6Vh-camelCase {
        width: 100%;
        margin: 0.104vw 0;
    }
}

* {
    touch-action: manipulation;
    font-family: nunito;
}

.styles__audioButton___1U3wR-camelCase {
    background-color: #0bc2cf;
    border-radius: 0.365vw;
    width: 45%;
    max-width: 7.813vw;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    overflow: hidden;
    box-shadow: 0.156vw 0.156vw 0 0 #088891;
    margin-bottom: 0.260vw;
    transition: 0.2s;
}

.styles__audioButton___1U3wR-camelCase:hover {
    transform: scale(0.96);
}

.styles__audioIcon___1LJw3-camelCase {
    font-size: 2.083vw;
    color: #fff;
    position: absolute;
    width: 80%;
    height: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-shadow: 0.104vw 0.104vw 0.417vw grey;
    z-index: 4;
}

.styles__spinnerContainer___VY7qi-camelCase,
.styles__spinnerContainerDone___12pSM-camelCase {
    width: 175%;
    height: 175%;
    position: absolute;
    left: -37.5%;
    top: -37.5%;
    background: inherit;
}

.styles__spinnerContainerDone___12pSM-camelCase {
    opacity: 0;
}

.styles__spinner___12-q--camelCase {
    width: 50%;
    height: 100%;
    transform-origin: 100% 50%;
    position: absolute;
    background: #009bb6;
    border-radius: 9.115vw 0 0 9.115vw;
    z-index: 2;
    -webkit-animation: styles__rota___2z5bC-camelCase 1s linear;
    animation: styles__rota___2z5bC-camelCase 1s linear;
}

@-webkit-keyframes styles__rota___2z5bC-camelCase {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
}

@keyframes styles__rota___2z5bC-camelCase {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
}

.styles__filler___2liRt-camelCase {
    width: 50%;
    height: 100%;
    transform-origin: 100% 50%;
    position: absolute;
    background: #009bb6;
    border-radius: 0 9.115vw 9.115vw 0;
    z-index: 1;
    left: 50%;
    opacity: 0;
    -webkit-animation: styles__fill___vLeKn-camelCase 1s steps(1);
    animation: styles__fill___vLeKn-camelCase 1s steps(1);
}

@-webkit-keyframes styles__fill___vLeKn-camelCase {
    0% {
        opacity: 0;
    }

    50%,
    to {
        opacity: 1;
    }
}

@keyframes styles__fill___vLeKn-camelCase {
    0% {
        opacity: 0;
    }

    50%,
    to {
        opacity: 1;
    }
}

.styles__mask___TLKtA-camelCase {
    width: 50%;
    height: 100%;
    position: absolute;
    z-index: 3;
    opacity: 1;
    background: inherit;
    -webkit-animation: styles__mask___TLKtA-camelCase 1s steps(1);
    animation: styles__mask___TLKtA-camelCase 1s steps(1);
}

@-webkit-keyframes styles__mask___TLKtA-camelCase {
    0% {
        opacity: 1;
    }

    50%,
    to {
        opacity: 0;
    }
}

@keyframes styles__mask___TLKtA-camelCase {
    0% {
        opacity: 1;
    }

    50%,
    to {
        opacity: 0;
    }
}

.styles__questionContainer___3u_c9-camelCase {
    width: 90%;
    height: 40%;
    background-color: #fff;
    position: absolute;
    top: 2.5%;
    left: 5%;
    display: flex;
    flex-direction: row;
    align-items: center;
    z-index: 12;
}

.styles__questionText___2MlSZ-camelCase {
    color: #3a3a3a;
    width: 80%;
    height: 80%;
    font-family: Nunito, sans-serif;
    text-align: center;
    overflow: hidden;
    float: left;
    word-wrap: break-word;
    flex-grow: 1;
    white-space: pre-line;
}

.styles__imageContainer___1GSWa-camelCase,
.styles__questionText___2MlSZ-camelCase {
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__imageContainer___1GSWa-camelCase {
    width: 30%;
    height: 85%;
    margin-right: 5%;
    background-color: #fff;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
}

.styles__image___7idfJ-camelCase {
    margin: auto;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.styles__funcContainer___PXGh_-camelCase {
    cursor: default;
}

.styles__qMathField___hJzag-camelCase {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer !important;
    color: #3a3a3a;
    border-color: #3a3a3a;
    font-size: 1.458vw !important;
}

.styles__answersHolder___3LYNs-camelCase {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    align-items: space-evenly;
    position: absolute;
    top: 45%;
    left: 0;
    height: calc(55% - 0.260vw);
    width: calc(100% - 0.521vw);
    padding: 0 0.260vw 0.260vw;
}

.styles__answerWrapper___51Q0g-camelCase {
    margin: auto;
    width: calc(50% - 0.313vw);
    height: calc(50% - 0.313vw);
    overflow: hidden;
}

.styles__answerTwo___Fba6u-camelCase {
    height: calc(100% - 0.313vw);
}

.styles__answerThree___2CGv7-camelCase {
    width: calc(100% - 0.313vw);
}

.styles__answerContainer___3WS-k-camelCase {
    margin: auto;
    width: 100%;
    height: calc(100% - 0.9vh);
    border-radius: 0.260vw;
    overflow: hidden;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 0.9vh;
    box-shadow: inset 0 -0.9vh 0 0 rgba(0, 0, 0, 0.2);
    transition: all 0.2s cubic-bezier(0.39, 0.5, 0.15, 1.36);
}

.styles__answerContainer___3WS-k-camelCase:focus,
.styles__answerContainer___3WS-k-camelCase:hover {
    filter: brightness(0.96);
    box-shadow: none;
    padding-bottom: 0;
    height: 100%;
}

.styles__answerContainer___3WS-k-camelCase:focus>.styles__answerText___2eIBw-camelCase,
.styles__answerContainer___3WS-k-camelCase:hover>.styles__answerText___2eIBw-camelCase {
    height: calc(80% - 0.72vh);
}

.styles__answerTextTowerContainer___1iiGR-camelCase {
    box-shadow: inset 0 0 0 0.9vh rgba(0, 0, 0, 0.13);
    height: calc(100% + 0.1vh);
}

.styles__answerTextContainer___3YgCT-camelCase,
.styles__answerTextTowerContainer___1iiGR-camelCase {
    width: 100%;
    border-radius: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
}

.styles__answerTextContainer___3YgCT-camelCase {
    height: 100%;
}

.styles__answerText___2eIBw-camelCase {
    color: #fff;
    height: 80%;
    width: 80%;
    font-family: Nunito, sans-serif;
    text-align: center;
    overflow: hidden;
    float: left;
    word-wrap: break-word;
    transition: height 0.2s cubic-bezier(0.39, 0.5, 0.15, 1.36);
}

.styles__answerImgContainer___3DGFJ-camelCase,
.styles__answerText___2eIBw-camelCase {
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__answerImgContainer___3DGFJ-camelCase {
    height: 90%;
    width: 90%;
}

.styles__answerImg___3pt4H-camelCase {
    margin: auto;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.styles__answerImg___3pt4H-camelCase,
.styles__mathField___1t-S_-camelCase {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__mathField___1t-S_-camelCase {
    cursor: pointer !important;
    color: #fff;
    border-color: #fff;
    font-size: 1.354vw !important;
}

.styles__overlay___1eUqZ-camelCase {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.175) 50%, transparent);
    background-size: auto 0.208vw;
    z-index: 1;
}

.styles__overlay___1eUqZ-camelCase,
.styles__zoomMathField___3pUn9-camelCase {
    pointer-events: none;
    position: absolute;
}

.styles__zoomMathField___3pUn9-camelCase {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default !important;
    color: #3a3a3a;
    border-color: #3a3a3a;
    font-size: 1.875vw !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 36.458vw;
    min-width: 15.625vw;
    height: 13.021vw;
    background-color: #fff;
    border-radius: 0.260vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

@media only screen and (max-width: 41.667vw) {
    .styles__questionText___2MlSZ-camelCase {
        width: 85%;
        height: 90%;
    }

    .styles__imageContainer___1GSWa-camelCase {
        height: 90%;
        width: 40%;
    }

    .styles__qMathField___hJzag-camelCase {
        font-size: 0.729vw !important;
    }

    .styles__zoomMathField___3pUn9-camelCase {
        font-size: 1.354vw !important;
    }

    .styles__answerText___2eIBw-camelCase {
        height: 85%;
        width: 90%;
    }

    .styles__answerContainer___3WS-k-camelCase:focus>.styles__answerText___2eIBw-camelCase,
    .styles__answerContainer___3WS-k-camelCase:hover>.styles__answerText___2eIBw-camelCase {
        height: 85%;
    }

    .styles__answersHolder___3LYNs-camelCase {
        flex-direction: column;
    }

    .styles__answerWrapper___51Q0g-camelCase {
        margin: 0.156vw auto;
        width: calc(100% - 0.313vw);
        height: calc(25% - 0.313vw);
        flex-grow: 1;
    }

    .styles__answerContainer___3WS-k-camelCase:focus,
    .styles__answerContainer___3WS-k-camelCase:hover {
        filter: brightness(1);
        box-shadow: inset 0 -0.9vh 0 0 rgba(0, 0, 0, 0.2);
        padding-bottom: 0.9vh;
        height: calc(100% - 0.9vh);
    }

    .styles__answerTwo___Fba6u-camelCase {
        height: calc(25% - 0.313vw);
    }
}

.styles__fullContainer___16QkF-camelCase {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 90%;
    margin: 0.521vw 5%;
}

.styles__setContainer___bhx09-camelCase {
    background-color: #fff;
    border-radius: 0.365vw;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 2.604vw auto 0;
}

.styles__setText___1LB3k-camelCase {
    color: #3a3a3a;
    line-height: 2.500vw;
    font-size: 2.500vw;
    font-family: Nunito, sans-serif;
    font-weight: 700;
    text-align: center;
    margin: 1.042vw 1.563vw;
}

.styles__row___2fBbi-camelCase {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    width: 100%;
    margin: 0.260vw 0;
}

.styles__miniTopContainer___XdgUy-camelCase {
    min-width: 12.500vw;
    background-color: #fff;
    border-radius: 0.365vw;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 1.302vw auto;
}

.styles__miniTopText___1lEhW-camelCase {
    color: #3a3a3a;
    line-height: 1.979vw;
    font-size: 1.979vw;
    font-family: Nunito, sans-serif;
    font-weight: 700;
    text-align: center;
    padding: 0.677vw 1.302vw;
}

.styles__chartContainer___ET6pn-camelCase {
    min-width: 15.625vw;
    min-height: 15.625vw;
    width: 25vw;
    height: 25vw;
    background-color: #fff;
    border-radius: 0.365vw;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    margin: 0;
    display: flex;
    flex-direction: column;
    position: relative;
}

.styles__chartPercentage___2NBxf-camelCase {
    color: #3a3a3a;
    line-height: 1.979vw;
    font-size: 1.979vw;
    font-family: Nunito, sans-serif;
    font-weight: 700;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.styles__column___31mp--camelCase {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    margin: 0 1.042vw;
}

.styles__correctContainer___2iQBO-camelCase {
    min-width: 15.625vw;
    background-color: #fff;
    border-radius: 0.365vw;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0.521vw auto;
}

.styles__correctText___f8T0v-camelCase {
    color: #3a3a3a;
    font-size: 2.083vw;
    padding: 0.781vw 1.302vw;
}

.styles__correctText___f8T0v-camelCase,
.styles__deleteButton___14H9u-camelCase {
    font-family: Nunito, sans-serif;
    font-weight: 700;
    text-align: center;
}

.styles__deleteButton___14H9u-camelCase {
    min-width: 13.021vw;
    background-color: #ce1313;
    border-radius: 0.365vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0.260vw auto;
    color: #fff;
    font-size: 1.563vw;
    padding: 0.365vw 0 0.677vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__deleteButton___14H9u-camelCase:hover {
    transform: scale(0.96);
}

.styles__downloadButton___2nZoe-camelCase {
    min-width: 10.417vw;
    background-color: #02723b;
    border-radius: 0.365vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0.260vw auto;
    color: #fff;
    font-size: 1.042vw;
    padding: 0.260vw 0 0.573vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    font-family: Nunito, sans-serif;
    font-weight: 700;
    text-align: center;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__downloadButton___2nZoe-camelCase:hover {
    transform: scale(0.96);
}

.styles__headerContainer___K9ndw-camelCase {
    background-color: #fff;
    border-radius: 0.365vw;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin: 1.563vw auto 1.302vw;
}

.styles__headerText___2ywdW-camelCase {
    color: #3a3a3a;
    font-size: 2.083vw;
    font-family: Nunito, sans-serif;
    font-weight: 700;
    text-align: center;
    padding: 0.781vw 1.302vw;
}

.styles__sortedContainer___3amvd-camelCase {
    margin: 0 auto 0.521vw;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    align-items: center;
}

.styles__sortedText___33khz-camelCase {
    font-size: 1.875vw;
    margin: 0.260vw 0.521vw;
}

.styles__sortedButton___edFJm-camelCase,
.styles__sortedText___33khz-camelCase {
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
    font-weight: 700;
}

.styles__sortedButton___edFJm-camelCase {
    font-size: 1.667vw;
    margin: 0.260vw 1.042vw;
    background-color: #fff;
    border-radius: 0.365vw;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 0.260vw 0.781vw 0.573vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    transition: 0.2s;
}

.styles__sortedButton___edFJm-camelCase:hover {
    transform: scale(0.95);
}

.styles__qHolder___1Uwty-camelCase {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.styles__questionContainer___xmSHH-camelCase {
    width: 90%;
    min-height: 6.771vw;
    margin: 1.042vw 5% 0.781vw;
    min-width: 26.042vw;
    background-color: #fff;
    border-radius: 0.365vw;
    padding: 0 0 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: row;
    z-index: 1;
}

.styles__questionImageContainer___2vpKP-camelCase {
    background-color: #0bc2cf;
    display: flex;
    flex-direction: row;
    margin: auto 0;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
}

.styles__questionImage___2G1qk-camelCase,
.styles__questionImageContainer___2vpKP-camelCase {
    width: 8.854vw;
    height: 6.771vw;
    border-top-left-radius: 0.365vw;
    border-bottom-left-radius: 0.365vw;
}

.styles__questionImage___2G1qk-camelCase {
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.styles__imageNumber___2JzyD-camelCase {
    width: 8.854vw;
    height: 6.771vw;
    font-family: Titan One, sans-serif;
    font-size: 2.604vw;
    text-align: center;
    line-height: 6.771vw;
    color: #fff;
    text-shadow: 0.104vw 0.104vw 0.417vw grey;
}

.styles__questionFunc___143mW-camelCase {
    margin: 0.521vw;
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__qMathField___22Gzp-camelCase {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default !important;
    color: #3a3a3a;
    border-color: #3a3a3a;
    font-size: 1.042vw !important;
}

.styles__questionCenterContainer___2MwM--camelCase {
    display: flex;
    flex-direction: column;
    margin: 0.260vw 0.521vw 0.260vw 0.781vw;
    width: calc(100% - 16.927vw);
    min-height: 6.250vw;
}

.styles__questionWithFunc___3qzh3-camelCase {
    width: calc(80% - 17.969vw);
}

.styles__questionStatsContainer___1kxYv-camelCase {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    width: 6.771vw;
    height: 6.771vw;
    text-align: center;
    margin: auto 0.781vw auto 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: relative;
}

.styles__questionStats___1KrGK-camelCase {
    line-height: 1.146vw;
    font-size: 1.146vw;
    width: 70%;
    word-wrap: break-word;
    font-weight: 700;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.styles__questionStats___1KrGK-camelCase,
.styles__questionText___21Mf8-camelCase {
    color: #3a3a3a;
    font-family: Nunito, sans-serif;
}

.styles__questionText___21Mf8-camelCase {
    font-size: 1.042vw;
    min-height: 4.427vw;
    line-height: 1.458vw;
    white-space: pre-line;
}

.styles__answerText___1qklY-camelCase {
    font-size: 0.938vw;
    min-height: 1.823vw;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.styles__answerText___1qklY-camelCase,
.styles__questionStatText___3_fyq-camelCase {
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
}

.styles__questionStatText___3_fyq-camelCase {
    font-size: 1.771vw;
    font-weight: 700;
    text-align: center;
}

.styles__standingContainer___1XFAK-camelCase {
    background-color: #fff;
    border-radius: 0.365vw;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 3.646vw;
    width: 90%;
    margin: 0.521vw auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__standingContainer___1XFAK-camelCase:hover {
    transform: scale(0.97);
}

.styles__playerContainer___2oQRw-camelCase {
    background-color: #fff;
    border-radius: 0.365vw;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 3.646vw;
    width: 90%;
    margin: 0.260vw auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    transform: scale(0.8);
    transition: 0.2s;
}

.styles__playerContainer___2oQRw-camelCase:hover {
    transform: scale(0.77);
}

.styles__accuracyText___2rnJG-camelCase {
    color: #3a3a3a;
    font-size: 1.250vw;
    font-family: Nunito, sans-serif;
    font-weight: 700;
    text-align: center;
    padding: 0.781vw 0 0.781vw 0.521vw;
    box-sizing: border-box;
    width: 4.948vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.styles__accuracySmallText___2M5SX-camelCase {
    font-size: 0.729vw;
    line-height: 0.833vw;
    font-weight: 400;
}

.styles__leftEarlyText___39-FM-camelCase {
    color: #3a3a3a;
    font-size: 0.938vw;
    font-family: Nunito, sans-serif;
    text-align: center;
    padding: 0.781vw 0.521vw;
    box-sizing: border-box;
    width: 4.948vw;
}

.styles__blookImage___1qMsV-camelCase {
    height: 2.995vw;
    width: 2.604vw;
    margin: 0.065vw 0.521vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__nameText___1OAIe-camelCase {
    color: #3a3a3a;
    font-family: Nunito, sans-serif;
    text-align: left;
    padding: 0.781vw 0.260vw 0.781vw 0.521vw;
    width: 10.938vw;
    height: 2.083vw;
    display: flex;
    align-items: center;
}

.styles__barContainer___3SFnW-camelCase {
    width: 15.625vw;
    height: 1.563vw;
    border-radius: 0.260vw;
    overflow: hidden;
    margin: auto;
    background-color: #c43a35;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__barContainer___3SFnW-camelCase,
.styles__correctBar___33XXi-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.styles__correctBar___33XXi-camelCase {
    background-color: #4bc22e;
    height: 5.208vw;
}

.styles__barText___28-2i-camelCase {
    display: flex;
    justify-content: center;
    align-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 0.156vw;
    color: #fff;
    font-family: Nunito, sans-serif;
    font-size: 0.833vw;
    margin: auto 0.521vw;
    box-sizing: border-box;
    padding: 0 0.260vw;
    min-width: 1.563vw;
}

.styles__scoreRow___Sb1m--camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    height: 2.604vw;
    flex-grow: 1;
}

.styles__pointsText___2T7KD-camelCase {
    font-weight: 700;
    font-family: Nunito, sans-serif;
    text-align: right;
    margin-right: 0.391vw;
}

.styles__pointsText___2T7KD-camelCase,
.styles__scoreIcon___bRFTA-camelCase {
    font-size: 1.354vw;
    color: #3a3a3a;
    line-height: 2.604vw;
}

.styles__fossilIcon___GCCmW-camelCase,
.styles__scoreIcon___bRFTA-camelCase {
    margin-right: 0.521vw;
}

.styles__fossilIcon___GCCmW-camelCase {
    font-size: 1.042vw;
    color: #3a3a3a;
    line-height: 2.604vw;
    transform: rotate(-45deg);
}

.styles__candyImage___3UwYN-camelCase {
    height: 55%;
    width: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-right: 0.521vw;
}

.styles__standingBlook___1uaBA-camelCase {
    margin-left: 0.260vw;
    margin-right: 0.781vw;
    width: 1.563vw;
}

.styles__cashText___25YlS-camelCase {
    font-size: 1.354vw;
    font-weight: 700;
    color: #3a3a3a;
    line-height: 2.604vw;
    font-family: Nunito, sans-serif;
    margin-right: 1.302vw;
    text-align: right;
    justify-content: flex-end;
    flex-grow: 1;
}

.styles__cashText___25YlS-camelCase,
.styles__standingQuestion___1GYYq-camelCase {
    display: flex;
    align-items: center;
}

.styles__standingQuestion___1GYYq-camelCase {
    background-color: #fff;
    border-radius: 0.365vw;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    flex-direction: row;
    width: 80%;
    margin: 0.521vw auto 0.365vw;
    z-index: 1;
}

.styles__standingQuestionText___f71wv-camelCase {
    color: #3a3a3a;
    font-size: 1.250vw;
    font-family: Nunito, sans-serif;
    text-align: left;
    flex-grow: 1;
    padding: 0.781vw 1.042vw 0.781vw 1.302vw;
}

.styles__standingAnswer___aLWC6-camelCase {
    flex-direction: row;
    width: 70%;
    margin: -1.042vw auto 0.781vw;
    z-index: -1;
}

.styles__plusContainer___3Bte2-camelCase,
.styles__standingAnswer___aLWC6-camelCase {
    background-color: #fff;
    border-radius: 0.365vw;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
}

.styles__plusContainer___3Bte2-camelCase {
    flex-direction: column;
    width: 90%;
    margin: 2.604vw auto 1.042vw;
}

.styles__plusModalContainer___29kp2-camelCase {
    background-color: #fff;
    border-radius: 0.365vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 21.875vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.styles__plusTimes___3FMVc-camelCase {
    position: absolute;
    top: 0.781vw;
    right: 0.885vw;
    font-size: 1.354vw;
    outline: none;
    cursor: pointer;
    color: #3a3a3a;
    transition: 0.2s;
}

.styles__plusTimes___3FMVc-camelCase:hover {
    color: #0bc2cf;
}

.styles__plusText___2nv64-camelCase {
    color: #3a3a3a;
    font-size: 2.083vw;
    font-weight: 700;
    padding: 1.302vw 1.563vw 0;
}

.styles__plusText___2nv64-camelCase,
.styles__upgradeButton___n8Djf-camelCase {
    font-family: Nunito, sans-serif;
    text-align: center;
}

.styles__upgradeButton___n8Djf-camelCase {
    width: 10.417vw;
    height: 3.125vw;
    line-height: 3.125vw;
    background-color: #ff7b24;
    border-radius: 0.365vw;
    margin: 1.563vw auto;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2);
    cursor: pointer;
    text-decoration: none;
    outline: none;
    font-size: 1.563vw;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: all 0.2s cubic-bezier(0.39, 0.5, 0.15, 1.36);
}

.styles__upgradeButton___n8Djf-camelCase:hover {
    transform: scale(1.05);
}

.styles__standingModalContainer___2-rdc-camelCase {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 33.854vw;
    min-width: 31.250vw;
    max-height: 90%;
    min-height: 20.833vw;
    background-color: #fff;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    border-radius: 0.365vw;
    text-align: center;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: scroll;
}

.styles__standingModalContainer___2-rdc-camelCase::-webkit-scrollbar {
    width: 0.625vw;
    margin-right: 0.521vw;
}

.styles__standingModalContainer___2-rdc-camelCase::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 0.521vw;
}

.styles__standingModalContainer___2-rdc-camelCase::-webkit-scrollbar-thumb:hover {
    background: #777;
    border-radius: 0.521vw;
}

.styles__modalRow___2ARMI-camelCase {
    display: flex;
    flex-direction: row;
    width: 85%;
    margin: 0.521vw 10% 0.521vw 5%;
    height: 4.167vw;
}

.styles__modalBlook___3h4fN-camelCase {
    height: 4.167vw;
    width: 3.646vw;
}

.styles__modalColumn___3JQDX-camelCase {
    margin: 0 0.260vw 0 0.781vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    text-align: left;
    flex-grow: 1;
    color: #3a3a3a;
    font-size: "Nunito", sans-serif;
    font-size: 1.354vw;
    font-weight: 700;
    word-wrap: break-word;
}

.styles__modalDesc___32Y48-camelCase {
    font-weight: 400;
    font-size: 0.833vw;
}

.styles__modalStats___FhZXm-camelCase {
    position: relative;
    height: 4.167vw;
    width: 4.167vw;
}

.styles__modalQuestionStats___b72NW-camelCase {
    position: relative;
    height: 3.646vw;
    width: 3.646vw;
    margin-left: 0.521vw;
}

.styles__modalStatsText___3PF8x-camelCase {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
    font-size: 0.833vw;
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__modalQuestionColumn___1AOgk-camelCase {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 5%;
}

.styles__modalQuestionRow___3l8b6-camelCase {
    display: flex;
    flex-direction: row;
    width: 100%;
    font-family: Nunito, sans-serif;
    font-size: 0.833vw;
    font-weight: 700;
}

.styles__modalQuestionText___2zApV-camelCase {
    font-weight: 400;
    flex-grow: 1;
    margin-left: 0.260vw;
    text-align: left;
}

.styles__modalQuestionImage___1xAOq-camelCase {
    height: 3.646vw;
    width: 4.167vw;
    -o-object-fit: contain;
    object-fit: contain;
}

.styles__modalFuncContainer___aazUy-camelCase {
    height: 3.646vw;
    width: 6.250vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__qModalMathField___3PHpv-camelCase {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default !important;
    color: #3a3a3a;
    border-color: #3a3a3a;
    font-size: 0.625vw !important;
}

.styles__mainDivider___1-sjp-camelCase {
    width: 90%;
    margin: 0.260vw 5% 0.521vw;
    background-color: rgba(0, 0, 0, 0.8);
}

.styles__divider___3d6us-camelCase,
.styles__mainDivider___1-sjp-camelCase {
    height: 0.052vw;
    border-radius: 0.156vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__divider___3d6us-camelCase {
    width: 100%;
    margin: 0.365vw 0;
    background-color: rgba(0, 0, 0, 0.2);
}

.styles__modalButton___34KCt-camelCase {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: normal;
    outline: none;
}

.styles__fullContainer___2W6at-camelCase {
    width: 85%;
    margin: 0 7.5% 0.521vw;
}

.styles__fullContainer___2W6at-camelCase,
.styles__hwContainer___N5c0Y-camelCase {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.styles__hwContainer___N5c0Y-camelCase {
    min-height: calc(100vh - 2.865vw);
    width: 100%;
    position: relative;
}

.styles__hwContainer___N5c0Y-camelCase,
.styles__hwText___5ljoo-camelCase {
    justify-content: center;
}

.styles__hwText___5ljoo-camelCase {
    background-color: #2f2f2f;
    border-radius: 0.365vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 3.125vw auto 0;
    color: #fff;
    line-height: 3.333vw;
    font-size: 3.333vw;
    font-family: Titan One, sans-serif;
    text-align: center;
    padding: 1.042vw 1.563vw 1.354vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
}

.styles__joinText___2X0lO-camelCase {
    margin: 1.563vw auto;
    color: #3a3a3a;
    font-size: 1.875vw;
    padding: 0.208vw 0.781vw;
    font-weight: 700;
}

.styles__joinText___2X0lO-camelCase,
.styles__linkContainer___3N1tm-camelCase {
    font-family: Nunito, sans-serif;
    text-align: center;
}

.styles__linkContainer___3N1tm-camelCase {
    background-color: #0bc2cf;
    border-radius: 0.365vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    font-size: 1.667vw;
    padding: 0.521vw 1.042vw 0.833vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    outline: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__linkContainer___3N1tm-camelCase:hover {
    transform: scale(0.97);
}

.styles__linkText___1fQ6X-camelCase {
    text-decoration: underline;
    color: #fff;
    position: relative;
    outline: none;
    font-weight: 700;
}

.styles__copiedNotification___3EEea-camelCase {
    position: absolute;
    bottom: 110%;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 0.260vw;
    font-family: Nunito, sans-serif;
    color: #fff;
    font-size: 0.938vw;
    padding: 0.260vw 0.521vw;
}

.styles__endDateText___3CEw7-camelCase {
    margin: 1.563vw auto;
    padding: 0.208vw 0.781vw;
    font-family: Nunito, sans-serif;
    font-weight: 700;
}

.styles__downIcon___3hBDw-camelCase,
.styles__endDateText___3CEw7-camelCase {
    color: #3a3a3a;
    font-size: 1.771vw;
    text-align: center;
}

.styles__downIcon___3hBDw-camelCase {
    position: absolute;
    bottom: 0.521vw;
    left: calc(50% - 1.302vw);
    width: 2.604vw;
}

.styles__refreshButton___3yzcn-camelCase {
    width: 13.021vw;
    background-color: #0bc2cf;
    border-radius: 0.365vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 1.563vw auto 0;
    color: #fff;
    font-size: 1.563vw;
    padding: 0.365vw 0 0.677vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    font-family: Nunito, sans-serif;
    font-weight: 700;
    text-align: center;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: 0.2s;
}

.styles__refreshButton___3yzcn-camelCase:hover {
    transform: scale(0.95);
}

.styles__refreshIcon___cv0Lg-camelCase {
    font-size: 1.563vw;
    margin-right: 0.781vw;
}

.styles__setText___27Ub2-camelCase {
    background-color: #fff;
    border-radius: 0.365vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0.521vw auto 0;
    color: #3a3a3a;
    line-height: 2.500vw;
    font-size: 2.500vw;
    font-family: Nunito, sans-serif;
    font-weight: 700;
    text-align: center;
    padding: 1.042vw 1.563vw 1.354vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
}

.styles__row___3dxNe-camelCase {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    width: 100%;
    margin: 0.260vw 0;
}

.styles__miniTopContainer___qLjgO-camelCase {
    min-width: 12.500vw;
    background-color: #fff;
    border-radius: 0.365vw;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 1.302vw auto;
}

.styles__miniTopText___2h_RU-camelCase {
    color: #3a3a3a;
    line-height: 1.979vw;
    font-size: 1.979vw;
    font-family: Nunito, sans-serif;
    font-weight: 700;
    text-align: center;
    padding: 0.677vw 1.302vw;
}

.styles__chartContainer___3t1ot-camelCase {
    min-width: 15.625vw;
    min-height: 15.625vw;
    width: 25vw;
    height: 25vw;
    background-color: #fff;
    border-radius: 0.365vw;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    margin: 0;
    display: flex;
    flex-direction: column;
    position: relative;
}

.styles__chartPercentage___3aaVc-camelCase {
    color: #3a3a3a;
    line-height: 1.979vw;
    font-size: 1.979vw;
    font-family: Nunito, sans-serif;
    font-weight: 700;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.styles__column___3z19_-camelCase {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    margin: 0 1.042vw;
}

.styles__correctContainer___1bzJu-camelCase {
    min-width: 15.625vw;
    background-color: #fff;
    border-radius: 0.365vw;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0.521vw auto;
}

.styles__correctText___26lfU-camelCase {
    color: #3a3a3a;
    font-size: 2.083vw;
    padding: 0.781vw 1.302vw;
}

.styles__correctText___26lfU-camelCase,
.styles__downloadButton___2MRiS-camelCase {
    font-family: Nunito, sans-serif;
    font-weight: 700;
    text-align: center;
}

.styles__downloadButton___2MRiS-camelCase {
    min-width: 10.417vw;
    background-color: #02723b;
    border-radius: 0.365vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0.260vw auto;
    color: #fff;
    font-size: 1.042vw;
    padding: 0.260vw 0 0.573vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__downloadButton___2MRiS-camelCase:hover {
    transform: scale(0.96);
}

.styles__headerContainer___1PzC_-camelCase {
    background-color: #fff;
    border-radius: 0.365vw;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin: 1.563vw auto 1.302vw;
}

.styles__headerText___3K-CP-camelCase {
    color: #3a3a3a;
    font-size: 2.083vw;
    font-family: Nunito, sans-serif;
    font-weight: 700;
    text-align: center;
    padding: 0.781vw 1.302vw;
}

.styles__sortedContainer___r3Ees-camelCase {
    margin: 0 auto 0.521vw;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    align-items: center;
}

.styles__sortedText___6f7X_-camelCase {
    font-size: 1.875vw;
    margin: 0.260vw 0.521vw;
}

.styles__sortedButton___orRmb-camelCase,
.styles__sortedText___6f7X_-camelCase {
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
    font-weight: 700;
}

.styles__sortedButton___orRmb-camelCase {
    font-size: 1.667vw;
    margin: 0.260vw 1.042vw;
    background-color: #fff;
    border-radius: 0.365vw;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 0.260vw 0.781vw 0.573vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    transition: 0.2s;
}

.styles__sortedButton___orRmb-camelCase:hover {
    transform: scale(0.95);
}

.styles__qHolder___3s5e7-camelCase {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.styles__questionContainer___NU2SD-camelCase {
    width: 90%;
    min-height: 6.771vw;
    margin: 1.042vw 5% 0.781vw;
    min-width: 26.042vw;
    background-color: #fff;
    border-radius: 0.365vw;
    padding: 0 0 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: row;
    z-index: 1;
}

.styles__questionImageContainer___bUj55-camelCase {
    background-color: #0bc2cf;
    display: flex;
    flex-direction: row;
    margin: auto 0;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
}

.styles__questionImage____WorE-camelCase,
.styles__questionImageContainer___bUj55-camelCase {
    width: 8.854vw;
    height: 6.771vw;
    border-top-left-radius: 0.365vw;
    border-bottom-left-radius: 0.365vw;
}

.styles__questionImage____WorE-camelCase {
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.styles__imageNumber___3DP9o-camelCase {
    width: 8.854vw;
    height: 6.771vw;
    font-family: Titan One, sans-serif;
    font-size: 2.604vw;
    text-align: center;
    line-height: 6.771vw;
    color: #fff;
    text-shadow: 0.104vw 0.104vw 0.417vw grey;
}

.styles__questionFunc___30rd0-camelCase {
    margin: 0.521vw;
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__qMathField___2MYLn-camelCase {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default !important;
    color: #3a3a3a;
    border-color: #3a3a3a;
    font-size: 1.042vw !important;
}

.styles__questionCenterContainer____a8bh-camelCase {
    display: flex;
    flex-direction: column;
    margin: 0.260vw 0.521vw 0.260vw 0.781vw;
    width: calc(100% - 16.927vw);
    min-height: 6.250vw;
}

.styles__questionWithFunc___36N2U-camelCase {
    width: calc(80% - 17.969vw);
}

.styles__questionStatsContainer___27gp8-camelCase {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    width: 6.771vw;
    height: 6.771vw;
    text-align: center;
    margin: auto 0.781vw auto 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: relative;
}

.styles__questionStats___3lhk8-camelCase {
    line-height: 1.146vw;
    font-size: 1.146vw;
    width: 70%;
    word-wrap: break-word;
    font-weight: 700;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.styles__questionStats___3lhk8-camelCase,
.styles__questionText___1XwBC-camelCase {
    color: #3a3a3a;
    font-family: Nunito, sans-serif;
}

.styles__questionText___1XwBC-camelCase {
    font-size: 1.042vw;
    min-height: 4.427vw;
    line-height: 1.458vw;
    white-space: pre-line;
}

.styles__answerText___afagS-camelCase {
    font-size: 0.938vw;
    min-height: 1.823vw;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.styles__answerText___afagS-camelCase,
.styles__questionStatText___2BmNs-camelCase {
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
}

.styles__questionStatText___2BmNs-camelCase {
    font-size: 1.771vw;
    font-weight: 700;
    text-align: center;
}

.styles__keyContainer___27ftu-camelCase {
    background-color: #fff;
    border-radius: 0.365vw;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    justify-content: space-evenly;
    height: 3.646vw;
    width: 60%;
    min-width: 16.667vw;
    margin: 0 auto 0.651vw;
}

.styles__keyContainer___27ftu-camelCase,
.styles__keyGroup___2gryJ-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.styles__keyGroup___2gryJ-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 1.667vw;
    color: #3a3a3a;
    font-weight: 700;
}

.styles__keyIcon___1lMgX-camelCase {
    font-size: 1.771vw;
    margin-right: 0.521vw;
}

.styles__standingHolder___FJ_Dw-camelCase {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.styles__deleteStanding___1g19g-camelCase,
.styles__standingHolder___FJ_Dw-camelCase {
    align-items: center;
    justify-content: center;
}

.styles__deleteStanding___1g19g-camelCase {
    height: 3.646vw;
    width: 3.125vw;
    background-color: #fff;
    color: #3a3a3a;
    border-radius: 0.365vw;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    margin: auto 0 auto 0.521vw;
    font-size: 0.781vw;
    display: none;
    flex-direction: column;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__deleteStanding___1g19g-camelCase:hover {
    transform: scale(0.9);
    color: #ce1313;
}

.styles__standingContainer___1WDXI-camelCase {
    background-color: #fff;
    border-radius: 0.365vw;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 3.646vw;
    width: 90%;
    margin: 0.521vw 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__standingContainer___1WDXI-camelCase:hover {
    transform: scale(0.97);
}

.styles__standingHolder___FJ_Dw-camelCase:hover>.styles__deleteStanding___1g19g-camelCase {
    display: flex;
}

.styles__accuracyText___1iz-N-camelCase {
    color: #3a3a3a;
    font-size: 1.250vw;
    font-family: Nunito, sans-serif;
    font-weight: 700;
    text-align: center;
    padding: 0.781vw 0 0.781vw 0.521vw;
    box-sizing: border-box;
    width: 4.948vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.styles__accuracySmallText___1FXmb-camelCase {
    font-size: 0.729vw;
    line-height: 0.833vw;
    font-weight: 400;
}

.styles__leftEarlyText___ICupP-camelCase {
    color: #3a3a3a;
    font-size: 0.938vw;
    font-family: Nunito, sans-serif;
    text-align: center;
    padding: 0.781vw 0.521vw;
    box-sizing: border-box;
    width: 4.948vw;
}

.styles__blookImage___1fMZz-camelCase {
    height: 2.995vw;
    width: 2.604vw;
    margin: 0.065vw 0.521vw;
}

.styles__blookImage___1fMZz-camelCase,
.styles__standingIcon___3u6ds-camelCase {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__standingIcon___3u6ds-camelCase {
    width: 2.292vw;
    margin: auto 0.365vw;
    text-align: center;
    font-size: 1.979vw;
}

.styles__nameText___2JYEm-camelCase {
    color: #3a3a3a;
    font-family: Nunito, sans-serif;
    text-align: left;
    padding: 0.781vw 0.260vw 0.781vw 0.521vw;
    width: 10.938vw;
    height: 2.083vw;
    display: flex;
    align-items: center;
}

.styles__barContainer___2SJx9-camelCase {
    width: 15.625vw;
    height: 1.563vw;
    border-radius: 0.260vw;
    overflow: hidden;
    margin: auto;
    background-color: #c43a35;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__barContainer___2SJx9-camelCase,
.styles__correctBar___2HDeh-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.styles__correctBar___2HDeh-camelCase {
    background-color: #4bc22e;
    height: 5.208vw;
}

.styles__barText___39DO3-camelCase {
    display: flex;
    justify-content: center;
    align-content: center;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 0.156vw;
    color: #fff;
    font-family: Nunito, sans-serif;
    font-size: 0.833vw;
    margin: auto 0.521vw;
    box-sizing: border-box;
    padding: 0 0.260vw;
    min-width: 1.563vw;
}

.styles__scoreRow___AqrVS-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    height: 2.604vw;
    flex-grow: 1;
}

.styles__pointsText___3g34k-camelCase {
    font-weight: 700;
    font-family: Nunito, sans-serif;
    text-align: right;
    margin-right: 0.391vw;
}

.styles__pointsText___3g34k-camelCase,
.styles__scoreIcon___1VCLV-camelCase {
    font-size: 1.354vw;
    color: #3a3a3a;
    line-height: 2.604vw;
}

.styles__scoreIcon___1VCLV-camelCase {
    margin-right: 0.521vw;
}

.styles__statText___3SXke-camelCase {
    font-size: 1.354vw;
    font-weight: 700;
    color: #3a3a3a;
    line-height: 2.604vw;
    font-family: Nunito, sans-serif;
    margin-right: 1.302vw;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-grow: 1;
}

.styles__statIcon___3TIib-camelCase {
    font-size: 1.563vw;
    margin-left: 0.313vw;
}

.styles__standingQuestion___SdoTz-camelCase {
    background-color: #fff;
    border-radius: 0.365vw;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 80%;
    margin: 0.521vw auto 0.365vw;
    z-index: 1;
}

.styles__standingQuestionText___2-bJV-camelCase {
    color: #3a3a3a;
    font-size: 1.250vw;
    font-family: Nunito, sans-serif;
    text-align: left;
    flex-grow: 1;
    padding: 0.781vw 1.042vw 0.781vw 1.302vw;
}

.styles__standingAnswer___2JKue-camelCase {
    flex-direction: row;
    width: 70%;
    margin: -1.042vw auto 0.781vw;
    z-index: -1;
}

.styles__plusContainer___3Ddxr-camelCase,
.styles__standingAnswer___2JKue-camelCase {
    background-color: #fff;
    border-radius: 0.365vw;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
}

.styles__plusContainer___3Ddxr-camelCase {
    flex-direction: column;
    width: 90%;
    margin: 2.604vw auto 1.042vw;
}

.styles__plusModalContainer___YnkzI-camelCase {
    background-color: #fff;
    border-radius: 0.365vw;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 21.875vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.styles__plusTimes___3lcef-camelCase {
    position: absolute;
    top: 0.781vw;
    right: 0.885vw;
    font-size: 1.354vw;
    outline: none;
    cursor: pointer;
    color: #3a3a3a;
    transition: 0.2s;
}

.styles__plusTimes___3lcef-camelCase:hover {
    color: #0bc2cf;
}

.styles__plusText___2Vpah-camelCase {
    color: #3a3a3a;
    font-size: 1.979vw;
    font-weight: 700;
    padding: 1.302vw 1.563vw 0;
}

.styles__plusText___2Vpah-camelCase,
.styles__upgradeButton___293mw-camelCase {
    font-family: Nunito, sans-serif;
    text-align: center;
}

.styles__upgradeButton___293mw-camelCase {
    width: 10.417vw;
    height: 3.125vw;
    line-height: 3.125vw;
    background-color: #ff7b24;
    border-radius: 0.365vw;
    margin: 1.563vw auto;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    cursor: pointer;
    text-decoration: none;
    outline: none;
    font-size: 1.563vw;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: all 0.2s cubic-bezier(0.39, 0.5, 0.15, 1.36);
}

.styles__upgradeButton___293mw-camelCase:hover {
    transform: scale(1.05);
}

.styles__standingModalContainer___3t3Jb-camelCase {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 33.854vw;
    min-width: 31.250vw;
    max-height: 90%;
    min-height: 20.833vw;
    background-color: #fff;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    border-radius: 0.365vw;
    text-align: center;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: scroll;
}

.styles__standingModalContainer___3t3Jb-camelCase::-webkit-scrollbar {
    width: 0.625vw;
    margin-right: 0.521vw;
}

.styles__standingModalContainer___3t3Jb-camelCase::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 0.521vw;
}

.styles__standingModalContainer___3t3Jb-camelCase::-webkit-scrollbar-thumb:hover {
    background: #777;
    border-radius: 0.521vw;
}

.styles__modalRow___1tBhK-camelCase {
    display: flex;
    flex-direction: row;
    width: 85%;
    margin: 0.521vw 10% 0.521vw 5%;
    height: 4.167vw;
}

.styles__modalBlook___4BEIA-camelCase {
    height: 4.167vw;
    width: 3.646vw;
}

.styles__modalIcon___1qwjY-camelCase {
    height: 100%;
    width: 3.646vw;
    font-size: 2.604vw;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__modalColumn___3gC7k-camelCase {
    margin: 0 0.260vw 0 0.781vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    text-align: left;
    flex-grow: 1;
    color: #3a3a3a;
    font-size: "Nunito", sans-serif;
    font-size: 1.354vw;
    font-weight: 700;
    word-wrap: break-word;
}

.styles__modalDesc___3Nu0L-camelCase {
    font-weight: 400;
    font-size: 0.833vw;
}

.styles__modalStats___1qA6C-camelCase {
    position: relative;
    height: 4.167vw;
    width: 4.167vw;
}

.styles__modalQuestionStats___3vw0R-camelCase {
    position: relative;
    height: 3.646vw;
    width: 3.646vw;
    margin-left: 0.521vw;
}

.styles__modalStatsText___2jaAX-camelCase {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
    font-size: 0.833vw;
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__modalQuestionColumn___12RW5-camelCase {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 5%;
}

.styles__modalQuestionRow___2gpIj-camelCase {
    display: flex;
    flex-direction: row;
    width: 100%;
    font-family: Nunito, sans-serif;
    font-size: 0.833vw;
    font-weight: 700;
}

.styles__modalQuestionText___3yT5p-camelCase {
    font-weight: 400;
    flex-grow: 1;
    margin-left: 0.260vw;
    text-align: left;
}

.styles__modalQuestionImage___3r7Vq-camelCase {
    height: 3.646vw;
    width: 4.167vw;
    -o-object-fit: contain;
    object-fit: contain;
}

.styles__modalFuncContainer___H9IZG-camelCase {
    height: 3.646vw;
    width: 6.250vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__qModalMathField___1-i_K-camelCase {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default !important;
    color: #3a3a3a;
    border-color: #3a3a3a;
    font-size: 0.625vw !important;
}

.styles__mainDivider___2LL0R-camelCase {
    width: 90%;
    margin: 0.260vw 5% 0.521vw;
    background-color: rgba(0, 0, 0, 0.8);
}

.styles__divider___2cDFN-camelCase,
.styles__mainDivider___2LL0R-camelCase {
    height: 0.052vw;
    border-radius: 0.156vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__divider___2cDFN-camelCase {
    width: 100%;
    margin: 0.365vw 0;
    background-color: rgba(0, 0, 0, 0.2);
}

.styles__modalButton___1oGvL-camelCase {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: normal;
    outline: none;
}

.styles__fullContainer___qVeWI-camelCase {
    align-items: center;
    width: 85%;
    margin: 0 7.5% 0.521vw;
    font-family: Nunito, sans-serif;
}

.styles__fullContainer___qVeWI-camelCase,
.styles__header___10sXq-camelCase {
    display: flex;
    flex-direction: column;
}

.styles__header___10sXq-camelCase {
    width: 100%;
    background-color: #fff;
    border-radius: 0.365vw;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    margin: 1.563vw auto 0;
    padding: 0.521vw 0.781vw;
    box-sizing: border-box;
}

.styles__headerText___3iLda-camelCase {
    color: #3a3a3a;
    font-size: 2.708vw;
    font-weight: 700;
}

.styles__headerBar___37IdV-camelCase {
    border-radius: 0.260vw;
    width: 13.542vw;
    height: 0.417vw;
}

.styles__headerButtons___BkvE9-camelCase {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    width: 100%;
    margin: 0.781vw auto;
}

.styles__button___1PoHi-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 0.260vw;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    background-color: #fff;
    color: #3a3a3a;
    font-weight: 700;
    width: 11.458vw;
    height: 2.604vw;
    padding: 0 0.781vw;
    margin: 0.521vw;
    box-sizing: border-box;
    font-size: 1.042vw;
    position: relative;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-decoration: none;
    transition: 0.2s;
}

.styles__button___1PoHi-camelCase:hover {
    transform: scale(0.95);
}

.styles__buttonIcon___11KvZ-camelCase {
    font-size: 1.250vw;
    margin-right: 0.365vw;
}

.styles__copiedNotification___2y4Z--camelCase {
    position: absolute;
    bottom: 110%;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 0.260vw;
    font-family: Nunito, sans-serif;
    color: #fff;
    font-size: 0.938vw;
    padding: 0.260vw 0.521vw;
}

.styles__noStudentsText___2XNgE-camelCase {
    color: #3a3a3a;
    font-size: 1.667vw;
    font-weight: 700;
    width: 90%;
    margin: 1.042vw auto;
    text-align: center;
}

.styles__studentsHeader___3RU3T-camelCase {
    color: #3a3a3a;
    font-size: 1.563vw;
    font-weight: 700;
    width: 100%;
    margin: 0.521vw auto;
}

.styles__studentsContainer___1oDh1-camelCase {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fill, 13.802vw);
    grid-gap: 1.042vw;
    max-width: 100%;
    margin: 0 auto;
}

.styles__studentInfo___1EX3a-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #fff;
    border-radius: 0.260vw;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    min-width: 13.542vw;
    height: 2.604vw;
    padding: 0.260vw 0.521vw;
    box-sizing: border-box;
    font-size: 1.250vw;
    position: relative;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__studentBlook___2nyGf-camelCase {
    height: 2.083vw;
    margin-right: 0.521vw;
}

.styles__extra___3j4jP-camelCase {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1.823vw;
    justify-content: space-between;
    align-items: flex-end;
}

.styles__extra___3j4jP-camelCase,
.styles__extraRow___2oaCq-camelCase {
    flex-direction: row;
}

.styles__extraRow___2oaCq-camelCase {
    display: flex;
    align-items: center;
    width: 47.5%;
    height: 1.563vw;
    padding: 0 0.521vw;
    box-sizing: border-box;
    font-size: 0.833vw;
    color: #3a3a3a;
    background-color: #fff;
    box-shadow: 0 0 0.208vw 0.078vw rgba(0, 0, 0, 0.2);
    border-radius: 0.260vw;
    margin: 0.104vw 0;
    outline: none;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    position: relative;
    transition: 0.2s;
}

.styles__extraRow___2oaCq-camelCase:focus,
.styles__extraRow___2oaCq-camelCase:hover {
    transform: scale(0.95);
    color: #0bc2cf;
}

.styles__extraRowRed___2Z9-l-camelCase:focus,
.styles__extraRowRed___2Z9-l-camelCase:hover {
    color: #ce1313;
}

.styles__extraRowIcon___157Zo-camelCase {
    margin-right: 0.365vw;
}

.styles__studentInfo___1EX3a-camelCase:hover>.styles__extra___3j4jP-camelCase {
    display: flex;
}

.styles__header___lRkq8-camelCase {
    background-color: #2f2f2f;
    width: 100%;
    height: 2.865vw;
    margin: 0;
    padding: 0;
    box-shadow: 0 0.313vw 0.417vw rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    z-index: 15;
    position: fixed;
    top: 0;
    left: 0;
}

.styles__headerTextLeft___3pmok-camelCase {
    font-size: 2.083vw;
    text-align: left;
    margin-left: 2.083vw;
    font-family: Titan One, sans-serif;
    text-decoration: none;
}

.styles__headerTextLeft___3pmok-camelCase,
.styles__mHamburgerIcon___2Je1h-camelCase {
    color: #fff;
    line-height: 2.865vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
}

.styles__mHamburgerIcon___2Je1h-camelCase {
    font-size: 1.563vw;
    width: 2.083vw;
    position: absolute;
    top: 0;
    right: 1.042vw;
    opacity: 0;
    text-align: center;
    display: none;
}

.styles__mNavMenu___AQ1_Z-camelCase {
    position: fixed;
    left: 100vw;
    top: 0;
    width: 80vw;
    height: 100%;
    background-color: rgba(154, 73, 170, 0.95);
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 50;
    transition: 0.2s;
    display: none;
}

.styles__closeIcon___6Bq7v-camelCase {
    position: absolute;
    top: 1.302vw;
    right: 1.823vw;
    color: #f1f1f1;
    font-size: 1.823vw;
    font-weight: 700;
    transition: 0.3s;
    outline: none;
    text-decoration: none;
    cursor: pointer;
}

.styles__closeIcon___6Bq7v-camelCase:focus,
.styles__closeIcon___6Bq7v-camelCase:hover {
    color: #bbb;
}

.styles__mNavColumn___2P-Hi-camelCase {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    top: 3.125vw;
    left: 1.771vw;
}

.styles__mNavContainer___1hW0E-camelCase {
    height: 2.083vw;
    width: 20.833vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 0.156vw;
    margin-bottom: 0.156vw;
    outline: none;
    text-decoration: none;
}

.styles__mNavText___hwM-N-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 1.250vw;
    padding-left: 0.469vw;
}

.styles__mNavIcon___2lvnV-camelCase,
.styles__mNavText___hwM-N-camelCase {
    line-height: 2.083vw;
    color: #fff;
}

.styles__mNavIcon___2lvnV-camelCase {
    font-size: 1.302vw;
    width: 1.823vw;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__headerRight___3MqKm-camelCase {
    margin-right: 2.083vw;
    justify-content: right;
}

.styles__headerRight___3MqKm-camelCase,
.styles__navContainer___361rJ-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.styles__navContainer___361rJ-camelCase {
    height: 2.708vw;
    border-bottom: 0.156vw;
    border-bottom-color: hsla(0, 0%, 100%, 0);
    border-bottom-style: solid;
    padding: 0 0.781vw;
    max-width: 1.458vw;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: all 0.3s linear;
    overflow: hidden;
    text-decoration: none;
}

.styles__selected___5nUkk-camelCase {
    border-bottom-color: #fff;
}

.styles__expand___2FhE3-camelCase {
    max-width: 9.115vw;
}

.styles__navContainer___361rJ-camelCase:focus,
.styles__navContainer___361rJ-camelCase:hover {
    max-width: 9.115vw;
    border-bottom-color: #fff;
    transition: all 0.3s linear;
}

.styles__navContainer___361rJ-camelCase:focus>.styles__navText___1wmac-camelCase,
.styles__navContainer___361rJ-camelCase:hover>.styles__navText___1wmac-camelCase {
    opacity: 1;
    transition: all 0.3s linear;
}

.styles__navText___1wmac-camelCase {
    font-family: Nunito, sans-serif;
    line-height: 2.865vw;
    font-size: 1.042vw;
    color: #fff;
    padding-left: 0.469vw;
    opacity: 0;
}

.styles__listIcon___14Cum-camelCase {
    line-height: 2.708vw;
}

.styles__createIcon___26fPU-camelCase,
.styles__listIcon___14Cum-camelCase {
    font-size: 1.302vw;
    color: #fff;
    width: 1.458vw;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__createIcon___26fPU-camelCase {
    line-height: 2.604vw;
}

.styles__statsIcon___1liMg-camelCase {
    font-size: 1.510vw;
    line-height: 2.760vw;
}

.styles__statsIcon___1liMg-camelCase,
.styles__storeIcon___oQj2v-camelCase {
    color: #fff;
    width: 1.458vw;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__storeIcon___oQj2v-camelCase {
    font-size: 1.250vw;
    line-height: 2.656vw;
}

.styles__logoutIcon___1wJ2--camelCase {
    font-size: 1.354vw;
    color: #fff;
    line-height: 2.708vw;
    width: 1.302vw;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media only screen and (max-width: 44.271vw) {
    .styles__header___lRkq8-camelCase {
        position: absolute;
    }

    .styles__headerTextLeft___3pmok-camelCase {
        font-size: 1.875vw;
        margin-left: 1.042vw;
    }

    .styles__mHamburgerIcon___2Je1h-camelCase {
        display: block;
        opacity: 1;
    }

    .styles__mNavMenu___AQ1_Z-camelCase {
        display: block;
    }

    .styles__headerRight___3MqKm-camelCase {
        display: none;
    }
}

.styles__holder___2EUfm-camelCase {
    padding-left: 11.458vw;
    width: calc(100% - 11.458vw);
}

.styles__header___20SmS-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 2.344vw;
    font-weight: 700;
    margin: 1.302vw 0 1.042vw 5%;
    color: #3a3a3a;
    display: block;
}

.styles__container___3GxEP-camelCase {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fill, 13.802vw);
    grid-gap: 1.823vw;
    max-width: 90%;
    margin: 0 5%;
}

.styles__class___EfGi0-camelCase {
    width: 13.802vw;
    min-height: 10.417vw;
    border-radius: 0.365vw;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: Nunito, sans-serif;
    color: #fff;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-decoration: none;
    transition: 0.2s;
}

.styles__class___EfGi0-camelCase:hover {
    transform: scale(0.95);
}

.styles__name___1ZDfm-camelCase {
    font-size: 1.771vw;
    line-height: 1.875vw;
    font-weight: 700;
    margin: 0.521vw 5% 1.563vw;
    word-wrap: break-word;
}

.styles__studentsText___1NcIB-camelCase {
    font-size: 1.042vw;
    margin: 0.521vw 5%;
    text-align: right;
}

.styles__addButton___2dxlJ-camelCase {
    width: 10.417vw;
    padding: 0.521vw;
    height: 1.563vw;
    border-radius: 0.365vw;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
    background-color: #fff;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: 0.2s;
}

.styles__addButton___2dxlJ-camelCase:hover {
    transform: scale(0.95);
}

.styles__addIcon___2PRWU-camelCase {
    font-size: 1.146vw;
    padding: 0 0.260vw;
    margin-right: 0.156vw;
}

.styles__addText___HiCFF-camelCase {
    font-size: 1.250vw;
    font-weight: 700;
}

.styles__bigContainer___2AF6h-camelCase {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 95%;
    margin: 2.604vw auto;
}

.styles__bigText___3PaC1-camelCase {
    font-size: 2.083vw;
    line-height: 2.292vw;
    margin: 2.604vw 5% 1.563vw;
    width: 90%;
    color: #3a3a3a;
}

.styles__bigText___3PaC1-camelCase,
.styles__upgradeButton___3vKKG-camelCase {
    font-family: Nunito, sans-serif;
    font-weight: 700;
    text-align: center;
}

.styles__upgradeButton___3vKKG-camelCase {
    width: 10.417vw;
    height: 3.125vw;
    line-height: 3.125vw;
    background-color: #ff7b24;
    border-radius: 0.365vw;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    cursor: pointer;
    text-decoration: none;
    outline: none;
    font-size: 1.563vw;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: 0.2s;
}

.styles__upgradeButton___3vKKG-camelCase:hover {
    transform: scale(0.95);
}

.styles__background___2J-JA-camelCase {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #4f4f4f;
    overflow: hidden;
}

.styles__blooksBackground___3oQ7Y-camelCase {
    position: absolute;
    width: 200%;
    height: 200%;
    top: 50%;
    left: 50%;
    background-size: 28.646vw;
    background-position: 0% 0%;
    opacity: 0.1;
    transform: translate(-50%, -50%) rotate(15deg);
    overflow: hidden;
}

.styles__headerRow___3mqZi-camelCase {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin: 0.521vw auto 1.042vw;
}

.styles__headerLeft___1Hu3N-camelCase {
    width: 20.833vw;
    display: flex;
    flex-direction: column;
}

.styles__headerLeftRow___8vTJL-camelCase {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
}

.styles__headerBlookContainer___36zY5-camelCase {
    width: 5.208vw;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
}

.styles__headerBlook___DdSHd-camelCase {
    width: 100%;
    filter: drop-shadow(0 0.208vw rgba(0, 0, 0, 0.2));
    cursor: pointer;
}

.styles__headerBanner___3Uuuk-camelCase,
.styles__headerInfo___1oWlb-camelCase {
    display: flex;
    flex-direction: column;
}

.styles__headerBanner___3Uuuk-camelCase {
    width: 14.583vw;
    height: 3.229vw;
    padding-bottom: 0.313vw;
    box-sizing: border-box;
    color: #fff;
    text-shadow: 0.052vw 0.052vw rgba(0, 0, 0, .2);
    margin-bottom: 0.781vw;
    justify-content: center;
    align-items: center;
    position: relative;
    outline: none;
    cursor: pointer;
}

.styles__headerBadges___ffKa4-camelCase {
    padding-bottom: 0.313vw;
    box-sizing: border-box;
    color: #fff;
    text-shadow: 0.052vw 0.052vw rgba(0, 0, 0, .2);
    margin-bottom: 0.781vw;
    justify-content: center;
    align-items: center;
    position: relative;
    outline: none;
    max-width: 13.125vw;
}

.styles__headerTitle___24Ox2-camelCase {
    font-size: 0.729vw;
    line-height: 0.729vw;
    z-index: 1;
}

.styles__headerBg___12ogR-camelCase {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.styles__headerBadgeBg___12ogR-camelCase {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2);
    background-color: #3f3f3f;
    border-radius: 0.365vw;
}

.styles__headerName___1GBcl-camelCase {
    font-weight: 700;
    font-size: 1.354vw;
    line-height: 1.354vw;
    z-index: 1;
}

.styles__friendsContainer___kRk3a-camelCase {
    overflow-y: scroll;
    justify-content: center;
    display: flex;
    flex-flow: row wrap;
    max-height: 22.135vw;
    gap: 0.4vw;
    transform: scale(0.95);
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.styles__friendsContainer___kRk3a-camelCase::-webkit-scrollbar {
    display: none;
}

.styles__friendsFriend___rj42a-camelCase {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
    transition: transform 0.2s;
    transform: scale(0.95);
}

.styles__friendsFriend___rj42a-camelCase:hover {
    transform: scale(0.9);
}

.styles__friendsFriend___rj42a-camelCase img:first-child {
    width: 15vw;
}

.styles__friendsFriendNoHover___rj42a-camelCase {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    outline: none;
    transform: scale(0.95);
}

.styles__friendsFriendNoHover___rj42a-camelCase img:first-child {
    width: 15vw;
}

.styles__friendsAvatar___mvaW3-camelCase {
    width: 2.604vw;
    position: absolute;
    top: 60%;
    transform: translateY(-57.5%);
    left: 0;
}

.styles__friendsUsername___904Ca-camelCase {
    position: absolute;
    font-weight: 700;
    font-size: 1.354vw;
    line-height: 1.354vw;
    margin-bottom: 0.781vw;
    padding-bottom: 0.365vw;
    text-shadow: 0.052vw 0.052vw rgba(0, 0, 0, .2);
}

.styles__friendsRole___vma3A-camelCase {
    position: absolute;
    font-size: 0.729vw;
    line-height: 0.729vw;
    margin-bottom: -1.302vw;
    padding-bottom: 0.365vw;
    text-shadow: 0.052vw 0.052vw rgba(0, 0, 0, .2);
    color: white;
}

.styles__friendButton___gj4Ac-camelCase {
    width: 2.604vw;
    height: 2.604vw;
    background-color: #1f1f1f;
    border-radius: 50%;
    margin-bottom: 0.104vw;
    box-shadow: inset 0 -0.260vw rgba(0, 0, 0, 0.2);
    color: white;
    font-family: Titan One;
    font-size: 1.953vw;
    display: flex;
    text-align: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.2s;
}

.styles__friendButton___gj4Ac-camelCase:hover {
    transform: scale(0.95);
}

/* .styles__eventButton___2dH73-camelCase {
    background: linear-gradient(0deg, rgba(101, 203, 218, 1) 0%, rgba(255, 139, 23, 1) 100%);
    border-radius: 0.260vw;
    margin: 0.781vw auto 0;
    padding: 0.260vw 0.521vw;
    font-weight: 300;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: 0.2s;
    box-shadow: inset 0 -0.354vw rgba(0, 0, 0, 0.2);
    width: 13.385vw;
    height: 4.427vw;
    position: absolute;
    right: 0.521vw;
    bottom: 0.521vw;
} 

.styles__eventButton___2dH73-camelCase:hover {
    transform: scale(0.95);
} */

.styles__eventButton___2dH73-camelCase {
    background: linear-gradient(0deg, rgba(101, 203, 218, 1) 0%, rgba(255, 139, 23, 1) 100%);
    border-radius: 0.260vw;
    margin: 0.781vw auto 0;
    padding: 0.260vw 0.521vw;
    font-weight: 300;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    box-shadow: inset 0 -0.354vw rgba(0, 0, 0, 0.2);
    width: 13.385vw;
    height: 4.427vw;
    position: fixed;
    right: 0.521vw;
    bottom: 0.521vw;
}

.styles__levelBarContainer___1xi-9-camelCase {
    width: 14.583vw;
    height: 0.938vw;
    position: relative;
}

.styles__levelStarContainer___7ABEf-camelCase {
    width: 2.083vw;
    height: 2.083vw;
    position: absolute;
    left: -0.521vw;
    top: calc(50% - 1.042vw);
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__levelStar___LHq_y-camelCase {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.styles__levelStarText___2Myxg-camelCase {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-family: Titan One, sans-serif;
    -webkit-text-stroke: 0.052vw #3a3a3a;
    font-size: 1.042vw;
}

.styles__levelBar___2SU0x-camelCase {
    width: 100%;
    height: 100%;
    border-radius: 0.521vw;
    overflow: hidden;
    background-color: #2f2f2f;
}

@keyframes styles__levelBarRainbow___3FLAG-camelCase {
    0% {
        filter: hue-rotate(0deg);
    }

    100% {
        filter: hue-rotate(360deg);
    }
}

.styles__levelBarInside___3FLAG-camelCase {
    background: linear-gradient(#fcd843, #fcd843 50%, #feb31a 50.01%, #feb31a);
    height: 100%;
    width: 100%;
    transform-origin: left center;
}

.styles__headerLeftButtons___3zGk0-camelCase {
    margin-top: 1.302vw;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-left: -0.521vw;
}

.styles__headerButtonInside___26e_U-camelCase {
    width: 5.990vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-size: 0.625vw;
    font-weight: 700;
}

.styles__headerButtonIcon___1pOun-camelCase {
    font-size: 0.625vw;
    margin-right: 0.260vw;
    margin-left: 0.260vw;
}

.styles__featuredBlooksContainer___OHnma-camelCase {
    margin: 0 1.563vw;
    height: 8.125vw;
    width: 16.042vw;
    position: relative;
}

.styles__featuredBlooksBg___M5r9M-camelCase {
    width: 100%;
    height: 100%;
    position: absolute;
}

.styles__bottomContainer___3kOrb-camelCase {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%;
    margin: 2.083vw auto 0.521vw;
}

.styles__left___a1a11-camelCase {
    width: 16.667vw;
}

.styles__right___13qxc-camelCase {
    width: calc(100% - 17.708vw);
}

.styles__customBlookContainer___3wjWt-camelCase {
    background-color: #40115f;
    width: 100%;
    padding: 0.260vw 0.260vw 0.573vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2);
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    align-items: center;
    color: #fff;
    position: relative;
}

.styles__containerHeader___3xghM-camelCase,
.styles__customBlookContainer___3wjWt-camelCase {
    border-radius: 0.365vw;
    box-sizing: border-box;
}

.styles__containerHeader___3xghM-camelCase {
    position: absolute;
    top: -1.458vw;
    left: -0.521vw;
    height: 2.344vw;
    background-color: #3f3f3f;
    padding: 0.208vw 0.208vw 0.417vw;
    box-shadow: 0 0.208vw rgba(0, 0, 0, 0.5), inset 0 -0.208vw rgba(0, 0, 0, 0.5);
}

.styles__containerHeaderRight___3xghM-camelCase {
    position: absolute;
    top: -1.458vw;
    right: -0.521vw;
    background-color: #3f3f3f;
    padding: 0.208vw 0.208vw 0.417vw;
    box-shadow: 0 0.208vw rgba(0, 0, 0, 0.5), inset 0 -0.208vw rgba(0, 0, 0, 0.5);
    border-radius: 0.365vw;
}

.styles__containerHeaderRightFriends___3xghM-camelCase {
    transition: 0.2s;
    cursor: pointer;
}

.styles__containerHeaderRightFriends___3xghM-camelCase:hover {
    transform: scale(0.95);
}

.styles__containerHeaderInside___2omQm-camelCase {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    background: #3f3f3f;
    padding: 0 0.781vw;
    border-radius: 0.260vw;
    font-family: Titan One, sans-serif;
    color: #fff;
    font-size: 1.354vw;
}

.styles__notificationIndicator___4kvmA-camelCase {
    position: absolute;
    width: 1.302vw;
    height: 1.302vw;
    background-color: #ff4e4e;
    top: -0.391vw;
    right: -0.391vw;
    border-radius: 50%;
    box-shadow: inset 0 -0.156vw rgba(0, 0, 0, 0.2);
    text-align: center;
    font-family: Titan One;
    text-shadow: 0.000vw 0.000vw 0.260vw black;
    font-size: 0.781vw;
    display: flex;
    justify-content: center;
    color: white;
}

.styles__chatNotificationIndicator___o0a2a-camelCase {
    position: absolute;
    width: 1.302vw;
    height: 1.302vw;
    background-color: #ff4e4e;
    right: 0.260vw;
    border-radius: 50%;
    box-shadow: inset 0 -0.156vw rgba(0, 0, 0, 0.2);
    text-align: center;
    font-family: Titan One;
    text-shadow: 0.000vw 0.000vw 0.260vw black;
    font-size: 0.781vw;
    display: flex;
    justify-content: center;
    color: white;
}

.styles__containerHeaderInside___2omQm-camelCase,
.styles__noBlookContainer___1azSz-camelCase {
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__noBlookContainer___1azSz-camelCase {
    width: 18%;
    height: 9.115vw;
    font-size: 0.833vw;
    font-weight: 700;
    opacity: 0.6;
    flex-direction: column;
    text-align: center;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__noBlookContainer___1azSz-camelCase:hover {
    transform: scale(0.95);
}

.styles__noBlookIcon___HAmDA-camelCase {
    font-size: 2.083vw;
    margin-bottom: 0.521vw;
}

.styles__blookContainer___1RJ4W-camelCase {
    width: 18%;
    height: 9.115vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.styles__customBlook___1I-NI-camelCase {
    width: 75%;
    max-width: 5.729vw;
    margin-bottom: 0.260vw;
}

.styles__customIconRow___3FyUU-camelCase {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    width: 80%;
    margin-top: 0;
    height: 0;
    overflow: hidden;
    transition: 0.2s;
}

.styles__blookContainer___1RJ4W-camelCase:hover>.styles__customIconRow___3FyUU-camelCase {
    height: 1.042vw;
    margin-top: 0.365vw;
}

.styles__customIcon___2AL28-camelCase {
    width: 1.042vw;
    height: 1.042vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.938vw;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    opacity: 0.6;
    transition: 0.2s;
}

.styles__customIcon___2AL28-camelCase:hover {
    opacity: 1;
}

.styles__blookUsageContainer___1skDN-camelCase {
    border-radius: 0.365vw;
    background-color: #2f2f2f;
    width: 100%;
    padding: 1.563vw 0.781vw 0.833vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    position: relative;
}

.styles__blookUsageRow___3BmOZ-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 2.344vw;
}

.styles__blookUsageBlook___20QoJ-camelCase {
    width: 1.875vw;
}

.styles__blookUsageBarContainer___3he3D-camelCase {
    width: calc(100% - 2.604vw);
    height: 1.354vw;
}

.styles__blookUsageBar___iYjir-camelCase {
    width: 100%;
    height: 100%;
    transform-origin: left center;
    background: linear-gradient(transparent, transparent 50%, rgba(0, 0, 0, 0.1) 50.01%, rgba(0, 0, 0, 0.1));
    box-shadow: 0 0.208vw rgba(0, 0, 0, 0.3);
}

.styles__blookUsageScale___2g-Ky-camelCase {
    width: calc(100% - 2.083vw);
    height: 1.302vw;
    margin-left: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
}

.styles__blookUsageNum___1v4U8-camelCase {
    font-size: 0.625vw;
    color: #fff;
    width: 1.302vw;
    text-align: center;
}

.styles__blookUsageScaleBar___3w1PT-camelCase {
    background-color: #fff;
    height: 0.156vw;
    width: calc(100% - 2.344vw);
}

.styles__blookUsageText___3s235-camelCase {
    width: calc(100% - 2.604vw);
    margin-left: auto;
    margin-top: -0.260vw;
    font-size: 0.729vw;
    text-align: center;
    color: #fff;
}

.styles__historyContainer___kQ6kc-camelCase {
    background-color: #2f2f2f;
    padding: 1.563vw 0.781vw 0.833vw;
    position: relative;
    margin: 2.083vw 0;
}

.styles__historyContainer___kQ6kc-camelCase,
.styles__historyGameContainer___1ncNG-camelCase {
    border-radius: 0.365vw;
    width: 100%;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
}

.styles__historyGameContainer___1ncNG-camelCase {
    background-color: #7a039d;
    margin: 0.260vw 0;
    padding: 0.260vw 0.521vw 0.573vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #fff;
}

.styles__historyBlook___3dMsx-camelCase {
    width: 1.667vw;
}

.styles__historyInfo___11Lo0-camelCase {
    margin: 0 0.365vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 0.729vw;
}

.styles__historyName___3REcG-camelCase {
    font-size: 0.833vw;
    font-weight: 700;
}

.styles__historyNothing___3Js4--camelCase {
    width: 100%;
    text-align: center;
    font-size: 1.042vw;
    color: #fff;
    font-weight: 700;
}

.styles__gameStatContainer___lqtJn-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
    margin-left: auto;
}

.styles__gameStatText___2PxtE-camelCase {
    font-weight: 700;
    margin-right: 0.260vw;
}

.styles__gameStatText___2PxtE-camelCase,
.styles__snowIcon___c3oRi-camelCase {
    font-size: 0.833vw;
}

.styles__fossilIcon___3JBcz-camelCase {
    font-size: 0.729vw;
    transform: rotate(-45deg);
}

.styles__gameStatImg___205th-camelCase {
    width: 1.146vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__pointsText___2tau--camelCase {
    font-size: 0.833vw;
    font-weight: 700;
    text-align: right;
    margin: auto 0 auto auto;
}

.styles__statsContainer___QnrRB-camelCase {
    border-radius: 0.365vw;
    background-color: #2f2f2f;
    width: 100%;
    padding: 0.781vw 0.260vw 0.573vw;
    margin: 2.083vw 0;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    color: #fff;
    position: relative;
}

.styles__statsWrapper___r9VCh-camelCase,
.styles__topStats___3qffP-camelCase {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
}

.styles__statContainer___QKuOF-camelCase {
    border-radius: 0.365vw;
    background-color: #4f4f4f;
    margin: 0.521vw;
    width: 10.417vw;
    padding: 0.260vw 0.260vw 0.573vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.styles__statTitle___z4wSV-camelCase {
    color: #fff;
    font-size: 0.833vw;
}

.styles__statNum___5RYSd-camelCase {
    font-family: Titan One, sans-serif;
    color: #fff;
    font-size: 1.458vw;
}

.styles__statImg___3DBXt-camelCase {
    width: 2.604vw;
    transform: translateY(-50%) rotate(-15deg);
}

.styles__statImg___3DBXt-camelCase,
.styles__tokenImg___a08fY-camelCase {
    position: absolute;
    top: 65%;
    left: -1.042vw;
    filter: drop-shadow(0 0 0.313vw rgba(0, 0, 0, 0.2));
}

.styles__tokenImg___a08fY-camelCase {
    width: 2.292vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transform: translateY(-50%) rotate(-35deg);
}

.styles__leaderboardPosition___2Z8ZU-camelCase {
    text-decoration: none;
    transition: ease-in-out 0.2s;
}

.styles__leaderboardPosition___2Z8ZU-camelCase:hover {
    cursor: pointer;
    text-shadow: 0.000vw 0.000vw 0.521vw;
}

.styles__waitingForText__G5A73-camelCase {
    /* place text in the middle of the screen */
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2.083vw;
    color: #fff;
}

@media only screen and (max-width: 59.896vw) {
    .styles__bottomContainer___3kOrb-camelCase {
        flex-flow: row-reverse wrap;
    }

    .styles__left___a1a11-camelCase,
    .styles__right___13qxc-camelCase {
        width: 100%;
    }
}

@media only screen and (max-width: 33.854vw) {
    .styles__noBlookContainer___1azSz-camelCase {
        width: 40%;
        height: 7.031vw;
        font-size: 0.729vw;
        margin: 0 auto;
    }

    .styles__noBlookIcon___HAmDA-camelCase {
        font-size: 1.667vw;
        margin-bottom: 0.365vw;
    }

    .styles__blookContainer___1RJ4W-camelCase {
        width: 40%;
        height: 7.031vw;
        margin: 0 auto;
    }

    .styles__customBlook___1I-NI-camelCase {
        width: 65%;
        max-width: 4.167vw;
    }
}

@media only screen and (max-width: 23.438vw) {
    .styles__headerLeftRow___8vTJL-camelCase {
        flex-direction: column;
        align-items: center;
    }

    .styles__headerBlookContainer___36zY5-camelCase {
        margin-bottom: 0.781vw;
    }

    .styles__headerLeftButtons___3zGk0-camelCase {
        margin-top: 1.042vw;
        justify-content: space-evenly;
    }

    .styles__headerButton___36TRh-camelCase {
        margin: 0.260vw;
    }
}

.styles__mainContainer___j0SkU-camelCase {
    flex-direction: row;
    height: 20.833vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.styles__centerContainer___2yw8i-camelCase,
.styles__mainContainer___j0SkU-camelCase {
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__centerContainer___2yw8i-camelCase {
    height: 100%;
    width: 14.583vw;
    margin: auto 0.521vw;
    box-sizing: border-box;
    border-radius: 0.260vw;
    background-color: #fff;
    box-shadow: 0 0 0.208vw 0.104vw rgba(0, 0, 0, 0.2);
    position: relative;
}

.styles__centerInside___2FP7P-camelCase {
    position: absolute;
    top: 0.521vw;
    left: 0.521vw;
    height: calc(100% - 1.042vw);
    width: calc(100% - 1.042vw);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.styles__blook___aQPdY-camelCase {
    position: absolute !important;
    left: 17.5%;
    bottom: 20%;
    width: 65%;
}

.styles__circle___8fJx5-camelCase {
    width: 90%;
    height: 15%;
    border-radius: 50%;
    background-color: #404040;
    opacity: 0.7;
    position: absolute;
    bottom: 21%;
    left: 50%;
    transform: translate(-50%, 50%);
}

.styles__leftSide___2_hlm-camelCase,
.styles__rightSide___1ObmT-camelCase {
    height: 100%;
    width: 2.604vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top: 0;
    right: calc(50% + 7.813vw);
}

.styles__rightSide___1ObmT-camelCase {
    right: unset;
    left: calc(50% + 7.813vw);
    height: calc(100% - 3.906vw);
}

.styles__partContainer___21wv9-camelCase {
    height: 3.125vw;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    border-radius: 0.260vw;
    background-color: #fff;
    box-shadow: 0 0 0.208vw 0.104vw rgba(0, 0, 0, 0.2);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__partContainer___21wv9-camelCase:hover {
    transform: scale(0.95);
}

.styles__partImg___1HG35-camelCase {
    width: 1.823vw;
    margin-bottom: 0.104vw;
}

.styles__noPart___1jW_T-camelCase {
    margin-bottom: 0.521vw;
    font-size: 0.938vw;
}

.styles__partText___1UWIL-camelCase {
    font-size: 0.521vw;
    font-weight: 700;
}

.styles__choiceHeader___RmGXN-camelCase {
    font-size: 1.458vw;
    font-weight: 700;
}

.styles__colorRow___1ihO8-camelCase {
    flex-direction: row;
    width: 100%;
    height: 1.302vw;
}

.styles__colorButton___18Qlu-camelCase,
.styles__colorRow___1ihO8-camelCase {
    display: flex;
    justify-content: center;
}

.styles__colorButton___18Qlu-camelCase {
    width: 1.042vw;
    height: 1.042vw;
    border-radius: 0.260vw;
    margin: 0.260vw 0.156vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    align-items: center;
    font-size: 0.625vw;
    color: #fff;
}

.styles__choicesContainer___poKl0-camelCase {
    display: grid;
    justify-content: center;
    align-content: flex-start;
    grid-template-columns: repeat(auto-fill, 3.385vw);
    grid-gap: 0.521vw;
    max-width: 100%;
    margin: auto auto 0;
    overflow-y: auto;
    width: 100%;
    height: calc(100% - 2.344vw);
}

.styles__choicesContainer___poKl0-camelCase::-webkit-scrollbar {
    width: 0.521vw;
}

.styles__choicesContainer___poKl0-camelCase::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 0.521vw;
}

.styles__choicesContainer___poKl0-camelCase::-webkit-scrollbar-thumb:hover {
    background: #777;
    border-radius: 0.521vw;
}

.styles__choiceContainerWithColors___3zvIy-camelCase {
    height: calc(100% - 3.906vw);
}

.styles__partChoice___t2gWn-camelCase {
    width: 3.385vw;
    height: 3.906vw;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.156vw solid #a7a7a7;
    box-sizing: border-box;
    border-radius: 0.260vw;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__partChoice___t2gWn-camelCase:hover {
    transform: scale(0.95);
}

.styles__partChosen___3ieBA-camelCase {
    border-color: #0bc2cf;
}

.styles__partLocked___CYD8Y-camelCase {
    opacity: 0.7;
    cursor: default;
}

.styles__partLocked___CYD8Y-camelCase:hover {
    transform: scale(1);
}

.styles__choiceImg___1h8Tw-camelCase {
    width: 80%;
}

.styles__noChoice___1uqHO-camelCase {
    font-size: 1.250vw;
}

.styles__lockedIcon___39PC4-camelCase {
    top: -0.156vw;
    left: -0.156vw;
    width: calc(100% + 0.313vw);
    height: calc(100% + 0.313vw);
    justify-content: center;
    border-radius: 0.260vw;
    color: #fff;
    font-size: 1.146vw;
    background-color: rgba(85, 85, 85, 0.7);
}

.styles__buttonRow___uak2a-camelCase,
.styles__lockedIcon___39PC4-camelCase {
    position: absolute;
    display: flex;
    align-items: center;
}

.styles__buttonRow___uak2a-camelCase {
    flex-direction: row;
    justify-content: space-evenly;
    top: calc(50% + 11.458vw);
    left: calc(50% - 7.292vw);
    width: 14.583vw;
}

.styles__button___30-3L-camelCase {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 5.208vw;
    height: 2.083vw;
    background-color: #fff;
    border-radius: 0.260vw;
    box-shadow: 0 0 0.208vw 0.104vw rgba(0, 0, 0, 0.2);
    font-size: 0.938vw;
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    transition: 0.2s;
}

.styles__button___30-3L-camelCase:hover {
    transform: scale(0.95);
}

.styles__buttonIcon___1xuxa-camelCase {
    font-size: 0.885vw;
    margin-right: 0.365vw;
}

@media only screen and (max-width: 26.042vw) {
    .styles__centerContainer___2yw8i-camelCase {
        width: 10.417vw;
        margin: auto 0.521vw;
    }

    .styles__leftSide___2_hlm-camelCase {
        right: calc(50% + 5.729vw);
    }

    .styles__rightSide___1ObmT-camelCase {
        left: calc(50% + 5.729vw);
    }

    .styles__choiceHeader___RmGXN-camelCase {
        font-size: 1.094vw;
    }

    .styles__colorButton___18Qlu-camelCase {
        width: 0.885vw;
        height: 0.885vw;
        margin: 0.260vw 0.156vw;
        font-size: 0.521vw;
    }

    .styles__choicesContainer___poKl0-camelCase {
        grid-template-columns: repeat(auto-fill, 2.865vw);
        grid-gap: 0.313vw;
        height: calc(100% - 1.979vw);
    }

    .styles__choiceContainerWithColors___3zvIy-camelCase {
        height: calc(100% - 3.125vw);
    }

    .styles__partChoice___t2gWn-camelCase {
        width: 2.865vw;
        height: 3.385vw;
    }

    .styles__noChoice___1uqHO-camelCase {
        font-size: 1.042vw;
    }

    .styles__buttonRow___uak2a-camelCase {
        left: calc(50% - 5.208vw);
        width: 10.417vw;
    }

    .styles__button___30-3L-camelCase {
        width: 4.167vw;
        height: 1.563vw;
        font-size: 0.729vw;
    }

    .styles__buttonIcon___1xuxa-camelCase {
        font-size: 0.677vw;
        margin-right: 0.260vw;
    }
}

.styles__passContainer___2Fj2w-camelCase {
    border-radius: 0.260vw;
    background-color: #fff;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 9.635vw;
    padding: 0.521vw 1.302vw;
    margin: 1.563vw auto 0.521vw;
    box-sizing: border-box;
    position: relative;
    background-color: #9048c6;
    background-image: repeating-linear-gradient(45deg, #9b5acb 25%, transparent 0, transparent 75%, #9b5acb 0, #9b5acb), repeating-linear-gradient(45deg, #9b5acb 25%, #9048c6 0, #9048c6 75%, #9b5acb 0, #9b5acb);
    background-position: 0 0, 1.042vw 1.042vw;
    background-size: 2.083vw 2.083vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__passInside___CQ8Dw-camelCase {
    width: calc(100% - 2.604vw);
    height: calc(100% - 1.042vw);
    position: absolute;
    top: 0.521vw;
    left: 1.302vw;
    overflow-x: auto;
    scrollbar-width: none;
}

.styles__passInside___CQ8Dw-camelCase::-webkit-scrollbar {
    height: 0;
}

.styles__passBarWrapper___1Sitr-camelCase {
    width: 100%;
    bottom: 1.042vw;
    border-radius: 0.521vw;
    background-color: rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.styles__passBar___39eRe-camelCase,
.styles__passBarWrapper___1Sitr-camelCase {
    height: 0.521vw;
    position: absolute;
    left: 0;
}

.styles__passBar___39eRe-camelCase {
    background-color: #ef7426;
    min-width: 2.083vw;
    top: 0;
    box-sizing: border-box;
}

.styles__passBarInside___26zPM-camelCase {
    width: 100%;
    height: 0.260vw;
    background-color: #fcd843;
}

.styles__passBarLevel___D6OmO-camelCase {
    width: 2.083vw;
    height: 2.083vw;
    border-radius: 50%;
    position: absolute;
    bottom: 0.260vw;
    background-color: #fcd843;
    border: 0.182vw solid #ef7426;
    box-sizing: border-box;
    font-size: 1.250vw;
    font-family: Titan One, sans-serif;
    text-shadow: -0.052vw -0.052vw 0 #646464, 0.052vw -0.052vw 0 #646464, -0.052vw 0.052vw 0 #646464, 0.104vw 0.104vw 0 #646464;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    padding-bottom: 0.104vw;
    padding-right: 0.026vw;
    transform: translateX(-50%);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__passBarLevelLocked___35DJo-camelCase {
    background-color: #404040;
    border: 0.182vw solid #333;
    opacity: 0.8;
}

.styles__passPrize___31Siw-camelCase {
    width: 3.646vw;
    height: 4.688vw;
    border-radius: 0.260vw;
    position: absolute;
    bottom: 2.734vw;
    background-color: #fcd843;
    border: 0.208vw solid #ef7426;
    box-sizing: border-box;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
}

.styles__wheelWrapper___1Jp5W-camelCase {
    position: relative;
    width: 16.667vw;
    height: 16.667vw;
    display: flex;
    flex-direction: column;
    margin: 0.521vw auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
}

.styles__wheelStand___16jjf-camelCase {
    width: 50%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.styles__wheelContainer___1xNs_-camelCase {
    width: 85%;
    height: 85%;
    position: absolute;
    top: 7.5%;
    left: 7.5%;
}

.styles__wheelContainerInside___3YXNR-camelCase {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.styles__wheelImg___ZjYhV-camelCase {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.styles__prizeContainer___WfrVd-camelCase {
    width: 3.125vw;
    height: 50%;
    position: absolute;
    top: 0;
    left: calc(50% - 1.563vw);
    transform-origin: bottom center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    padding-top: 1.823vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-align: center;
}

.styles__wheelToken___1V7iP-camelCase {
    width: 1.823vw;
    margin-bottom: 0.156vw;
}

.styles__prizeText___uuQ2U-camelCase {
    color: #fff;
    font-size: 0.625vw;
    font-family: Titan One, sans-serif;
    text-shadow: 0 0 0.208vw rgba(0, 0, 0, .4);
}

.styles__wheelArrow___10epf-camelCase {
    width: 1.458vw;
    position: absolute;
    top: 0.885vw;
    left: 50%;
    transform: translateX(-50%);
}

.styles__wheelSpin1___1jvqn-camelCase {
    animation: styles__spin1___1Yq_w-camelCase 3.5s ease-out forwards;
}

@keyframes styles__spin1___1Yq_w-camelCase {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(1665deg);
    }
}

.styles__tokenContainer___3yBv--camelCase {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 28.125vw;
    width: 90%;
    box-sizing: border-box;
    padding: 0.781vw 0 1.146vw;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, .2), 0 0 0.417vw 0.156vw rgba(0, 0, 0, .2);
    background-color: #3f3f3f;
    border-radius: 0.365vw;
    text-align: center;
}

.styles__modalBigHeaderText___1s9HL-camelCase {
    font-size: 2.188vw;
    font-weight: 700;
    margin: 0.521vw auto;
    padding: 0 1.042vw;
    color: #ffffff
}

.styles__buttonRow___3rXut-camelCase {
    margin-top: 0.521vw;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.styles__nextButtonInside___1KB5H-camelCase {
    padding: 0.260vw 1.042vw;
    font-size: 1.250vw;
    font-weight: 700;
}

.styles__passPart___3A_ls-camelCase {
    width: 2.604vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__passPrizeText___1DDcE-camelCase {
    text-shadow: -0.052vw -0.052vw 0 #646464, 0.052vw -0.052vw 0 #646464, -0.052vw 0.052vw 0 #646464, 0.052vw 0.052vw 0 #646464;
    font-size: 0.625vw;
    line-height: 0.625vw;
    color: #fff;
    font-weight: 700;
    margin-top: 0.208vw;
}

.styles__passPrizeLocked___2BOfw-camelCase {
    background-color: #404040;
    border: 0.208vw solid #333;
    opacity: 0.8;
}

.styles__passHeader___2qLTt-camelCase,
.styles__passHeaderRight___1idaX-camelCase {
    position: absolute;
    top: -1.458vw;
    left: -0.521vw;
    height: 2.344vw;
    background-color: #ef7426;
    box-sizing: border-box;
    border-radius: 0.365vw;
    padding: 0.208vw 0.208vw 0.417vw;
    box-shadow: 0 0.208vw rgba(0, 0, 0, 0.2), inset 0 -0.208vw rgba(0, 0, 0, 0.2);
}

.styles__passHeaderRight___1idaX-camelCase {
    right: -0.521vw;
    left: unset;
}

.styles__passHeaderInside___3LQOs-camelCase {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    background: linear-gradient(#fcd843, #fcd843 50%, #feb31a 50.01%, #feb31a);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0.781vw;
    border-radius: 0.260vw;
    text-shadow: -0.052vw -0.052vw 0 #646464, 0.052vw -0.052vw 0 #646464, -0.052vw 0.052vw 0 #646464, 0.104vw 0.104vw 0 #646464;
    font-family: Titan One, sans-serif;
    color: #fff;
    font-size: 1.354vw;
}

@media only screen and (max-width: 41.667vw) {
    .styles__smallPassHeader___35o4E-camelCase {
        display: none;
    }

    .styles__smallPassHeaderRight___3wp3o-camelCase {
        right: 50%;
        transform: translateX(50%);
        width: 10.417vw;
    }
}

@media only screen and (max-width: 31.250vw) {
    .styles__passHeader___2qLTt-camelCase {
        display: none;
    }

    .styles__passHeaderRight___1idaX-camelCase {
        right: 50%;
        transform: translateX(50%);
        width: 10.417vw;
    }
}

.styles__container___3St5B-camelCase {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 90%;
    width: 95%;
    max-width: 26.042vw;
    border-radius: 0.521vw;
    background-color: #2f2f2f;
    box-sizing: border-box;
    padding: 0.521vw 0.521vw 0.990vw;
    box-shadow: inset 0 -0.469vw rgba(0, 0, 0, 0.2), 0 0.260vw rgba(0, 0, 0, 0.25);
    transform: translate(-50%, -50%);
}

.styles__blooksHolder___1skET-camelCase {
    width: 100%;
    height: 90%;
    padding: 0.260vw;
    box-sizing: border-box;
    overflow-y: auto;
    display: grid;
    justify-content: center;
    align-content: flex-start;
    grid-template-columns: repeat(auto-fill, 3.125vw);
    grid-gap: 0.521vw;
}

.styles__blooksHolder___1skET-camelCase::-webkit-scrollbar {
    width: 0.625vw;
    background-color: hsla(0, 0%, 100%, 0.2);
    border-radius: 0.521vw;
}

.styles__blooksHolder___1skET-camelCase::-webkit-scrollbar-thumb,
.styles__blooksHolder___1skET-camelCase::-webkit-scrollbar-thumb:hover {
    background: #fff;
    border-radius: 0.521vw;
}

.styles__blookContainer___hvHJM-camelCase {
    width: 3.125vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    will-change: transform;
    transition: transform 0.2s;
    transform: scale(0.95);
}

.styles__blookContainer___hvHJM-camelCase:hover {
    transform: scale(0.9);
}

.styles__header___153FZ-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 2.292vw;
    font-weight: 700;
    margin: 0.781vw 5% 0.521vw;
    color: #ffffff;
}

.styles__rateIcon___11Qwv-camelCase {
    font-size: 1.458vw;
    line-height: 1.823vw;
    margin: auto 0.521vw;
    outline: none;
    cursor: pointer;
    transition: all 0.1s linear;
}

.styles__rateIcon___11Qwv-camelCase:hover {
    color: #c3c3c4;
}

.styles__tooltip___21a_3-camelCase {
    font-family: Nunito, sans-serif !important;
    font-size: 0.781vw !important;
    line-height: 0.990vw !important;
    padding: 0.313vw 0.677vw !important;
    text-align: center !important;
}

.styles__tokenBalance___1FHgT-camelCase {
    margin: 0 0.521vw;
    display: flex;
}

.styles__mTokenBalance___2dSI3-camelCase,
.styles__tokenBalance___1FHgT-camelCase {
    height: 2.865vw;
    background-color: #2f2f2f;
    border-bottom-left-radius: 0.521vw;
    border-bottom-right-radius: 0.521vw;
    box-sizing: border-box;
    padding: 0 0.521vw 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    justify-content: center;
    align-items: center;
    font-size: 1.146vw;
    font-weight: 700;
    color: #ffffff;
}

.styles__mTokenBalance___2dSI3-camelCase {
    position: absolute;
    top: 0;
    right: 0.521vw;
    display: none;
}

.styles__tokenBalanceIcon___3MGhs-camelCase {
    width: 1.563vw;
    height: 1.563vw;
    margin-right: 0.365vw;
}

.styles__packsWrapper___2hBF4-camelCase {
    /* margin: 1.302vw 0 1.823vw 5%; */
    display: grid;
    grid-template-columns: repeat(auto-fill, 10.938vw);
    grid-gap: 1.302vw;
    /*! width: calc(90% - 13.021vw); */
    /*! padding-bottom: 1.042vw; */
    width: 100%;
    scrollbar-width: none;
}

.styles__packsWrapper___2hBF4-camelCase::-webkit-scrollbar {
    display: none;
}

.styles__packContainer___3RwSU-camelCase {
    width: 10.938vw;
    height: 10.938vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    position: relative;
    background-color: #0bc2cf;
    border-radius: 0.521vw;
    overflow: hidden;
    padding-bottom: 0.365vw;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    will-change: transform;
    transition: 0.2s;
}

.styles__packContainer___3RwSU-camelCase:hover {
    transform: scale(0.95);
}

.styles__packImgContainer___3NABW-camelCase {
    height: 100%;
    position: relative;
}

.styles__packShadow___2TA17-camelCase {
    width: 70%;
    filter: brightness(0) invert(100%);
    opacity: 0.5;
}

.styles__packImg___3to1S-camelCase,
.styles__packShadow___2TA17-camelCase {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(10deg);
}

.styles__packImg___3to1S-camelCase {
    width: 65%;
}

.styles__packBottom___37drt-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 1.250vw;
    width: 3.646vw;
    background-color: rgba(0, 0, 0, 0.2);
    font-family: Titan One, sans-serif;
    font-size: 0.938vw;
    color: #fff;
    text-shadow: 0.052vw 0.052vw 0 grey;
    border-top-right-radius: 0.521vw;
    border-bottom-right-radius: 0.521vw;
    position: absolute;
    bottom: 0.625vw;
    left: 0;
}

.styles__packPriceImg___1FaDF-camelCase {
    width: 0.833vw;
    height: 0.833vw;
    margin-right: 0.365vw;
}

.styles__storeContainer___FgOVv-camelCase {
    position: fixed;
    right: 4.5%;
    width: 13.021vw;
    height: 19.531vw;
    top: 50%;
    transform: translateY(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.storeAd {
    position: fixed;
    right: 4.5%;
    width: 13vw;
    height: 10vw;
    top: 55%;
    overflow: hidden;
    max-height: 10vw !important;
}

.styles__storeImg___2c3cG-camelCase {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.styles__cashierBlook___iI1UH-camelCase {
    position: absolute;
    bottom: 5.729vw;
    right: 3.125vw;
    width: 3.646vw;
    transform: rotate(10deg);
}

.styles__instantButton___2ezEk-camelCase {
    position: absolute;
    bottom: -1.563vw;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    border-radius: 0.260vw;
    font-size: 0.625vw;
    height: 1.042vw;
    padding: 0 0.521vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    pointer-events: all;
    background-color: #2f2f2f
}

.styles__instantButton___2ezEk-camelCase:hover {
    background-color: #1f1f1f
}

.styles__openBackground___-U4oX-camelCase {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 25;
    overflow: hidden;
}

.styles__openContainer___3paFG-camelCase {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: calc(20.833vw * 1.15);
    border-radius: calc(0.721vw * 1.15);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-shadow: 0 0 0.208vw rgba(0, 0, 0, 0.15);
}

.styles__openingContainer___2OmG9-camelCase {
    -webkit-animation: styles__growIn___1R3Nj-camelCase 0.2s linear forwards;
    animation: styles__growIn___1R3Nj-camelCase 0.2s linear forwards;
}

@-webkit-keyframes styles__growIn___1R3Nj-camelCase {
    0% {
        transform: translate(-50%, -50%) scale(0);
    }

    to {
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes styles__growIn___1R3Nj-camelCase {
    0% {
        transform: translate(-50%, -50%) scale(0);
    }

    to {
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes styles__oldGrowIn___3FTko-camelCase {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1.075)
    }

    to {
        transform: scale(1)
    }
}

@keyframes styles__oldGrowOut___3FTko-camelCase {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.075)
    }

    to {
        transform: scale(0)
    }
}

.styles__openingContainerEpic___3TzCR-camelCase {
    -webkit-animation: styles__epicOpen___1Ajao-camelCase 1.5s linear 0.1s forwards;
    animation: styles__epicOpen___1Ajao-camelCase 1.5s linear 0.1s forwards;
}

@-webkit-keyframes styles__epicOpen___1Ajao-camelCase {
    0% {
        transform: translate(calc(-50% - 25vw), calc(-50% - 25vh)) rotate(15deg) scale(0.1);
    }

    25% {
        transform: translate(calc(-50% - 25vw), calc(-50% - 25vh)) rotate(15deg) scale(0.1);
    }

    25.1% {
        transform: translate(calc(-50% + 25vw), calc(-50% + 25vh)) rotate(-15deg) scale(0.2);
    }

    50% {
        transform: translate(calc(-50% + 25vw), calc(-50% + 25vh)) rotate(-15deg) scale(0.2);
    }

    50.1% {
        transform: translate(calc(-50% - 25vw), calc(-50% + 25vh)) rotate(15deg) scale(0.3);
    }

    75% {
        transform: translate(calc(-50% - 25vw), calc(-50% + 25vh)) rotate(15deg) scale(0.3);
    }

    75.1% {
        transform: translate(calc(-50% + 25vw), calc(-50% - 25vh)) rotate(-15deg) scale(0.4);
    }

    99.9% {
        transform: translate(calc(-50% + 25vw), calc(-50% - 25vh)) rotate(-15deg) scale(0.4);
    }

    to {
        transform: translate(-50%, -50%) rotate(0) scale(1);
    }
}

@keyframes styles__epicOpen___1Ajao-camelCase {
    0% {
        transform: translate(calc(-50% - 25vw), calc(-50% - 25vh)) rotate(15deg) scale(0.1);
    }

    25% {
        transform: translate(calc(-50% - 25vw), calc(-50% - 25vh)) rotate(15deg) scale(0.1);
    }

    25.1% {
        transform: translate(calc(-50% + 25vw), calc(-50% + 25vh)) rotate(-15deg) scale(0.2);
    }

    50% {
        transform: translate(calc(-50% + 25vw), calc(-50% + 25vh)) rotate(-15deg) scale(0.2);
    }

    50.1% {
        transform: translate(calc(-50% - 25vw), calc(-50% + 25vh)) rotate(15deg) scale(0.3);
    }

    75% {
        transform: translate(calc(-50% - 25vw), calc(-50% + 25vh)) rotate(15deg) scale(0.3);
    }

    75.1% {
        transform: translate(calc(-50% + 25vw), calc(-50% - 25vh)) rotate(-15deg) scale(0.4);
    }

    99.9% {
        transform: translate(calc(-50% + 25vw), calc(-50% - 25vh)) rotate(-15deg) scale(0.4);
    }

    to {
        transform: translate(-50%, -50%) rotate(0) scale(1);
    }
}

.styles__openingContainerLegendary___RbJZ_-camelCase {
    -webkit-animation: styles__legendaryOpen___1ihkU-camelCase 2.5s ease-in 0.6s forwards;
    animation: styles__legendaryOpen___1ihkU-camelCase 2.5s ease-in 0.6s forwards;
}

@-webkit-keyframes styles__legendaryOpen___1ihkU-camelCase {
    0% {
        transform: translate(calc(-50% - 25vw), calc(-50% - 100vh)) scale(0.1);
    }

    35% {
        transform: translate(calc(-50% - 25vw), calc(-50% + 100vh)) scale(0.1);
    }

    35.1% {
        transform: translate(calc(-50% + 25vw), calc(-50% - 100vh)) scale(0.3);
    }

    70% {
        transform: translate(calc(-50% + 25vw), calc(-50% + 100vh)) scale(0.3);
    }

    70.1% {
        transform: translate(-50%, calc(-50% - 100vh)) scale(1);
    }

    to {
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes styles__legendaryOpen___1ihkU-camelCase {
    0% {
        transform: translate(calc(-50% - 25vw), calc(-50% - 100vh)) scale(0.1);
    }

    35% {
        transform: translate(calc(-50% - 25vw), calc(-50% + 100vh)) scale(0.1);
    }

    35.1% {
        transform: translate(calc(-50% + 25vw), calc(-50% - 100vh)) scale(0.3);
    }

    70% {
        transform: translate(calc(-50% + 25vw), calc(-50% + 100vh)) scale(0.3);
    }

    70.1% {
        transform: translate(-50%, calc(-50% - 100vh)) scale(1);
    }

    to {
        transform: translate(-50%, -50%) scale(1);
    }
}

.styles__openingContainerChroma___3VBd5-camelCase {
    -webkit-animation: styles__chromaOpen___2_fhq-camelCase 2s linear 1.1s forwards;
    animation: styles__chromaOpen___2_fhq-camelCase 2s linear 1.1s forwards;
}

@-webkit-keyframes styles__chromaOpen___2_fhq-camelCase {
    0% {
        transform: translate(-50%, -50%) rotate(0deg) scale(0);
    }

    10% {
        transform: translate(-50%, -50%) rotate(180deg) scale(0.1);
    }

    20% {
        transform: translate(-50%, -50%) rotate(1turn) scale(0.2);
    }

    30% {
        transform: translate(-50%, -50%) rotate(540deg) scale(0.3);
    }

    40% {
        transform: translate(-50%, -50%) rotate(2turn) scale(0.4);
    }

    50% {
        transform: translate(-50%, -50%) rotate(900deg) scale(0.5);
    }

    60% {
        transform: translate(-50%, -50%) rotate(3turn) scale(0.6);
    }

    70% {
        transform: translate(-50%, -50%) rotate(1260deg) scale(0.7);
    }

    80% {
        transform: translate(-50%, -50%) rotate(4turn) scale(0.8);
    }

    90% {
        transform: translate(-50%, -50%) rotate(1620deg) scale(0.9);
    }

    to {
        transform: translate(-50%, -50%) rotate(5turn) scale(1);
    }
}

@keyframes styles__chromaOpen___2_fhq-camelCase {
    0% {
        transform: translate(-50%, -50%) rotate(0deg) scale(0);
    }

    10% {
        transform: translate(-50%, -50%) rotate(180deg) scale(0.1);
    }

    20% {
        transform: translate(-50%, -50%) rotate(1turn) scale(0.2);
    }

    30% {
        transform: translate(-50%, -50%) rotate(540deg) scale(0.3);
    }

    40% {
        transform: translate(-50%, -50%) rotate(2turn) scale(0.4);
    }

    50% {
        transform: translate(-50%, -50%) rotate(900deg) scale(0.5);
    }

    60% {
        transform: translate(-50%, -50%) rotate(3turn) scale(0.6);
    }

    70% {
        transform: translate(-50%, -50%) rotate(1260deg) scale(0.7);
    }

    80% {
        transform: translate(-50%, -50%) rotate(4turn) scale(0.8);
    }

    90% {
        transform: translate(-50%, -50%) rotate(1620deg) scale(0.9);
    }

    to {
        transform: translate(-50%, -50%) rotate(5turn) scale(1);
    }
}

.styles__blookBackground___3rt4N-camelCase {
    width: 100%;
    height: 100%;
    border-radius: calc(0.721vw * 1.15);
}

.styles__openingPackContainer___1ZQzY-camelCase,
.styles__openPackContainer___2m4Yf-camelCase {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(20.833vw * 1.375);
    height: calc(36.458vw * 1.375);
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__openPackContainer___2m4Yf-camelCase {
    outline: none;
    cursor: pointer;
}

.styles__openingPackContainer___1ZQzY-camelCase {
    -webkit-animation: styles__dropPack___12OV_-camelCase 0.4s linear forwards;
    animation: styles__dropPack___12OV_-camelCase 0.4s linear forwards;
}

@-webkit-keyframes styles__dropPack___12OV_-camelCase {
    0% {
        transform: translate(-50%, calc(-50% + 0.22vw));
    }

    to {
        transform: translate(-50%, 70vh);
    }
}

@keyframes styles__dropPack___12OV_-camelCase {
    0% {
        transform: translate(-50%, calc(-50% + 0.22vw));
    }

    to {
        transform: translate(-50%, 70vh);
    }
}

.styles__openPack___3QxCP-camelCase {
    width: calc(20.833vw * 1.375);
    height: calc(34.740vw * 1.375);
    background-size: calc(229.167vw * 1.375) calc(34.740vw * 1.375);
    background-repeat: no-repeat;
}

.styles__isOpeningPack___1qY5t-camelCase {
    -webkit-animation: styles__open___1v-ch-camelCase 0.3s steps(10) forwards;
    animation: styles__open___1v-ch-camelCase 0.3s steps(10) forwards;
}

@-webkit-keyframes styles__open___1v-ch-camelCase {
    0% {
        background-position: 0;
    }

    to {
        background-position: calc(-208.333vw * 1.375);
    }
}

@keyframes styles__open___1v-ch-camelCase {
    0% {
        background-position: 0;
    }

    to {
        background-position: calc(-208.333vw * 1.375);
    }
}

.styles__unlockedBlookImage___wC4gr-camelCase {
    position: absolute;
    bottom: calc(4.427vw * 1.155);
    left: calc(5.469vw * 1.155);
    width: calc(9.896vw * 1.155);
}

.styles__unlockedText___1diat-camelCase {
    position: absolute;
    top: calc(0.781vw * 1.155);
    left: 5%;
    width: 90%;
    font-family: Titan One, sans-serif;
    color: #fff;
    text-align: center;
}

.styles__unlockedBlook___2pr1Z-camelCase {
    text-shadow: 0 0.156vw 0.156vw rgba(0, 0, 0, 0.2);
    width: 100%;
    height: calc(2.604vw * 1.15);
    display: flex;
    /* center horizontally + vertically */
    align-items: center;
    /* vertical centering */
    justify-content: center;
    /* horizontal centering */
    overflow: hidden;
    white-space: nowrap;
}

.styles__rarityText___1PfSA-camelCase {
    font-size: calc(1.563vw * 1.15);
    -webkit-text-stroke: #3a3a3a 0.078vw;
    font-family: Titan One;
}

.styles__bottomText___3_k10-camelCase {
    position: absolute;
    bottom: calc(0.781vw * 1.15);
    left: 5%;
    width: 90%;
    font-family: Titan One, sans-serif;
    color: #fff;
    text-align: center;
    font-size: calc(1.563vw * 1.15);
    text-shadow: 0 0 0.208vw rgba(0, 0, 0, 0.4);
}

.styles__bottomShadow___10ZLG-camelCase {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: calc(2.604vw * 1.15);
    box-shadow: inset 0 -0.469vw rgba(0, 0, 0, 0.2);
    border-bottom-left-radius: calc(0.721vw * 1.15);
    border-bottom-right-radius: calc(0.721vw * 1.15);
    background-color: rgba(0, 0, 0, 0) !important ;
}

.styles__cornerIcon___24o3Z-camelCase {
    width: 27.777vw;
    position: absolute;
    bottom: -1.042vw;
    right: -1.042vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: 0.2;
    transform: rotate(-35deg);
    z-index: -999999999999;
}

.styles__openBigButton___3KmDM-camelCase,
.styles__phaserContainer___1Ffxs-camelCase {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.styles__openBigButton___3KmDM-camelCase {
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 100;
}

.styles__canOpen___2znG2-camelCase {
    cursor: pointer;
}

.styles__mInstantButton___3lgNk-camelCase {
    display: none;
    background-color: rgba(0, 0, 0, 0.1);
    color: #3a3a3a;
    border-radius: 0.260vw;
    font-size: 0.625vw;
    height: 1.042vw;
    padding: 0 0.521vw;
    margin: 0 5%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
}

.styles__mInstantButton___3lgNk-camelCase:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 52.604vw) {
    .styles__mInstantButton___3lgNk-camelCase {
        display: flex;
    }

    .styles__packsWrapper___2hBF4-camelCase {
        margin: 1.302vw 5% 1.823vw;
        grid-gap: 1.302vw;
        justify-content: center;
        width: 90%;
    }
}

@media only screen and (max-width: 44.271vw) {
    .styles__mTokenBalance___2dSI3-camelCase {
        display: flex;
    }
}

@media (max-width: 625px) {
    .styles__openContainer___3paFG-camelCase {
        width: calc(15.625vw * 4.5);
    }

    .styles__openingPackContainer___1ZQzY-camelCase,
    .styles__openPack___3QxCP-camelCase,
    .styles__openPackContainer___2m4Yf-camelCase {
        width: calc(15.625vw * 4.5);
        height: calc(26.042vw * 4.5);
    }

    .styles__openPack___3QxCP-camelCase {
        background-size: calc(171.875vw * 4.5) calc(26.042vw * 4.5);
    }

    @-webkit-keyframes styles__open___1v-ch-camelCase {
        0% {
            background-position: 0;
        }

        to {
            background-position: calc(-156.250vw * 4.5);
        }
    }

    @keyframes styles__open___1v-ch-camelCase {
        0% {
            background-position: 0;
        }

        to {
            background-position: calc(-156.250vw * 4.5);
        }
    }

    .styles__unlockedBlookImage___wC4gr-camelCase {
        position: absolute;
        bottom: calc(3.333vw * 4.5);
        left: calc(4.089vw * 4.5);
        width: calc(7.448vw * 4.5);
    }

    .styles__unlockedText___1diat-camelCase {
        top: calc(0.460vw * 4.5);
        left: 2.5%;
        width: 95%;
    }

    .styles__unlockedBlook___2pr1Z-camelCase {
        width: 100%;
        height: calc(1.563vw * 4.5);
        font-size: calc(100.042vw * 4.5);
    }

    .styles__bottomText___3_k10-camelCase,
    .styles__rarityText___1PfSA-camelCase {
        font-size: calc(1.042vw * 4.5);
    }

    .styles__bottomText___3_k10-camelCase {
        bottom: calc(0.781vw * 4.5);
    }

    .styles__cornerIcon___24o3Z-camelCase {
        width: calc(14.063vw * 4.5);
    }


}

*/ .styles__right___385mx-camelCase {
    position: absolute;
    top: 47%;
    transform: translateY(-50%);
    right: 2.5%;
    width: 20.833vw;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.521vw;
}

.styles__rightBackground___36mp5-camelCase {
    width: 100%;
    height: 100%;
}

.styles__rightBottom___F7qsO-camelCase {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2.604vw;
    box-shadow: inset 0 -0.469vw rgba(0, 0, 0, 0.2);
    border-bottom-left-radius: 0.521vw;
    border-bottom-right-radius: 0.521vw;
}

.styles__rightBlook___1JkY7-camelCase {
    position: absolute;
    bottom: 4.427vw;
    left: 5.469vw;
    width: 9.896vw;
}

.styles__rightTopText___2VrKK-camelCase {
    position: absolute;
    top: 0.781vw;
    left: 5%;
    width: 90%;
    font-family: Titan One, sans-serif;
    color: #fff;
    text-align: center;
}

.styles__highlightedName___2wOtf-camelCase {
    text-shadow: 0 0.156vw 0.156vw rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 2.604vw;
    text-align: center;
}

.styles__highlightedRarity___1EXx_-camelCase {
    font-size: 1.563vw;
    font-family: Titan One;
    -webkit-text-stroke: #3a3a3a 0.078vw;
}

.styles__highlightedBottom___QmY2Y-camelCase {
    position: absolute;
    bottom: 0.781vw;
    left: 5%;
    width: 90%;
    font-family: Titan One, sans-serif;
    color: #fff;
    text-align: center;
    font-size: 1.563vw;
    text-shadow: 0 0 0.208vw rgba(0, 0, 0, 0.4);
}

.styles__rightButtonRow___3a0GF-camelCase {
    position: absolute;
    top: calc(50% + 10.417vw);
    right: 2.5%;
    width: 20.833vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
}

.styles__rightButton___2_ZIX-camelCase {
    width: 9.375vw;
    margin: 0.521vw;
}

.styles__rightButtonInside___14imT-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 2.083vw;
    color: #fff;
    text-shadow: 0.052vw 0.104vw rgba(0, 0, 0, 0.2);
    font-family: Titan One, sans-serif;
    font-size: 1.458vw;
}

.styles__rightButtonImg___1WJdo-camelCase {
    width: 1.458vw;
    height: 1.458vw;
    margin-right: 0.365vw;
    margin-top: 0.156vw;
}

.styles__rightButtonIcon___29lC9-camelCase {
    font-size: 1.458vw;
    margin-right: 0.365vw;
}

.styles__topButtonRow___2HIbg-camelCase {
    position: absolute;
    top: 0.781vw;
    left: 2.5%;
    width: calc(95% - 22.396vw);
    flex-flow: row wrap;
    justify-content: flex-end;
}

.styles__settingButton___2xaQu-camelCase,
.styles__topButtonRow___2HIbg-camelCase {
    display: flex;
    align-items: center;
}

.styles__settingButton___2xaQu-camelCase {
    background-color: rgba(0, 0, 0, 0.1);
    color: #3a3a3a;
    border-radius: 0.260vw;
    font-size: 0.625vw;
    height: 1.042vw;
    padding: 0 0.521vw;
    margin: 0 0.260vw;
    flex-direction: row;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
}

.styles__settingButton___2xaQu-camelCase:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.styles__left___9beun-camelCase {
    position: absolute;
    top: 1.563vw;
    left: 2.5%;
    height: calc(100% - 3.125vw);
    width: calc(95% - 22.396vw);
    border-radius: 0.521vw;
    background-color: #2f2f2f;
    padding: 0.521vw 0.521vw 0.990vw;
    box-shadow: inset 0 -0.469vw rgba(0, 0, 0, 0.2), 0 0.260vw rgba(0, 0, 0, 0.25);
}

.styles__blooksHolder___3qZR1-camelCase,
.styles__left___9beun-camelCase {
    box-sizing: border-box;
}

.styles__blooksHolder___3qZR1-camelCase {
    width: 100%;
    height: 91%;
    padding: 0.260vw;
    overflow-y: auto;
}

.styles__blooksHolder___3qZR1-camelCase::-webkit-scrollbar {
    width: 0.625vw;
    background-color: hsla(0, 0%, 100%, 0.2);
    border-radius: 0.521vw;
}

.styles__blooksHolder___3qZR1-camelCase::-webkit-scrollbar-thumb,
.styles__blooksHolder___3qZR1-camelCase::-webkit-scrollbar-thumb:hover {
    background: #fff;
    border-radius: 0.521vw;
}

.styles__soloBlooksHolder___1f8ku-camelCase {
    width: 100%;
    height: 100%;
    padding: 0.260vw;
    box-sizing: border-box;
    overflow-y: auto;
    display: grid;
    justify-content: center;
    align-content: flex-start;
    grid-template-columns: repeat(auto-fill, 3.125vw);
    grid-gap: 0.521vw;
}

.styles__soloBlooksHolder___1f8ku-camelCase::-webkit-scrollbar {
    width: 0.625vw;
    background-color: hsla(0, 0%, 100%, 0.2);
    border-radius: 0.521vw;
}

.styles__soloBlooksHolder___1f8ku-camelCase::-webkit-scrollbar-thumb,
.styles__soloBlooksHolder___1f8ku-camelCase::-webkit-scrollbar-thumb:hover {
    background: #fff;
    border-radius: 0.521vw;
}

.styles__setHolder___rVq3Z-camelCase {
    margin-bottom: 1.042vw;
    position: relative;
}

.styles__setTop___wIaVS-camelCase {
    margin-bottom: 0.260vw;
    position: relative;
    height: 2.604vw;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.styles__setTopBackground___342Wr-camelCase {
    position: absolute;
    left: 0;
    top: 0;
    background-size: 2.604vw 2.604vw;
    opacity: 0.15;
    width: 100%;
    height: 100%;
}

.styles__setText___1PQLQ-camelCase {
    margin: auto 0;
    font-family: Titan One, sans-serif;
    color: #fff;
    text-shadow: 0.156vw 0.156vw rgba(0, 0, 0, 0.2);
    font-size: 1.354vw;
}

.styles__setDivider___3da0c-camelCase {
    width: 100%;
    height: 0.156vw;
    background-color: #fff;
    border-radius: 0.104vw;
}

.styles__setBlooks___3xamH-camelCase {
    display: grid;
    grid-template-columns: repeat(auto-fill, 3.125vw);
    grid-gap: 0.521vw;
}

.styles__blookContainer___3JrKb-camelCase {
    width: 3.125vw;
    height: 3.646vw;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    will-change: transform;
}

.styles__blook___bNr_t-camelCase {
    width: 2.865vw;
}

.styles__lockedBlook___3oGaX-camelCase {
    filter: brightness(0);
}

.styles__blookLock___3Kgua-camelCase {
    font-size: 1.250vw;
    opacity: 0.7;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.styles__blookLock___3Kgua-camelCase,
.styles__blookText___3AMdK-camelCase {
    color: #fff;
    position: absolute;
}

.styles__blookText___3AMdK-camelCase {
    font-size: 0.521vw;
    font-family: Titan One, sans-serif;
    font-size: 0.625vw;
    -webkit-text-stroke: #3a3a3a 0.052vw;
    background-color: #fff;
    border-radius: 0.365vw;
    padding: 0 0.260vw;
    height: 0.729vw;
    line-height: 0.729vw;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0.104vw;
    left: -0.104vw;
}

@media only screen and (max-width: 52.083vw) {
    .styles__right___385mx-camelCase {
        width: 15.625vw;
    }

    .styles__rightBlook___1JkY7-camelCase {
        bottom: 3.333vw;
        left: 4.089vw;
        width: 7.448vw;
    }

    .styles__rightTopText___2VrKK-camelCase {
        top: 0.260vw;
        left: 2.5%;
        width: 95%;
    }

    .styles__highlightedName___2wOtf-camelCase {
        height: 1.563vw;
    }

    .styles__highlightedRarity___1EXx_-camelCase {
        font-size: 1.042vw;
    }

    .styles__highlightedBottom___QmY2Y-camelCase {
        bottom: 0.781vw;
        font-size: 1.042vw;
    }

    .styles__rightButtonRow___3a0GF-camelCase {
        top: calc(50% + 9.375vw);
        width: 15.625vw;
    }

    .styles__rightButton___2_ZIX-camelCase {
        width: 7.292vw;
    }

    .styles__rightButtonInside___14imT-camelCase {
        height: 1.563vw;
        font-size: 1.146vw;
    }

    .styles__rightButtonImg___1WJdo-camelCase {
        width: 1.146vw;
        height: 1.146vw;
        margin-top: 0.156vw;
    }

    .styles__rightButtonIcon___29lC9-camelCase {
        font-size: 1.042vw;
    }

    .styles__left___9beun-camelCase,
    .styles__topButtonRow___2HIbg-camelCase {
        width: calc(95% - 16.667vw);
    }
}

.styles__mBlooksButton___3f-YA-camelCase {
    position: absolute !important;
    bottom: calc(50% + 9.375vw);
    left: 50%;
    transform: translateX(-50%);
    visibility: hidden;
}

.styles__mBlooksButtonInside___2RBAk-camelCase {
    width: 10.417vw;
    height: 1.563vw;
    color: #fff;
    text-shadow: 0.052vw 0.104vw rgba(0, 0, 0, 0.2);
    font-family: Titan One, sans-serif;
    font-size: 1.146vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 35.677vw) {

    .styles__left___9beun-camelCase,
    .styles__topButtonRow___2HIbg-camelCase {
        visibility: hidden;
    }

    .styles__left___9beun-camelCase {
        top: 0.781vw;
        left: 2.5%;
        height: calc(100% - 1.563vw);
        width: 95%;
        z-index: 5;
    }

    .styles__right___385mx-camelCase {
        right: calc(50% - 7.813vw);
    }

    .styles__rightButtonRow___3a0GF-camelCase {
        right: 5%;
        width: 90%;
    }

    .styles__mBlooksButton___3f-YA-camelCase,
    .styles__mShowLeft___1IXx3-camelCase {
        visibility: visible;
    }
}

.styles__header___WE435-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 2.292vw;
    font-weight: 700;
    margin: 0.781vw 5% 0.521vw;
    color: #ffffff;
}

.styles__mainContainer___4TLvi-camelCase {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin: 0.260vw calc(5% - 0.625vw);
    width: calc(90% - 1.250vw);
    max-width: 62.500vw;
}

.styles__infoContainer___2uI-S-camelCase {
    border-radius: 0.365vw;
    background-color: #2f2f2f;
    padding: 0.781vw 1.042vw 1.146vw;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    margin: 0.625vw;
    min-width: 23.958vw;
    display: flex;
    flex-direction: column;
    color: #ffffff;
}

.styles__headerRow___1tdPa-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0.156vw;
}

.styles__headerIcon___1ykdN-camelCase {
    padding-right: 0.521vw;
    font-size: 1.458vw;
    color: #8f8f8f;
}

.styles__infoHeader___1lsZY-camelCase {
    font-size: 1.563vw;
    font-family: Nunito, sans-serif;
    font-weight: 700;
}

.styles__text___1x37n-camelCase {
    padding: 0.104vw 0;
}

.styles__link___5UR6_-camelCase,
.styles__text___1x37n-camelCase {
    text-align: left;
    font-size: 1.042vw;
    font-family: Nunito, sans-serif;
}

.styles__link___5UR6_-camelCase {
    color: #ffffff;
    display: inline-block;
    text-decoration: underline;
    padding-top: 0.208vw;
    padding-bottom: 0.156vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
}

.styles__subscriptionText___2BvF7-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0.104vw 0;
    font-size: 1.354vw;
}

.styles__blooketText___QMe9h-camelCase {
    font-family: Titan One, sans-serif;
    margin-right: 0.260vw;
    padding-bottom: 0.156vw;
}

.styles__planText___1m0nS-camelCase {
    font-family: Nunito, sans-serif;
    font-weight: 700;
}

.styles__upgradeButton___3UQMv-camelCase {
    margin: 0.521vw 0;
    width: 9.375vw;
}

.styles__upgradeButtonInside___396BT-camelCase {
    height: 1.823vw;
    font-size: 1.146vw;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

@media only screen and (max-width: 62.500vw) {
    .styles__infoContainer___2uI-S-camelCase {
        flex-grow: 1;
    }
}

@media only screen and (max-width: 31.250vw) {
    .styles__mainContainer___4TLvi-camelCase {
        min-width: 16.667vw;
        margin: auto;
        width: 95%;
    }

    .styles__infoContainer___2uI-S-camelCase {
        min-width: 15.104vw;
        padding: 0.781vw;
        flex-grow: 1;
    }
}

.styles__header___2zcdQ-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 2.292vw;
    font-weight: 700;
    margin: 0.781vw 5%;
    color: #3a3a3a;
}

.styles__wideContainer___Ulh4C-camelCase {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 90%;
    margin: 0.260vw auto;
}

.styles__dropHolder___-ooT2-camelCase {
    width: 34%;
    min-height: 14.583vw;
    flex: 1;
    padding: 0.781vw 0.781vw 1.146vw;
    background-color: #fff;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    border-radius: 0.365vw;
}

.styles__dropContainer___368Bu-camelCase {
    height: 100%;
    width: 100%;
    border: 0.104vw dashed #666;
    box-sizing: border-box;
    border-radius: 0.260vw;
    background-color: #f0f0f0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}

.styles__activeDropContainer___3MiKb-camelCase {
    background-color: rgba(11, 194, 207, 0.3);
}

.styles__dropHeader___PH8wO-camelCase {
    font-size: 1.667vw;
    font-weight: 700;
    margin: 0.260vw auto;
}

.styles__dropHeader___PH8wO-camelCase,
.styles__dropText___2pIPc-camelCase {
    font-family: Nunito, sans-serif;
    text-align: center;
    color: #3a3a3a;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__dropText___2pIPc-camelCase {
    font-size: 1.042vw;
    margin: 0.521vw auto 0.781vw;
    padding: 0 1.042vw;
}

.styles__uploadButtonContainer___1VVhA-camelCase {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 95%;
    margin: 0 auto;
}

.styles__uploadButton___2Ukj--camelCase {
    margin: 0.521vw 0.781vw;
    box-shadow: 0 0 0.208vw rgba(0, 0, 0, 0.15);
}

.styles__uploadButtonInside___3akbb-camelCase {
    width: 5.729vw;
    height: 2.083vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #3a3a3a;
}

.styles__uploadIcon___2lU9o-camelCase {
    font-size: 1.250vw;
    padding-left: 0.521vw;
    width: 1.458vw;
    text-align: center;
}

.styles__uploadText___1ihq5-camelCase {
    padding-left: 0.521vw;
    font-family: Nunito, sans-serif;
    font-size: 0.781vw;
    line-height: 1.042vw;
}

.styles__imgContainer___2INQH-camelCase {
    width: 100%;
    height: 14.583vw;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #333;
    border-radius: 0.260vw;
    overflow: hidden;
}

.styles__coverImage___YXUxS-camelCase {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

.styles__removeImageContainer___1tyj8-camelCase {
    width: 100%;
    height: 2.083vw;
    margin-top: -2.083vw;
    background-color: rgba(0, 0, 0, 0.6);
    border-bottom-left-radius: 0.260vw;
    border-bottom-right-radius: 0.260vw;
}

.styles__removeImageButton___3H-UO-camelCase {
    display: flex;
    flex-direction: row;
    align-self: flex-start;
    height: 2.083vw;
    width: 7.031vw;
    margin-left: 1.563vw;
    margin-top: -2.083vw;
    cursor: pointer;
    outline: none;
    z-index: 3;
}

.styles__removeImageIcon___108Yb-camelCase {
    font-size: 1.354vw;
    color: #fff;
    line-height: 2.083vw;
    width: 1.563vw;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__removeImageText___2t5Ue-camelCase {
    padding-left: 0.521vw;
    font-family: Nunito, sans-serif;
    font-size: 1.250vw;
    color: #fff;
    line-height: 2.083vw;
}

.styles__upperRightContainer___2B7fN-camelCase {
    display: flex;
    flex-direction: column;
    padding: 0.521vw 0.781vw;
    flex-grow: 1;
    margin-left: 3%;
    background-color: #fff;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    border-radius: 0.365vw;
}

.styles__titleHeader___2P9Do-camelCase {
    font-size: 1.771vw;
}

.styles__descHeader___3hvo5-camelCase,
.styles__titleHeader___2P9Do-camelCase {
    font-family: Nunito, sans-serif;
    font-weight: 700;
    text-align: left;
    color: #3a3a3a;
}

.styles__descHeader___3hvo5-camelCase {
    font-size: 1.250vw;
}

.styles__input___3o2VJ-camelCase {
    border: 0.104vw solid rgba(0, 0, 0, 0.17);
    border-radius: 0.260vw;
    margin: 0.260vw 0 1.042vw;
    padding: 0.208vw 0.781vw;
    width: calc(100% - 1.771vw);
    height: 2.083vw;
    font-size: 1.146vw;
    text-align: left;
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
    outline: none;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.styles__input___3o2VJ-camelCase:focus {
    border-color: #0bc2cf;
}

.styles__descInput___2KAcC-camelCase {
    border: 0.104vw solid rgba(0, 0, 0, 0.17);
    border-radius: 0.260vw;
    margin: 0.521vw 0;
    padding: 0.521vw 0.781vw;
    width: calc(100% - 1.771vw);
    height: 5.208vw;
    font-size: 1.146vw;
    text-align: left;
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
    outline: none;
    resize: none;
}

.styles__descInput___2KAcC-camelCase:focus {
    border-color: #0bc2cf;
}

.styles__inputFilled___14_Ke-camelCase {
    border-color: #3a3a3a;
}

.styles__inputError___2DIDG-camelCase {
    border-color: #ce1313;
}

.styles__categoryContainer___SPS2t-camelCase {
    width: 48.5%;
    box-sizing: border-box;
    margin: 0.781vw 0;
    padding: 0.521vw 0.781vw 0.885vw;
    background-color: #fff;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    border-radius: 0.365vw;
}

.styles__categoryHeader___1j3f2-camelCase {
    font-size: 1.250vw;
    font-weight: 700;
}

.styles__categoryDesc___35ndo-camelCase,
.styles__categoryHeader___1j3f2-camelCase {
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
}

.styles__categoryDesc___35ndo-camelCase {
    font-size: 0.938vw;
    opacity: 0.8;
}

.styles__privacyRow___1Alas-camelCase {
    margin: 0.521vw 0;
    width: 100%;
}

.styles__privacyCheckbox___1EvU4-camelCase,
.styles__privacyRow___1Alas-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.styles__privacyCheckbox___1EvU4-camelCase {
    width: 3.125vw;
    height: 1.302vw;
    border-radius: 0.260vw;
    background-color: rgba(0, 0, 0, 0.1);
    position: relative;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
}

.styles__privacyCheckboxChecked___G4Gwd-camelCase {
    background-color: #0bc2cf;
}

.styles__privacyCheckboxSquare___lmt_S-camelCase {
    height: 1.042vw;
    width: 1.042vw;
    background-color: #fff;
    box-shadow: inset 0 -0.156vw rgba(0, 0, 0, 0.2);
    border-radius: 0.260vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(calc(-50% - 0.781vw), -50%);
    transition: 0.2s;
}

.styles__privacyCheckboxChecked___G4Gwd-camelCase>.styles__privacyCheckboxSquare___lmt_S-camelCase {
    transform: translate(calc(-50% + 0.781vw), -50%);
}

.styles__privacyText___19pqj-camelCase {
    font-size: 1.042vw;
    font-weight: 700;
    margin: 0 0.521vw;
}

.styles__privacyTextDesc___1j5Gm-camelCase {
    font-size: 0.625vw;
}

.styles__methodContainer___1ADyH-camelCase {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    width: 100%;
    margin: 0.260vw 0;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 0.260vw;
    padding: 0.365vw 0;
}

.styles__methodButton___1HxjD-camelCase {
    box-shadow: 0 0 0.208vw rgba(0, 0, 0, 0.15);
    margin: 0.365vw 0.260vw;
}

.styles__methodButtonInside___nfBO4-camelCase {
    width: 9.375vw;
    height: 2.083vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: #3a3a3a;
}

.styles__methodSelected___1XsGp-camelCase {
    color: #fff;
}

.styles__methodIcon___-y7BW-camelCase {
    font-size: 1.250vw;
    padding-left: 0;
    width: 1.563vw;
    text-align: center;
}

.styles__methodHeader___ZRYGR-camelCase {
    font-family: Nunito, sans-serif;
    font-weight: 700;
    font-size: 0.938vw;
    line-height: 1.042vw;
    margin-left: 0.521vw;
}

.styles__quizletImage___38sJo-camelCase {
    width: 1.563vw;
    height: 1.563vw;
    filter: grayscale(90%);
}

.styles__quizletImageSelected___1dqYG-camelCase {
    filter: none;
}

.styles__bottomRow___1N743-camelCase {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 90%;
    margin: 0.260vw auto;
}

.styles__buttonWrapper___AVKOZ-camelCase {
    width: 7.813vw;
}

.styles__buttonWrapper___AVKOZ-camelCase,
.styles__createButton___1VF39-camelCase {
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__createButton___1VF39-camelCase {
    font-family: Titan One, sans-serif;
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 1.458vw;
    width: 7.292vw;
    height: 2.604vw;
}

.styles__buttonFilled___2Vx8C-camelCase {
    color: #fff;
    background-color: #0bc2cf;
}

.styles__buttonError___14Ma8-camelCase {
    color: #fff;
    background-color: #ce1313;
}

.styles__errorContainer___3bgcc-camelCase {
    background-color: #cf180b;
    border-radius: 0.365vw;
    box-sizing: border-box;
    padding: 0.260vw 0.521vw 0.625vw;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2);
    margin-right: 0.781vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #fff;
    font-size: 0.938vw;
}

.styles__errorIcon___32yDg-camelCase {
    font-size: 1.042vw;
    margin-right: 0.521vw;
}

@media only screen and (max-width: 54.688vw) {
    .styles__wideContainer___Ulh4C-camelCase {
        flex-direction: column;
    }

    .styles__dropHolder___-ooT2-camelCase {
        width: calc(100% - 1.563vw);
        min-height: 12.500vw;
        flex: 0;
    }

    .styles__dropContainer___368Bu-camelCase {
        min-height: 14.427vw;
    }

    .styles__uploadButtonContainer___1VVhA-camelCase {
        margin: 0 auto 0.781vw;
    }

    .styles__upperRightContainer___2B7fN-camelCase {
        margin: 1.042vw 0 0.521vw;
    }

    .styles__descInput___2KAcC-camelCase,
    .styles__input___3o2VJ-camelCase {
        width: calc(100% - 1.771vw);
    }

    .styles__descInput___2KAcC-camelCase {
        height: 5.313vw;
    }

    .styles__categoryContainer___SPS2t-camelCase {
        width: 100%;
        margin: 0.521vw 0;
    }

    .styles__bottomRow___1N743-camelCase {
        margin-top: 0.521vw;
        justify-content: center;
    }
}

.styles__mainContainer___F-l_7-camelCase {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 33.854vw;
    min-width: 31.250vw;
    max-height: 90%;
    background-color: #fff;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    border-radius: 0.365vw;
    text-align: center;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: scroll;
}

.styles__mainContainer___F-l_7-camelCase::-webkit-scrollbar {
    width: 0.625vw;
    margin-right: 0.521vw;
}

.styles__mainContainer___F-l_7-camelCase::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 0.521vw;
}

.styles__mainContainer___F-l_7-camelCase::-webkit-scrollbar-thumb:hover {
    background: #777;
    border-radius: 0.521vw;
}

.styles__closeIcon___2QOPB-camelCase {
    position: absolute;
    top: 0.781vw;
    right: 0.885vw;
    font-size: 1.354vw;
    color: #3a3a3a;
    cursor: pointer;
    transition: 0.2s;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__closeIcon___2QOPB-camelCase:focus,
.styles__closeIcon___2QOPB-camelCase:hover {
    border-color: #0bc2cf;
    color: #0bc2cf;
}

.styles__logoHeader___RXMe1-camelCase {
    height: 2.760vw;
    width: 12.708vw;
    margin: 1.302vw auto 0.781vw;
}

.styles__stepHeader___2w9rW-camelCase {
    font-size: 1.979vw;
    font-weight: 700;
    margin: 0.521vw auto;
}

.styles__stepDesc___1No_X-camelCase,
.styles__stepHeader___2w9rW-camelCase {
    font-family: Nunito, sans-serif;
    text-align: center;
    color: #3a3a3a;
}

.styles__stepDesc___1No_X-camelCase {
    font-size: 1.146vw;
    margin: 0 7.25% 0.521vw;
}

.styles__buttonContainer___3lLB0-camelCase {
    display: flex;
    flex-direction: row;
    width: 90%;
    margin: 1.042vw 5%;
}

.styles__button___2XIbe-camelCase {
    width: 45%;
    height: 5.208vw;
    margin: 0 2.5%;
    color: #666;
    border: 0.104vw solid #666;
    border-radius: 0.313vw;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
}

.styles__button___2XIbe-camelCase:hover {
    border-color: #0bc2cf;
    color: #0bc2cf;
}

.styles__userIcon___2rnWF-camelCase {
    font-size: 2.083vw;
}

.styles__searchIcon___K1x1D-camelCase,
.styles__userIcon___2rnWF-camelCase {
    margin: 0.521vw auto;
    line-height: 2.083vw;
}

.styles__searchIcon___K1x1D-camelCase {
    font-size: 1.875vw;
}

.styles__buttonText___3Miva-camelCase {
    font-size: 1.146vw;
    margin: 0.104vw auto 0;
}

.styles__buttonText___3Miva-camelCase,
.styles__nextButton___1uHi6-camelCase {
    font-family: Nunito, sans-serif;
}

.styles__nextButton___1uHi6-camelCase {
    width: 85.5%;
    height: 2.604vw;
    line-height: 2.604vw;
    margin: 0.521vw auto 1.302vw;
    color: #666;
    font-size: 1.354vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    border: 0.104vw solid #666;
    border-radius: 0.313vw;
    cursor: pointer;
    transition: 0.2s;
}

.styles__nextButton___1uHi6-camelCase:hover {
    border-color: #0bc2cf;
    color: #0bc2cf;
}

.styles__exportStep___2hhQ0-camelCase {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.styles__imageStep___2_hBc-camelCase,
.styles__imageStep3___7dWar-camelCase {
    margin: 0.781vw auto 0.260vw;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
}

.styles__imageStep3___7dWar-camelCase {
    width: 27.604vw;
    height: auto;
}

.styles__exportInstructions___yJWKA-camelCase {
    font-size: 0.938vw;
    text-align: center;
    margin: 0.260vw 7.25% 0.521vw;
}

.styles__exportInstructions___yJWKA-camelCase,
.styles__input___16Z20-camelCase {
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
}

.styles__input___16Z20-camelCase {
    border: 0.104vw solid rgba(0, 0, 0, 0.17);
    border-radius: 0.313vw;
    margin: 0.521vw auto;
    padding: 0.521vw;
    width: calc(85.5% - 1.250vw);
    height: 10.417vw;
    font-size: 0.833vw;
    line-height: 1.042vw;
    text-align: left;
    outline: none;
    resize: none;
}

.styles__input___16Z20-camelCase:focus {
    border-color: #0bc2cf;
}

.styles__stepRow___19C9G-camelCase {
    flex-direction: row;
}

.styles__checkBox___2hPoD-camelCase,
.styles__stepRow___19C9G-camelCase {
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__checkBox___2hPoD-camelCase {
    width: 1.042vw;
    height: 1.042vw;
    border-width: 0.104vw;
    border-style: solid;
    border-radius: 0.208vw;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: 0.2s;
}

.styles__checkIcon___1TjIY-camelCase {
    font-size: 0.729vw;
    margin: auto;
}

.styles__checkYes___Ophdg-camelCase {
    border-color: #0bc2cf;
    background-color: #0bc2cf;
    color: #fff;
}

.styles__checkNo___3pChq-camelCase {
    border-color: rgba(0, 0, 0, 0.25);
    background-color: #fff;
    color: rgba(0, 0, 0, 0.25);
}

.styles__checkText___2YkWn-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 0.938vw;
    color: #3a3a3a;
    margin-left: 0.521vw;
}

@media only screen and (max-width: 31.250vw) {
    .styles__mainContainer___F-l_7-camelCase {
        min-width: 5.208vw;
        width: 90%;
    }

    .styles__searchIcon___K1x1D-camelCase {
        margin: 0.521vw auto 0;
    }

    .styles__buttonText___3Miva-camelCase {
        line-height: 1.198vw;
    }

    .styles__imageStep___2_hBc-camelCase,
    .styles__imageStep3___7dWar-camelCase {
        margin: 0.781vw auto 0.260vw;
        width: 90%;
    }
}

.styles__mainContainer___1vKtq-camelCase {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 26.042vw;
    min-width: 15.625vw;
    width: 90%;
    max-height: 90%;
    background-color: #fff;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    border-radius: 0.365vw;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.styles__closeIcon___3_xsj-camelCase {
    position: absolute;
    top: 0.781vw;
    right: 0.885vw;
    font-size: 1.354vw;
    color: #3a3a3a;
    cursor: pointer;
    transition: 0.2s;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__closeIcon___3_xsj-camelCase:focus,
.styles__closeIcon___3_xsj-camelCase:hover {
    border-color: #0bc2cf;
    color: #0bc2cf;
}

.styles__header___3HWXi-camelCase {
    font-size: 1.563vw;
    font-weight: 700;
    text-align: center;
    margin: 0.521vw 10%;
}

.styles__dropContainer___21qGZ-camelCase {
    width: 85%;
    padding: 0.781vw 0.521vw;
    margin: 0.521vw auto 1.302vw;
    box-sizing: border-box;
    border: 0.104vw dashed #666;
    border-radius: 0.260vw;
    background-color: #f0f0f0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}

.styles__activeDropContainer___LdGGq-camelCase {
    background-color: rgba(11, 194, 207, 0.3);
}

.styles__desc___ByhC3-camelCase {
    font-size: 1.042vw;
    text-align: center;
    margin: 0 5% 0.260vw;
}

.styles__link___1JRe9-camelCase {
    color: #0bc2cf;
    display: inline;
    text-decoration: underline;
}

.styles__button___rFE-U-camelCase,
.styles__link___1JRe9-camelCase {
    cursor: pointer;
}

.styles__button___rFE-U-camelCase {
    width: 85%;
    height: 2.083vw;
    line-height: 2.083vw;
    margin: 1.042vw auto 0.521vw;
    background-color: #0bc2cf;
    color: #fff;
    font-family: Nunito, sans-serif;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    font-size: 1.146vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    border-radius: 0.313vw;
    transition: 0.2s;
}

.styles__button___rFE-U-camelCase:hover {
    transform: scale(0.95);
}

.styles__errorContainer___2sU88-camelCase {
    border: 0.104vw solid #ce1313;
    border-radius: 0.260vw;
    width: 85%;
    box-sizing: border-box;
    margin: 0 auto 1.042vw;
    padding: 0.260vw 0.521vw;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.styles__errorIcon___23sRU-camelCase {
    font-size: 1.250vw;
    color: #ce1313;
    margin-right: 0.521vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__errorText___2Zg2a-camelCase {
    font-size: 0.938vw;
    text-align: left;
    color: #3a3a3a;
}

.styles__mainContainer___z3WcL-camelCase {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 28.646vw;
    width: 80%;
    max-height: 90%;
    min-height: 60%;
    background-color: #fff;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    border-radius: 0.365vw;
    text-align: center;
    overflow-x: hidden;
    overflow-y: auto;
}

.styles__mainContainer___z3WcL-camelCase::-webkit-scrollbar {
    width: 0.625vw;
    margin-right: 0.521vw;
}

.styles__mainContainer___z3WcL-camelCase::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 0.521vw;
}

.styles__mainContainer___z3WcL-camelCase::-webkit-scrollbar-thumb:hover {
    background: #777;
    border-radius: 0.521vw;
}

.styles__closeIcon___hvFwA-camelCase {
    position: absolute;
    top: 0.521vw;
    right: 0.521vw;
    font-size: 1.354vw;
    color: #3a3a3a;
    cursor: pointer;
    transition: 0.2s;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__closeIcon___hvFwA-camelCase:focus,
.styles__closeIcon___hvFwA-camelCase:hover {
    border-color: #0bc2cf;
    color: #0bc2cf;
}

.styles__searchContainer___3M_mS-camelCase {
    width: 85%;
    min-width: 15.625vw;
    margin: 1.042vw auto;
    border: 0.156vw solid #0bc2cf;
    border-radius: 0.313vw;
    height: 2.604vw;
    display: flex;
    flex-direction: row;
    background-color: #fff;
}

.styles__searchIcon___3GRxf-camelCase {
    font-size: 1.302vw;
    color: #fff;
    background-color: #0bc2cf;
    border-radius: 0.260vw;
    line-height: 2.188vw;
    margin: 0.156vw 0.156vw 0.156vw 0.521vw;
    width: 2.396vw;
    text-align: center;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__searchInput___3mwUX-camelCase {
    border: none;
    margin: 0.313vw 0.104vw 0.208vw 0.781vw;
    height: 2.083vw;
    width: calc(100% - 2.656vw);
    font-size: 1.250vw;
    text-align: left;
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
    outline: none;
}

.styles__searchInput___3mwUX-camelCase::-webkit-search-cancel-button,
.styles__searchInput___3mwUX-camelCase::-webkit-search-decoration,
.styles__searchInput___3mwUX-camelCase::-webkit-search-results-button,
.styles__searchInput___3mwUX-camelCase::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

.styles__loaderContainer___2i1Ip-camelCase {
    width: 100%;
    margin: 2.083vw 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.styles__logoText___2CmN6-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 1.146vw;
    color: #3a3a3a;
}

.styles__logoLink___2a3H9-camelCase {
    text-decoration: none;
    outline: none;
}

.styles__unsplashLogo___vuHDR-camelCase {
    margin-top: 0.521vw;
    width: 5.208vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__imagesHolder___1wGgU-camelCase {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 95%;
    margin: 0 auto;
}

.styles__imageContainer___18Alg-camelCase {
    width: 8.333vw;
    height: 9.375vw;
    display: flex;
    flex-direction: column;
    margin: 0.521vw;
}

.styles__imageButton___3HvFX-camelCase {
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 8.333vw;
    height: 8.333vw;
    border-radius: 0.260vw;
    transition: 0.2s;
}

.styles__imageButton___3HvFX-camelCase:focus,
.styles__imageButton___3HvFX-camelCase:hover {
    transform: scale(0.95);
}

.styles__image___pl4lW-camelCase {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0.260vw;
}

.styles__imageText___1LnP6-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 0.625vw;
    margin-top: 0.260vw;
    text-align: left;
}

.styles__imageLink___3yT-X-camelCase,
.styles__imageText___1LnP6-camelCase {
    color: #3a3a3a;
}

.styles__showMoreButton___nKuF3-camelCase {
    padding: 0.260vw 1.302vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0bc2cf;
    border-radius: 0.365vw;
    margin: 1.302vw auto;
    cursor: pointer;
    outline: none;
    font-family: Nunito, sans-serif;
    font-size: 1.042vw;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: 0.2s;
}

.styles__showMoreButton___nKuF3-camelCase:hover {
    transform: scale(0.95);
}

@media only screen and (max-width: 31.250vw) {
    .styles__mainContainer___z3WcL-camelCase {
        min-width: 15.625vw;
        width: 90%;
        min-height: 90%;
        max-height: 90%;
        height: 90%;
    }

    .styles__searchContainer___3M_mS-camelCase {
        width: calc(100% - 1.563vw);
        margin: 2.083vw auto 0.781vw;
    }

    .styles__imageContainer___18Alg-camelCase {
        width: 6.250vw;
        height: 7.292vw;
        margin: 0.469vw 0.365vw;
    }

    .styles__imageButton___3HvFX-camelCase {
        width: 6.250vw;
        height: 6.250vw;
    }

    .styles__imageText___1LnP6-camelCase {
        font-size: 0.573vw;
    }
}

.styles__mainRow___1pnw8-camelCase {
    margin: 1.042vw 5%;
    width: 90%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.styles__leftColumn___5dtIj-camelCase {
    width: 17.188vw;
}

.styles__headerContainer___98By3-camelCase,
.styles__leftColumn___5dtIj-camelCase {
    display: flex;
    flex-direction: column;
}

.styles__headerContainer___98By3-camelCase {
    background-color: #fff;
    border-radius: 0.365vw;
    width: 100%;
    padding: 0.781vw 0.781vw 1.146vw;
    box-sizing: border-box;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
}

.styles__coverFillerContainer___k9QCn-camelCase,
.styles__coverImageContainer___2Yl4M-camelCase {
    width: 100%;
    height: 10.677vw;
    margin: 0 auto 0.521vw;
    background-color: #333;
    border-radius: 0.365vw;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__coverImage___2vrKS-camelCase {
    margin: auto;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.styles__coverFillerContainer___k9QCn-camelCase {
    background-color: #0bc2cf;
}

.styles__coverFillerImage___rIvCy-camelCase {
    margin: auto;
    width: 80%;
    height: 80%;
    max-width: 20.833vw;
    -o-object-fit: contain;
    object-fit: contain;
}

.styles__headerTitle___1uIXO-camelCase {
    font-size: 1.563vw;
    line-height: 1.667vw;
    font-weight: 700;
}

.styles__headerDesc___70UQS-camelCase {
    font-size: 0.938vw;
    overflow-x: hidden;
    word-wrap: break-word;
    margin: 0.365vw 0;
}

.styles__headerPrivateContainer___2lWew-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 1.563vw;
    margin-top: auto;
}

.styles__headerPrivateIcon___3txCv-camelCase {
    font-size: 0.938vw;
    margin-right: 0.365vw;
}

.styles__headerPrivateText___3Uu07-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 0.833vw;
}

.styles__saveButton___37vFV-camelCase {
    width: 100%;
    margin: 1.042vw 0 0.521vw;
}

.styles__saveButtonInside___3163F-camelCase {
    width: 100%;
    height: 1.823vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 1.354vw;
    font-weight: 700;
}

.styles__saveIcon___3eTX3-camelCase {
    font-size: 1.250vw;
    margin-right: 0.365vw;
}

.styles__smallButtonsContainer___3TpbD-camelCase {
    width: 100%;
    margin-top: 0.260vw;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    align-items: center;
}

.styles__smallButton___pRkuw-camelCase {
    width: 7.292vw;
    height: 1.563vw;
    margin: 0.260vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 0.729vw;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 0.260vw;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    transition: 0.2s;
}

.styles__smallButton___pRkuw-camelCase:focus,
.styles__smallButton___pRkuw-camelCase:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.styles__smallIcon___15nFg-camelCase {
    font-size: 0.625vw;
    margin-right: 0.260vw;
}

.styles__addQuestionWrapper___3-lQr-camelCase {
    width: 100%;
    margin: 0.521vw 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.styles__addButton___1ov4B-camelCase {
    margin: 0.521vw auto;
}

.styles__addButtonInside___1gRRO-camelCase {
    height: 2.083vw;
    width: 7.813vw;
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    font-size: 0.833vw;
    line-height: 0.938vw;
    font-weight: 700;
    text-align: left;
}

.styles__addIcon___3GkQA-camelCase {
    font-size: 1.146vw;
    text-align: center;
}

.styles__addIcon___3GkQA-camelCase,
.styles__addImage___1BKK8-camelCase {
    width: 1.667vw;
    margin-right: 0.365vw;
}

.styles__questionSection___3x3qy-camelCase {
    display: flex;
    flex-direction: column;
    width: calc(100% - 18.229vw);
}

.styles__questionSectionTop___3t8Kw-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.521vw;
    width: 18.229vw;
}

.styles__numQuestions___DBcp8-camelCase {
    padding: 0.521vw 0.521vw 0.885vw;
    box-sizing: border-box;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    background-color: #fff;
    border-radius: 0.365vw;
    text-align: center;
}

.styles__addQuestionButtonInside___1MNGb-camelCase,
.styles__numQuestions___DBcp8-camelCase {
    width: 8.333vw;
    font-size: 0.938vw;
    font-weight: 700;
}

.styles__addQuestionButtonInside___1MNGb-camelCase {
    height: 1.667vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
    color: #fff;
}

.styles__addQuestionIcon___b59_e-camelCase {
    font-size: 1.042vw;
    margin-right: 0.365vw;
}

.styles__questionContainer___seo9g-camelCase {
    width: 100%;
    padding-bottom: 0.365vw;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    margin: 0.521vw 0;
    background-color: #fff;
    border-radius: 0.365vw;
    display: flex;
    flex-direction: column;
}

.styles__questionRow___1SC5Q-camelCase {
    justify-content: space-between;
    min-height: 6.250vw;
    width: 100%;
    position: relative;
}

.styles__questionInfoRow___3x86H-camelCase,
.styles__questionRow___1SC5Q-camelCase {
    display: flex;
    flex-direction: row;
}

.styles__questionInfoRow___3x86H-camelCase {
    position: absolute;
    bottom: 0.260vw;
    right: 0.156vw;
    height: 1.146vw;
}

.styles__questionInfo___xhSTJ-camelCase {
    margin: 0 0.104vw;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 0 0.365vw;
    border-radius: 0.260vw;
    color: #fff;
    font-size: 0.625vw;
    height: 100%;
}

.styles__questionImageContainer___31YqY-camelCase,
.styles__questionInfo___xhSTJ-camelCase {
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__questionImageContainer___31YqY-camelCase {
    width: 8.594vw;
    min-width: 8.594vw;
    height: 6.250vw;
    background-color: #333;
    overflow: hidden;
    border-top-right-radius: 0.365vw;
    border-bottom-right-radius: 0.365vw;
    margin: auto 0;
    position: relative;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
}

.styles__questionImage___3ZJ2B-camelCase {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.styles__questionLeftRow___2vLjZ-camelCase {
    width: 7.813vw;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin: auto 0;
}

.styles__questionArrowsHolder___2sWJU-camelCase {
    height: 6.250vw;
    width: 2.604vw;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

.styles__arrowIcon___2w2WR-camelCase {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 0.260vw;
    color: #fff;
    font-size: 1.146vw;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.563vw;
    height: 1.563vw;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__arrowIcon___2w2WR-camelCase:focus,
.styles__arrowIcon___2w2WR-camelCase:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

.styles__questionButtonColumn___1S8RV-camelCase {
    height: 6.250vw;
    width: 5.208vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}

.styles__editHeaderContainer___2G1ji-camelCase {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 80%;
    max-height: 80%;
    width: 95%;
    max-width: 20.833vw;
    border-radius: 0.521vw;
    background-color: #2f2f2f;
    box-sizing: border-box;
    padding: 0.521vw 0.521vw 0.990vw;
    box-shadow: inset 0 -0.469vw rgba(0, 0, 0, .2), 0 0.260vw rgba(0, 0, 0, .25);
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
}

.styles__editHeaderRow___2ekWR-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    margin-top: 0.521vw;
}

.styles__editHeaderButtonInside___23gJo-camelCase {
    font-size: 1.250vw;
    font-weight: 700;
    width: 6.771vw;
}

.styles__editHeaderColumn___2ye6v-camelCase {
    width: 100%;
    padding: 0.260vw;
    box-sizing: border-box;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    scrollbar-width: none;
    -ms-scrollbar-width: none;
}

.styles__editHeaderColumn___2ye6v-camelCase::-webkit-scrollbar {
    display: none;
}

.styles__editBanner___vkKiZ-camelCase {
    width: 90%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    will-change: transform;
    margin: 0.260vw auto;
    transition: transform 0.2s;
    transform: scale(0.95);
}

.styles__editBanner___vkKiZ-camelCase:hover {
    transform: scale(0.9)
}

.styles__editBannerImg___2eCH9-camelCase {
    width: 100%;
}

.styles__editButton___33C7b-camelCase {
    width: 4.167vw;
    height: 1.771vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 1.042vw;
    font-weight: 700;
}

.styles__editIcon___16_TR-camelCase {
    font-size: 0.938vw;
    margin-right: 0.365vw;
}

.styles__questionButtonRow___79lZh-camelCase {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
}

.styles__questionButtonIcon___2-6qo-camelCase {
    width: 1.042vw;
    height: 1.042vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
    color: #3a3a3a;
    font-size: 0.729vw;
}

.styles__questionTextContainer___3uwrz-camelCase {
    display: flex;
    flex-direction: column;
    padding: 0.260vw 0.781vw;
    flex-grow: 1;
    box-sizing: border-box;
    outline: none;
    cursor: pointer;
}

.styles__questionNum___1PGpp-camelCase {
    font-size: 0.938vw;
    margin-bottom: 0.260vw;
    font-weight: 700;
}

.styles__questionTextRow___1p0Q_-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 3.646vw;
}

.styles__questionText___3tU0j-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 0.938vw;
    color: #3a3a3a;
    word-wrap: break-word;
    white-space: pre-line;
    margin-bottom: auto;
}

.styles__questionFunc___3aA3I-camelCase {
    margin: auto 0;
    width: 6.250vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__qMathField___1hN15-camelCase {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default !important;
    color: #3a3a3a;
    border-color: #3a3a3a;
    font-size: 0.833vw !important;
}

.styles__answerContainer___2_me--camelCase {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 0.260vw 0.521vw;
    box-sizing: border-box;
    outline: none;
    cursor: pointer;
}

.styles__answer___2BTUN-camelCase {
    min-height: 3.125vw;
    padding: 0.260vw 0.260vw 0.521vw;
    box-shadow: inset 0 -0.260vw rgba(0, 0, 0, 0.2);
    margin: 0.260vw 0;
    border-radius: 0.365vw;
    width: 48%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.styles__answerIcon___2RNXd-camelCase {
    font-size: 1.458vw;
    color: #fff;
    width: 2.344vw;
    text-align: center;
}

.styles__answerMediaContainer___1jkjA-camelCase {
    width: calc(100% - 1.823vw);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__answerText___1Suif-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 0.938vw;
    color: #fff;
    word-wrap: break-word;
    overflow-x: hidden;
}

.styles__answerImg___8iWrg-camelCase {
    margin: auto;
    max-width: 100%;
    max-height: 4.167vw;
    -o-object-fit: contain;
    object-fit: contain;
}

.styles__answerImg___8iWrg-camelCase,
.styles__mathField___21Vqu-camelCase {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__mathField___21Vqu-camelCase {
    cursor: pointer !important;
    color: #fff;
    border-color: #fff;
    font-size: 0.938vw !important;
}

.styles__faded___2Ogt0-camelCase {
    opacity: 0.5;
}

.styles__bottomSpacer___RhkLr-camelCase {
    height: 1.563vw;
}

@media only screen and (max-width: 62.500vw) {
    .styles__mainRow___1pnw8-camelCase {
        margin: 1.042vw 2.5%;
        width: 95%;
        flex-direction: column;
        align-items: center;
    }

    .styles__leftColumn___5dtIj-camelCase,
    .styles__questionSection___3x3qy-camelCase {
        width: 100%;
    }
}

@media only screen and (max-width: 31.250vw) {
    .styles__questionRow___1SC5Q-camelCase {
        flex-direction: column;
        align-items: center;
    }

    .styles__questionImageContainer___31YqY-camelCase {
        width: 100%;
        background-color: transparent !important;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        margin: 0;
    }

    .styles__questionTextContainer___3uwrz-camelCase {
        width: 100%;
    }

    .styles__questionImage___3ZJ2B-camelCase {
        -o-object-fit: contain;
        object-fit: contain;
    }

    .styles__answer___2BTUN-camelCase {
        width: 100%;
        margin: 0.104vw 0;
    }
}

.styles__wrapper___29Oho-camelCase {
    margin: 0;
    padding: 0;
    position: fixed;
    z-index: 5;
}

.styles__modal___3It9q-camelCase,
.styles__wrapper___29Oho-camelCase {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.styles__modal___3It9q-camelCase {
    position: absolute;
    z-index: 15;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
}

.styles__mainContainer___3D-r6-camelCase {
    width: 85%;
    height: 85%;
    max-width: 57.292vw;
    max-height: 36.458vw;
    background-color: #fff;
    border-radius: 0.365vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.styles__header___36gb1-camelCase {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.865vw;
    justify-content: space-between;
    padding: 0 0.521vw;
    box-sizing: border-box;
    background-color: #2f2f2f;
    box-shadow: 0 0.313vw 0.417vw rgba(0, 0, 0, 0.2);
    color: #fff;
    border-top-left-radius: 0.365vw;
    border-top-right-radius: 0.365vw;
}

.styles__header___36gb1-camelCase,
.styles__headerContainer___PuqBU-camelCase,
.styles__headerRow___16jFw-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.styles__headerContainer___PuqBU-camelCase {
    height: 2.188vw;
    border: 0.104vw solid #fff;
    border-radius: 0.260vw;
    color: #fff;
    padding: 0 0.365vw;
    box-sizing: border-box;
    margin: auto 0.521vw;
}

.styles__headerIcon___1oSqv-camelCase {
    font-size: 1.354vw;
}

.styles__headerText___2ojyr-camelCase {
    margin: auto 0.521vw;
    font-size: 0.729vw;
    line-height: 0.729vw;
}

.styles__timeInput___206Z4-camelCase {
    border: 0.104vw solid #fff;
    border-radius: 0.260vw;
    background-color: #2f2f2f;
    padding: 0 0.260vw;
    width: 1.979vw;
    font-size: 0.938vw;
    font-family: Nunito, sans-serif;
    text-align: right;
    color: #fff;
    outline: none;
}

.styles__timeInput___206Z4-camelCase::-webkit-inner-spin-button,
.styles__timeInput___206Z4-camelCase::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.styles__randomButton___2HsrZ-camelCase {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.104vw solid #fff;
    border-radius: 0.260vw;
    box-sizing: border-box;
    width: 1.563vw;
    height: 1.563vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__randomCheck___2Us1Y-camelCase {
    font-size: 0.833vw;
    color: #fff;
    opacity: 0;
    transition: 0.2s;
}

.styles__isRandom___3g16D-camelCase>.styles__randomCheck___2Us1Y-camelCase,
.styles__randomButton___2HsrZ-camelCase:hover>.styles__randomCheck___2Us1Y-camelCase {
    opacity: 1;
}

.styles__cancelButton___38eWZ-camelCase {
    border: 0.156vw solid #fff;
    border-radius: 0.260vw;
    color: #fff;
    padding: 0 0.365vw;
    box-sizing: border-box;
    margin: auto 0.521vw;
    font-size: 0.833vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__cancelButton___38eWZ-camelCase:hover {
    transform: scale(0.95);
}

.styles__cancelIcon___3I-Ya-camelCase {
    font-size: 0.938vw;
    display: none;
}

.styles__cancelText___33X_I-camelCase {
    font-size: 0.833vw;
}

.styles__saveButton___1Mdgu-camelCase {
    border-radius: 0.260vw;
    color: #2f2f2f;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.365vw 0.625vw;
    box-sizing: border-box;
    margin: auto 0.521vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__saveButton___1Mdgu-camelCase:hover {
    transform: scale(0.95);
}

.styles__saveIcon___1I1z5-camelCase {
    font-size: 0.938vw;
    margin-right: 0.365vw;
}

.styles__saveText___GfbGg-camelCase {
    font-size: 0.938vw;
    font-weight: 700;
}

.styles__loadingIcon___3a3fN-camelCase {
    font-size: 0.938vw;
    -webkit-animation: styles__spin___1rbXp-camelCase 1s linear infinite;
    animation: styles__spin___1rbXp-camelCase 1s linear infinite;
}

@-webkit-keyframes styles__spin___1rbXp-camelCase {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    to {
        transform: rotate(1turn);
    }
}

@keyframes styles__spin___1rbXp-camelCase {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    to {
        transform: rotate(1turn);
    }
}

.styles__questionRegularBody___2lrUv-camelCase {
    position: absolute;
    left: 0;
    top: 2.865vw;
    height: calc(100% - 2.865vw);
    width: 100%;
}

.styles__questionContainer___-CrZi-camelCase {
    width: 90%;
    height: 40%;
    background-color: #fff;
    position: absolute;
    top: 2.5%;
    left: 5%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.styles__questionLeftContainer___1K9Du-camelCase {
    width: 4.427vw;
    height: 100%;
    margin-right: 4%;
}

.styles__questionButton___1-47Y-camelCase,
.styles__questionLeftContainer___1K9Du-camelCase {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.styles__questionButton___1-47Y-camelCase {
    background-color: #3378ff;
    color: #fff;
    font-size: 0.729vw;
    border-radius: 0.260vw;
    margin: 0.260vw 0;
    width: 3.385vw;
    height: 3.125vw;
    box-shadow: 0.104vw 0.104vw 0 0 #2960cc;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__questionButton___1-47Y-camelCase:hover {
    background-color: #004de6;
}

.styles__questionIcon___1ym67-camelCase {
    font-size: 1.250vw;
}

.styles__questionImgWrapper___FoBkL-camelCase {
    width: 30%;
    height: 100%;
    margin-right: 4%;
    flex-direction: column;
}

.styles__questionImgContainer___1f59d-camelCase,
.styles__questionImgWrapper___FoBkL-camelCase {
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__questionImgContainer___1f59d-camelCase {
    width: 100%;
    height: 80%;
}

.styles__questionEqWrapper___x-bqP-camelCase {
    width: 40%;
    height: 100%;
    margin-right: 4%;
    flex-direction: column;
}

.styles__questionEqWrapper___x-bqP-camelCase,
.styles__removeQButton___2CRbg-camelCase {
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__removeQButton___2CRbg-camelCase {
    margin-top: 0.365vw;
    flex-direction: row;
    font-size: 0.625vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 0.260vw;
    padding: 0.156vw 0.365vw;
    opacity: 0.7;
}

.styles__removeQButton___2CRbg-camelCase:hover {
    opacity: 0.9;
}

.styles__removeQIcon___4V5Jb-camelCase {
    font-size: 0.521vw;
    margin-right: 0.260vw;
}

.styles__questionTextContainer___39Cd5-camelCase {
    width: calc(85% - 4.427vw);
    height: 80%;
    text-align: center;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    border-radius: 0.260vw;
    border: 0.156vw solid #fff;
    box-sizing: border-box;
    outline: none;
    cursor: text;
    position: relative;
    font-size: 1.042vw;
}

.styles__questionTextContainer___39Cd5-camelCase:hover,
.styles__questionTextContainer___39Cd5-camelCase[focus-within] {
    border: 0.156vw solid #0bc2cf;
}

.styles__questionTextContainer___39Cd5-camelCase:focus-within,
.styles__questionTextContainer___39Cd5-camelCase:hover {
    border: 0.156vw solid #0bc2cf;
}

.styles__questionTextContainer___39Cd5-camelCase[focus-within] {
    background-color: rgba(0, 0, 0, 0.02);
}

.styles__questionTextContainer___39Cd5-camelCase:focus-within {
    background-color: rgba(0, 0, 0, 0.02);
}

.styles__questionText___3-Uio-camelCase {
    padding: 0.521vw;
    box-sizing: border-box;
    outline: none;
}

.styles__placeholder___2G84o-camelCase,
.styles__questionText___3-Uio-camelCase {
    width: 100%;
    text-align: center;
}

.styles__placeholder___2G84o-camelCase {
    opacity: 0.6;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    font-size: 1.042vw;
}

.styles__errorContainer___3ba57-camelCase {
    border: 0.104vw solid #ce1313;
    border-radius: 0.260vw;
    width: 17.188vw;
    width: 20%;
    margin-left: 2.5%;
    padding: 0.521vw;
    box-sizing: border-box;
    font-size: 0.833vw;
    line-height: 0.938vw;
    text-align: center;
}

.styles__imageContainer___1Hz7z-camelCase {
    width: 30%;
    height: 85%;
    margin-right: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
}

.styles__img___2BpS6-camelCase {
    margin: auto;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.styles__answersHolder___1sYeZ-camelCase {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    align-items: space-evenly;
    position: absolute;
    top: 45%;
    left: 0;
    height: calc(55% - 0.260vw);
    width: calc(100% - 0.521vw);
    padding: 0 0.260vw 0.260vw;
}

.styles__answerWrapper___2bsy8-camelCase {
    margin: auto;
    width: calc(50% - 0.313vw);
    height: calc(50% - 0.313vw);
    overflow: hidden;
}

.styles__answerContainer___1ZDcZ-camelCase {
    margin: auto;
    width: 100%;
    height: calc(100% - 0.9vh);
    border-radius: 0.260vw;
    overflow: hidden;
    padding-bottom: 0.9vh;
    box-shadow: inset 0 -0.9vh 0 0 rgba(0, 0, 0, 0.2);
}

.styles__answerContainer___1ZDcZ-camelCase,
.styles__answerLeftContainer___1dHXT-camelCase {
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__answerLeftContainer___1dHXT-camelCase {
    width: 3.906vw;
    height: 100%;
    flex-direction: column;
    margin-right: 5%;
}

.styles__correctButton___3QZva-camelCase {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.208vw solid #fff;
    border-radius: 0.260vw;
    box-sizing: border-box;
    width: 2.344vw;
    height: 2.344vw;
    box-shadow: 0.104vw 0.104vw 0 0 #646464;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__correctButton___3QZva-camelCase:hover {
    transform: scale(0.95);
}

.styles__correctCheck___3UggB-camelCase {
    font-size: 1.146vw;
    color: #fff;
    opacity: 0;
    transition: 0.2s;
}

.styles__correctButton___3QZva-camelCase:hover>.styles__correctCheck___3UggB-camelCase {
    opacity: 1;
}

.styles__correctAnswer___30Xyg-camelCase {
    background-color: #4bc22e;
}

.styles__correctAnswer___30Xyg-camelCase>.styles__correctCheck___3UggB-camelCase {
    opacity: 1;
}

.styles__answerButtonRow___DK6WB-camelCase {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    margin-top: 0.781vw;
}

.styles__answerIconButton___1jaiF-camelCase {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.104vw solid #fff;
    border-radius: 0.260vw;
    box-sizing: border-box;
    width: 1.563vw;
    height: 1.146vw;
    box-shadow: 0.052vw 0.052vw 0 0 #646464;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__answerIconButton___1jaiF-camelCase:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.styles__answerIcon___R716B-camelCase {
    font-size: 0.625vw;
    color: #fff;
}

.styles__answerTextContainer___3NOPU-camelCase {
    height: 80%;
    width: calc(85% - 3.906vw);
    text-align: center;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.260vw;
    border: 0.156vw solid transparent;
    box-sizing: border-box;
    outline: none;
    cursor: text;
    position: relative;
    font-size: 1.042vw;
}

.styles__answerTextContainer___3NOPU-camelCase:hover,
.styles__answerTextContainer___3NOPU-camelCase[focus-within] {
    border: 0.156vw solid #0bc2cf;
}

.styles__answerTextContainer___3NOPU-camelCase:focus-within,
.styles__answerTextContainer___3NOPU-camelCase:hover {
    border: 0.156vw solid #0bc2cf;
}

.styles__answerTextContainer___3NOPU-camelCase[focus-within] {
    background-color: rgba(0, 0, 0, 0.2);
}

.styles__answerTextContainer___3NOPU-camelCase:focus-within {
    background-color: rgba(0, 0, 0, 0.2);
}

.styles__answerText___12Rxt-camelCase {
    padding: 0.521vw;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    outline: none;
}

.styles__answerImgContainer___1Fg_v-camelCase {
    height: 80%;
    width: calc(85% - 5.990vw);
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__answerImg___1lA6N-camelCase {
    margin: auto;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.styles__removeButton___2TXR9-camelCase {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.104vw solid #fff;
    border-radius: 0.260vw;
    box-sizing: border-box;
    width: 1.563vw;
    height: 1.563vw;
    margin-left: 0.521vw;
    box-shadow: 0.052vw 0.052vw 0 0 #646464;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__removeButton___2TXR9-camelCase:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.styles__mathField___Kj8_5-camelCase {
    cursor: pointer !important;
    color: #3a3a3a;
    border-color: #3a3a3a;
}

.styles__mathAnswerField___2U8_U-camelCase,
.styles__mathField___Kj8_5-camelCase {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 1.042vw !important;
}

.styles__mathAnswerField___2U8_U-camelCase {
    cursor: default !important;
    color: #fff;
    border-color: #fff;
}

.styles__keyboardIcon___1aY9f-camelCase {
    width: 1.042vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto 0 auto auto;
    font-size: 0.938vw;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom: 0.104vw;
    right: 0.260vw;
    opacity: 0;
    pointer-events: all;
}

.styles__answerTextContainer___3NOPU-camelCase>.styles__keyboardIcon___1aY9f-camelCase {
    color: hsla(0, 0%, 100%, 0.3);
}

.styles__keyboardIcon___1aY9f-camelCase:hover {
    color: #0bc2cf;
}

.styles__answerTextContainer___3NOPU-camelCase[focus-within]>.styles__keyboardIcon___1aY9f-camelCase,
.styles__questionTextContainer___39Cd5-camelCase[focus-within]>.styles__keyboardIcon___1aY9f-camelCase {
    opacity: 1;
}

.styles__answerTextContainer___3NOPU-camelCase:focus-within>.styles__keyboardIcon___1aY9f-camelCase,
.styles__questionTextContainer___39Cd5-camelCase:focus-within>.styles__keyboardIcon___1aY9f-camelCase {
    opacity: 1;
}

.styles__errorBorder___2OH1U-camelCase {
    border: 0.104vw solid #ce1313;
}

.styles__tooltip___3zlqF-camelCase {
    font-family: Nunito, sans-serif !important;
    font-size: 0.729vw !important;
    padding: 0.260vw 0.521vw !important;
    max-width: 9.635vw !important;
    text-align: center !important;
}

@media only screen and (max-width: 36.458vw) {
    .styles__wrapper___29Oho-camelCase {
        height: 100%;
        width: 100%;
        top: 0;
        z-index: 15;
    }

    .styles__mainContainer___3D-r6-camelCase {
        width: 95%;
        height: 90%;
    }

    .styles__headerContainer___PuqBU-camelCase {
        margin: auto 0.156vw;
    }

    .styles__headerIcon___1oSqv-camelCase {
        font-size: 1.354vw;
        margin-right: 0.260vw;
    }

    .styles__headerText___2ojyr-camelCase {
        display: none;
    }

    .styles__randomButton___2HsrZ-camelCase:hover>.styles__randomCheck___2Us1Y-camelCase {
        opacity: unset;
    }

    .styles__cancelButton___38eWZ-camelCase {
        margin: auto 0.260vw;
    }

    .styles__cancelIcon___3I-Ya-camelCase {
        display: block;
    }

    .styles__cancelText___33X_I-camelCase {
        display: none;
    }

    .styles__saveIcon___1I1z5-camelCase {
        font-size: 1.042vw;
        margin-right: 0;
    }

    .styles__saveText___GfbGg-camelCase {
        display: none;
    }

    .styles__placeholder___2G84o-camelCase,
    .styles__questionTextContainer___39Cd5-camelCase {
        font-size: 0.833vw;
    }

    .styles__answerLeftContainer___1dHXT-camelCase {
        width: 5.208vw;
        display: flex;
        flex-direction: row;
        margin-right: 2.5%;
    }

    .styles__answerButtonRow___DK6WB-camelCase {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: space-evenly;
        width: 2.083vw;
        height: 90%;
        margin-top: 0;
    }

    .styles__answerTextContainer___3NOPU-camelCase {
        height: 85%;
        width: calc(90% - 5.208vw);
        font-size: 0.833vw;
    }

    .styles__answersHolder___1sYeZ-camelCase {
        flex-direction: column;
    }

    .styles__answerWrapper___2bsy8-camelCase {
        margin: 0.156vw auto;
        width: calc(100% - 0.313vw);
        flex-grow: 1;
    }

    .styles__answerTwo___2gDr8-camelCase,
    .styles__answerWrapper___2bsy8-camelCase {
        height: calc(25% - 0.313vw);
    }

    .styles__mathField___Kj8_5-camelCase {
        font-size: 0.521vw !important;
    }

    .styles__mathAnswerField___2U8_U-camelCase {
        font-size: 0.729vw !important;
    }
}

.styles__modal___2wtJM-camelCase {
    position: absolute;
    z-index: 15;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
}

.styles__mainContainer___3sH0Q-camelCase {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 21.875vw;
    background-color: #fff;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    border-radius: 0.365vw;
    text-align: center;
    z-index: 16;
    overflow: hidden;
}

.styles__header___3Vtay-camelCase {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.604vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 0.521vw;
    box-sizing: border-box;
    background-color: #2f2f2f;
    box-shadow: 0 0.313vw 0.417vw rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 1.250vw;
}

.styles__text___2JvVh-camelCase {
    text-align: center;
    width: 95%;
    margin: 3.646vw auto 0.260vw;
    font-size: 1.146vw;
}

.styles__uploadButtonContainer___3cMeT-camelCase {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 95%;
    margin: 3.385vw auto 0;
}

.styles__uploadButton___2esYM-camelCase {
    border-radius: 0.260vw;
    width: 4.948vw;
    height: 2.188vw;
    margin: 0.260vw 0.781vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #fff;
    background-color: #3378ff;
    transition: 0.2s;
}

.styles__uploadButton___2esYM-camelCase:focus,
.styles__uploadButton___2esYM-camelCase:hover {
    background-color: #004de6;
}

.styles__uploadIcon___1udog-camelCase {
    font-size: 1.042vw;
    margin-right: 0.365vw;
    width: 1.146vw;
    text-align: center;
}

.styles__uploadText___2FOVV-camelCase {
    font-size: 0.729vw;
    line-height: 0.781vw;
}

.styles__dropContainer___20eYZ-camelCase {
    height: 5.208vw;
    width: 80%;
    border: 0.052vw dashed #666;
    border-radius: 0.260vw;
    background-color: #f0f0f0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0.781vw auto;
    font-size: 0.729vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
}

.styles__activeDropContainer___31k9F-camelCase {
    background-color: rgba(11, 194, 207, 0.3);
}

.styles__dropzoneIcon___3stiE-camelCase {
    color: #fff;
    background-color: #3378ff;
    border-radius: 0.365vw;
    width: 1.823vw;
    height: 1.823vw;
    font-size: 0.938vw;
    margin-bottom: 0.521vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__urlInput___H4nKR-camelCase {
    border: 0.104vw solid rgba(0, 0, 0, 0.17);
    border-radius: 0.260vw;
    padding: 0.260vw 0.521vw;
    width: 90%;
    margin: 0.521vw auto;
    box-sizing: border-box;
    font-size: 0.938vw;
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
    outline: none;
}

.styles__urlInput___H4nKR-camelCase:-moz-placeholder,
.styles__urlInput___H4nKR-camelCase:-ms-input-placeholder,
.styles__urlInput___H4nKR-camelCase::-moz-placeholder,
.styles__urlInput___H4nKR-camelCase::-webkit-input-placeholder {
    color: #999;
}

.styles__urlInput___H4nKR-camelCase::-webkit-inner-spin-button,
.styles__urlInput___H4nKR-camelCase::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.styles__inputFilled___1jI7h-camelCase,
.styles__urlInput___H4nKR-camelCase:focus {
    border-color: #3378ff;
}

.styles__buttonRow___rgfPg-camelCase {
    flex-direction: row;
    justify-content: space-evenly;
    width: 80%;
    margin: 0.521vw auto 1.302vw;
}

.styles__button___2Eg2o-camelCase,
.styles__buttonRow___rgfPg-camelCase {
    display: flex;
    align-items: center;
}

.styles__button___2Eg2o-camelCase {
    border-radius: 0.260vw;
    width: 4.688vw;
    height: 1.823vw;
    font-size: 0.938vw;
    justify-content: center;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #fff;
    background-color: #3378ff;
    transition: 0.2s;
}

.styles__button___2Eg2o-camelCase:focus,
.styles__button___2Eg2o-camelCase:hover {
    background-color: #004de6;
}

.styles__errorContainer___1aUPm-camelCase {
    border: 0.104vw solid #ce1313;
    border-radius: 0.208vw;
    width: 90%;
    padding: 0.260vw 0.521vw;
    box-sizing: border-box;
    margin: 0 auto 0.781vw;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.styles__errorIcon___Gu1MQ-camelCase {
    font-size: 0.833vw;
    color: #ce1313;
    margin-right: 0.365vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__errorText___oPNrh-camelCase {
    font-size: 0.729vw;
}

.styles__modal___2nvjP-camelCase {
    position: absolute;
    z-index: 15;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
}

.styles__mainContainer___1RAiv-camelCase {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 33.854vw;
    height: 41.667vw;
    max-height: 90%;
    background-color: #fff;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    border-radius: 0.365vw;
    text-align: center;
    z-index: 16;
    overflow: hidden;
    flex-direction: column;
}

.styles__header___1U0IH-camelCase,
.styles__mainContainer___1RAiv-camelCase {
    position: absolute;
    display: flex;
}

.styles__header___1U0IH-camelCase {
    top: 0;
    left: 0;
    width: 100%;
    height: 2.604vw;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 0.521vw;
    box-sizing: border-box;
    background-color: #2f2f2f;
    box-shadow: 0 0.313vw 0.417vw rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 1.250vw;
}

.styles__topRow___2VUb9-camelCase {
    margin: 3.646vw auto 0.521vw;
    justify-content: space-between;
    width: 90%;
}

.styles__mathInputWrapper___323bt-camelCase,
.styles__topRow___2VUb9-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.styles__mathInputWrapper___323bt-camelCase {
    width: calc(100% - 5.729vw);
    min-height: 3.646vw;
    padding: 0.260vw 0.521vw;
    box-sizing: border-box;
    border: 0.104vw solid rgba(0, 0, 0, 0.17) !important;
    border-radius: 0.260vw !important;
    text-align: left;
}

.styles__mathInputWrapper___323bt-camelCase[focus-within] {
    border-color: #3378ff !important;
}

.styles__mathInputWrapper___323bt-camelCase:focus-within {
    border-color: #3378ff !important;
}

.styles__mathInput___3a-iu-camelCase {
    box-shadow: none !important;
    border: none !important;
    width: 100%;
}

.styles__insertButton___1oyLR-camelCase,
.styles__mathInput___3a-iu-camelCase {
    font-size: 0.938vw;
    outline: none;
}

.styles__insertButton___1oyLR-camelCase {
    border-radius: 0.260vw;
    width: 4.688vw;
    height: 1.823vw;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #fff;
    background-color: #3378ff;
    transition: 0.2s;
}

.styles__insertButton___1oyLR-camelCase:focus,
.styles__insertButton___1oyLR-camelCase:hover {
    background-color: #004de6;
}

.styles__bottomWrapper___2aAol-camelCase {
    margin: 0.521vw auto 0.781vw;
    width: calc(95% - 1.042vw);
    padding: 0 0.521vw;
    flex-grow: 1;
    overflow-y: auto;
}

.styles__button___1sh0e-camelCase {
    border: 0.052vw solid rgba(0, 0, 0, 0.4);
    border-radius: 0.156vw;
    width: 2.604vw;
    height: 2.604vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.938vw;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    background-color: transparent;
}

.styles__button___1sh0e-camelCase:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.styles__mathField____d8YC-camelCase {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer !important;
    color: #3a3a3a;
    border-color: #3a3a3a;
}

.styles__buttonRow___LbqX8-camelCase {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 0.260vw 0;
    width: 100%;
}

.styles__bottomButtons___1Nkoy-camelCase,
.styles__importantButtons___WH7-H-camelCase,
.styles__topButtons___2ETH_-camelCase {
    width: 100%;
    display: grid;
    justify-content: center;
    align-content: flex-start;
    grid-template-columns: repeat(auto-fill, 2.604vw);
    grid-gap: 0.417vw;
}

.styles__topButtons___2ETH_-camelCase {
    width: 30%;
}

.styles__bottomButtons___1Nkoy-camelCase {
    width: 49%;
}

.styles__modal___16a0f-camelCase {
    position: absolute;
    z-index: 15;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
}

.styles__mainContainer___2y5Yx-camelCase {
    position: absolute;
    top: calc(50% + 5.208vw);
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 21.875vw;
    background-color: #fff;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    border-radius: 0.365vw;
    text-align: center;
    z-index: 16;
    overflow: hidden;
}

.styles__header___1Wk6X-camelCase {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.604vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 0.521vw;
    box-sizing: border-box;
    background-color: #2f2f2f;
    box-shadow: 0 0.313vw 0.417vw rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 1.250vw;
}

.styles__text___2a02P-camelCase {
    text-align: center;
    width: 95%;
    margin: 3.385vw auto 0.260vw;
    font-size: 1.146vw;
}

.styles__audioRow___3YY7Y-camelCase {
    margin: 0.521vw 0;
    width: 100%;
    position: relative;
    height: 5.417vw;
}

.styles__audioWrapper___1TJ_0-camelCase {
    border: 0.104vw solid rgba(0, 0, 0, 0.17);
    border-radius: 0.260vw;
    width: 10.417vw;
    height: 5.208vw;
    margin: 0 auto;
    overflow: hidden;
}

.styles__timer___1sggT-camelCase {
    position: absolute;
    font-size: 0.938vw;
    width: 3.125vw;
    text-align: center;
    top: 50%;
    right: 1.042vw;
    transform: translateY(-50%);
}

.styles__buttonRow___FFEHZ-camelCase {
    flex-flow: row wrap;
    width: 90%;
    margin: 0.521vw 5%;
}

.styles__buttonRow___FFEHZ-camelCase,
.styles__iconButton___35SDU-camelCase {
    display: flex;
    align-items: center;
    justify-content: center;
}

.styles__iconButton___35SDU-camelCase {
    width: 2.344vw;
    height: 2.344vw;
    font-size: 1.042vw;
    color: #fff;
    background-color: #3378ff;
    border-radius: 0.260vw;
    margin: 0.260vw 0.521vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__iconButton___35SDU-camelCase:focus,
.styles__iconButton___35SDU-camelCase:hover {
    background-color: #004de6;
}

.styles__audio___1u7Ra-camelCase {
    margin: 0 auto;
}

.styles__insertButton___2ifT4-camelCase {
    border-radius: 0.260vw;
    width: 4.688vw;
    height: 1.823vw;
    font-size: 0.938vw;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin: 0.521vw auto 1.042vw;
    color: #fff;
    background-color: #3378ff;
    transition: 0.2s;
}

.styles__insertButton___2ifT4-camelCase:focus,
.styles__insertButton___2ifT4-camelCase:hover {
    background-color: #004de6;
}

.styles__errorContainer___1kSq1-camelCase {
    border: 0.104vw solid #ce1313;
    border-radius: 0.208vw;
    width: 90%;
    padding: 0.260vw 0.521vw;
    box-sizing: border-box;
    margin: 0 auto 0.781vw;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.styles__errorIcon___2ZURM-camelCase {
    font-size: 0.833vw;
    color: #ce1313;
    margin-right: 0.365vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__errorText___1DCmd-camelCase {
    font-size: 0.729vw;
}

.styles__modal___2hp9P-camelCase {
    position: absolute;
    z-index: 15;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
}

.styles__mainContainer___Y7P5T-camelCase {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 15.625vw;
    max-width: 26.042vw;
    width: 90%;
    height: 90%;
    max-height: 28.646vw;
    background-color: #fff;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    border-radius: 0.365vw;
    box-sizing: border-box;
    padding-bottom: 0.781vw;
    overflow: hidden;
    z-index: 16;
}

.styles__mainRegularBody___2KphK-camelCase {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 3.385vw;
    left: 5%;
    width: 90%;
    height: calc(100% - 4.167vw);
    text-align: center;
}

.styles__mainRegularBody___2KphK-camelCase::-webkit-scrollbar {
    width: 0.625vw;
    margin-right: 0.521vw;
}

.styles__mainRegularBody___2KphK-camelCase::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 0.521vw;
}

.styles__mainRegularBody___2KphK-camelCase::-webkit-scrollbar-thumb:hover {
    background: #777;
    border-radius: 0.521vw;
}

.styles__header___818O4-camelCase {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.604vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 0.521vw;
    box-sizing: border-box;
    background-color: #2f2f2f;
    box-shadow: 0 0.313vw 0.417vw rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 1.250vw;
}

.styles__group___2P3yX-camelCase {
    padding: 0.156vw 0.677vw;
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
}

.styles__groupName___Pghjq-camelCase {
    font-size: 0.833vw;
    text-align: left;
    padding: 0.104vw;
}

.styles__symbolContainer___11_8H-camelCase {
    flex-flow: row wrap;
}

.styles__symbol___30Xu3-camelCase,
.styles__symbolContainer___11_8H-camelCase {
    display: flex;
    align-items: center;
}

.styles__symbol___30Xu3-camelCase {
    border: 0.052vw solid rgba(0, 0, 0, 0.4);
    border-radius: 0.156vw;
    width: 1.042vw;
    height: 1.563vw;
    margin: 0.104vw;
    justify-content: center;
    font-size: 0.938vw;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    background-color: transparent;
}

.styles__symbol___30Xu3-camelCase:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.styles__link___16Uk2-camelCase {
    color: #0bc2cf;
}

@media only screen and (max-width: 31.250vw) {
    .styles__mainContainer___Y7P5T-camelCase {
        width: 90%;
    }
}

.styles__modal___3YKeO-camelCase {
    left: 0;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
}

.styles__mainContainer___6hjAF-camelCase,
.styles__modal___3YKeO-camelCase {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
}

.styles__mainContainer___6hjAF-camelCase {
    right: 0;
    max-width: 54.688vw;
    background-color: #fff;
    z-index: 5;
    -webkit-animation: styles__slideIn___PweGA-camelCase 0.3s linear forwards;
    animation: styles__slideIn___PweGA-camelCase 0.3s linear forwards;
}

@-webkit-keyframes styles__slideIn___PweGA-camelCase {
    0% {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes styles__slideIn___PweGA-camelCase {
    0% {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

.styles__slideOut___2qPxq-camelCase {
    -webkit-animation: styles__slideOut___2qPxq-camelCase 0.15s linear forwards;
    animation: styles__slideOut___2qPxq-camelCase 0.15s linear forwards;
}

@-webkit-keyframes styles__slideOut___2qPxq-camelCase {
    0% {
        transform: translateX(0);
    }

    to {
        transform: translateX(100%);
    }
}

@keyframes styles__slideOut___2qPxq-camelCase {
    0% {
        transform: translateX(0);
    }

    to {
        transform: translateX(100%);
    }
}

.styles__closeIcon___2dOk--camelCase {
    position: absolute;
    top: 0.260vw;
    left: 0.260vw;
    font-size: 1.146vw;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    display: none;
}

.styles__top___2Rv9d-camelCase {
    height: 4.948vw;
    justify-content: center;
    align-items: center;
    border-bottom: 0.156vw solid #e0e0e0;
    padding-top: 0.260vw;
    box-sizing: border-box;
    z-index: 3;
}

.styles__searchContainer___200va-camelCase,
.styles__top___2Rv9d-camelCase {
    display: flex;
    flex-direction: row;
}

.styles__searchContainer___200va-camelCase {
    width: 85%;
    min-width: 15.625vw;
    border: 0.156vw solid #0bc2cf;
    border-radius: 0.313vw;
    height: 2.604vw;
    background-color: #fff;
}

.styles__searchIcon___-YGln-camelCase {
    font-size: 1.302vw;
    color: #fff;
    background-color: #0bc2cf;
    border-radius: 0.260vw;
    line-height: 2.188vw;
    margin: 0.156vw 0.156vw 0.156vw 0.521vw;
    width: 2.396vw;
    text-align: center;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__searchInput___3YyVQ-camelCase {
    border: none;
    margin: 0.313vw 0.104vw 0.208vw 0.781vw;
    height: 2.083vw;
    width: calc(100% - 2.656vw);
    font-size: 1.250vw;
    text-align: left;
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
    outline: none;
}

.styles__searchInput___3YyVQ-camelCase::-webkit-search-cancel-button,
.styles__searchInput___3YyVQ-camelCase::-webkit-search-decoration,
.styles__searchInput___3YyVQ-camelCase::-webkit-search-results-button,
.styles__searchInput___3YyVQ-camelCase::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

.styles__filtersHolder___Np-g6-camelCase {
    position: relative;
    display: block;
}

.styles__filterIcon___3B3jN-camelCase {
    font-size: 1.198vw;
    color: #fff;
    background-color: #2f2f2f;
    border-radius: 0.260vw;
    margin-left: 0.521vw;
    height: 2.396vw;
    width: 2.396vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media only screen and (max-width: 39.063vw) {
    .styles__filtersHolder___Np-g6-camelCase {
        display: none;
    }
}

.styles__filtersColumn___3gQQN-camelCase {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 2.396vw;
    right: 0;
    width: 10.417vw;
}

.styles__filtersHolder___Np-g6-camelCase:hover>.styles__filtersColumn___3gQQN-camelCase {
    display: flex;
}

.styles__filterRow___31wnb-camelCase {
    background-color: #fff;
    border-radius: 0.260vw;
    box-shadow: 0 0 0.208vw 0.078vw rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: row;
    padding: 0.260vw 0.521vw;
    margin: 0.130vw 0;
    font-family: Nunito, sans-serif;
    font-size: 0.833vw;
    color: #3a3a3a;
    flex: 1;
}

.styles__filters___2QcHy-camelCase {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-top: 0.156vw;
}

.styles__checkBox___1aHZZ-camelCase {
    width: 1.042vw;
    height: 1.042vw;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.104vw solid #3a3a3a;
    border-radius: 0.313vw;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #3a3a3a;
    background-color: #fff;
    transition: 0.2s;
}

.styles__checkIcon___3NhOg-camelCase {
    font-size: 0.729vw;
    margin: auto;
}

.styles__checkYes___16d0X-camelCase {
    border-color: #0bc2cf;
    background-color: #0bc2cf;
    color: #fff;
}

.styles__checkNo___A3ur5-camelCase {
    border-color: rgba(0, 0, 0, 0.25);
    background-color: #fff;
    color: rgba(0, 0, 0, 0.25);
}

.styles__left___36IK7-camelCase {
    position: absolute;
    top: 4.948vw;
    left: 0;
    width: 35%;
    height: calc(100% - 4.948vw);
    padding: 0.521vw;
    box-sizing: border-box;
    border-right: 0.156vw solid #e0e0e0;
    z-index: 2;
}

.styles__nothingContainer___377mF-camelCase {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 1.250vw;
    font-weight: 700;
}

.styles__nothingBlook___2uW5j-camelCase {
    width: 5.208vw;
    height: 5.990vw;
    margin-bottom: 0.521vw;
}

.styles__hitsHolder___LLk1k-camelCase {
    flex-direction: column;
    padding: 0 0.260vw;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.styles__hitContainer___11utO-camelCase,
.styles__hitsHolder___LLk1k-camelCase {
    display: flex;
    width: 100%;
    box-sizing: border-box;
}

.styles__hitContainer___11utO-camelCase {
    flex-direction: row;
    align-items: center;
    margin: 0.260vw 0;
    padding: 0.260vw;
    border-radius: 0.365vw;
    border: 0.156vw solid #e0e0e0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__hitContainer___11utO-camelCase:hover {
    transform: scale(0.95);
}

.styles__hitImageContainer___1qVuH-camelCase {
    width: 5.208vw;
    min-width: 5.208vw;
    height: 4.688vw;
    border-radius: 0.260vw;
    margin-right: 0.260vw;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.styles__coverImage___1ad2Z-camelCase {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.styles__setFillerText___3OORu-camelCase {
    font-family: Titan One, sans-serif;
    font-size: 1.042vw;
    color: #fff;
    text-shadow: 0.104vw 0.104vw 0.417vw grey;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__setQuestionsText___1TN7B-camelCase {
    position: absolute;
    bottom: 0.260vw;
    right: 0.260vw;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 0.208vw;
    color: #fff;
    font-size: 0.625vw;
    padding: 0.156vw 0.260vw;
}

.styles__hitRight___3-sgR-camelCase {
    display: flex;
    flex-direction: column;
    min-height: 4.688vw;
    overflow-x: hidden;
    width: calc(100% - 5.469vw);
}

.styles__setHeader___3JIfH-camelCase {
    font-size: 0.833vw;
    line-height: 0.938vw;
    font-weight: 700;
    word-wrap: break-word;
}

.styles__setSpacer___26nnk-camelCase {
    width: 100%;
    height: 0.260vw;
    flex-grow: 2;
}

.styles__setPlays___18iwg-camelCase {
    font-size: 0.625vw;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.styles__verifiedIcon___3BZTt-camelCase {
    color: #0bc2cf;
    margin-left: 0.417vw;
}

.styles__setDescText___pOM_u-camelCase {
    font-size: 0.625vw;
}

.styles__setAuthorContainer___3-8GJ-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.styles__authorIcon___2XXXs-camelCase {
    font-size: 0.521vw;
    margin-right: 0.260vw;
}

.styles__showMoreButton___1LpHt-camelCase {
    width: 8.854vw;
    min-height: 2.083vw;
    background-color: #0bc2cf;
    border-radius: 0.260vw;
    margin: 0.781vw auto;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    font-family: Nunito, sans-serif;
    font-size: 1.042vw;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: 0.2s;
}

.styles__showMoreButton___1LpHt-camelCase:hover {
    transform: scale(0.95);
}

.styles__right___1iD6k-camelCase {
    position: absolute;
    top: 4.948vw;
    right: 0;
    width: 65%;
    height: calc(100% - 4.948vw);
    padding: 0.521vw;
    box-sizing: border-box;
    background-color: #f7f7f7;
    z-index: -1;
}

.styles__questionsHolder___1CTvY-camelCase {
    padding: 0 0.521vw;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
}

.styles__questionSection___PMWu3-camelCase,
.styles__questionsHolder___1CTvY-camelCase {
    display: flex;
    flex-direction: column;
}

.styles__questionContainer___2Nudz-camelCase {
    width: 100%;
    min-height: 5.208vw;
    padding: 0;
    margin: 0.781vw 0 0;
    background-color: #fff;
    border-radius: 0.365vw;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: row;
    z-index: 1;
}

.styles__questionImageContainer___1qfQ6-camelCase {
    width: 6.250vw;
    height: 5.208vw;
    background-color: #333;
    margin: auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
}

.styles__questionImage___3rY_C-camelCase,
.styles__questionImageContainer___1qfQ6-camelCase {
    border-top-left-radius: 0.365vw;
    border-bottom-left-radius: 0.365vw;
}

.styles__questionImage___3rY_C-camelCase {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.styles__imageNumber___zbsWP-camelCase {
    font-family: Titan One, sans-serif;
    font-size: 1.875vw;
    color: #fff;
    text-shadow: 0.104vw 0.104vw 0.417vw grey;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.styles__questionFunc___ORpa_-camelCase {
    margin: 0.521vw;
    width: 27.5%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__qMathField___3hW_w-camelCase {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default !important;
    color: #3a3a3a;
    border-color: #3a3a3a;
    font-size: 0.833vw !important;
}

.styles__questionCenterContainer___n9Jtl-camelCase {
    display: flex;
    flex-direction: column;
    margin: 0.260vw 0.521vw 0.260vw 0.781vw;
    width: calc(100% - 10.938vw);
    min-height: 4.427vw;
}

.styles__questionWithFunc___fFsXT-camelCase {
    width: calc(72.5% - 11.979vw);
}

.styles__questionText___14Agk-camelCase {
    font-size: 0.938vw;
    line-height: 1.094vw;
    padding: 0.260vw 0;
    box-sizing: border-box;
    color: #3a3a3a;
    word-wrap: break-word;
    flex-grow: 1;
    white-space: pre-line;
}

.styles__addedContainer___1O2sq-camelCase,
.styles__addQuestionButton___10JG--camelCase {
    width: 4.167vw;
    min-width: 4.167vw;
    height: 4.167vw;
    margin: auto 0.521vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
}

.styles__addQuestionButton___10JG--camelCase {
    border-radius: 0.260vw;
    background-color: #2f2f2f;
    box-shadow: 0 0 0.208vw 0.104vw rgba(0, 0, 0, 0.2);
    flex-direction: column;
    font-size: 0.677vw;
    line-height: 0.781vw;
    font-family: Nunito, sans-serif;
    color: #fff;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__addQuestionButton___10JG--camelCase:hover {
    transform: scale(0.95);
}

.styles__addIcon___99Ryd-camelCase {
    font-size: 1.667vw;
    margin-bottom: 0.260vw;
}

.styles__answerContainer___25d56-camelCase {
    width: calc(95% - 0.521vw);
    padding: 0 0.260vw;
    margin: 0 2.5% 0.521vw;
    overflow: hidden;
    background-color: #fff;
    border-bottom-left-radius: 0.365vw;
    border-bottom-right-radius: 0.365vw;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: row;
}

.styles__answerText___3oGNk-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 0.729vw;
    line-height: 0.833vw;
    color: #fff;
    text-align: center;
}

.styles__answer___3CahM-camelCase {
    padding: 0.260vw;
    word-wrap: break-word;
    overflow-x: hidden;
}

.styles__answer___3CahM-camelCase,
.styles__answerImgContainer___3Lggr-camelCase {
    min-height: 2.083vw;
    margin: 0.521vw 0.260vw;
    border-radius: 0.365vw;
    flex-grow: 1;
    flex-basis: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__answerImgContainer___3Lggr-camelCase {
    max-height: 3.125vw;
    overflow: none;
}

.styles__answerImg___3He3q-camelCase {
    margin: auto;
    width: 90%;
    height: 90%;
    -o-object-fit: contain;
    object-fit: contain;
}

.styles__answerImg___3He3q-camelCase,
.styles__mathField___195d--camelCase {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__mathField___195d--camelCase {
    cursor: default !important;
    color: #fff;
    border-color: #fff;
    font-size: 0.625vw !important;
}

.styles__faded___DWtFK-camelCase {
    opacity: 0.5;
}

@media only screen and (max-width: 62.500vw) {
    .styles__closeIcon___2dOk--camelCase {
        display: block;
    }
}

@media only screen and (max-width: 46.875vw) {
    .styles__mainContainer___6hjAF-camelCase {
        top: 0;
        height: 100%;
        z-index: 20;
    }

    .styles__left___36IK7-camelCase {
        top: unset;
        bottom: 0;
        width: 100%;
        height: 6.250vw;
        padding: 0.521vw;
        border-right: none;
        border-top: 0.156vw solid #e0e0e0;
    }

    .styles__nothingContainer___377mF-camelCase {
        font-size: 1.042vw;
    }

    .styles__nothingBlook___2uW5j-camelCase {
        width: 3.646vw;
        height: 4.193vw;
        margin-bottom: 0.260vw;
    }

    .styles__hitsHolder___LLk1k-camelCase {
        display: flex;
        flex-direction: row;
        padding: 0.260vw 0;
        overflow-y: hidden;
        overflow-x: auto;
    }

    .styles__hitContainer___11utO-camelCase {
        width: 90vw;
        min-width: 16.667vw;
        margin: 0 0.260vw;
    }

    .styles__hitImageContainer___1qVuH-camelCase {
        width: 4.167vw;
        min-width: 4.167vw;
        height: 3.125vw;
    }

    .styles__setFillerText___3OORu-camelCase {
        font-size: 0.833vw;
        padding: 0.104vw 0.208vw;
    }

    .styles__setQuestionsText___1TN7B-camelCase {
        font-size: 0.521vw;
    }

    .styles__hitRight___3-sgR-camelCase {
        min-height: 3.125vw;
        width: calc(100% - 4.427vw);
    }

    .styles__setHeader___3JIfH-camelCase {
        font-size: 0.625vw;
        line-height: 0.729vw;
    }

    .styles__setSpacer___26nnk-camelCase {
        height: 0;
        flex-grow: 2;
    }

    .styles__setDescText___pOM_u-camelCase,
    .styles__setPlays___18iwg-camelCase {
        font-size: 0.521vw;
    }

    .styles__setEditedText___3gPsH-camelCase {
        display: none;
    }

    .styles__authorIcon___2XXXs-camelCase {
        font-size: 0.417vw;
        margin-right: 0.156vw;
    }

    .styles__showMoreButton___1LpHt-camelCase {
        min-width: 7.292vw;
        min-height: 1.823vw;
        margin: auto 0.781vw;
        font-size: 0.938vw;
    }

    .styles__right___1iD6k-camelCase {
        top: 4.948vw;
        right: 0;
        width: 100%;
        height: calc(100% - 11.198vw);
    }
}

@media only screen and (max-width: 31.250vw) {
    .styles__questionContainer___2Nudz-camelCase {
        flex-direction: column;
    }

    .styles__questionImageContainer___1qfQ6-camelCase {
        width: 100%;
        height: 5.208vw;
        border-bottom-left-radius: 0;
        border-top-right-radius: 0.365vw;
    }

    .styles__questionImage___3rY_C-camelCase {
        -o-object-fit: contain;
        object-fit: contain;
    }

    .styles__imageNumber___zbsWP-camelCase {
        font-size: 2.188vw;
    }

    .styles__questionFunc___ORpa_-camelCase {
        width: 90%;
        margin: 0.521vw auto;
    }

    .styles__questionCenterContainer___n9Jtl-camelCase {
        margin: 0.260vw auto;
        width: 90%;
        height: auto;
    }

    .styles__questionText___14Agk-camelCase {
        margin-bottom: 0.521vw;
    }

    .styles__addedContainer___1O2sq-camelCase,
    .styles__addQuestionButton___10JG--camelCase {
        width: 8.333vw;
        min-width: 8.333vw;
        height: 2.083vw;
        margin: 0.260vw auto;
    }

    .styles__addQuestionButton___10JG--camelCase {
        flex-direction: row;
        font-size: 0.833vw;
        line-height: 0.938vw;
    }

    .styles__addIcon___99Ryd-camelCase {
        font-size: 0.938vw;
        margin-bottom: 0;
        margin-right: 0.260vw;
    }

    .styles__answerContainer___25d56-camelCase {
        flex-direction: column;
    }

    .styles__answer___3CahM-camelCase,
    .styles__answerImgContainer___3Lggr-camelCase {
        margin: 0.208vw;
    }
}

.styles__header___3I92N-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 2.292vw;
    font-weight: 700;
    margin: 0.781vw 5%;
    color: #3a3a3a;
}

.styles__wideContainer___1w3WL-camelCase {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 90%;
    margin: 0.260vw auto;
}

.styles__dropHolder___w3K7S-camelCase {
    width: 34%;
    min-height: 14.583vw;
    flex: 1;
    padding: 0.781vw 0.781vw 1.146vw;
    background-color: #fff;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    border-radius: 0.365vw;
}

.styles__dropContainer___3u-Jh-camelCase {
    height: 100%;
    width: 100%;
    border: 0.104vw dashed #666;
    box-sizing: border-box;
    border-radius: 0.260vw;
    background-color: #f0f0f0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}

.styles__activeDropContainer___2A_Mu-camelCase {
    background-color: rgba(11, 194, 207, 0.3);
}

.styles__dropHeader___2odxW-camelCase {
    font-size: 1.667vw;
    font-weight: 700;
    margin: 0.260vw auto;
}

.styles__dropHeader___2odxW-camelCase,
.styles__dropText___kHiNf-camelCase {
    font-family: Nunito, sans-serif;
    text-align: center;
    color: #3a3a3a;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__dropText___kHiNf-camelCase {
    font-size: 1.042vw;
    margin: 0.521vw auto 0.781vw;
    padding: 0 1.042vw;
}

.styles__uploadButtonContainer___3MMjT-camelCase {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 95%;
    margin: 0 auto;
}

.styles__uploadButton___IoIGL-camelCase {
    margin: 0.521vw 0.781vw;
    box-shadow: 0 0 0.208vw rgba(0, 0, 0, 0.15);
}

.styles__uploadButtonInside___EN7kF-camelCase {
    width: 5.729vw;
    height: 2.083vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #3a3a3a;
}

.styles__uploadIcon___UXmoR-camelCase {
    font-size: 1.250vw;
    padding-left: 0.521vw;
    width: 1.458vw;
    text-align: center;
}

.styles__uploadText___3UztX-camelCase {
    padding-left: 0.521vw;
    font-family: Nunito, sans-serif;
    font-size: 0.781vw;
    line-height: 1.042vw;
}

.styles__imgContainer___MJbCT-camelCase {
    width: 100%;
    height: 14.583vw;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #333;
    border-radius: 0.260vw;
    overflow: hidden;
}

.styles__coverImage___yM0rJ-camelCase {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

.styles__removeImageContainer___1FUVt-camelCase {
    width: 100%;
    height: 2.083vw;
    margin-top: -2.083vw;
    background-color: rgba(0, 0, 0, 0.6);
    border-bottom-left-radius: 0.260vw;
    border-bottom-right-radius: 0.260vw;
}

.styles__removeImageButton___6Z32N-camelCase {
    display: flex;
    flex-direction: row;
    align-self: flex-start;
    height: 2.083vw;
    width: 7.031vw;
    margin-left: 1.563vw;
    margin-top: -2.083vw;
    cursor: pointer;
    outline: none;
    z-index: 3;
}

.styles__removeImageIcon___2nBFX-camelCase {
    font-size: 1.354vw;
    color: #fff;
    line-height: 2.083vw;
    width: 1.563vw;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__removeImageText___2EVwY-camelCase {
    padding-left: 0.521vw;
    font-family: Nunito, sans-serif;
    font-size: 1.250vw;
    color: #fff;
    line-height: 2.083vw;
}

.styles__upperRightContainer___2b7Pg-camelCase {
    display: flex;
    flex-direction: column;
    padding: 0.521vw 0.781vw;
    flex-grow: 1;
    margin-left: 3%;
    background-color: #fff;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    border-radius: 0.365vw;
}

.styles__titleHeader___2ucie-camelCase {
    font-size: 1.771vw;
}

.styles__descHeader___l-eBZ-camelCase,
.styles__titleHeader___2ucie-camelCase {
    font-family: Nunito, sans-serif;
    font-weight: 700;
    text-align: left;
    color: #3a3a3a;
}

.styles__descHeader___l-eBZ-camelCase {
    font-size: 1.250vw;
}

.styles__input___3x26R-camelCase {
    border: 0.104vw solid rgba(0, 0, 0, 0.17);
    border-radius: 0.260vw;
    margin: 0.260vw 0 1.042vw;
    padding: 0.208vw 0.781vw;
    width: calc(100% - 1.771vw);
    height: 2.083vw;
    font-size: 1.146vw;
    text-align: left;
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
    outline: none;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.styles__input___3x26R-camelCase:focus {
    border-color: #0bc2cf;
}

.styles__descInput___C_mVX-camelCase {
    border: 0.104vw solid rgba(0, 0, 0, 0.17);
    border-radius: 0.260vw;
    margin-top: 0.521vw;
    padding: 0.521vw 0.781vw;
    width: calc(100% - 1.771vw);
    height: 5.208vw;
    font-size: 1.146vw;
    text-align: left;
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
    outline: none;
    resize: none;
}

.styles__descInput___C_mVX-camelCase:focus {
    border-color: #0bc2cf;
}

.styles__inputFilled___3PkmM-camelCase {
    border-color: #3a3a3a;
}

.styles__inputError___O3fMd-camelCase {
    border-color: #ce1313;
}

.styles__categoryContainer___1TV2P-camelCase {
    width: 48.5%;
    box-sizing: border-box;
    margin: 0.781vw 0;
    padding: 0.521vw 0.781vw 0.885vw;
    background-color: #fff;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    border-radius: 0.365vw;
}

.styles__categoryHeader___1imk6-camelCase {
    font-size: 1.250vw;
    font-weight: 700;
}

.styles__categoryDesc___1CLWs-camelCase,
.styles__categoryHeader___1imk6-camelCase {
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
}

.styles__categoryDesc___1CLWs-camelCase {
    font-size: 0.938vw;
    opacity: 0.8;
}

.styles__privacyRow___uB-0e-camelCase {
    margin: 0.521vw 0;
    width: 100%;
}

.styles__privacyCheckbox___pijeW-camelCase,
.styles__privacyRow___uB-0e-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.styles__privacyCheckbox___pijeW-camelCase {
    width: 3.125vw;
    height: 1.302vw;
    border-radius: 0.260vw;
    background-color: rgba(0, 0, 0, 0.1);
    position: relative;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
}

.styles__privacyCheckboxChecked___eZ2OD-camelCase {
    background-color: #0bc2cf;
}

.styles__privacyCheckboxSquare___LJqxe-camelCase {
    height: 1.042vw;
    width: 1.042vw;
    background-color: #fff;
    box-shadow: inset 0 -0.156vw rgba(0, 0, 0, 0.2);
    border-radius: 0.260vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(calc(-50% - 0.781vw), -50%);
    transition: 0.2s;
}

.styles__privacyCheckboxChecked___eZ2OD-camelCase>.styles__privacyCheckboxSquare___LJqxe-camelCase {
    transform: translate(calc(-50% + 0.781vw), -50%);
}

.styles__privacyText___dk1Ik-camelCase {
    font-size: 1.042vw;
    font-weight: 700;
    margin: 0 0.521vw;
}

.styles__privacyTextDesc___3x9Lg-camelCase {
    font-size: 0.625vw;
}

.styles__methodContainer___2-e6j-camelCase {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    width: 100%;
    margin: 0.260vw 0;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 0.260vw;
    padding: 0.365vw 0;
}

.styles__methodButton___2GD4K-camelCase {
    box-shadow: 0 0 0.208vw rgba(0, 0, 0, 0.15);
    margin: 0.365vw 0.260vw;
}

.styles__methodButtonInside___sXYbK-camelCase {
    width: 9.375vw;
    height: 2.083vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: #3a3a3a;
}

.styles__methodSelected___3pDZB-camelCase {
    color: #fff;
}

.styles__methodIcon___3LYE7-camelCase {
    font-size: 1.250vw;
    padding-left: 0;
    width: 1.563vw;
    text-align: center;
}

.styles__methodHeader___1V4Ev-camelCase {
    font-family: Nunito, sans-serif;
    font-weight: 700;
    font-size: 0.938vw;
    line-height: 1.042vw;
    margin-left: 0.521vw;
}

.styles__quizletImage___1X1MB-camelCase {
    width: 1.563vw;
    height: 1.563vw;
    filter: grayscale(90%);
}

.styles__quizletImageSelected___3EE3f-camelCase {
    filter: none;
}

.styles__bottomRow___2YkNr-camelCase {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 90%;
    margin: 0.260vw auto;
}

.styles__buttonWrapper___3kdwR-camelCase {
    width: 7.813vw;
}

.styles__buttonWrapper___3kdwR-camelCase,
.styles__createButton___1-oUR-camelCase {
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__createButton___1-oUR-camelCase {
    font-family: Titan One, sans-serif;
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 1.458vw;
    width: 7.292vw;
    height: 2.604vw;
}

.styles__buttonFilled___Yuc6H-camelCase {
    color: #fff;
    background-color: #0bc2cf;
}

.styles__buttonError___1ZGs5-camelCase {
    color: #fff;
    background-color: #ce1313;
}

.styles__errorContainer___1Ie_O-camelCase {
    background-color: #cf180b;
    border-radius: 0.365vw;
    box-sizing: border-box;
    padding: 0.260vw 0.521vw 0.625vw;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2);
    margin: 0 0.781vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #fff;
    font-size: 0.938vw;
}

.styles__errorIcon___2Ai1w-camelCase {
    font-size: 1.042vw;
    margin-right: 0.521vw;
}

.styles__header___22R-F-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 2.292vw;
    font-weight: 700;
    margin: 0.781vw 5% 0.521vw;
    color: #3a3a3a;
}

.styles__infoContainer___3Srxr-camelCase {
    border-radius: 0.260vw;
    background-color: #fff;
    margin: 1.042vw auto;
    width: 90%;
    padding: 0.781vw 1.302vw 1.354vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 31.250vw) {
    .styles__infoContainer___3Srxr-camelCase {
        min-width: 15.104vw;
        padding: 0.781vw 0.781vw 1.354vw;
    }
}

.styles__infoHeader___3ZFmk-camelCase {
    font-size: 1.354vw;
    font-weight: 700;
}

.styles__text___schZv-camelCase {
    padding-top: 0.104vw;
    padding-bottom: 0.104vw;
}

.styles__link___3s2I_-camelCase,
.styles__text___schZv-camelCase {
    font-size: 1.042vw;
}

.styles__link___3s2I_-camelCase {
    color: #0bc2cf;
    display: inline;
    text-align: left;
    text-decoration: underline;
    font-family: Nunito, sans-serif;
    outline: none;
    cursor: pointer;
}

.styles__mainContainer___zAX5c-camelCase {
    display: flex;
    flex-direction: column;
    margin: 1.302vw auto;
    width: 90%;
    min-width: 20.833vw;
    max-width: 41.667vw;
}

.styles__mainHeader___1R_BT-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 2.344vw;
    font-weight: 700;
    color: #3a3a3a;
}

.styles__testContainer___2OJWp-camelCase {
    border-radius: 0.260vw;
    background-color: #fff;
    margin: 0.521vw auto;
    width: 100%;
    box-sizing: border-box;
    padding: 0.521vw 0.521vw 0.833vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    min-width: 20.833vw;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.styles__text___3354--camelCase {
    color: #3a3a3a;
    text-align: left;
    font-size: 0.938vw;
    font-family: Nunito, sans-serif;
    margin: 0.521vw 0 1.042vw;
}

.styles__testIcon___bQNeY-camelCase {
    font-size: 2.083vw;
    width: 2.604vw;
    height: 2.604vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto 0.781vw;
    color: #0bc2cf;
}

.styles__spin___usdoa-camelCase {
    -webkit-animation: styles__spin___usdoa-camelCase 2s linear infinite;
    animation: styles__spin___usdoa-camelCase 2s linear infinite;
}

@-webkit-keyframes styles__spin___usdoa-camelCase {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
}

@keyframes styles__spin___usdoa-camelCase {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
}

.styles__testInfo___21vVC-camelCase {
    color: #3a3a3a;
    text-align: left;
    font-size: 0.938vw;
    font-family: Nunito, sans-serif;
}

.styles__testTitle___2BEGm-camelCase {
    font-weight: 700;
    font-size: 1.146vw;
}

@media only screen and (max-width: 31.250vw) {
    .styles__mainContainer___zAX5c-camelCase {
        min-width: 16.667vw;
        margin: auto;
    }

    .styles__testContainer___2OJWp-camelCase {
        min-width: 15.104vw;
        padding: 0.781vw 0.781vw 1.042vw;
    }
}

.styles__container___3rOMF-camelCase {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 31.771vw;
    background-color: #fff;
    border-radius: 0.365vw;
    text-align: center;
    padding-bottom: 0.365vw;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
}

.styles__topContainer___1xnwM-camelCase {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 2.344vw;
    width: 100%;
    margin: 0;
    border-bottom: 0.104vw solid #e0e0e0;
}

.styles__welcomeText___3oMJf-camelCase {
    font-size: 1.563vw;
    font-weight: 700;
    text-align: left;
    margin-left: 1.042vw;
}

.styles__laterButton___SsFeq-camelCase,
.styles__welcomeText___3oMJf-camelCase {
    color: #3a3a3a;
    font-family: Nunito, sans-serif;
}

.styles__laterButton___SsFeq-camelCase {
    font-size: 1.250vw;
    text-align: right;
    opacity: 0.8;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    margin-right: 1.042vw;
    transition: all 0.15s linear;
}

.styles__laterButton___SsFeq-camelCase:focus,
.styles__laterButton___SsFeq-camelCase:hover {
    color: #0bc2cf;
}

.styles__contentContainer___1pENY-camelCase {
    display: flex;
    flex-direction: row;
    margin: 0.781vw;
}

.styles__imageContainer___3-2WB-camelCase {
    height: 15.625vw;
    width: 10.417vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.styles__image___G-jjt-camelCase {
    -o-object-fit: contain;
    object-fit: contain;
}

.styles__rightContainer___2ooH7-camelCase {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    height: 15.625vw;
    margin-left: 1.042vw;
}

.styles__descText___2e9Ls-camelCase {
    color: #3a3a3a;
    font-size: 1.250vw;
    font-family: Nunito, sans-serif;
    text-align: center;
    width: 100%;
}

.styles__nextButton___Hmxh9-camelCase {
    margin: auto 0 0 auto;
}

.styles__nextButtonInside___3u80O-camelCase {
    width: 4.688vw;
    height: 1.563vw;
    font-size: 1.354vw;
}

.styles__header___1szkq-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 2.292vw;
    font-weight: 700;
    margin: 0.781vw 5% 0.521vw;
    color: #3a3a3a;
}

.styles__topFolderButton___1_bXd-camelCase {
    height: 2.865vw;
    width: 2.865vw;
    margin: 0 0.521vw;
    background-color: #0bc2cf;
    border-bottom-left-radius: 0.521vw;
    border-bottom-right-radius: 0.521vw;
    box-sizing: border-box;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__topFolderButton___1_bXd-camelCase:hover {
    filter: brightness(110%);
}

.styles__topFolderIcon___2Of1g-camelCase {
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
    font-size: 1.354vw;
    color: #fff;
}

.styles__searchBar___3WXOq-camelCase {
    height: 2.865vw;
    margin: 0 0.521vw;
    background-color: #fff;
    border-bottom-left-radius: 0.521vw;
    border-bottom-right-radius: 0.521vw;
    box-sizing: border-box;
    padding: 0 0.521vw 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__searchBar___3WXOq-camelCase,
.styles__searchIcon___2h8ZI-camelCase {
    font-size: 1.042vw;
    color: #3a3a3a;
}

.styles__searchIcon___2h8ZI-camelCase {
    width: 1.354vw;
    text-align: center;
    opacity: 0.8;
    margin-right: 0.365vw;
}

.styles__searchInput___D1V4I-camelCase {
    height: 1.563vw;
    width: calc(100% - 1.719vw);
    font-size: 0.938vw;
    color: #3a3a3a;
    font-family: Nunito, sans-serif;
    border: none;
    outline: none;
}

.styles__searchInput___D1V4I-camelCase:focus>.styles__searchIcon___2h8ZI-camelCase {
    color: #0bc2cf;
}

.styles__container___2mmzL-camelCase {
    display: grid;
    grid-template-columns: repeat(auto-fill, 13.802vw);
    grid-gap: 1.823vw;
    max-width: 90%;
    margin: 0 5%;
}

.styles__mergeContainer___38-3a-camelCase {
    width: 13.802vw;
    min-height: 20.417vw;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
    overflow: hidden;
    position: absolute;
    background-color: #fff;
}

.styles__mergeName___3N4iO-camelCase {
    font-size: 1.771vw;
    line-height: 1.875vw;
    font-weight: 700;
    margin: 0.521vw 5% 0;
    word-wrap: break-word;
}

.styles__mergeButton___1irsf-camelCase {
    width: 100%;
    height: 2.604vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 1.198vw;
    font-weight: 700;
    opacity: 0.85;
    transition: 0.15s;
}

.styles__mergeButton___1irsf-camelCase:focus,
.styles__mergeButton___1irsf-camelCase:hover {
    opacity: 1;
}

.styles__setContainer___1DR-H-camelCase {
    width: 13.802vw;
    min-height: 20.417vw;
    background-color: #fff;
    border-radius: 0.365vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    padding-bottom: 0.365vw;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
}

.styles__setImageFiller___MWExp-camelCase {
    background-color: #333;
}

.styles__coverImage___1F2Pq-camelCase,
.styles__setImageFiller___MWExp-camelCase {
    width: 100%;
    height: 9.375vw;
    border-top-left-radius: 0.365vw;
    border-top-right-radius: 0.365vw;
}

.styles__coverImage___1F2Pq-camelCase {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.styles__setFillerContainer___1bqBQ-camelCase {
    width: 100%;
    height: 9.375vw;
    background-color: #0bc2cf;
    border-top-left-radius: 0.365vw;
    border-top-right-radius: 0.365vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__setFillerText___3BJZ_-camelCase {
    font-family: Titan One, sans-serif;
    font-size: 2.344vw;
    text-align: center;
    margin: auto;
    color: #fff;
    text-shadow: 0.104vw 0.104vw 0.417vw grey;
}

.styles__removeFromFolder___H6z9b-camelCase,
.styles__setFillerText___3BJZ_-camelCase {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__removeFromFolder___H6z9b-camelCase {
    background-color: #fff;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    height: 1.823vw;
    width: 1.823vw;
    border-radius: 0.208vw;
    position: absolute;
    top: 0.260vw;
    left: 0.260vw;
    color: #3a3a3a;
    outline: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.354vw;
    transition: 0.15s;
}

.styles__removeFromFolder___H6z9b-camelCase:hover {
    transform: scale(0.95);
}

.styles__viewButton___1dEWV-camelCase {
    width: 1.302vw;
    position: absolute;
    top: 7.656vw;
    left: 0.521vw;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #fff;
    font-size: 0.833vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.styles__setQuestionsContainer___2XnxC-camelCase,
.styles__viewButton___1dEWV-camelCase {
    background-color: rgba(0, 0, 0, 0.6);
    height: 1.302vw;
    border-radius: 0.208vw;
}

.styles__setQuestionsContainer___2XnxC-camelCase {
    width: 7.552vw;
    margin: -1.719vw 0.521vw 0.417vw auto;
}

.styles__setQuestionsText___313ed-camelCase {
    font-size: 0.938vw;
    line-height: 1.302vw;
    margin: auto;
    text-align: center;
    color: #fff;
}

.styles__setHeader___AFj5l-camelCase,
.styles__setQuestionsText___313ed-camelCase {
    font-family: Nunito, sans-serif;
}

.styles__setHeader___AFj5l-camelCase {
    font-size: 1.250vw;
    font-weight: 700;
    margin: 0.521vw 5% 0.260vw;
    color: #3a3a3a;
    line-height: 1.406vw;
    word-wrap: break-word;
}

.styles__setSpacer___2XAfp-camelCase {
    width: 100%;
    height: 0.781vw;
    flex-grow: 2;
}

.styles__setPlays___2Ts34-camelCase {
    font-size: 0.938vw;
    font-weight: 700;
    margin: 0.260vw 5% 0;
}

.styles__setLastEdit___1gqPL-camelCase,
.styles__setPlays___2Ts34-camelCase {
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
}

.styles__setLastEdit___1gqPL-camelCase {
    font-size: 0.833vw;
    margin: 0.104vw 5% 0.260vw;
}

.styles__setHorizontalDivider___owAej-camelCase {
    width: 100%;
    height: 0.156vw;
    background-color: #e0e0e0;
}

.styles__setVerticalDivider___1ppyI-camelCase {
    width: 0.156vw;
    height: 2.083vw;
    background-color: #e0e0e0;
}

.styles__setBottomContainer___2EYzR-camelCase {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.styles__pencilIcon___NCo69-camelCase {
    font-size: 1.198vw;
    color: #3a3a3a;
    line-height: 2.083vw;
    height: 2.083vw;
    width: calc(33.33333% - 0.104vw);
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
}

.styles__pencilIcon___NCo69-camelCase:focus,
.styles__pencilIcon___NCo69-camelCase:hover {
    color: #0bc2cf;
}

.styles__trashIcon___3DsO1-camelCase {
    font-size: 1.198vw;
    color: #3a3a3a;
    line-height: 2.083vw;
    height: 2.083vw;
    width: calc(33.33333% - 0.104vw);
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
}

.styles__trashIcon___3DsO1-camelCase:focus,
.styles__trashIcon___3DsO1-camelCase:hover {
    color: #ce1313;
}

.styles__setDropdown___2cxZA-camelCase {
    height: 2.083vw;
    width: calc(33.33333% - 0.104vw);
    color: #3a3a3a;
    font-family: Nunito, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: relative;
    outline: none;
}

.styles__setDropdown___2cxZA-camelCase,
.styles__setDropdownIcon___1k9gj-camelCase {
    font-size: 1.198vw;
}

.styles__setDropdownMenu___TrsSJ-camelCase {
    position: absolute;
    min-width: 5.208vw;
    right: 0;
    bottom: calc(100% - 0.156vw);
    transition: 0.2s;
    transform: rotateX(-90deg);
    transform-origin: bottom center;
    visibility: hidden;
    opacity: 0.3;
    padding: 0.260vw 0 0.417vw;
    background-color: #fff;
    border-radius: 0.260vw;
    box-shadow: inset 0 -0.156vw rgba(0, 0, 0, 0.2), 0 0.104vw 0.208vw rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    outline: none;
}

.styles__setDropdown___2cxZA-camelCase:focus>.styles__setDropdownMenu___TrsSJ-camelCase,
.styles__setDropdown___2cxZA-camelCase:hover>.styles__setDropdownMenu___TrsSJ-camelCase,
.styles__setDropdown___2cxZA-camelCase[focus-within]>.styles__setDropdownMenu___TrsSJ-camelCase {
    opacity: 1;
    transform: rotateX(0);
    visibility: visible;
}

.styles__setDropdown___2cxZA-camelCase:focus-within>.styles__setDropdownMenu___TrsSJ-camelCase,
.styles__setDropdown___2cxZA-camelCase:focus>.styles__setDropdownMenu___TrsSJ-camelCase,
.styles__setDropdown___2cxZA-camelCase:hover>.styles__setDropdownMenu___TrsSJ-camelCase {
    opacity: 1;
    transform: rotateX(0);
    visibility: visible;
}

.styles__setDropdownOption___-23OC-camelCase {
    width: 100%;
    background-color: #fff;
    font-size: 0.833vw;
    color: #3a3a3a;
    height: 1.354vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 0.365vw;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    position: relative;
    transition: 0.2s;
}

.styles__setDropdownOption___-23OC-camelCase:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.styles__setDropdownOptionIcon___3UJjD-camelCase {
    font-size: 0.729vw;
    margin-right: 0.365vw;
    opacity: 0.8;
}

.styles__justCopied___gJdDS-camelCase {
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__justCopied___gJdDS-camelCase,
.styles__setPlayContainer___3abZH-camelCase {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.styles__playButton___3XOXs-camelCase,
.styles__setPlayContainer___3abZH-camelCase {
    flex-direction: row;
}

.styles__playButton___3XOXs-camelCase {
    width: calc(50% - 0.078vw);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    outline: none;
    color: #3a3a3a;
}

.styles__playButton___3XOXs-camelCase:focus,
.styles__playButton___3XOXs-camelCase:hover {
    color: #0bc2cf;
}

.styles__playIcon___q_bJ9-camelCase {
    font-size: 1.042vw;
    width: 1.250vw;
    text-align: center;
    transition: all 0.15s linear;
}

.styles__hostButton___1-B1H-camelCase {
    margin: auto;
}

.styles__hostButtonInside___ycYhV-camelCase {
    width: 5.208vw;
    height: 1.354vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
}

.styles__setPlayText___2HZ5r-camelCase {
    font-family: Nunito, sans-serif;
    line-height: 2.656vw;
    font-size: 1.198vw;
    font-weight: 700;
    padding-left: 0.469vw;
    transition: all 0.15s linear;
}

.styles__addSetButton___2tqqL-camelCase {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 5.729vw;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #000;
    opacity: 0.25;
    transition: 0.15s;
}

.styles__addSetButton___2tqqL-camelCase:hover {
    opacity: 0.35;
}

.styles__mergeSetButton___3ca77-camelCase {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #000;
    opacity: 0;
    transition: 0.2s;
}

.styles__mergeSetButton___3ca77-camelCase:hover {
    opacity: 0.15;
}

.styles__nothingContainer___NL3r2-camelCase {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1.042vw;
    background-color: rgba(0, 0, 0, 0.1);
    border: 0.104vw solid #3a3a3a;
    border-radius: 0.365vw;
    margin: 2.604vw auto;
    max-width: 80%;
}

.styles__nothingHeader___2frwG-camelCase {
    font-size: 1.563vw;
    font-weight: 700;
    color: #3a3a3a;
}

.styles__nothingButtonsRow___2DYS3-camelCase {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0.521vw 0;
}

.styles__nothingButton___3zFWJ-camelCase {
    margin: 0.521vw 1.042vw;
}

.styles__nothingButtonInside___1x01W-camelCase {
    height: 1.823vw;
    font-size: 1.354vw;
    padding: 0 0.781vw;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.styles__nothingIcon___1ByB4-camelCase {
    font-size: 1.250vw;
    margin-right: 0.521vw;
}

.styles__nothingLink___I1-OF-camelCase {
    color: #3a3a3a;
    font-size: 1.250vw;
    text-decoration: underline;
}

.styles__nothingLink___I1-OF-camelCase:hover {
    color: #0bc2cf;
}

.styles__folderHolder___1PJee-camelCase {
    display: flex;
    flex-flow: row wrap;
    width: calc(90% + 0.729vw);
    margin: 0 auto 0.781vw;
    position: relative;
    z-index: 4;
}

.styles__folderButton___dvJyh-camelCase {
    margin: 0.365vw;
}

.styles__folderButtonInside___3HKtf-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    min-width: 7.813vw;
    padding: 0 0.521vw;
    height: 1.563vw;
    font-size: 1.042vw;
    color: #fff;
    position: relative;
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
}

.styles__folderButtonIcon___TtgZl-camelCase {
    margin-right: 0.521vw;
    font-size: 1.146vw;
}

.styles__folderButtonDropdown___23SMv-camelCase {
    margin-left: auto;
    width: 1.302vw;
    height: 1.302vw;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 0.260vw;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    opacity: 0;
    outline: none;
    transition: 0.2s;
}

.styles__folderButtonDropdownIcon___2-tvs-camelCase {
    font-size: 0.625vw;
    color: #fff;
}

.styles__folderButtonInside___3HKtf-camelCase:hover .styles__folderButtonDropdown___23SMv-camelCase {
    opacity: 1;
}

.styles__folderButtonDropdownMenu___1Y62d-camelCase {
    position: absolute;
    min-width: 5.208vw;
    right: 0;
    top: calc(100% - 0.156vw);
    transition: 0.2s;
    transform: rotateX(-90deg);
    transform-origin: top center;
    visibility: hidden;
    opacity: 0.3;
    padding: 0.260vw 0 0.417vw;
    background-color: #fff;
    border-radius: 0.260vw;
    box-shadow: inset 0 -0.156vw rgba(0, 0, 0, 0.2), 0 0.104vw 0.208vw rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    outline: none;
}

.styles__folderButtonDropdown___23SMv-camelCase:focus>.styles__folderButtonDropdownMenu___1Y62d-camelCase,
.styles__folderButtonDropdown___23SMv-camelCase:hover>.styles__folderButtonDropdownMenu___1Y62d-camelCase,
.styles__folderButtonDropdown___23SMv-camelCase[focus-within]>.styles__folderButtonDropdownMenu___1Y62d-camelCase {
    opacity: 1;
    transform: rotateX(0);
    visibility: visible;
}

.styles__folderButtonDropdown___23SMv-camelCase:focus-within>.styles__folderButtonDropdownMenu___1Y62d-camelCase,
.styles__folderButtonDropdown___23SMv-camelCase:focus>.styles__folderButtonDropdownMenu___1Y62d-camelCase,
.styles__folderButtonDropdown___23SMv-camelCase:hover>.styles__folderButtonDropdownMenu___1Y62d-camelCase {
    opacity: 1;
    transform: rotateX(0);
    visibility: visible;
}

.styles__folderButtonDropdownOption___3AN4H-camelCase {
    width: 100%;
    background-color: #fff;
    font-size: 0.729vw;
    color: #3a3a3a;
    height: 1.146vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 0.365vw;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__folderButtonDropdownOption___3AN4H-camelCase:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.styles__folderButtonDropdownOptionIcon___3fF9o-camelCase {
    font-size: 0.625vw;
    margin-right: 0.365vw;
    opacity: 0.8;
}

.styles__moveText___3EfU2-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 1.667vw;
    line-height: 1.823vw;
    font-weight: 700;
    margin: 1.302vw 1.563vw;
    color: #3a3a3a;
}

.styles__locationsHolder___35r_v-camelCase {
    height: 13.021vw;
    width: 100%;
    padding: 0.521vw;
    border: 0.104vw solid #666;
    box-sizing: border-box;
    margin: 0 auto;
    border-radius: 0.260vw;
    background-color: #f0f0f0;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-y: auto;
}

.styles__locationsHolder___35r_v-camelCase::-webkit-scrollbar {
    width: 0.521vw;
}

.styles__locationsHolder___35r_v-camelCase::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 0.521vw;
}

.styles__locationsHolder___35r_v-camelCase::-webkit-scrollbar-thumb:hover {
    background: #777;
    border-radius: 0.521vw;
}

.styles__noFoldersText___3tjAA-camelCase {
    font-size: 1.042vw;
}

.styles__locationFolderButton___178GS-camelCase {
    margin: 0.365vw auto;
    width: 90%;
}

.styles__locationFolderButtonInside___3xIxn-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 0 0.521vw;
    height: 2.083vw;
    font-size: 1.250vw;
    color: #fff;
    position: relative;
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
}

.styles__locationFolderButtonIcon___1AjdK-camelCase {
    margin-right: 0.521vw;
    font-size: 1.146vw;
}

.styles__moveLocation___1xlMi-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 1.667vw;
    line-height: 1.823vw;
    font-weight: 700;
    margin: 1.302vw 1.563vw;
    color: #3a3a3a;
}

@media only screen and (max-width: 44.271vw) {
    .styles__container___2mmzL-camelCase {
        justify-content: center;
    }
}

.styles__header___2UjpZ-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 2.292vw;
    font-weight: 700;
    margin: 0.781vw 5% 0.521vw;
    color: #3a3a3a;
}

.styles__topFolderButton___2OaKp-camelCase {
    height: 2.865vw;
    width: 2.865vw;
    margin: 0 0.521vw;
    background-color: #0bc2cf;
    border-bottom-left-radius: 0.521vw;
    border-bottom-right-radius: 0.521vw;
    box-sizing: border-box;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__topFolderButton___2OaKp-camelCase:hover {
    filter: brightness(110%);
}

.styles__topFolderIcon___1Dpyv-camelCase {
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
    font-size: 1.354vw;
    color: #fff;
}

.styles__searchBar___1BqiF-camelCase {
    height: 2.865vw;
    margin: 0 0.521vw;
    background-color: #fff;
    border-bottom-left-radius: 0.521vw;
    border-bottom-right-radius: 0.521vw;
    box-sizing: border-box;
    padding: 0 0.521vw 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__searchBar___1BqiF-camelCase,
.styles__searchIcon___oR83L-camelCase {
    font-size: 1.042vw;
    color: #3a3a3a;
}

.styles__searchIcon___oR83L-camelCase {
    width: 1.354vw;
    text-align: center;
    opacity: 0.8;
    margin-right: 0.365vw;
}

.styles__searchInput___114hs-camelCase {
    height: 1.563vw;
    width: calc(100% - 1.719vw);
    font-size: 0.938vw;
    color: #3a3a3a;
    font-family: Nunito, sans-serif;
    border: none;
    outline: none;
}

.styles__searchInput___114hs-camelCase:focus>.styles__searchIcon___oR83L-camelCase {
    color: #0bc2cf;
}

.styles__container___1zgv7-camelCase {
    display: grid;
    grid-template-columns: repeat(auto-fill, 13.802vw);
    grid-gap: 1.823vw;
    max-width: 90%;
    margin: 0 5%;
}

.styles__mergeContainer___3MKS8-camelCase {
    width: 13.802vw;
    min-height: 20.417vw;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
    overflow: hidden;
    position: absolute;
    background-color: #fff;
}

.styles__mergeName___32Vqt-camelCase {
    font-size: 1.771vw;
    line-height: 1.875vw;
    font-weight: 700;
    margin: 0.521vw 5% 0;
    word-wrap: break-word;
}

.styles__mergeButton___jcOsB-camelCase {
    width: 100%;
    height: 2.604vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 1.198vw;
    font-weight: 700;
    opacity: 0.85;
    transition: 0.15s;
}

.styles__mergeButton___jcOsB-camelCase:focus,
.styles__mergeButton___jcOsB-camelCase:hover {
    opacity: 1;
}

.styles__setContainer___1vhA_-camelCase {
    width: 13.802vw;
    min-height: 20.417vw;
    background-color: #fff;
    border-radius: 0.365vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    padding-bottom: 0.365vw;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
}

.styles__setImageFiller___2sqqV-camelCase {
    background-color: #333;
}

.styles__coverImage___2SFsw-camelCase,
.styles__setImageFiller___2sqqV-camelCase {
    width: 100%;
    height: 9.375vw;
    border-top-left-radius: 0.365vw;
    border-top-right-radius: 0.365vw;
}

.styles__coverImage___2SFsw-camelCase {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.styles__setFillerContainer___2lXXr-camelCase {
    width: 100%;
    height: 9.375vw;
    background-color: #0bc2cf;
    border-top-left-radius: 0.365vw;
    border-top-right-radius: 0.365vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__setFillerText___3UUcD-camelCase {
    font-family: Titan One, sans-serif;
    font-size: 2.344vw;
    text-align: center;
    margin: auto;
    color: #fff;
    text-shadow: 0.104vw 0.104vw 0.417vw grey;
}

.styles__removeFromFolder___2SowU-camelCase,
.styles__setFillerText___3UUcD-camelCase {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__removeFromFolder___2SowU-camelCase {
    background-color: #fff;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    height: 1.823vw;
    width: 1.823vw;
    border-radius: 0.208vw;
    position: absolute;
    top: 0.260vw;
    left: 0.260vw;
    color: #3a3a3a;
    outline: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.354vw;
    transition: 0.15s;
}

.styles__removeFromFolder___2SowU-camelCase:hover {
    transform: scale(0.95);
}

.styles__viewButton___1bdQ5-camelCase {
    width: 1.302vw;
    position: absolute;
    top: 7.656vw;
    left: 0.521vw;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #fff;
    font-size: 0.833vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.styles__setQuestionsContainer___1tdgQ-camelCase,
.styles__viewButton___1bdQ5-camelCase {
    background-color: rgba(0, 0, 0, 0.6);
    height: 1.302vw;
    border-radius: 0.208vw;
}

.styles__setQuestionsContainer___1tdgQ-camelCase {
    width: 7.552vw;
    margin: -1.719vw 0.521vw 0.417vw auto;
}

.styles__setQuestionsText___LouFO-camelCase {
    font-size: 0.938vw;
    line-height: 1.302vw;
    margin: auto;
    text-align: center;
    color: #fff;
}

.styles__setHeader___3cQBW-camelCase,
.styles__setQuestionsText___LouFO-camelCase {
    font-family: Nunito, sans-serif;
}

.styles__setHeader___3cQBW-camelCase {
    font-size: 1.250vw;
    font-weight: 700;
    margin: 0.521vw 5% 0.260vw;
    color: #3a3a3a;
    line-height: 1.406vw;
    word-wrap: break-word;
}

.styles__setSpacer___22caa-camelCase {
    width: 100%;
    height: 0.781vw;
    flex-grow: 2;
}

.styles__setPlays___1zTiS-camelCase {
    font-size: 0.938vw;
    font-weight: 700;
    margin: 0.260vw 5% 0;
}

.styles__setLastEdit___2QVio-camelCase,
.styles__setPlays___1zTiS-camelCase {
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
}

.styles__setLastEdit___2QVio-camelCase {
    font-size: 0.833vw;
    margin: 0.104vw 5% 0.260vw;
}

.styles__setHorizontalDivider___1MX_i-camelCase {
    width: 100%;
    height: 0.156vw;
    background-color: #e0e0e0;
}

.styles__setVerticalDivider___SXjSn-camelCase {
    width: 0.156vw;
    height: 2.083vw;
    background-color: #e0e0e0;
}

.styles__setBottomContainer___3m_ys-camelCase {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.styles__starIcon___GFtn3-camelCase {
    font-size: 1.198vw;
    color: #3a3a3a;
    line-height: 2.083vw;
    height: 2.083vw;
    width: calc(33.33333% - 0.104vw);
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
}

.styles__starIcon___GFtn3-camelCase:focus,
.styles__starIcon___GFtn3-camelCase:hover {
    color: #0bc2cf;
}

.styles__setPlayContainer___2MStR-camelCase {
    width: 100%;
}

.styles__playButton___2x7Vv-camelCase,
.styles__setPlayContainer___2MStR-camelCase {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.styles__playButton___2x7Vv-camelCase {
    width: calc(50% - 0.078vw);
    cursor: pointer;
    outline: none;
    color: #3a3a3a;
}

.styles__playButton___2x7Vv-camelCase:focus,
.styles__playButton___2x7Vv-camelCase:hover {
    color: #0bc2cf;
}

.styles__playIcon___2kOO5-camelCase {
    font-size: 1.042vw;
    width: 1.250vw;
    text-align: center;
    transition: all 0.15s linear;
}

.styles__hostButton___3mDra-camelCase {
    margin: auto;
}

.styles__hostButtonInside___2Vh25-camelCase {
    width: 5.208vw;
    height: 1.354vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
}

.styles__setPlayText___5tJr9-camelCase {
    font-family: Nunito, sans-serif;
    line-height: 2.656vw;
    font-size: 1.198vw;
    font-weight: 700;
    padding-left: 0.469vw;
    transition: all 0.15s linear;
}

.styles__addSetButton___13jj6-camelCase {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 5.729vw;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #000;
    opacity: 0.25;
    transition: 0.15s;
}

.styles__addSetButton___13jj6-camelCase:hover {
    opacity: 0.35;
}

.styles__mergeSetButton___iQrsC-camelCase {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #000;
    opacity: 0;
    transition: 0.2s;
}

.styles__mergeSetButton___iQrsC-camelCase:hover {
    opacity: 0.15;
}

.styles__nothingContainer___1bY81-camelCase {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1.042vw;
    background-color: rgba(0, 0, 0, 0.1);
    border: 0.104vw solid #3a3a3a;
    border-radius: 0.365vw;
    margin: 2.604vw auto;
    max-width: 80%;
}

.styles__nothingHeader___2YDJb-camelCase {
    font-size: 1.563vw;
    font-weight: 700;
    color: #3a3a3a;
}

.styles__nothingButtonsRow___3ouJS-camelCase {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0.521vw 0;
}

.styles__nothingButton___3k3Yn-camelCase {
    margin: 0.521vw 1.042vw;
}

.styles__nothingButtonInside___1J9_--camelCase {
    height: 1.823vw;
    font-size: 1.354vw;
    padding: 0 0.781vw;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.styles__nothingIcon___lZYev-camelCase {
    font-size: 1.250vw;
    margin-right: 0.521vw;
}

.styles__modal___2qAPA-camelCase {
    display: block;
    position: fixed;
    z-index: 15;
    left: 0;
    top: 2.865vw;
    width: 100%;
    height: calc(100% - 2.865vw);
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
}

.styles__folderHolder___3nOFr-camelCase {
    display: flex;
    flex-flow: row wrap;
    width: calc(90% + 0.729vw);
    margin: 0 auto 0.781vw;
    position: relative;
    z-index: 4;
}

.styles__folderButton___1M9h--camelCase {
    margin: 0.365vw;
}

.styles__folderButtonInside___1VU0S-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    min-width: 7.813vw;
    padding: 0 0.521vw;
    height: 1.563vw;
    font-size: 1.042vw;
    color: #fff;
    position: relative;
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
}

.styles__folderButtonIcon___cRPAF-camelCase {
    margin-right: 0.521vw;
    font-size: 1.146vw;
}

.styles__folderButtonDropdown___3mTSK-camelCase {
    margin-left: auto;
    width: 1.302vw;
    height: 1.302vw;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 0.260vw;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    opacity: 0;
    outline: none;
    transition: 0.2s;
}

.styles__folderButtonDropdownIcon___1TtVQ-camelCase {
    font-size: 0.625vw;
    color: #fff;
}

.styles__folderButtonInside___1VU0S-camelCase:hover .styles__folderButtonDropdown___3mTSK-camelCase {
    opacity: 1;
}

.styles__folderButtonDropdownMenu___szpD0-camelCase {
    position: absolute;
    min-width: 5.208vw;
    right: 0;
    top: calc(100% - 0.156vw);
    transition: 0.2s;
    transform: rotateX(-90deg);
    transform-origin: top center;
    visibility: hidden;
    opacity: 0.3;
    padding: 0.260vw 0 0.417vw;
    background-color: #fff;
    border-radius: 0.260vw;
    box-shadow: inset 0 -0.156vw rgba(0, 0, 0, 0.2), 0 0.104vw 0.208vw rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    outline: none;
}

.styles__folderButtonDropdown___3mTSK-camelCase:focus>.styles__folderButtonDropdownMenu___szpD0-camelCase,
.styles__folderButtonDropdown___3mTSK-camelCase:hover>.styles__folderButtonDropdownMenu___szpD0-camelCase,
.styles__folderButtonDropdown___3mTSK-camelCase[focus-within]>.styles__folderButtonDropdownMenu___szpD0-camelCase {
    opacity: 1;
    transform: rotateX(0);
    visibility: visible;
}

.styles__folderButtonDropdown___3mTSK-camelCase:focus-within>.styles__folderButtonDropdownMenu___szpD0-camelCase,
.styles__folderButtonDropdown___3mTSK-camelCase:focus>.styles__folderButtonDropdownMenu___szpD0-camelCase,
.styles__folderButtonDropdown___3mTSK-camelCase:hover>.styles__folderButtonDropdownMenu___szpD0-camelCase {
    opacity: 1;
    transform: rotateX(0);
    visibility: visible;
}

.styles__folderButtonDropdownOption___2B44q-camelCase {
    width: 100%;
    background-color: #fff;
    font-size: 0.729vw;
    color: #3a3a3a;
    height: 1.146vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 0.365vw;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__folderButtonDropdownOption___2B44q-camelCase:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.styles__folderButtonDropdownOptionIcon___1mHwa-camelCase {
    font-size: 0.625vw;
    margin-right: 0.365vw;
    opacity: 0.8;
}

.styles__moveText___SIQFv-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 1.667vw;
    line-height: 1.823vw;
    font-weight: 700;
    margin: 1.302vw 1.563vw;
    color: #3a3a3a;
}

.styles__locationsHolder___S7Fs7-camelCase {
    height: 13.021vw;
    width: 100%;
    padding: 0.521vw;
    border: 0.104vw solid #666;
    box-sizing: border-box;
    margin: 0 auto;
    border-radius: 0.260vw;
    background-color: #f0f0f0;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-y: auto;
}

.styles__locationsHolder___S7Fs7-camelCase::-webkit-scrollbar {
    width: 0.521vw;
}

.styles__locationsHolder___S7Fs7-camelCase::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 0.521vw;
}

.styles__locationsHolder___S7Fs7-camelCase::-webkit-scrollbar-thumb:hover {
    background: #777;
    border-radius: 0.521vw;
}

.styles__noFoldersText___1JUyI-camelCase {
    font-size: 1.042vw;
}

.styles__locationFolderButton___3t-Af-camelCase {
    margin: 0.365vw auto;
    width: 90%;
}

.styles__locationFolderButtonInside___Miiry-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 0 0.521vw;
    height: 2.083vw;
    font-size: 1.250vw;
    color: #fff;
    position: relative;
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
}

.styles__locationFolderButtonIcon___2uxJh-camelCase {
    margin-right: 0.521vw;
    font-size: 1.146vw;
}

.styles__moveLocation___F8Ilp-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 1.667vw;
    line-height: 1.823vw;
    font-weight: 700;
    margin: 1.302vw 1.563vw;
    color: #3a3a3a;
}

@media only screen and (max-width: 44.271vw) {
    .styles__container___1zgv7-camelCase {
        justify-content: center;
    }
}

.styles__header___1mCVl-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 2.292vw;
    font-weight: 700;
    margin: 0.781vw 5% 0.521vw;
    color: #3a3a3a;
}

.styles__container___2A6Gp-camelCase {
    display: grid;
    align-items: flex-start;
    grid-template-columns: repeat(auto-fill, 13.802vw);
    grid-gap: 1.823vw;
    max-width: 90%;
    margin: 0.521vw 5%;
}

.styles__classInside___wK79a-camelCase {
    width: 13.281vw;
    min-height: 9.896vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #fff;
}

.styles__name___2jSjK-camelCase {
    font-size: 1.771vw;
    line-height: 1.875vw;
    font-weight: 700;
    margin: 0.521vw 5% 1.563vw;
    word-wrap: break-word;
}

.styles__studentsText___1sgEM-camelCase {
    font-size: 1.042vw;
    margin: 0 5%;
    text-align: right;
}

.styles__addButtonInside___2jU2--camelCase {
    width: 10.417vw;
    height: 1.563vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #3a3a3a;
}

.styles__addIcon___Wovoi-camelCase {
    font-size: 1.146vw;
    padding: 0 0.260vw;
    margin-right: 0.156vw;
}

.styles__addText___3OeFB-camelCase {
    font-size: 1.250vw;
    font-weight: 700;
}

.styles__bigContainer___2yBVm-camelCase {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 95%;
    margin: 2.604vw auto;
}

.styles__bigText___2TwdE-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 2.083vw;
    line-height: 2.292vw;
    font-weight: 700;
    margin: 2.604vw 5% 1.563vw;
    width: 90%;
    text-align: center;
    color: #3a3a3a;
}

.styles__upgradeButtonInside___2X4bP-camelCase {
    width: 9.375vw;
    height: 2.604vw;
    color: #fff;
    font-size: 1.563vw;
    font-weight: 700;
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__header___1Amh6-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 2.292vw;
    font-weight: 700;
    margin: 0.781vw 5% 0.521vw;
    color: white;
}

.styles__nothingContainer___3az8V-camelCase {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1.042vw;
    background-color: rgba(0, 0, 0, 0.1);
    border: 0.104vw solid #3a3a3a;
    border-radius: 0.365vw;
    margin: 2.604vw auto;
    max-width: 80%;
}

.styles__nothingHeader___3b-qY-camelCase {
    font-size: 1.563vw;
    font-weight: 700;
    color: #3a3a3a;
}

.styles__nothingButtonsRow___PrQ6v-camelCase {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0.521vw 0;
}

.styles__nothingButton___1SCIl-camelCase {
    margin: 0.521vw 1.042vw;
}

.styles__nothingButtonInside___3SbZw-camelCase {
    height: 1.823vw;
    font-size: 1.354vw;
    padding: 0 0.781vw;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.styles__nothingIcon___bO2wA-camelCase {
    font-size: 1.250vw;
    margin-right: 0.521vw;
}

.styles__auditContainer___gk4A1-camelCase {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 98%;
    margin: 0.000vw 1% 1.042vw;
    position: absolute;
    top: 13vw;
    height: 61vh;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.styles__auditContainer___gk4A1-camelCase::-webkit-scrollbar {
    display: none;
}

.styles__auditHolder___fj83a-camelCase {
    width: 100%;
    margin: 0.521vw 0;
}

.styles__container___2WtUL-camelCase,
.styles__auditHolder___fj83a-camelCase {
    display: flex;
    flex-direction: column;
    gap: 0.521vw;
}

.styles__gamesContainer___3KGOH-camelCase {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 90%;
    margin: 0 5% 1.042vw;
}

.styles__gameHolder___S1vDm-camelCase {
    width: 100%;
    margin: 0.521vw 0;
}

.styles__container___2WtUL-camelCase,
.styles__gameHolder___S1vDm-camelCase {
    display: flex;
    flex-direction: row;
}

.styles__container___2WtUL-camelCase {
    min-height: 4.167vw;
    flex-grow: 1;
    background-color: #2f2f2f;
    border-radius: 0.365vw;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
}

.styles__container___2WtUL-camelCase:hover {
    background-color: #3f3f3f;
}

.styles__blook___2HjCj-camelCase {
    margin: auto 1.042vw auto 0.781vw;
    height: 3.646vw;
    width: 3.177vw;
}

.styles__textContainer___1TweY-camelCase {
    display: flex;
    flex-direction: column;
    width: calc(100% - 6.510vw);
}

.styles__setTitle___2SFni-camelCase {
    width: 100%;
    font-size: 1.563vw;
    line-height: 1.719vw;
    margin-top: 0.365vw;
    text-align: left;
    word-wrap: break-word;
}

.styles__infoRow___37zwL-camelCase,
.styles__setTitle___2SFni-camelCase {
    color: white;
    font-family: Nunito, sans-serif;
}

.styles__setAvatar___49kCa-camelCase {
    width: 1.5%;
    position: relative;
    top: 0.078vw;
    margin-right: 0.260vw;
}

.styles__setDescription___fj983-camelCase {
    width: 100%;
    font-size: 1.042vw;
    line-height: 1.042vw;
    margin-top: 0.365vw;
    text-align: left;
    word-wrap: break-word;
    opacity: 0.5;
    color: white;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.styles__infoRow___37zwL-camelCase {
    margin-top: 0.521vw;
    font-size: 0.885vw;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 0.104vw;
}

.styles__info___3zsR3-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0.130vw 0.000vw;
}

.styles__bodyContainer___3OOBM-camelCase,
.styles__deleteButton___2vDY2-camelCase {
    display: flex;
    flex-direction: column;
}

.styles__deleteButton___2vDY2-camelCase {
    height: 4.167vw;
    width: 3.646vw;
    background-color: #fff;
    color: #3a3a3a;
    border-radius: 0.365vw;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    font-size: 0.781vw;
    margin: auto 0 auto 1.042vw;
    justify-content: center;
    align-items: center;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__deleteButton___2vDY2-camelCase:hover {
    transform: scale(0.95);
    color: #ce1313;
}

.styles__moreButton___3IkHn-camelCase {
    margin: 0.521vw auto 1.042vw;
}

.styles__moreButtonInside___1BhaI-camelCase {
    padding: 0.104vw 0.521vw;
    font-weight: 700;
    font-size: 1.146vw;
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
}

.styles__header___1nw_w-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 2.292vw;
    font-weight: 700;
    margin: 0.781vw 5% 0.521vw;
    color: #3a3a3a;
}

.styles__nothingContainer___1n7H1-camelCase {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1.042vw;
    background-color: rgba(0, 0, 0, 0.1);
    border: 0.104vw solid #3a3a3a;
    border-radius: 0.365vw;
    margin: 2.604vw auto;
    max-width: 80%;
}

.styles__nothingHeader___3fgC9-camelCase {
    font-size: 1.563vw;
    font-weight: 700;
    color: #3a3a3a;
}

.styles__nothingButtonsRow___JJ9GL-camelCase {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0.521vw 0;
}

.styles__nothingButton___48ZDJ-camelCase {
    margin: 0.521vw 1.042vw;
}

.styles__nothingButtonInside___2_Fw--camelCase {
    height: 1.823vw;
    font-size: 1.354vw;
    padding: 0 0.781vw;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.styles__nothingIcon___2r0ZY-camelCase {
    font-size: 1.250vw;
    margin-right: 0.521vw;
}

.styles__homeworksContainer___1iE9E-camelCase {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 90%;
    margin: 0 5% 1.042vw;
}

.styles__gameHolder___EfOCM-camelCase {
    width: 100%;
    margin: 0.521vw 0;
}

.styles__container___11GoR-camelCase,
.styles__gameHolder___EfOCM-camelCase {
    display: flex;
    flex-direction: row;
}

.styles__container___11GoR-camelCase {
    min-height: 4.167vw;
    flex-grow: 1;
    background-color: #fff;
    border-radius: 0.365vw;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
    transition: 0.2s;
}

.styles__container___11GoR-camelCase:hover {
    transform: scale(0.98);
}

.styles__hwIcon___3Stfm-camelCase {
    margin: auto 0.781vw;
    width: 2.865vw;
    text-align: center;
    font-size: 2.969vw;
}

.styles__textContainer___Rj2a6-camelCase {
    display: flex;
    flex-direction: column;
    width: calc(100% - 6.510vw);
}

.styles__hwTitle___1fEu7-camelCase {
    width: 100%;
    font-size: 1.563vw;
    line-height: 1.719vw;
    margin-top: 0.365vw;
    font-weight: 700;
    text-align: left;
    word-wrap: break-word;
}

.styles__hwTitle___1fEu7-camelCase,
.styles__infoRow___oxmIG-camelCase {
    color: #3a3a3a;
    font-family: Nunito, sans-serif;
}

.styles__infoRow___oxmIG-camelCase {
    margin-top: 0.417vw;
    font-size: 0.885vw;
    display: flex;
    flex-flow: row wrap;
}

.styles__info___hV7Eh-camelCase {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0.130vw 0.521vw;
}

.styles__bodyContainer___2-j1R-camelCase,
.styles__deleteButton___3Ynb7-camelCase {
    display: flex;
    flex-direction: column;
}

.styles__deleteButton___3Ynb7-camelCase {
    height: 4.167vw;
    width: 3.646vw;
    background-color: #fff;
    color: #3a3a3a;
    border-radius: 0.365vw;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    margin: auto 0 auto 1.042vw;
    font-size: 0.781vw;
    justify-content: center;
    align-items: center;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__deleteButton___3Ynb7-camelCase:hover {
    transform: scale(0.95);
    color: #ce1313;
}

.styles__moreButton___1Q-Xq-camelCase {
    margin: 0.521vw auto 1.042vw;
}

.styles__moreButtonInside___1t97F-camelCase {
    padding: 0.104vw 0.521vw;
    font-weight: 700;
    font-size: 1.146vw;
    text-shadow: 0 0.078vw rgba(0, 0, 0, 0.2);
}

.styles__header___zZwkx-camelCase {
    font-family: Nunito, sans-serif;
    font-size: 2.292vw;
    font-weight: 700;
    margin: 0.781vw 5% 0.521vw;
    color: #3a3a3a;
}

.styles__infoRow___HHPF8-camelCase {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    width: 90%;
    margin: 0 5% 0.260vw;
}

.styles__infoContainer___1bBlb-camelCase {
    background-color: #fff;
    border-radius: 0.260vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: Nunito, sans-serif;
    font-size: 1.042vw;
    font-weight: 700;
    color: #3a3a3a;
    box-sizing: border-box;
    padding: 0.521vw 0.781vw 0.833vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    margin: 0.260vw;
    flex: 1;
    max-width: 30%;
}

.styles__infoIcon___cxLYs-camelCase {
    font-size: 1.250vw;
    margin-right: 0.521vw;
}

.styles__reportButton___2s4g5-camelCase {
    background-color: #007337;
    border-radius: 0.260vw;
    padding-bottom: 0.313vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
    margin: 0.260vw;
    width: 2.604vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    transition: 0.2s;
}

.styles__reportButton___2s4g5-camelCase:hover {
    transform: scale(0.95);
}

.styles__linkButton___3Zu35-camelCase {
    width: 80%;
    margin: 0.521vw auto;
    box-sizing: border-box;
    padding: 0.521vw 0.781vw 0.833vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    background-color: #0bc2cf;
    border-radius: 0.260vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 1.042vw;
    font-weight: 700;
    outline: none;
    cursor: pointer;
    position: relative;
    word-break: break-word;
    transition: 0.2s;
}

.styles__linkButton___3Zu35-camelCase:hover {
    transform: scale(0.95);
}

.styles__endText___2doxT-camelCase {
    background-color: #fff;
    border-radius: 0.260vw;
    align-items: center;
    justify-content: center;
    font-family: Nunito, sans-serif;
    font-size: 1.042vw;
    font-weight: 700;
    color: #3a3a3a;
    box-sizing: border-box;
    padding: 0.521vw 0.781vw 0.833vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    margin: 0.260vw auto;
    max-width: 50%;
}

.styles__endText___2doxT-camelCase,
.styles__smallButtonRow___7mET1-camelCase {
    display: flex;
    flex-direction: row;
}

.styles__smallButtonRow___7mET1-camelCase {
    justify-content: space-evenly;
    width: 60%;
    margin: 0 auto;
}

.styles__smallButton___3ISXg-camelCase {
    width: 42.5%;
    margin: 0.260vw auto;
    box-sizing: border-box;
    padding: 0.521vw 0.521vw 0.833vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    background-color: #ff7b24;
    border-radius: 0.260vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 1.042vw;
    font-weight: 700;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    transition: 0.2s;
}

.styles__smallButton___3ISXg-camelCase:hover {
    transform: scale(0.95);
}

.styles__smallButtonIcon___2wr4M-camelCase {
    font-size: 1.146vw;
    margin-right: 0.365vw;
}

.styles__copiedNotification___37Dn2-camelCase {
    position: absolute;
    bottom: 110%;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 0.260vw;
    font-family: Nunito, sans-serif;
    color: #fff;
    font-size: 0.938vw;
    padding: 0.260vw 0.521vw;
}

.styles__subheaderRow___3pRLb-camelCase {
    font-family: Nunito, sans-serif;
    color: white;
    width: 90%;
    margin: 0 auto;
}

.styles__subheader___26-hK-camelCase {
    font-size: 1.667vw;
    font-weight: 700;
}

.styles__subheaderSmall___3vlET-camelCase {
    font-size: 0.833vw;
    opacity: 0.6;
    margin-left: 0.521vw;
}

.styles__nothingText___3lTVj-camelCase {
    margin: 2.865vw auto;
    width: 80%;
    text-align: center;
    font-family: Nunito, sans-serif;
    font-size: 1.563vw;
    font-weight: 700;
    color: #3a3a3a;
}

.styles__membersHolder___20Rea-camelCase {
    width: 90%;
    margin: 0.521vw auto 1.302vw;
    display: flex;
    flex-flow: row wrap;
}

.styles__memberContainer___3V0Ei-camelCase {
    font-family: Nunito, sans-serif;
    background-color: #2f2f2f;
    border-radius: 0.260vw;
    color: white;
    box-sizing: border-box;
    padding: 0.260vw 0.521vw 0.573vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
    margin: 0.521vw;
    font-size: 1.146vw;
    word-break: break-word;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    transition: 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.styles__memberContainer___3V0Ei-camelCase:hover {
    transform: scale(0.97);
}

.styles__memberAvatar___1Z3Xu-camelCase {
    width: 1.5vw;
    margin-right: 0.521vw;
}

@media only screen and (max-width: 45.052vw) {
    .styles__infoContainer___1bBlb-camelCase {
        max-width: 100%;
    }

    .styles__linkButton___3Zu35-camelCase {
        width: 100%;
        flex-direction: column;
    }
}

.styles__container___d9MYU-camelCase {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 21.875vw;
    background-color: #fff;
    border-radius: 0.365vw;
    text-align: center;
    box-sizing: border-box;
    padding-bottom: 0.365vw;
    box-shadow: inset 0 -0.365vw rgba(0, 0, 0, 0.2), 0 0 0.208vw rgba(0, 0, 0, 0.15);
}

.styles__containerHeader___2740i-camelCase {
    text-align: center;
    font-size: 2.083vw;
    line-height: 2.083vw;
    margin: 1.042vw;
    font-family: Nunito, sans-serif;
    font-weight: 700;
    color: #3a3a3a;
}

.styles__inputContainer___1lpQB-camelCase {
    border: 0.104vw solid rgba(0, 0, 0, 0.17);
    border-radius: 0.313vw;
    width: 17.188vw;
    height: 2.604vw;
    margin: auto auto 1.042vw;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.styles__inputContainer___1lpQB-camelCase[focus-within] {
    border-color: #0bc2cf;
}

.styles__inputContainer___1lpQB-camelCase:focus-within {
    border-color: #0bc2cf;
}

.styles__inputContainer___1lpQB-camelCase[focus-within]>.styles__icon___2ZH9L-camelCase {
    color: #0bc2cf;
}

.styles__inputContainer___1lpQB-camelCase:focus-within>.styles__icon___2ZH9L-camelCase {
    color: #0bc2cf;
}

.styles__inputFilled___2pDFI-camelCase {
    border-color: #3a3a3a;
}

.styles__inputError___15dDm-camelCase {
    border-color: #ce1313;
}

.styles__icon___2ZH9L-camelCase {
    font-size: 1.406vw;
    color: #5f5f5f;
    line-height: 2.604vw;
    padding-left: 0.521vw;
    width: 1.458vw;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__iconFilled___3JEbe-camelCase {
    color: #3a3a3a;
}

.styles__iconError___1v0UD-camelCase {
    color: #ce1313;
}

.styles__input___1x6Zg-camelCase {
    border: none;
    margin: 0.260vw 0.104vw 0.260vw 0.573vw;
    width: 13.542vw;
    height: 2.083vw;
    font-size: 0.990vw;
    text-align: left;
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
    outline: none;
}

.styles__input___1x6Zg-camelCase:-moz-placeholder,
.styles__input___1x6Zg-camelCase:-ms-input-placeholder,
.styles__input___1x6Zg-camelCase::-moz-placeholder,
.styles__input___1x6Zg-camelCase::-webkit-input-placeholder {
    color: #999;
}

.styles__mInput___sGUIc-camelCase:-moz-placeholder,
.styles__mInput___sGUIc-camelCase:-ms-input-placeholder,
.styles__mInput___sGUIc-camelCase::-moz-placeholder,
.styles__mInput___sGUIc-camelCase::-webkit-input-placeholder {
    color: #999;
}

.styles__inputError___15dDm-camelCase,
.styles__inputError___15dDm-camelCase:-moz-placeholder,
.styles__inputError___15dDm-camelCase:-ms-input-placeholder,
.styles__inputError___15dDm-camelCase::-moz-placeholder,
.styles__inputError___15dDm-camelCase::-webkit-input-placeholder {
    color: #ce1313;
}

.styles__input___1x6Zg-camelCase:focus,
.styles__input___1x6Zg-camelCase:focus:-moz-placeholder,
.styles__input___1x6Zg-camelCase:focus:-ms-input-placeholder,
.styles__input___1x6Zg-camelCase:focus::-moz-placeholder,
.styles__input___1x6Zg-camelCase:focus::-webkit-input-placeholder,
.styles__mInput___sGUIc-camelCase:focus,
.styles__mInput___sGUIc-camelCase:focus:-moz-placeholder,
.styles__mInput___sGUIc-camelCase:focus:-ms-input-placeholder,
.styles__mInput___sGUIc-camelCase:focus::-moz-placeholder,
.styles__mInput___sGUIc-camelCase:focus::-webkit-input-placeholder {
    color: #0bc2cf;
}

@media only screen and (max-width: 26.042vw) {
    .styles__container___d9MYU-camelCase {
        width: 16.667vw;
    }

    .styles__inputContainer___1lpQB-camelCase {
        width: 14.583vw;
    }

    .styles__input___1x6Zg-camelCase {
        width: 10.938vw;
    }
}

.styles__button___2e3MR-camelCase {
    border-color: rgba(0, 0, 0, 0.17);
    border-style: solid;
    border-radius: 0.313vw;
    background-color: #fff;
    width: 8.594vw;
    height: 2.344vw;
    margin: auto auto 1.302vw;
    color: #999;
    font-size: 1.146vw;
    text-align: center;
    font-family: Nunito, sans-serif;
    outline: none;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.39, 0.5, 0.15, 1.36);
}

.styles__button___2e3MR-camelCase:focus,
.styles__button___2e3MR-camelCase:hover {
    border-color: #0bc2cf;
    color: #0bc2cf;
}

.styles__buttonFilled___3Aa5b-camelCase {
    border-color: #3a3a3a;
    color: #3a3a3a;
    font-weight: 700;
}

.styles__buttonError___xwiCq-camelCase,
.styles__buttonError___xwiCq-camelCase:focus {
    border-color: #ce1313;
    color: #ce1313;
}

.styles__buttonError___xwiCq-camelCase:hover {
    border-color: #0bc2cf;
    color: #0bc2cf;
}

.styles__errorContainer___3L947-camelCase {
    border: 0.104vw solid #ce1313;
    border-radius: 0.313vw;
    width: 17.188vw;
    display: flex;
    flex-direction: row;
    margin: auto auto 1.302vw;
}

.styles__errorIcon___27g6U-camelCase {
    font-size: 1.042vw;
    color: #ce1313;
    padding-left: 0.729vw;
    padding-right: 0.208vw;
    margin: 0.469vw 0.260vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.styles__errorText___1BA55-camelCase {
    margin: 0.417vw 0.260vw 0.260vw 0.573vw;
    font-size: 0.990vw;
    text-align: left;
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
}

.styles__google___3QHN--camelCase {
    width: 8.333vw;
    margin: 0.521vw auto 1.563vw;
}

.styles__container___1AWco-camelCase {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 27.083vw;
    background-color: #fff;
    box-shadow: 0 0 0.417vw 0.156vw rgba(0, 0, 0, 0.2);
    border-radius: 0.365vw;
    text-align: center;
}

.styles__containerHeader___246oi-camelCase {
    text-align: center;
    font-size: 10.417vw;
    margin: 0 1.042vw;
    font-family: Titan One, sans-serif;
    color: #3a3a3a;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.styles__blook___2NK26-camelCase {
    height: 8.333vw;
    margin: auto 0.521vw;
}

@media only screen and (max-width: 31.250vw) {
    .styles__container___1AWco-camelCase {
        width: 16.667vw;
    }

    .styles__containerHeader___246oi-camelCase {
        font-size: 6.771vw;
    }

    .styles__blook___2NK26-camelCase {
        height: 5.208vw;
    }
}

.styles__containerText___2l6Nk-camelCase {
    text-align: center;
    font-size: 1.250vw;
    margin: 0.521vw 1.563vw 1.042vw;
    font-family: Nunito, sans-serif;
    color: #3a3a3a;
}

.styles__chatMessageControls___1Z1ZU-camelCase {
    background-color: #4f4f4f;
    display: flex;
    flex-direction: row;
    border-radius: 0.365vw;
    box-shadow: inset 0 -0.313vw rgba(0, 0, 0, 0.2);
    width: max-content;
    margin: 0 auto;
    padding: 0.260vw 0.521vw;
    margin-top: -3.125vw;
    margin-right: -20vw;
    margin-right: 0vw;
    pointer-events: none;
}

.styles__chatMessageControl___2Z1ZU-camelCase {
    color: #fff;
    font-size: 1.042vw;
    margin: 0 0.260vw;
    cursor: pointer;
    pointer-events: all;
}

.styles__eventContainer___1XqWi-camelCase {
    display: flex;
    align-items: center;
    gap: 2vw;
    justify-content: center;
    margin-top: 1.042vw;
    padding: 1.042vw;
    width: fit-content;
    background-color: #2a2a2a;
    /* Match the background color of other containers */
    border-radius: 0.521vw;
    box-shadow: 0 0.260vw 0.521vw rgba(0, 0, 0, 0.25);
    /* Add a subtle shadow for depth */
    text-align: center;
}

.styles__eventTitle___2pMBG-camelCase {
    font-size: 1.563vw;
    /* Adjust font size for consistency */
    font-weight: 700;
    /* Match boldness */
    color: #fff;
    /* White text for contrast */
    margin-bottom: 0.521vw;
}

.styles__eventDate___4jCaB-camelCase {
    font-size: 1.042vw;
    color: #ccc;
    /* Lighter text for secondary information */
    margin-bottom: 0.521vw;
}

.styles__eventDetails___3OozA-camelCase {
    font-size: 1.042vw;
    color: #fff;
    /* Match the text color of other containers */
}

/* this is where the new stuff i added starts */
.styles__packImage___1jX3J-camelCase {
    will-change: transform;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% + 0.22vw));
    min-width: calc(16.406vw * 1.375);
    height: calc(15.625vw * 1.375);
    object-position: bottom;
    transform-origin: top left;
}

.styles__openPackContainer___2m4Yf-camelCase,
.styles__openContainer___3paFG-camelCase,
#background {
    overflow: visible !important;
}

.styles__wigglingPackBottom___4F3d2-camelCase {
    -webkit-animation: styles__packBottomWiggle___7HgPq-camelCase 0.3s linear forwards;
    animation: styles__packBottomWiggle___7HgPq-camelCase 0.3s linear forwards;
}

@-webkit-keyframes styles__packBottomWiggle___7HgPq-camelCase {
    0% {
        transform: translate(-50%, calc(-50% + 0.22vw)) rotate(0deg);
    }

    66% {
        transform: translate(-50%, calc(-50% + 0.22vw)) rotate(1deg);
    }

    73% {
        transform: translate(-50%, calc(-50% + 0.22vw)) rotate(2deg);
    }

    80% {
        transform: translate(-50%, calc(-50% + 0.22vw)) rotate(2.5deg);
    }

    100% {
        transform: translate(-50%, calc(-50% + 0.22vw)) rotate(4deg);
    }
}

@keyframes styles__packBottomWiggle___7HgPq-camelCase {
    0% {
        transform: translate(-50%, calc(-50% + 0.22vw)) rotate(0deg);
    }

    66% {
        transform: translate(-50%, calc(-50% + 0.22vw)) rotate(1deg);
    }

    73% {
        transform: translate(-50%, calc(-50% + 0.22vw)) rotate(2deg);
    }

    80% {
        transform: translate(-50%, calc(-50% + 0.22vw)) rotate(2.5deg);
    }

    100% {
        transform: translate(-50%, calc(-50% + 0.22vw)) rotate(4deg);
    }
}

@media (max-width: 625px) {
    .styles__packImage___1jX3J-camelCase {
        min-width: calc(12.205vw * 4.5);
        height: calc(11.719vw * 4.5);
        transform: translate(-50%, calc(-50% + 0.78vw * 4.5));
    }

    @-webkit-keyframes styles__packBottomWiggle___7HgPq-camelCase {
        0% {
            transform: translate(-50%, calc(-50% + 0.78vw * 4.5)) rotate(0deg);
        }

        66% {
            transform: translate(-50%, calc(-50% + 0.78vw * 4.5)) rotate(1deg);
        }

        73% {
            transform: translate(-50%, calc(-50% + 0.78vw * 4.5)) rotate(2deg);
        }

        80% {
            transform: translate(-50%, calc(-50% + 0.78vw * 4.5)) rotate(2.5deg);
        }

        100% {
            transform: translate(-50%, calc(-50% + 0.78vw * 4.5)) rotate(4deg);
        }
    }

    @keyframes styles__packBottomWiggle___7HgPq-camelCase {
        0% {
            transform: translate(-50%, calc(-50% + 0.78vw * 4.5)) rotate(0deg);
        }

        66% {
            transform: translate(-50%, calc(-50% + 0.78vw * 4.5)) rotate(1deg);
        }

        73% {
            transform: translate(-50%, calc(-50% + 0.78vw * 4.5)) rotate(2deg);
        }

        80% {
            transform: translate(-50%, calc(-50% + 0.78vw * 4.5)) rotate(2.5deg);
        }

        100% {
            transform: translate(-50%, calc(-50% + 0.78vw * 4.5)) rotate(4deg);
        }
    }

    @-webkit-keyframes styles__dropPack___12OV_-camelCase {
        0% {
            transform: translate(-50%, calc(-50% + 0.78vw * 4.5));
        }

        to {
            transform: translate(-50%, 70vh);
        }
    }

    @keyframes styles__dropPack___12OV_-camelCase {
        0% {
            transform: translate(-50%, calc(-50% + 0.78vw * 4.5));
        }

        to {
            transform: translate(-50%, 70vh);
        }
    }

    .styles__blookBackground___3rt4N-camelCase {
        border-radius: calc(0.54vw * 4.5);
    }

    .styles__bottomShadow___10ZLG-camelCase {
        height: calc(1.953vw * 4.5);
        box-shadow: inset 0 calc(-0.352vw * 4.5) rgba(0, 0, 0, 0.2);
        border-bottom-left-radius: calc(0.54vw * 4.5);
        border-bottom-right-radius: calc(0.54vw * 4.5);
    }
}