:root {
    --color-error: #ff0000;
    --color-button-text: #ffffff;
    --color-button-text-active: #ff0000;
}

body {
    background-color: black;
    touch-action: none;
    overflow: none;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    margin: 0;
    overflow: hidden;
}

a {
    color: inherit;
    text-decoration: underline;
}

/* avatar registration options, there are 3 avatar-row's inside the modal, all contained within one avatar-column */
.avatar-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    gap: 32px;

    height: 200px;
}

.avatar-col {
    min-width: 160px;
    overflow: hidden;
}

.avatar-col img {
    scale: 2.0;
}

.avatar-col:nth-child(1) img {
    height: 160px;
    opacity: 0.5;
}

.avatar-col:nth-child(2) img {
    height: 200px;
    opacity: 1.00;
}

.avatar-col:nth-child(3) img {
    height: 160px;
    opacity: 0.5;
}

/** goes after avatar-col, should get offset to 50% of the HEIGHT of the avatar-col **/
.avatar-arrows {
    position: relative;
    top: -120px;

    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

.avatar-arrows button {
    border-radius: 50%;
    width: 48px;
    height: 48px;

    padding: 0;
}

.App {
    text-align: center;
}

.App-logo {
    height: 40vmin;
    pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
    .App-logo {
        animation: App-logo-spin infinite 20s linear;
    }
}

#screenContent>video {
    transform: translate(-50px, 18px);
}

.App-header {
    background-color: #282c34;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: calc(10px + 2vmin);
    color: white;
}

.App-link {
    color: #61dafb;
}

#css-renderer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}

/* Front WebGL layer for partial screen occlusion — sits above #css-renderer so
   in-world geometry closer to the camera than the screen plane paints over it. */
#webgl-front {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
}

.ui {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    pointer-events: none;
}

#ui>* {
    pointer-events: auto;
}

/* any canvas within #game */
#game>canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}


.chatBubble {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 0.5rem;
    background: white;
    border-radius: 0.5rem;
    padding: 0.3rem;
    max-width: 140px;
    text-align: center;
    border-radius: 6px;
    background: var(--Primary-500, #735FFA);
}

.otherBubble {
    background: var(--MyBubbleColor, #24262B);
}

.myBubble {
    background: var(--OtherBubbleColor, #735FFA);
}


/** scrollbars **/
::-webkit-scrollbar {
    width: 8px;
    height: 3px;
}

::-webkit-scrollbar-button {
    background-color: #666;
}

::-webkit-scrollbar-track {
    background-color: #151619;
}

::-webkit-scrollbar-track-piece {
    background-color: #24262B;
}

::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #666;
    border-radius: 3px;
}

::-webkit-scrollbar-corner {
    background-color: #24262B;
}

::-webkit-resizer {
    background-color: #666;
}
/** end chat history **/

.chatName {
    color: rgba(255, 255, 255, 0.70);

    /* Text 2xs/Semibold */
    font-family: Inter;
    font-size: 0.3rem;
    font-style: normal;
    font-weight: 600;
}

.chatContent {
    color: var(--Base-White, #FFF);

    /* Text sm/Regular */
    font-family: Inter;
    font-size: 0.45rem;
    font-style: normal;
    font-weight: 400;
    max-width: 140px;
    text-align: left;
    overflow-wrap: break-word;
}

/** Nametag **/

.nametag {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    font-size: 0.3rem;
    border-radius: 0.5rem;
    max-width: 140px;
    text-align: center;
    border-radius: 7px;
    padding: 0.3rem;
}

.nametagUsername {
    display: none;
    text-align: center;
    font-family: Inter;
    float: left;
}

.laserTagHud {
    min-width: 120px;
    padding: 3px 6px;
    border-radius: 8px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.laserTagHearts {
    display: flex;
    justify-content: center;
    gap: 3px;
    line-height: 1;
}

.laserTagHeart {
    font-size: 11px;
    font-weight: 700;
}

.laserTagHeartFull {
    color: #ff4b4b;
    text-shadow: 0 0 6px rgba(255, 68, 68, 0.75);
}

.laserTagHeartHalf {
    color: transparent;
    background: linear-gradient(90deg, #ff4b4b 0 50%, rgba(255, 255, 255, 0.28) 50% 100%);
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: 0 0 6px rgba(255, 68, 68, 0.55);
}

.laserTagHeartEmpty {
    color: rgba(255, 255, 255, 0.32);
}

.laserTagScore {
    font-size: 8px;
    color: #ffd3d3;
    font-weight: 600;
    letter-spacing: 0.2px;
}

/* typing indicator */
.typing {
    float: right;

    position: relative;
    top: 0.075rem;
}

@keyframes blink {
    50% {
        fill: transparent
    }
}

.typingDot {
    animation: 1s blink infinite;
    fill: white;
}

.typingDot:nth-child(2) {
    animation-delay: 250ms
}

.typingDot:nth-child(3) {
    animation-delay: 500ms
}

.typingDot:nth-child(4) {
    animation-delay: 750ms
}

.typingDot:nth-child(5) {
    animation-delay: 1000ms
}

#chatInput {
    background: transparent;
    border: none;
    color: white;
    font-size: 1.0rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
    outline: none;

    flex-grow: 1;
}

#screenContent {
    background: transparent;
    color: white;

    width: 402px;
    height: 210px;
}


/** Voice indicator icon **/
.voiceIndicator {
    transform: translate(-5%, 0);
}

@keyframes blink-and-bounce {
    50% {
        transform: translateY(-70%) scaleY(2.0);
        opacity: 1.0;
    }
}

.audioBar {
    animation: 1s blink-and-bounce infinite;
    transform: translateY(0) scaleY(1.0);
    fill: white;
    opacity: 1.0;
}

.audioBar:nth-child(2) {
    animation-delay: 250ms;
}

.audioBar:nth-child(3) {
    animation-delay: 500ms;
}

.audioBar:nth-child(4) {
    animation-delay: 750ms;

}

.chat-overlay {
    user-select: none;
    pointer-events: none !important;
    touch-action: none;
    position: absolute;
    bottom: 50px;
    height: 20vh;
    width: 100vw;

    @media (max-width: 768px) {
        width: 100vw;
    }
}

#chat-history {
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow-y: scroll;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;

    scrollbar-width: none;
    -ms-overflow-style: none;

    color: white;
    font-weight: normal;

    user-select: none;
    touch-action: none;
    pointer-events: none;

    -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-size: cover;
    mask-size: cover;
}

.screenshotModal {

    background: #24262B;
    border-radius: 10px;
    color: white;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;

    border: 1.5px solid #353a40;
    
    flex-direction: row;
    align-items: start;

    user-select: auto;
    pointer-events: auto;
    touch-action: auto;

    width: 100%;
    height: 100px;

    position: relative;
}

.screenshotModalClose {
    width: 30px;
    height: 30px;
    position: absolute;
    right: -8px;
    top: -8px;
}

.screenshotModalContent {

    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;

    align-items: center;
    padding: 12px;

    width: 100%;
    height: 100%;
}

.screenshotModalContent span {
    font-size: 0.85rem;
    font-weight: 400;
    margin: 2px;

    margin-bottom: 10px;
    width: 100%;
    text-align: left;
}

.screenshotModalPreview {
    height: 100%;
    width: auto;

    /* border radius on left only */
    border-radius: 10px 0 0 10px;
}

#cameraPreviews {
    user-select: none;
    pointer-events: none;
    touch-action: none;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;


    width: 400px;
    height: 70vh;
    position: absolute;
    left: 16px;
    top: 70px;

    gap: 16px;

    @media screen and (max-width: 768px) {
        width: 90vw;
        top: unset;
        bottom: 70px;
        left: 5vw;

        /* show items from bottom */
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-end;
    }

}

.screenshotButtonGroup {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 8px;
}

.screenshotButtonGroup .button {
    background: transparent;
    border: 1px solid #353a40;
    color: white;
    padding: 12px;
    font-size: 0.85rem;
    width: 100%;
    cursor: pointer;

    vertical-align: middle;

    @media screen and (max-width: 768px) {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

.screenshotButtonGroup .button>span {
    font-weight: 550;


    vertical-align: middle;
}

.screenshotButtonGroup .button>img {
    vertical-align: middle;
}

.debug {
    position: absolute;
    top: 5vw;
    left: 8px;
}


.error-text {
    color: var(--color-error);
}
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}
._interfaceLocked_q27py_1 {
    pointer-events: none;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 100000;
    padding: 32px;
}

._notifications_q27py_12 {
    position: absolute;
    top: 64px;
    left: 32px;

    display: flex;
    flex-direction: column;
}

._bubble_q27py_21 {
    color: black;
    font-size: 1.0rem;
    background: white;
    border-radius: 0.5rem;
    padding: 0.35rem;
    width: 25vw;
    text-align: left;
    margin: 4px;
}

/** bubble pop-out animation keyframes, to fade out and translate down from top */
@keyframes _popOut_q27py_63 {
    from {
        opacity: 1;
        transform: scaleY(1.0);
    }

    to {
        opacity: 0;
        transform: scaleY(0.0);
    }
}

/** bubble pop-in animation keyframes, to fade in and translate up from bottom */
@keyframes _popIn_q27py_59 {
    from {
        opacity: 0;
        transform: translateY(100px);
    }

    to {
        opacity: 1;
        transform: translateY(0px);
    }
}


._popIn_q27py_59 {
    animation: _popIn_q27py_59 0.5s ease-in-out;
}

._popOut_q27py_63 {
    animation: _popOut_q27py_63 0.5s ease-in-out;
}
._container_135rh_1 {
    display: flex;
    border-radius: 6px;
    background-color: #131313;
    padding: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

    position: absolute;
    right: 2vw;
    top: 2vh;

    font-size: 10px;
}

._container_135rh_1 ul {
    list-style-type: none;
    padding: 0;
}

/** List of objects for the world editor, filled with objectEntry **/
._objectList_135rh_21 {
    width: 200px;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;

    max-height: 400px;
}

._objectTreeButton_135rh_30 {
    display: inline-block;
    color: white;
}

._objectEntry_135rh_35 {
    display: flex;
    align-items: center;
    padding: 2px;
    border-radius: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    transition: background-color 0.1s ease-in-out;
    background: #444;
    min-height: 16px;
    color: white;
}

._objectEntryButtons_135rh_48 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: 4px;
    margin-top: 2px;
    margin-bottom: 2px;
}

._objectHidden_135rh_59 {
    opacity: 0.4;
}

._margin_135rh_63 {
    margin-left: 24px;
}

/* hide scrollbar on objectlist */
._objectList_135rh_21::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}._shareModal_11f3m_1 {
    position: absolute;
    top: 42px;
    right: 18px;
    width: 390px;
    z-index: 1;
}

._shareModal_11f3m_1 ._buttonClose_11f3m_9 {
    display: none;
}

@media (max-width: 768px) {
    ._shareModal_11f3m_1 {
        width: calc(100% - 36px);
        right: 18px;
        left: 18px;
        top: 42px;
    }
}

@media (max-width: 480px) {
    ._shareModal_11f3m_1 {
        width: calc(100% - 36px);
        right: 18px;
        left: 18px;
        top: 42px;
    }
}

._modalTitle_11f3m_31 {
    margin-top: 16px;
    margin-left: 32px;
}

._shareLink_11f3m_36 {
    color: "green";
    position: "relative";
    top: "-10px";
    
    font-size: 0.75rem;
    display: none;
}

._shareInput_11f3m_45 {
    background: #24262B;
    border: 1px solid #393E44;
    border-radius: 8px;
    color: #FCFDFE;
    font-size: 16px;
    padding: 12px 14px;
    margin: 0 24px 16px 24px;
    box-sizing: border-box;
    overflow: hidden;
    width: calc(100% - 48px);
    transition: border-color 0.2s, box-shadow 0.2s;
    cursor: text;
}

._shareInput_11f3m_45:hover {
    border-color: #464F55;
}

._shareInput_11f3m_45:focus {
    border-color: #735FFA;
    box-shadow: 0px 0px 0px 4px rgba(227, 223, 254, 0.24);
    outline: none;
}

._shareInput_11f3m_45:active {
    border-color: #464F55;
    outline: none;
}

._shareInput_11f3m_45::placeholder {
    color: #FCFDFE;
}

._iconSomnia_11f3m_79 {
    width: 20px;
    height: 20px;
    padding-left: 3px;
}

._shareButtons_11f3m_85 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 16px;

    width: 80%;
    margin: 16px;
}

._shareButtons_11f3m_85>._buttonSmall_11f3m_96 {
    font-size: 1.5rem;
    width: 2.5rem;
    height: 2.5rem;

    border-radius: 2.5rem;
    padding: 0.5rem;
}

._shareButtons_11f3m_85>._buttonSmall_11f3m_96>span {
    transform: translateY(15%);
}

._toggleSwitch_11f3m_109 {
    float: right;
    position: relative;
    top: -2px;
}

._extraSpacer_11f3m_115 {
    height: 5px;
}

._menuList_11f3m_119 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    color: #ffffff;

    overflow: "hidden";
    position: "relative";
    top: "4px";
}

._menuList_11f3m_119>._menuItem_11f3m_132 {
    text-align: left;
    padding: 12px 24px;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
}

._menuList_11f3m_119>._menuItem_11f3m_132:first-child {
    padding-top: 24px;
}

._menuList_11f3m_119>._menuItem_11f3m_132:last-child {
    padding-bottom: 24px;
}

._menuItemIcon_11f3m_148 {
    font-size: 1.5rem;
    vertical-align: middle;
    color: #ADBAC5;
    margin-right: 16px;
    transition: color 0.2s;
}

._menuItemTitle_11f3m_156 {
    position: relative;
    top: 1px;
    color: #F1F5F9;
    transition: color 0.2s;
    font-weight: 400;
}

._menuItem_11f3m_132:hover ._menuItemTitle_11f3m_156,
._menuItem_11f3m_132:hover ._menuItemIcon_11f3m_148 {
    color: #fff;
}


._walletButtons_11f3m_170 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 16px;

    width: 90%;
    margin: 16px;
    margin-top: 0px;
}

._walletButtons_11f3m_170>* {
    width: 100%;
}

._xpMenu_11f3m_186 {
    right: 64px;
}

@media (max-width: 768px) {
    ._xpMenu_11f3m_186 {
        left: 0px;
        transform: scale(0.8) translateX(0%);
    }
}

._achievementTxHistory_11f3m_197 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    color: #ffffff;
}

._achievementTxHistoryTitle_11f3m_205 {
    font-size: 0.9rem;
    font-weight: 600;
    width: 90%;
    margin-top: 16px;
}

._achievementTxHistoryItemTitle_11f3m_212 a {
    color: #bd89fc;
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.55rem;
    float: right;
}

._achievementTxHistoryList_11f3m_222 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 80%;
    margin-bottom: 16px;
    margin-top: 16px;
    max-height: 200px;
    overflow-y: scroll;
    scrollbar-width: none;
}

._achievementTxHistoryItem_11f3m_212 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85rem;
    padding: 4px;
}

._achievementTxHistoryItemTitle_11f3m_212 {
    font-weight: 600;
    width: 100%;
}

._achievementTxHistoryItemFooter_11f3m_248 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 0.75rem;
}

._xpBalanceContainer_11f3m_257 {
    display: flex;
    flex-direction: column;
    width: 82%;
    margin-top: 16px;
    margin-bottom: 16px;

    background-color: #b1fa63;
    border-radius: 8px;
    padding: 16px;

    color: black;
}

._xpBalanceValue_11f3m_271 {
    font-size: 1.5rem;
    font-weight: 600;
}


._xpBalance_11f3m_257 {
    font-size: 0.85rem;
    font-weight: 600;
}

._xpSpacer_11f3m_282 {
    height: 1px;
    background-color: #353a40;
    opacity: 0.1;
    width: 100%;
}
._modal_1h72i_2 {
    background: #24262B;
    border-radius: 12px;
    color: white;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;

    border: 1px solid #393E44;
    box-sizing: border-box;

}


._modal_1h72i_2 p {
    font-size: 1.0rem;
    margin: 8px 16px 8px 16px;
    text-align: center;
    width: 70%;
}

._modal_1h72i_2 h4 {
    font-size: 1.0em;
    font-weight: 500;
    margin: 16px;
    text-align: center;
    width: 100%;
}


._modalHeader_1h72i_34 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: left;
    width: 100%;
    padding: 12px 22px 8px 22px;
    box-sizing: border-box;
}

._modalHeader_1h72i_34>* {
    width: 50%;
}

._modalLogo_1h72i_48 {
    height: 50px;
    object-fit: contain;
    transform: translate(-10%, -10%)
}


._modalTitle_1h72i_55 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    color: #F1F5F9;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 24px 24px 16px;
}

._modalTitleMargin_1h72i_70 {
    margin-top: 16px;
    margin-left: 32px;
}

._modalTitlePadding_1h72i_75 {
    padding: 16px;
}

._modalSpacer_1h72i_79 {
    content: "";
    display: block;
    width: 100%;
    height: 1.5px;
    background: #353a40;
}

._modalSpacerBig_1h72i_87 {
    height: 5px;
}

._modalFooter_1h72i_91 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-top: 16px;
    margin-bottom: 16px;

    width: 100%;
}

._modalFg_1h72i_103 {
    flex-grow: 1;
}

._modalFooter_1h72i_91 ._button_1h72i_107 {
    width: 40%;
}

._errorText_1h72i_111 {
    color: #ff0000;
}
@keyframes _spinner_opaig_11 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

._spinner_opaig_11 {
    animation: _spinner_opaig_11 infinite 1s linear;
    transform-origin: 50% 50%;

    width: 32px;
    height: 32px;

    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.0rem;

}

@keyframes _spin_opaig_11 {
    from {
        transform: scale(1.0);
        rotate: 25deg;
    }

    to {
        transform: scale(1.25);
        rotate: 65deg;
    }
}


._buttonGroup_opaig_38 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 90%;
    margin-top: 16px;
    margin-bottom: 16px;
}

._buttonGroup_opaig_38>._button_opaig_38 {
    width: 100%;
}


._buttonSmall_opaig_54 {
    display: inline-block;
    background: #24262B;
    border-radius: 8px;
    color: #FCFDFE;
    padding: 8px;
    font-size: 1.5rem;
    width: 24px;
    height: 24px;
    cursor: pointer;
    border: none;
    transition: background 0.2s, color 0.2s;
}

._buttonSmall_opaig_54._pressed_opaig_68,
._buttonSmall_opaig_54:active {
    background: linear-gradient(180deg, #d7d7d7 0%, #a0a0a0 100%);
}

._buttonSmall_opaig_54:hover {
    background: #393E44;
    outline: none;
}

._buttonSmall_opaig_54>span {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 24px;
    transform: translateY(-5%);
}

._buttonSmall_opaig_54:focus {
    background: #33399e;
    outline: none;
    border: 1px solid #b8badd;
}

._button_opaig_38 {
    background: linear-gradient(180deg, #9579f7 0%, #7060f2 100%);
    color: white;
    font-size: 0.9rem;
    font-weight: 600;
    text-align: center;
    padding: 14px 24px 14px 24px;
    border-radius: 32px;

    /** remove normal button styles */
    border: none;
    cursor: pointer;
    outline: inherit;
}

._buttonIcon_opaig_108 {
    background: linear-gradient(180deg, #9579f7 0%, #7060f2 100%);
    color: white;
    text-align: center;
    border-radius: 32px;
    padding: 8px;
}

._buttonIcon_opaig_108._pressed_opaig_68,
._buttonIcon_opaig_108:active {
    background: linear-gradient(180deg, #ccc8eb 0%, #aa94fd 100%);
}



._buttonHollow_opaig_123 {
    /** hollow button, white border transparent, pairs with .button **/
    background: transparent;
    border: 2px solid #353a40;
}

._buttonClose_opaig_129 {
    position: absolute;
    top: 8px;
    right: 8px;
    background: transparent;
    border-radius: 32px;
    border: 1px solid #353a40;
    color: #353a40;
    padding: 2px;
    font-size: 0.6rem;
    width: 0.75rem;
    height: 0.75rem;
    text-align: center;
    cursor: pointer;

    line-height: 0.75rem;
}

._buttonRow_opaig_147 {
    display: flex;
    align-items: center;
    justify-items: center;
    gap: 4px;
}

._rotateSpin_opaig_154 {
    animation: "spin 2s linear infinite alternate";
}

._rotateZero_opaig_158 {
    rotate: "0deg";
}._modal_1pgwo_1 {
    position: fixed;
    width: 460px;
    max-height: 78vh;
    overflow-y: auto;
    padding: 10px;
    box-sizing: border-box;
    gap: 10px;
    z-index: 100020;
}

._header_1pgwo_12 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: move;
}

._headerActions_1pgwo_20 {
    display: flex;
    align-items: center;
    gap: 6px;
}

._syncCheck_1pgwo_26 {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.72rem;
    opacity: 0.9;
    margin-right: 32px;
}

._statusRow_1pgwo_35 {
    width: 100%;
    font-size: 0.72rem;
    opacity: 0.75;
}

._addMenuWrap_1pgwo_41 {
    position: relative;
}

._dropdownMenu_1pgwo_45 {
    position: absolute;
    right: 0;
    top: 30px;
    background: #24262b;
    border: 1px solid #353a40;
    border-radius: 8px;
    min-width: 140px;
    z-index: 5;
    overflow: hidden;
}

._dropdownItem_1pgwo_57 {
    width: 100%;
    background: transparent;
    color: white;
    border: 0;
    text-align: left;
    padding: 8px 10px;
    cursor: pointer;
    font-size: 0.8rem;
}

._dropdownItem_1pgwo_57:hover {
    background: #313843;
}

._iconButton_1pgwo_72 {
    width: 24px;
    height: 24px;
    border: 1px solid #353a40;
    border-radius: 6px;
    background: #1d2127;
    color: #d7dbe3;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 0.72rem;
}

._iconButton_1pgwo_72:hover {
    color: white;
    border-color: #556276;
}

._iconButton_1pgwo_72._active_1pgwo_91 {
    border-color: #9cc4ff;
    color: #d9e9ff;
}

._list_1pgwo_96 {
    width: 100%;
    max-height: 140px;
    overflow-y: auto;
    background: #1c1f24;
    border: 1px solid #353a40;
    border-radius: 8px;
}

._listItem_1pgwo_105 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    border-bottom: 1px solid #2a2f35;
    cursor: pointer;
    font-size: 0.84rem;
}

._listItem_1pgwo_105:last-child {
    border-bottom: none;
}

._selected_1pgwo_119 {
    background: #2a3143;
}

._type_1pgwo_123 {
    opacity: 0.8;
    text-transform: uppercase;
    font-size: 0.67rem;
}

._panelControls_1pgwo_129 {
    width: 100%;
}

._quickBar_1pgwo_133 {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

._panelControls_1pgwo_129 select {
    width: 100%;
    background: #15181d;
    border: 1px solid #353a40;
    border-radius: 6px;
    color: white;
    padding: 6px;
    font-size: 0.82rem;
}

._controls_1pgwo_151 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

._field_1pgwo_158 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
}

._field_1pgwo_158 input {
    width: 160px;
    background: #15181d;
    border: 1px solid #353a40;
    border-radius: 5px;
    color: white;
    padding: 5px;
}

._checkField_1pgwo_175 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
}

._iconRow_1pgwo_182 {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

._axisBlock_1pgwo_188 {
    border: 1px solid #2e343b;
    border-radius: 6px;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

._blockTitle_1pgwo_197 {
    font-size: 0.78rem;
    opacity: 0.9;
}

._axisRow_1pgwo_202 {
    display: flex;
    gap: 6px;
}

._axisField_1pgwo_207 {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.72rem;
}

._axisField_1pgwo_207 input {
    width: 100%;
    background: #15181d;
    border: 1px solid #353a40;
    border-radius: 5px;
    color: white;
    padding: 5px;
}

._empty_1pgwo_224 {
    width: 100%;
    opacity: 0.75;
    text-align: center;
    font-size: 0.85rem;
}

._note_1pgwo_231 {
    font-size: 0.75rem;
    opacity: 0.8;
}

@media (max-width: 640px) {
    ._modal_1pgwo_1 {
        width: calc(100vw - 20px);
        max-height: 72vh;
    }
}
._pizzaContainer_ys2hg_1 {
    width: "100%";
    height: "50%";
    margin-top: "32px";
}


._pizzaModal_ys2hg_8 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);


    width: 70vw;
    max-width: 600px;
    height: 70vh;
    max-height: 600px;


    /** biig drop shadow **/
    box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.45);


    font-size: 0.85rem;
}

._pizzaModal_ys2hg_8 h1 {
    font-size: 1.2rem;
    margin: 16px;
    padding-left: 32px;
    font-weight: 500;
    text-align: left;
    width: 100%;
}

._pizzaModal_ys2hg_8 p {
    color: #ffffff;
    font-size: 0.85rem;
    font-weight: 300;
    padding: 16px;
}._onboardingModal_1xkb1_1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);


    width: 70vw;
    max-width: 600px;
    height: auto;
    min-height: min(58vh, 500px);
    max-height: 94svh;

    box-shadow: 0px 10px 10px 5px rgba(0, 0, 0, 0.45);


    font-size: 0.85rem;
    overflow: hidden;
}

._onboardingModalCompact_1xkb1_21 {
    min-height: 0;
    max-height: min(88svh, 560px);
}

._container_1xkb1_26 {
    display: flex;

    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;

    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    overflow-y: auto;
    padding: 10px 0 14px;
}

._shareInput_1xkb1_41 {
    background: #24262B;
    border: 1.5px solid #393E44;
    border-radius: 0.5rem;
    color: #ffffff;
    font-size: 1.0rem;
    padding: 1.0rem;
    width: 80%;

    margin-top: 16px;
    margin-bottom: 16px;
}

._avatarContainer_1xkb1_54 {
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
}


._myMessage_1xkb1_62 {
    color: #9579f7;
}

._theirMessage_1xkb1_66 {
    color: #ababab;
}

._chat-message-content_1xkb1_70 {
    font-size: 12px;
}


._signUp_1xkb1_75 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    width: 100%;
}

._signUp_1xkb1_75 span {
    color: #C7D2DA;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    width: 100%;
    padding: 0 0 6px 24px;
    box-sizing: border-box;
}

._formInput_1xkb1_93 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 6px;
}

._formInput_1xkb1_93 span {
    text-align: left;
}

._requiredAsterisk_1xkb1_105 {
    color: #F97066;
    font-weight: 600;
    padding: 0 !important;
    display: inline;
    width: auto !important;
}

._signUp_1xkb1_75 p {
    color: #ADBAC5;
    padding: 24px 0 20px;
    font-weight: 500;
    line-height: 20px;
    font-size: 14px;
    margin: 0;
}

._signUp_1xkb1_75 p a {
    color: #8A7AFB;
    text-decoration-line: underline;
}

._signUp_1xkb1_75 > ._button_1xkb1_127 {
    color: #FCFDFE;
    background: linear-gradient(180deg, #9A77FF 0%, #735FFA 100%);
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
    box-sizing: border-box;
    border: none;
    display: block;
    cursor: pointer;
}

._avatarRow_1xkb1_141 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    gap: 32px;

    min-height: clamp(150px, 24vh, 200px);
}

._avatarCol_1xkb1_152 {
    min-width: 160px;
    overflow: hidden;
}

._avatarCol_1xkb1_152 img {
    scale: 2.0;
}

._avatarCol_1xkb1_152:nth-child(1) img {
    height: clamp(120px, 19vh, 160px);
    opacity: 0.4;
}

._avatarCol_1xkb1_152:nth-child(2) img {
    height: clamp(150px, 24vh, 200px);
    opacity: 1;
}

._avatarCol_1xkb1_152:nth-child(3) img {
    height: clamp(120px, 19vh, 160px);
    opacity: 0.4;
}

/** goes after avatar-col, should get offset to 50% of the HEIGHT of the avatar-col **/
._avatarArrows_1xkb1_177 {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 18px;
    pointer-events: none;
}

._avatarArrows_1xkb1_177 button {
    border-radius: 50%;
    width: 42px;
    height: 42px;
    padding: 0;
    pointer-events: auto;
    border: none;
    cursor: pointer;
    background: #5A6268;
    opacity: 0.6;
    transition: background 0.3s, opacity 0.3s;
}

._avatarArrows_1xkb1_177 button:focus,
._avatarArrows_1xkb1_177 button:active {
    outline: none;
    background: #735FFA;
    opacity: 1;
}

._avatarArrows_1xkb1_177 button svg {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: 0 auto;
}

._errorText_1xkb1_220 {
    color: var(--color-error);
    margin-bottom: 16px;
}

._skipLink_1xkb1_225 {
    padding: 8px;
    margin-bottom: 0;
}

._skipLink_1xkb1_225 a {
    color: #ADBAC5;
    text-decoration: underline;
}

@media (max-height: 780px) {
    ._shareInput_1xkb1_41 {
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 0.8rem;
    }
}

._stepRow_1xkb1_243 {
    display: flex;
    flex-direction: row;
    justify-content: right;
    align-items: center;

    width: 100%;
    font-weight: 600;
}

._step_1xkb1_243 {
    background: #2b2f34;
    border: #24262B solid 8px;
    border-radius: 50%;
    color: white;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    font-size: 1.25rem;
}

._stepActive_1xkb1_267 {
    background: #5f41f8;
    border: #2b1f6a solid 8px;
}
._menuHidden_weg3h_1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
}

._loadBar_weg3h_10 {
    background: #8776FF;
    height: 4px;

    position: relative;
    z-index: 1;
}

._loadText_weg3h_18 {
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 16px;

    position: relative;
    z-index: 1;
}

._loadBarBg_weg3h_28 {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    opacity: 1;
    z-index: 0;

    touch-action: none;
    user-select: none;
    pointer-events: none;
}

._loadBarBg_weg3h_28::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;

    background: rgba(13, 13, 13, 0.20);
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.20), 0px 0px 2px 0px rgba(0, 0, 0, 0.08), 0px 2px 6px 0px rgba(0, 0, 0, 0.10);
}
._row_1uwt0_2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

._column_1uwt0_9 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


._eventName_1uwt0_17 {
    font-weight: 400;
}

._topbarContainer_1uwt0_21 {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
}

._topbar_1uwt0_21 {
    padding: 8px;
    color: white;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    background-color: #24262B;
    gap: 4px;

    position: relative;
    z-index: 1;
}

._topbarRight_1uwt0_43 {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
}
._xpMenu_1uwt0_50 {
    background-color: #121415;
    border-radius: 8px;
    padding: 4px;
    cursor: pointer;
    padding-right: 6px;
}._chatHistory_1br04_1 {
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    position: relative;
    z-index: -10;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;

    scrollbar-width: none;
    -ms-overflow-style: none;

    color: white;
    font-weight: normal;

    user-select: none;
    touch-action: none;
    pointer-events: none;

    -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-size: cover;
    mask-size: cover;
}

._chatHistoryBg_1br04_31 {

}

._chatOverlay_1br04_35 {
    user-select: none;
    pointer-events: none !important;
    touch-action: none;
    position: absolute;
    bottom: 50px;
    height: 20vh;
    width: 50vw;

    @media (max-width: 768px) {
        width: 100vw;
    }
}

._chatHistory_1br04_1::-webkit-scrollbar {
    display: none;
}

._chatMessage_1br04_53 {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    margin-bottom: 10px;
}

/** zoomed in on top middle of image, and a cut out circle **/
._chatMessageThumbnail_1br04_61 {
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;

    width: 20px;
    height: 20px;
}

._chatMessageThumb_1br04_61 {
    border-radius: 50%;
    background: skyblue;

    width: 20px;
    height: 20px;
    flex-shrink: 0;

    margin: 0 4px 0 0;

    border: 1px solid #353a40;
}

._chatMessageTime_1br04_83 {
    font-size: 12px;
    color: #9b9b9b;
    margin-right: 10px;
}

._chatMessageUsername_1br04_89 {
    font-size: 12px;
    font-weight: bold;

}

._chatMessageContent_1br04_95 {
    font-size: 12px;
    font-weight: normal;

    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}


._myMessage_1br04_107 {
    color: #9579f7;
}

._theirMessage_1br04_111 {
    color: #ababab;
}._cameraClose_mcn2c_1 {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 5px;
    top: 5px;
}


._cameraModal_mcn2c_10 {
    position: absolute;
    right: 16px;
    top: 70px;
    width: 320px;
    height: 240px;
    padding: 5px;
    display: none;
}

@media (max-width: 768px) {
    ._cameraModal_mcn2c_10 {
        right: 50%;
        transform: translateX(50%);
        top: 70px;
        width: 90vw;
        padding: 0;
        display: block;
        max-width: 320px;
    }
}

._cameraContainer_mcn2c_32 {
    width: 100%;
    height: 100%;

    overflow: hidden;
    border-radius: 10px;

    position: relative;
}

._cameraOverlay_mcn2c_42 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25%;
    background: rgba(36, 38, 43, 0.502);
    display: flex;
    align-items: center;
    justify-content: center;
}

._cameraOverlay_mcn2c_42>img {
    width: 40px;
    height: 40px;
}

._cameraGrow_mcn2c_59 {
    flex-grow: 1;
}

._cameraButtonFlip_mcn2c_63 {
    width: 25px;
    height: 25px;
    padding: 5px;
    position: absolute;
    left: 20px;
    top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0.5;

    background: rgba(88, 94, 107, 0.502);
    border-radius: 50%;
}
._spectatorPanel_1mdmc_2 {
    background: #25262a;
    border-radius: 40px;
    color: white;
    padding: 16px;
    margin: 16px;

    width: 70vw;
    max-width: 900px;

    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    gap: 16px;
    align-items: center;

    position: absolute;
    bottom: 10vh;
    left: 50%;
    transform: translateX(-50%);

    @media only screen and (max-device-width: 640px) {
        transform: unset;
        left: -2px;
        width: 85vw;
        flex-direction: column;
        font-size: 0.9rem;
        border-radius: 16px;
        bottom: 2vh;
    }
}

._spectatorPanel_1mdmc_2>._button_1mdmc_34 {

    @media only screen and (max-device-width: 640px) {
        font-size: 0.8rem;
        width: 140px !important;
        margin-left: auto;
    }
}

._spectatorNotice_1mdmc_43 {
    display: flex;
    gap: 8px;
    align-content: center;
    align-items: center;
    align-self: center;

    @media only screen and (max-device-width: 640px) {
        flex-direction: row;
    }
}

._spectatorLogo_1mdmc_55 {
    @media only screen and (max-device-width: 640px) {
        width: 40px;
        height: 40px;
    }
}

._loginButton_1mdmc_62 {
    width: 174px;
}._chatBarInput_1rc24_1 {
    width: auto;
    flex-grow: 1;
    padding: 8px;
    border-radius: 16px;
    background: white;
}
._chatBarContainer_1c3lm_2 {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
}

._chatBar_1c3lm_2 {
    padding: 8px !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;


    background-color: #24262B;
    gap: 4px;
}

._chatBarAvatarWrap_1c3lm_21 {
    border-radius: 50%;
    overflow: hidden;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    cursor: pointer;
    transition: background-color 0.4s ease;
    position: relative;
}

._chatBarAvatar_1c3lm_21 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.3s ease;
    display: block;
}

._chatBarAvatar_1c3lm_21._avatarLoaded_1c3lm_41 {
    opacity: 1;
}


._menuHidden_1c3lm_46 {
    visibility: hidden;
}

._micButton_1c3lm_50._active_1c3lm_50 {
    color: var(--color-button-text-active);
}._modalEditor_1fil1_1 {
    position: absolute;
    top: 0;
    right: 0;

    width: 370px;
    max-width: 600px;
    height: 100vh;
    z-index: 100001;

    font-size: 0.85rem;
    border-radius: 0;
    border-top: 0;
    border-bottom: 0;
}

._modalEditor_1fil1_1._visible_1fil1_17 {
    transition: transform 0.3s ease-in-out;
    transform: translateX(0);
}

._modalEditor_1fil1_1._hidden_1fil1_22 {
    transition: transform 0.3s ease-in-out;
    transform: translateX(100%);
}

._saveLoadModal_1fil1_27 {
    position: absolute;
    top: 50vh;
    left: 50vw;

    width: 50vw;
    z-index: 100005;

    transform: translate(-50%, -50%);
}

@media (max-width: 600px) {
    ._saveLoadModal_1fil1_27 {
        width: 90vw;
    }
}

._saveLoadTitle_1fil1_44 {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    width: 100%;
    margin: 10px;
}

._buttonMargin_1fil1_52 {
    margin-bottom: 10px;
}

._hideIcon_1fil1_56 {
    position: absolute;
    font-size: 24px;
    cursor: pointer;
    color: #fff;
    background: #24262B;
    border: 1px solid #353a40;
    border-right: 0;
    border-radius: 10px 0 0 10px;

    top: 5px;
    right: 371px;
}

@media (max-width: 600px) {
    ._modalEditor_1fil1_1 {
        width: 90vw;
    }

    ._hideIcon_1fil1_56 {
        right: calc(90vw + 1px);
    }
}


._title_1fil1_81 {
    text-align: center;
    margin: 8px;
    font-size: 20px;
}

._toolButtonRow_1fil1_87 {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin: 10px;
    gap: 4px;
}

._toolButton_1fil1_87 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #24262B;
    border: 1px solid #353a40;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    position: relative;
}

._toolButton_1fil1_87:hover {
    color: #00a2ff;
    outline: 1px solid #00a2ff;
}

._toolButton_1fil1_87._selected_1fil1_116 {
    color: #b5e2ff;
    outline: 1px solid #b5e2ff;
}

._subIcon_1fil1_121 {
    font-size: 20px;
    position: absolute;
    bottom: -4px;
    right: -4px;
}

._subIcon_1fil1_121._small_1fil1_128 {
    font-size: 14px;
}

._subIcon_1fil1_121._center_1fil1_132 {
    left: unset;
    right: unset;
}

._subIcon_1fil1_121._left_1fil1_137 {
    right: unset;
    left: -4px;
}

._tileStats_1fil1_142 {
    text-align: center;
    width: 90%;
    padding: 10px;
}

._tileStatsText_1fil1_148 {
    font-size: 14px;
    color: #fff;
}

._cameraRow_1fil1_153 {
    justify-content: space-between;
    width: 50%;
}

._camera_1fil1_153 > svg {
    transform: scaleY(0.6);
}

._cameraStatus_1fil1_162 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0px;
}

._cameraStatus_1fil1_162 ._cameraIcon_1fil1_170 {
    font-size: 20px;
}

._cameraStatus_1fil1_162 span {
    font-size: 10px;
}

._assetList_1fil1_178 {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    flex-direction: column;

    margin: 20px;

    width: 90%;
    min-height: 130px;
    border-radius: 16px;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #333;
}

._assetItem_1fil1_194 {
    padding: 10px;
    cursor: pointer;
    color: #fff;
}

._assetItem_1fil1_194._selected_1fil1_116 {
    background-color: #555;
}

._optionContainer_1fil1_204 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: 10px;
}

._optionsTitle_1fil1_213 {
    font-size: 16px;
    margin: 10px;
}

._optionTitle_1fil1_218 {
    font-size: 14px;
}

._optionContainer_1fil1_204 input[type="color"] {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    border: 1px solid #353a40;
}

._optionContainer_1fil1_204 input[type="number"] {
    width: 50px;
    background: #24262B;
    border: 1px solid #353a40;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    padding: 5px;
}

._optionInputNumber_1fil1_239 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    font-size: 16px;
    background: #24262B;
    border: 1px solid #353a40;
    border-radius: 5px;
    padding: 5px;
    gap: 6px;
    width: 100px;
}

._optionInputNumberLeft_1fil1_254 {
    font-size: 18px;
    cursor: pointer;
}

._optionInputNumberRight_1fil1_259 {
    font-size: 18px;
    cursor: pointer;
}

._textureList_1fil1_264 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    overflow-y: scroll;
    max-height: 70vh;
    margin: 10px;
    padding: 10px;
}

._textureItem_1fil1_275 {
    padding: 10px;
    cursor: pointer;
    color: #fff;
    border: 1px solid #353a40;
    border-radius: 5px;
    width: 48px;
    height: 48px;
    background-color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

._textureItem_1fil1_275._selected_1fil1_116 {
    outline: 1px solid #00a2ff;
}

._editorInput_1fil1_296 {
    background: #24262B;
    border: 1px solid #353a40;
    border-radius: 16px;
    color: #fff;
    font-size: 14px;
    padding: 16px;
    width: 90%;
    margin: 10px;
    outline: none;
}

._publishPreview_1fil1_308 {
    padding: 16px;
    height: 40px;
}

._uploadPosition_1fil1_313 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

._uploadPositionItem_1fil1_320 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 10px;
}

._uploadPositionTitle_1fil1_328 {
    margin-top: 10px;
}