:root { --spoke-action-color: #2F80ED; --spoke-action-text-color: white; --twitter-action-color: #1da1f2; --twitter-link-color: #5e93c5; --twitter-panel-background-color: #e6ecf0; --twitter-editor-border-color: #a4d9f9; --discord-text-color: white; --discord-background-color: #2A2D32; --discord-subtitle-color: #A3A3A3; --discord-action-color: #7289DA; --discord-secondary-text-color: #7f7f7f; --discord-secondary-action-color: #404040; --hud-panel-background: rgba(79, 79, 79, 0.45); --hud-dropdown-background-color: rgba(72, 72, 72, 0.2); --hud-dropdown-border-color: rgba(72, 72, 72, 0.3); --hud-panel-text-color: #f0f0f0; --hud-panel-link-color: white; --overlay-text-field-text-color: white; --overlay-text-field-widget-color: gray; --overlay-text-field-background-color: rgba(64, 64, 64, 0.55); --overlay-text-field-focused-background-color: #404040; --overlay-text-field-placeholder-color: gray; --overlay-text-field-disabled-color: gray; --lightbox-text-color: white; --lightbox-icon-color: black; --lightbox-text-field-color: white; --lightbox-text-field-border-color: #e2e2e2; --lightbox-text-field-text-color: black; --lightbox-background-color: rgba(0, 0, 0, 0.9); --lightbox-icon-background-color: white; --lightbox-widget-color: #404040; --post-session-splash-text-color: white; --post-session-splash-background-color: black; --post-session-splash-secondary-action-color: #f0f0f0; --vr-interstitial-background-color: rgba(0, 0, 0, 0.9); --vr-interstitial-text-color: #f0f0f0; } .light-theme { --action-button-secondary-background: white; --text-field-text-color: black; --text-field-widget-color: #202020; --text-field-background-color: white; --text-field-placeholder-color: gray; --text-field-disabled-color: gray; --text-field-border-color: #e2e2e2; --panel-action-button-secondary-background: #f4f4f4; --panel-background-color: rgba(255, 255, 255, 0.9); --panel-text-color: black; --panel-overlay-text-color: black; --panel-overlay-background-color: rgba(0,0,0,0.85); --overlay-button-background-color: white; --overlay-button-icon-color: #202020; --action-button-secondary-icon: gray; --full-panel-background-color: rgba(255, 255, 255, 0.98); --menu-background-color: white; --menu-link-color: black; --menu-link-underline-color: gray; --menu-header-text-color: gray; --menu-text-color: black; --menu-icon-color: #202020; --menu-attach-point-color: rgba(255, 255, 255, 0.9); --panel-rule-color: lightgrey; --panel-link-underline-color: gray; --panel-widget-color: gray; --unfavorited-color: gray; --panel-widget-disabled-color: gray; --panel-title-underline-color: gray; --panel-subtitle-color: gray; --panel-subtext-color: #7f7f7f; --panel-subtext-link-color: gray; --panel-subtext-disabled-color: lightgrey; --panel-icon-color: #404040; --overlay-text-color: black; --loading-background-color: #d7e5ec; --loading-spinner-color: #555; --loading-text-color: #404040; --lobby-overlay-widget-background-color: rgba(255, 255, 255, 0.9); --lobby-overlay-widget-text-color: black; --lobby-overlay-widget-thumbnail-border-color: rgba(255, 255, 255, 0.15); --spawned-overlay-widget-background-color: black; --spawned-overlay-widget-source-text-color: #f0f0f0; --spawned-overlay-widget-text-color: white; --spawned-overlay-widget-link-color: white; --chat-popup-background-color: #404040; --chat-popup-text-color: #f0f0f0; --home-background-color: white; --home-header-background-color: white; --home-footer-background-color: white; --home-header-link-color: black; --home-footer-text-color: black; --home-footer-link-color: gray; --home-text-color: black; --home-media-panel-background-color: rgba(255, 255, 255, 0.6); --link-background-color: white; --link-text-color: black; --link-button-highlight-color: rgba(255, 255, 255, 0); --link-keypad-background-color: #f7f7f7; --link-button-background-color: white; --link-entry-color: black; --link-button-active-background-color: lightgrey; --link-button-active-color: lightgrey; --link-button-disabled-color: lightgrey; --link-icon-color: #333; --link-code-loading-background: rgba(0.4, 0.4, 0.4, 0.85); --scene-text-color: white; --scene-overlay-text-color: black; --scene-loading-overlay-color: rgba(255, 255, 255, 0.2); --tile-button-tip-background-color: #404040; --tile-button-tip-text-color: #f0f0f0; --tile-button-icon-color: black; --tile-button-icon-hover-color: white; --tile-button-background-color: #ffffffde; --tile-inset-text: #404040; --tile-selected-color: #eaeaea; --tile-title-color: black; --tile-subtitle-color: #404040; --tile-subtitle-link-color: gray; --tile-subtext-color: #7f7f7f; --tile-background-color: lightgrey; --tile-alt-background-color: #f0f0f0; --tile-empty-text-color: grey; --overflow-tip-background-color: rgba(220, 220, 220, 0.5); --overflow-tip-icon-color: black; --icon-button-background-color: black; --icon-button-border-color: white; } .dark-theme { --action-button-secondary-background: #404040; --text-field-text-color: lightgrey; --text-field-widget-color: #f0f0f0; --text-field-background-color: #404040; --text-field-placeholder-color: gray; --text-field-disabled-color: #202020; --text-field-border-color: #404040; --panel-action-button-secondary-background: #404040; --panel-background-color: rgba(32, 32, 32, 0.9); --panel-text-color: #fafafa; --panel-overlay-text-color: black; --panel-overlay-background-color: rgba(0,0,0,0.85); --overlay-button-background-color: rgba(50, 50, 50, 0.95); --overlay-button-icon-color: lightgrey; --unfavorited-color: gray; --action-button-secondary-icon: #fafafa; --full-panel-background-color: rgba(32, 32, 32, 0.98); --menu-background-color: rgba(32, 32, 32, 0.9); --menu-link-color: #fafafa; --menu-link-underline-color: gray; --menu-header-text-color: lightgrey; --menu-text-color: #fafafa; --menu-icon-color: lightgrey; --menu-attach-point-color: rgba(32, 32, 32, 0.9); --panel-rule-color: gray; --panel-link-underline-color: gray; --panel-widget-color: gray; --panel-widget-disabled-color: gray; --panel-title-underline-color: gray; --panel-subtitle-color: lightgrey; --panel-subtext-color: #fafafa; --panel-subtext-link-color: gray; --panel-subtext-disabled-color: #404040; --panel-icon-color: gray; --overlay-text-color: black; --loading-background-color: #202020; --loading-spinner-color: gray; --loading-text-color: lightgrey; --lobby-overlay-widget-background-color: rgba(32, 32, 32, 0.9); --lobby-overlay-widget-text-color: #fafafa; --lobby-overlay-widget-thumbnail-border-color: rgba(64, 64, 64, 0.15); --spawned-overlay-widget-background-color: black; --spawned-overlay-widget-source-text-color: #f0f0f0; --spawned-overlay-widget-text-color: white; --spawned-overlay-widget-link-color: white; --chat-popup-background-color: #404040; --chat-popup-text-color: #f0f0f0; --home-background-color: #202020; --home-header-background-color: #202020; --home-footer-background-color: black; --home-header-link-color: #fafafa; --home-footer-text-color: white; --home-footer-link-color: white; --home-text-color: #fafafa; --home-media-panel-background-color: rgba(255, 255, 255, 0.1); --link-background-color: #202020; --link-text-color: #fafafa; --link-button-highlight-color: lightgrey; --link-keypad-background-color: #202020; --link-button-background-color: rgba(16, 16, 16, 1); --link-entry-color: #fafafa; --link-button-active-background-color: lightgrey; --link-button-active-color: lightgrey; --link-button-disabled-color: lightgrey; --link-icon-color: #333; --link-code-loading-background: rgba(0.4, 0.4, 0.4, 0.85); --scene-text-color: white; --scene-overlay-text-color: black; --scene-loading-overlay-color: rgba(255, 255, 255, 0.2); --tile-button-tip-background-color: #404040; --tile-button-tip-text-color: #f0f0f0; --tile-button-icon-color: black; --tile-button-icon-hover-color: white; --tile-button-background-color: #ffffffde; --tile-inset-text: #404040; --tile-selected-color: #404040; --tile-title-color: #fafafa; --tile-subtitle-color: #f0f0f0; --tile-subtitle-link-color: lightgrey; --tile-subtext-color: gray; --tile-background-color: gray; --tile-alt-background-color: #404040; --tile-empty-text-color: lightgrey; --overflow-tip-background-color: rgba(220, 220, 220, 0.5); --overflow-tip-icon-color: black; --icon-button-background-color: black; --icon-button-border-color: gray; } .hub__ui__3UYRO, .hub__ui-dialog__vlyfc, .hub__ui-interactive__3bdyc, .hub__object-list-button__3_GDV, .hub__presence-list-button__1jHMG, .hub__corner-button__2KphD, .webxr-realities, .webxr-sessions { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .invite-form__link_field, .invite-team-form__link_field, .add-media-form__link_field, .custom-scene-form__link_field, .mailing-list-form__email_field, .hub__profile-entry__1RY0R .hub__form-submit__12yem, .audio-setup-panel__enter-button, .invite-form__action-button, .invite-team-form__action-button, .add-media-form__action-button, .custom-scene-form__action-button, .autoexit-panel__cancel-button, .mic-grant-panel__next, .mailing-list-form__submit, .info-dialog--action-button, .hub__nag-corner-button__lNoyE button, .hub__choose-scene-button__5Y0Q_, .hub__profile-entry__1RY0R .hub__choose-avatar__22JJm a, .hub__entry-button-secondary__2ui-g, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__secondary-action-button__2KoCD, .hub__leave-button__1YK4o, .hub__interstitial__3WXbJ div, .hub__entry-button__1e9jM, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__action-button__3zqlu, .hub__collapse-button__3N-6b, .hub__favorite-button__1Qgbp, .hub__back__3AZh2, .audio-setup-panel__device-chooser__dropdown, .loading-panel, .hub__ui__3UYRO, .hub__interstitial__3WXbJ, .exited-panel__subtitle, .hub__profile-entry__1RY0R .hub__form-field-text__tR1Lt, .hub__entry-panel__cCmIv .hub__lobby-label__2ktmo { font-family: 'Open Sans', sans-serif; } .audio-setup-panel__device-chooser__dropdown, .hub__entry-button__1e9jM .hub__label__1kjp1, .hub__entry-panel__cCmIv .hub__title__ezGEu, .hub__entry-panel__cCmIv .hub__name__2umw1, .hub__entry-panel__cCmIv .hub__name__2umw1 .hub__rename-button__h-4K7, .hub__entry-panel__cCmIv .hub__center__1Mvfu, .audio-setup-panel__title, .audio-setup-panel__subtitle, .mic-grant-panel__title, .mic-grant-panel__subtitle { font-family: 'Open Sans', sans-serif; color: var(--panel-text-color); } .invite-form__link_field, .invite-team-form__link_field, .add-media-form__link_field, .custom-scene-form__link_field, .mailing-list-form__email_field, .audio-setup-panel__device-chooser__dropdown { border: 1px solid var(--text-field-border-color); box-sizing: border-box; border-radius: 10px; } .invite-form, .invite-team-form, .add-media-form, .custom-scene-form { display: flex; flex-direction: column; align-items: center; text-align: center; margin: 0; } .invite-form__link_field, .invite-team-form__link_field, .add-media-form__link_field, .custom-scene-form__link_field, .mailing-list-form__email_field { color: var(--text-field-text-color); font-size: 1.2em; background-color: transparent; line-height: 2.0em; padding-left: 1.25em; padding-right: 1.25em; margin: 0.5em 0; width: 100%; } .hub__profile-entry__1RY0R .hub__form-submit__12yem, .audio-setup-panel__enter-button, .invite-form__action-button, .invite-team-form__action-button, .add-media-form__action-button, .custom-scene-form__action-button, .autoexit-panel__cancel-button, .mic-grant-panel__next, .mailing-list-form__submit, .info-dialog--action-button { margin: 16px 0; } .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__wide-button__1yqDc, .audio-setup-panel__enter-button, .mic-grant-panel__next { width: 350px; } @media (max-width: 768px) { .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__wide-button__1yqDc, .audio-setup-panel__enter-button, .mic-grant-panel__next { width: 327px; } } @media (max-width: 375px) { .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__wide-button__1yqDc, .audio-setup-panel__enter-button, .mic-grant-panel__next { width: 300px; } } .hub__profile-entry__1RY0R .hub__form-submit__12yem, .audio-setup-panel__enter-button, .invite-form__action-button, .invite-team-form__action-button, .add-media-form__action-button, .custom-scene-form__action-button, .autoexit-panel__cancel-button, .mic-grant-panel__next, .mailing-list-form__submit, .info-dialog--action-button, .hub__nag-corner-button__lNoyE button, .hub__choose-scene-button__5Y0Q_, .hub__profile-entry__1RY0R .hub__choose-avatar__22JJm a, .hub__entry-button-secondary__2ui-g, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__secondary-action-button__2KoCD, .hub__leave-button__1YK4o, .hub__interstitial__3WXbJ div, .hub__entry-button__1e9jM, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__action-button__3zqlu { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__action-button__3zqlu, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__secondary-action-button__2KoCD, .audio-setup-panel__enter-button, .mic-grant-panel__next { border-radius: 30px; height: 60px; } .hub__nag-corner-button__lNoyE button, .hub__choose-scene-button__5Y0Q_, .hub__profile-entry__1RY0R .hub__choose-avatar__22JJm a, .hub__entry-button-secondary__2ui-g, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__secondary-action-button__2KoCD { background-color: var(--action-button-secondary-background); color: var(--action-label-color, #FF3464); } .hub__profile-entry__1RY0R .hub__form-submit__12yem, .audio-setup-panel__enter-button, .invite-form__action-button, .invite-team-form__action-button, .add-media-form__action-button, .custom-scene-form__action-button { background: var(--action-color, #FF3464); } .autoexit-panel__title, .hub__profile-entry__1RY0R .hub__title__ezGEu, .hub__entry-panel__cCmIv .hub__title__ezGEu, .hub__entry-panel__cCmIv .hub__name__2umw1, .audio-setup-panel__title, .mic-grant-panel__title, .dialog__box__contents__title { font-size: 1.5em; font-weight: bold; color: var(--panel-text-color); } .autoexit-panel__subtitle, .audio-setup-panel__subtitle, .mic-grant-panel__subtitle { font-size: 1.0em; padding-top: 4px; } .hub__entry-panel__cCmIv .hub__screen-sharing__2VF91 .hub__checkbox__32dyv, .audio-setup-panel__mute-container input, .mailing-list-form__privacy_checkbox { cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; width: 2em; height: 2em; border: 1px solid var(--text-field-border-color); background-color: var(--text-field-background-color); border-radius: 6px; vertical-align: sub; margin: 0 0.7em; } .hub__entry-panel__cCmIv .hub__screen-sharing__2VF91 .hub__checkbox__32dyv:checked, .audio-setup-panel__mute-container input:checked, .mailing-list-form__privacy_checkbox:checked { position: relative; } .hub__entry-panel__cCmIv .hub__screen-sharing__2VF91 .hub__checkbox__32dyv:checked::after, .audio-setup-panel__mute-container input:checked::after, .mailing-list-form__privacy_checkbox:checked::after { content: ' '; position: absolute; background: var(--action-color, #FF3464); top: 0.3em; left: 0.3em; right: 0.3em; bottom: 0.3em; border-radius: 0.3em; } .hub__collapse-button__3N-6b, .hub__favorite-button__1Qgbp, .hub__back__3AZh2 { margin: 16px 0; padding: 0; display: block; background: none; border: none; color: var(--panel-text-color); cursor: pointer; font-size: 0.8em; outline-style: none; } .hub__profile-entry__1RY0R .hub__close__gWtCN button, .dialog__box__contents__close { cursor: pointer; color: var(--panel-widget-color); outline-style: none; background: none; border: none; } .hub__invite-tip__9enoe { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: flex; justify-content: center; align-items: center; flex-direction: row; border-radius: 28px; border: 0; pointer-events: auto; z-index: 2; font-size: 0.8em; color: var(--notice-text-color, white); padding: 12px 24px; background-color: var(--notice-background-color, #2F80ED); text-align: center; } .audio-setup-panel__device-chooser { position: relative; display: flex; align-items: center; } .audio-setup-panel__device-chooser__dropdown { appearance: none; background-color: var(--text-field-background-color); -moz-appearance: none; -webkit-appearance: none; border: 1px solid var(--text-field-border-color); padding: 6px; font-weight: bold; padding-right: 30px; } .audio-setup-panel__device-chooser__dropdown-arrow { pointer-events: none; position: absolute; right: 7.5%; } .hub__ui__3UYRO, .hub__ui-dialog__vlyfc, .hub__ui-interactive__3bdyc, .hub__object-list-button__3_GDV, .hub__presence-list-button__1jHMG, .hub__corner-button__2KphD, .webxr-realities, .webxr-sessions { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .invite-form__link_field, .invite-team-form__link_field, .add-media-form__link_field, .custom-scene-form__link_field, .mailing-list-form__email_field, .hub__profile-entry__1RY0R .hub__form-submit__12yem, .audio-setup-panel__enter-button, .invite-form__action-button, .invite-team-form__action-button, .add-media-form__action-button, .custom-scene-form__action-button, .autoexit-panel__cancel-button, .mic-grant-panel__next, .mailing-list-form__submit, .info-dialog--action-button, .hub__nag-corner-button__lNoyE button, .hub__choose-scene-button__5Y0Q_, .hub__profile-entry__1RY0R .hub__choose-avatar__22JJm a, .hub__entry-button-secondary__2ui-g, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__secondary-action-button__2KoCD, .hub__leave-button__1YK4o, .hub__interstitial__3WXbJ div, .hub__entry-button__1e9jM, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__action-button__3zqlu, .hub__collapse-button__3N-6b, .hub__favorite-button__1Qgbp, .hub__back__3AZh2, .audio-setup-panel__device-chooser__dropdown, .loading-panel, .hub__ui__3UYRO, .hub__interstitial__3WXbJ, .exited-panel__subtitle, .hub__profile-entry__1RY0R .hub__form-field-text__tR1Lt, .hub__entry-panel__cCmIv .hub__lobby-label__2ktmo { font-family: 'Open Sans', sans-serif; } .audio-setup-panel__device-chooser__dropdown, .hub__entry-button__1e9jM .hub__label__1kjp1, .hub__entry-panel__cCmIv .hub__title__ezGEu, .hub__entry-panel__cCmIv .hub__name__2umw1, .hub__entry-panel__cCmIv .hub__name__2umw1 .hub__rename-button__h-4K7, .hub__entry-panel__cCmIv .hub__center__1Mvfu, .audio-setup-panel__title, .audio-setup-panel__subtitle, .mic-grant-panel__title, .mic-grant-panel__subtitle { font-family: 'Open Sans', sans-serif; color: var(--panel-text-color); } .invite-form__link_field, .invite-team-form__link_field, .add-media-form__link_field, .custom-scene-form__link_field, .mailing-list-form__email_field, .audio-setup-panel__device-chooser__dropdown { border: 1px solid var(--text-field-border-color); box-sizing: border-box; border-radius: 10px; } .invite-form, .invite-team-form, .add-media-form, .custom-scene-form { display: flex; flex-direction: column; align-items: center; text-align: center; margin: 0; } .invite-form__link_field, .invite-team-form__link_field, .add-media-form__link_field, .custom-scene-form__link_field, .mailing-list-form__email_field { color: var(--text-field-text-color); font-size: 1.2em; background-color: transparent; line-height: 2.0em; padding-left: 1.25em; padding-right: 1.25em; margin: 0.5em 0; width: 100%; } .hub__profile-entry__1RY0R .hub__form-submit__12yem, .audio-setup-panel__enter-button, .invite-form__action-button, .invite-team-form__action-button, .add-media-form__action-button, .custom-scene-form__action-button, .autoexit-panel__cancel-button, .mic-grant-panel__next, .mailing-list-form__submit, .info-dialog--action-button { margin: 16px 0; } .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__wide-button__1yqDc, .audio-setup-panel__enter-button, .mic-grant-panel__next { width: 350px; } @media (max-width: 768px) { .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__wide-button__1yqDc, .audio-setup-panel__enter-button, .mic-grant-panel__next { width: 327px; } } @media (max-width: 375px) { .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__wide-button__1yqDc, .audio-setup-panel__enter-button, .mic-grant-panel__next { width: 300px; } } .hub__profile-entry__1RY0R .hub__form-submit__12yem, .audio-setup-panel__enter-button, .invite-form__action-button, .invite-team-form__action-button, .add-media-form__action-button, .custom-scene-form__action-button, .autoexit-panel__cancel-button, .mic-grant-panel__next, .mailing-list-form__submit, .info-dialog--action-button, .hub__nag-corner-button__lNoyE button, .hub__choose-scene-button__5Y0Q_, .hub__profile-entry__1RY0R .hub__choose-avatar__22JJm a, .hub__entry-button-secondary__2ui-g, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__secondary-action-button__2KoCD, .hub__leave-button__1YK4o, .hub__interstitial__3WXbJ div, .hub__entry-button__1e9jM, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__action-button__3zqlu { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__action-button__3zqlu, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__secondary-action-button__2KoCD, .audio-setup-panel__enter-button, .mic-grant-panel__next { border-radius: 30px; height: 60px; } .hub__nag-corner-button__lNoyE button, .hub__choose-scene-button__5Y0Q_, .hub__profile-entry__1RY0R .hub__choose-avatar__22JJm a, .hub__entry-button-secondary__2ui-g, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__secondary-action-button__2KoCD { background-color: var(--action-button-secondary-background); color: var(--action-label-color, #FF3464); } .hub__profile-entry__1RY0R .hub__form-submit__12yem, .audio-setup-panel__enter-button, .invite-form__action-button, .invite-team-form__action-button, .add-media-form__action-button, .custom-scene-form__action-button { background: var(--action-color, #FF3464); } .autoexit-panel__title, .hub__profile-entry__1RY0R .hub__title__ezGEu, .hub__entry-panel__cCmIv .hub__title__ezGEu, .hub__entry-panel__cCmIv .hub__name__2umw1, .audio-setup-panel__title, .mic-grant-panel__title, .dialog__box__contents__title { font-size: 1.5em; font-weight: bold; color: var(--panel-text-color); } .autoexit-panel__subtitle, .audio-setup-panel__subtitle, .mic-grant-panel__subtitle { font-size: 1.0em; padding-top: 4px; } .hub__entry-panel__cCmIv .hub__screen-sharing__2VF91 .hub__checkbox__32dyv, .audio-setup-panel__mute-container input, .mailing-list-form__privacy_checkbox { cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; width: 2em; height: 2em; border: 1px solid var(--text-field-border-color); background-color: var(--text-field-background-color); border-radius: 6px; vertical-align: sub; margin: 0 0.7em; } .hub__entry-panel__cCmIv .hub__screen-sharing__2VF91 .hub__checkbox__32dyv:checked, .audio-setup-panel__mute-container input:checked, .mailing-list-form__privacy_checkbox:checked { position: relative; } .hub__entry-panel__cCmIv .hub__screen-sharing__2VF91 .hub__checkbox__32dyv:checked::after, .audio-setup-panel__mute-container input:checked::after, .mailing-list-form__privacy_checkbox:checked::after { content: ' '; position: absolute; background: var(--action-color, #FF3464); top: 0.3em; left: 0.3em; right: 0.3em; bottom: 0.3em; border-radius: 0.3em; } .hub__collapse-button__3N-6b, .hub__favorite-button__1Qgbp, .hub__back__3AZh2 { margin: 16px 0; padding: 0; display: block; background: none; border: none; color: var(--panel-text-color); cursor: pointer; font-size: 0.8em; outline-style: none; } .hub__profile-entry__1RY0R .hub__close__gWtCN button, .dialog__box__contents__close { cursor: pointer; color: var(--panel-widget-color); outline-style: none; background: none; border: none; } .hub__invite-tip__9enoe { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: flex; justify-content: center; align-items: center; flex-direction: row; border-radius: 28px; border: 0; pointer-events: auto; z-index: 2; font-size: 0.8em; color: var(--notice-text-color, white); padding: 12px 24px; background-color: var(--notice-background-color, #2F80ED); text-align: center; } .audio-setup-panel__device-chooser { position: relative; display: flex; align-items: center; } .audio-setup-panel__device-chooser__dropdown { appearance: none; background-color: var(--text-field-background-color); -moz-appearance: none; -webkit-appearance: none; border: 1px solid var(--text-field-border-color); padding: 6px; font-weight: bold; padding-right: 30px; } .audio-setup-panel__device-chooser__dropdown-arrow { pointer-events: none; position: absolute; right: 7.5%; } .loader-wrap { pointer-events: none; position: relative; width: 100px; height: 90px; } .loader-bottom { position: fixed; bottom: 8px; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; } .loader-mid { -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; } .loading-panel { position: absolute; top: 0; left: 0; background-color: var(--loading-background-color); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; } .loading-panel__logo { width: 247px; margin: 20px 0 10px 0; filter: drop-shadow(0 0 4px #888); } .loading-panel__powered-by { position: absolute; bottom: 12px; left: 12px; font-weight: normal; font-size: 0.8em; color: var(--loading-text-color); } @media (max-width: 768px), (max-height: 480px) { .loading-panel__powered-by { display: none; } } .loading-panel__powered-by a { color: var(--loading-text-color); } .loading-panel__powered-by__prefix { margin-right: 4px; } .loader-center, .loader:before, .loader:after { background: var(--loading-spinner-color); -webkit-animation: loader-animation 1s infinite ease-in-out; animation: loader-animation 1s infinite ease-in-out; width: 0.6em; height: 1em; border-radius: 5px; } .loader { color: var(--loading-spinner-color); text-indent: -9999em; margin-left: 4em; margin-top: 4em; font-size: 11px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .loader-center, .loader:before, .loader:after { position: absolute; top: 0; content: ''; } .loader-center { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .loader:before { left: -1.2em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .loader:after { left: 1.2em; } @-webkit-keyframes loader-animation { 0%, 80%, 100% { height: 2em; top: 0; } 40% { height: 3.5em; top: -0.75em; } } @keyframes loader-animation { 0%, 80%, 100% { height: 2em; top: 0; } 40% { height: 3.5em; top: -0.75em; } } .hub__loading-text__1WDud { font-weight: normal; font-size: 0.8em; color: var(--loading-text-color); margin-top: 0; } .hub__ui__3UYRO, .hub__ui-dialog__vlyfc, .hub__ui-interactive__3bdyc, .hub__object-list-button__3_GDV, .hub__presence-list-button__1jHMG, .hub__corner-button__2KphD, .webxr-realities, .webxr-sessions { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .invite-form__link_field, .invite-team-form__link_field, .add-media-form__link_field, .custom-scene-form__link_field, .mailing-list-form__email_field, .hub__profile-entry__1RY0R .hub__form-submit__12yem, .audio-setup-panel__enter-button, .invite-form__action-button, .invite-team-form__action-button, .add-media-form__action-button, .custom-scene-form__action-button, .autoexit-panel__cancel-button, .mic-grant-panel__next, .mailing-list-form__submit, .info-dialog--action-button, .hub__nag-corner-button__lNoyE button, .hub__choose-scene-button__5Y0Q_, .hub__profile-entry__1RY0R .hub__choose-avatar__22JJm a, .hub__entry-button-secondary__2ui-g, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__secondary-action-button__2KoCD, .hub__leave-button__1YK4o, .hub__interstitial__3WXbJ div, .hub__entry-button__1e9jM, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__action-button__3zqlu, .hub__collapse-button__3N-6b, .hub__favorite-button__1Qgbp, .hub__back__3AZh2, .audio-setup-panel__device-chooser__dropdown, .loading-panel, .hub__ui__3UYRO, .hub__interstitial__3WXbJ, .exited-panel__subtitle, .hub__profile-entry__1RY0R .hub__form-field-text__tR1Lt, .hub__entry-panel__cCmIv .hub__lobby-label__2ktmo { font-family: 'Open Sans', sans-serif; } .audio-setup-panel__device-chooser__dropdown, .hub__entry-button__1e9jM .hub__label__1kjp1, .hub__entry-panel__cCmIv .hub__title__ezGEu, .hub__entry-panel__cCmIv .hub__name__2umw1, .hub__entry-panel__cCmIv .hub__name__2umw1 .hub__rename-button__h-4K7, .hub__entry-panel__cCmIv .hub__center__1Mvfu, .audio-setup-panel__title, .audio-setup-panel__subtitle, .mic-grant-panel__title, .mic-grant-panel__subtitle { font-family: 'Open Sans', sans-serif; color: var(--panel-text-color); } .invite-form__link_field, .invite-team-form__link_field, .add-media-form__link_field, .custom-scene-form__link_field, .mailing-list-form__email_field, .audio-setup-panel__device-chooser__dropdown { border: 1px solid var(--text-field-border-color); box-sizing: border-box; border-radius: 10px; } .invite-form, .invite-team-form, .add-media-form, .custom-scene-form { display: flex; flex-direction: column; align-items: center; text-align: center; margin: 0; } .invite-form__link_field, .invite-team-form__link_field, .add-media-form__link_field, .custom-scene-form__link_field, .mailing-list-form__email_field { color: var(--text-field-text-color); font-size: 1.2em; background-color: transparent; line-height: 2.0em; padding-left: 1.25em; padding-right: 1.25em; margin: 0.5em 0; width: 100%; } .hub__profile-entry__1RY0R .hub__form-submit__12yem, .audio-setup-panel__enter-button, .invite-form__action-button, .invite-team-form__action-button, .add-media-form__action-button, .custom-scene-form__action-button, .autoexit-panel__cancel-button, .mic-grant-panel__next, .mailing-list-form__submit, .info-dialog--action-button { margin: 16px 0; } .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__wide-button__1yqDc, .audio-setup-panel__enter-button, .mic-grant-panel__next { width: 350px; } @media (max-width: 768px) { .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__wide-button__1yqDc, .audio-setup-panel__enter-button, .mic-grant-panel__next { width: 327px; } } @media (max-width: 375px) { .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__wide-button__1yqDc, .audio-setup-panel__enter-button, .mic-grant-panel__next { width: 300px; } } .hub__profile-entry__1RY0R .hub__form-submit__12yem, .audio-setup-panel__enter-button, .invite-form__action-button, .invite-team-form__action-button, .add-media-form__action-button, .custom-scene-form__action-button, .autoexit-panel__cancel-button, .mic-grant-panel__next, .mailing-list-form__submit, .info-dialog--action-button, .hub__nag-corner-button__lNoyE button, .hub__choose-scene-button__5Y0Q_, .hub__profile-entry__1RY0R .hub__choose-avatar__22JJm a, .hub__entry-button-secondary__2ui-g, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__secondary-action-button__2KoCD, .hub__leave-button__1YK4o, .hub__interstitial__3WXbJ div, .hub__entry-button__1e9jM, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__action-button__3zqlu { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__action-button__3zqlu, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__secondary-action-button__2KoCD, .audio-setup-panel__enter-button, .mic-grant-panel__next { border-radius: 30px; height: 60px; } .hub__nag-corner-button__lNoyE button, .hub__choose-scene-button__5Y0Q_, .hub__profile-entry__1RY0R .hub__choose-avatar__22JJm a, .hub__entry-button-secondary__2ui-g, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__secondary-action-button__2KoCD { background-color: var(--action-button-secondary-background); color: var(--action-label-color, #FF3464); } .hub__profile-entry__1RY0R .hub__form-submit__12yem, .audio-setup-panel__enter-button, .invite-form__action-button, .invite-team-form__action-button, .add-media-form__action-button, .custom-scene-form__action-button { background: var(--action-color, #FF3464); } .autoexit-panel__title, .hub__profile-entry__1RY0R .hub__title__ezGEu, .hub__entry-panel__cCmIv .hub__title__ezGEu, .hub__entry-panel__cCmIv .hub__name__2umw1, .audio-setup-panel__title, .mic-grant-panel__title, .dialog__box__contents__title { font-size: 1.5em; font-weight: bold; color: var(--panel-text-color); } .autoexit-panel__subtitle, .audio-setup-panel__subtitle, .mic-grant-panel__subtitle { font-size: 1.0em; padding-top: 4px; } .hub__entry-panel__cCmIv .hub__screen-sharing__2VF91 .hub__checkbox__32dyv, .audio-setup-panel__mute-container input, .mailing-list-form__privacy_checkbox { cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; width: 2em; height: 2em; border: 1px solid var(--text-field-border-color); background-color: var(--text-field-background-color); border-radius: 6px; vertical-align: sub; margin: 0 0.7em; } .hub__entry-panel__cCmIv .hub__screen-sharing__2VF91 .hub__checkbox__32dyv:checked, .audio-setup-panel__mute-container input:checked, .mailing-list-form__privacy_checkbox:checked { position: relative; } .hub__entry-panel__cCmIv .hub__screen-sharing__2VF91 .hub__checkbox__32dyv:checked::after, .audio-setup-panel__mute-container input:checked::after, .mailing-list-form__privacy_checkbox:checked::after { content: ' '; position: absolute; background: var(--action-color, #FF3464); top: 0.3em; left: 0.3em; right: 0.3em; bottom: 0.3em; border-radius: 0.3em; } .hub__collapse-button__3N-6b, .hub__favorite-button__1Qgbp, .hub__back__3AZh2 { margin: 16px 0; padding: 0; display: block; background: none; border: none; color: var(--panel-text-color); cursor: pointer; font-size: 0.8em; outline-style: none; } .hub__profile-entry__1RY0R .hub__close__gWtCN button, .dialog__box__contents__close { cursor: pointer; color: var(--panel-widget-color); outline-style: none; background: none; border: none; } .hub__invite-tip__9enoe { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: flex; justify-content: center; align-items: center; flex-direction: row; border-radius: 28px; border: 0; pointer-events: auto; z-index: 2; font-size: 0.8em; color: var(--notice-text-color, white); padding: 12px 24px; background-color: var(--notice-background-color, #2F80ED); text-align: center; } .audio-setup-panel__device-chooser { position: relative; display: flex; align-items: center; } .audio-setup-panel__device-chooser__dropdown { appearance: none; background-color: var(--text-field-background-color); -moz-appearance: none; -webkit-appearance: none; border: 1px solid var(--text-field-border-color); padding: 6px; font-weight: bold; padding-right: 30px; } .audio-setup-panel__device-chooser__dropdown-arrow { pointer-events: none; position: absolute; right: 7.5%; } .hub__ui__3UYRO, .hub__ui-dialog__vlyfc, .hub__ui-interactive__3bdyc, .hub__object-list-button__3_GDV, .hub__presence-list-button__1jHMG, .hub__corner-button__2KphD, .webxr-realities, .webxr-sessions { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .invite-form__link_field, .invite-team-form__link_field, .add-media-form__link_field, .custom-scene-form__link_field, .mailing-list-form__email_field, .hub__profile-entry__1RY0R .hub__form-submit__12yem, .audio-setup-panel__enter-button, .invite-form__action-button, .invite-team-form__action-button, .add-media-form__action-button, .custom-scene-form__action-button, .autoexit-panel__cancel-button, .mic-grant-panel__next, .mailing-list-form__submit, .info-dialog--action-button, .hub__nag-corner-button__lNoyE button, .hub__choose-scene-button__5Y0Q_, .hub__profile-entry__1RY0R .hub__choose-avatar__22JJm a, .hub__entry-button-secondary__2ui-g, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__secondary-action-button__2KoCD, .hub__leave-button__1YK4o, .hub__interstitial__3WXbJ div, .hub__entry-button__1e9jM, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__action-button__3zqlu, .hub__collapse-button__3N-6b, .hub__favorite-button__1Qgbp, .hub__back__3AZh2, .audio-setup-panel__device-chooser__dropdown, .loading-panel, .hub__ui__3UYRO, .hub__interstitial__3WXbJ, .exited-panel__subtitle, .hub__profile-entry__1RY0R .hub__form-field-text__tR1Lt, .hub__entry-panel__cCmIv .hub__lobby-label__2ktmo { font-family: 'Open Sans', sans-serif; } .audio-setup-panel__device-chooser__dropdown, .hub__entry-button__1e9jM .hub__label__1kjp1, .hub__entry-panel__cCmIv .hub__title__ezGEu, .hub__entry-panel__cCmIv .hub__name__2umw1, .hub__entry-panel__cCmIv .hub__name__2umw1 .hub__rename-button__h-4K7, .hub__entry-panel__cCmIv .hub__center__1Mvfu, .audio-setup-panel__title, .audio-setup-panel__subtitle, .mic-grant-panel__title, .mic-grant-panel__subtitle { font-family: 'Open Sans', sans-serif; color: var(--panel-text-color); } .invite-form__link_field, .invite-team-form__link_field, .add-media-form__link_field, .custom-scene-form__link_field, .mailing-list-form__email_field, .audio-setup-panel__device-chooser__dropdown { border: 1px solid var(--text-field-border-color); box-sizing: border-box; border-radius: 10px; } .invite-form, .invite-team-form, .add-media-form, .custom-scene-form { display: flex; flex-direction: column; align-items: center; text-align: center; margin: 0; } .invite-form__link_field, .invite-team-form__link_field, .add-media-form__link_field, .custom-scene-form__link_field, .mailing-list-form__email_field { color: var(--text-field-text-color); font-size: 1.2em; background-color: transparent; line-height: 2.0em; padding-left: 1.25em; padding-right: 1.25em; margin: 0.5em 0; width: 100%; } .hub__profile-entry__1RY0R .hub__form-submit__12yem, .audio-setup-panel__enter-button, .invite-form__action-button, .invite-team-form__action-button, .add-media-form__action-button, .custom-scene-form__action-button, .autoexit-panel__cancel-button, .mic-grant-panel__next, .mailing-list-form__submit, .info-dialog--action-button { margin: 16px 0; } .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__wide-button__1yqDc, .audio-setup-panel__enter-button, .mic-grant-panel__next { width: 350px; } @media (max-width: 768px) { .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__wide-button__1yqDc, .audio-setup-panel__enter-button, .mic-grant-panel__next { width: 327px; } } @media (max-width: 375px) { .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__wide-button__1yqDc, .audio-setup-panel__enter-button, .mic-grant-panel__next { width: 300px; } } .hub__profile-entry__1RY0R .hub__form-submit__12yem, .audio-setup-panel__enter-button, .invite-form__action-button, .invite-team-form__action-button, .add-media-form__action-button, .custom-scene-form__action-button, .autoexit-panel__cancel-button, .mic-grant-panel__next, .mailing-list-form__submit, .info-dialog--action-button, .hub__nag-corner-button__lNoyE button, .hub__choose-scene-button__5Y0Q_, .hub__profile-entry__1RY0R .hub__choose-avatar__22JJm a, .hub__entry-button-secondary__2ui-g, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__secondary-action-button__2KoCD, .hub__leave-button__1YK4o, .hub__interstitial__3WXbJ div, .hub__entry-button__1e9jM, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__action-button__3zqlu { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__action-button__3zqlu, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__secondary-action-button__2KoCD, .audio-setup-panel__enter-button, .mic-grant-panel__next { border-radius: 30px; height: 60px; } .hub__nag-corner-button__lNoyE button, .hub__choose-scene-button__5Y0Q_, .hub__profile-entry__1RY0R .hub__choose-avatar__22JJm a, .hub__entry-button-secondary__2ui-g, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__secondary-action-button__2KoCD { background-color: var(--action-button-secondary-background); color: var(--action-label-color, #FF3464); } .hub__profile-entry__1RY0R .hub__form-submit__12yem, .audio-setup-panel__enter-button, .invite-form__action-button, .invite-team-form__action-button, .add-media-form__action-button, .custom-scene-form__action-button { background: var(--action-color, #FF3464); } .autoexit-panel__title, .hub__profile-entry__1RY0R .hub__title__ezGEu, .hub__entry-panel__cCmIv .hub__title__ezGEu, .hub__entry-panel__cCmIv .hub__name__2umw1, .audio-setup-panel__title, .mic-grant-panel__title, .dialog__box__contents__title { font-size: 1.5em; font-weight: bold; color: var(--panel-text-color); } .autoexit-panel__subtitle, .audio-setup-panel__subtitle, .mic-grant-panel__subtitle { font-size: 1.0em; padding-top: 4px; } .hub__entry-panel__cCmIv .hub__screen-sharing__2VF91 .hub__checkbox__32dyv, .audio-setup-panel__mute-container input, .mailing-list-form__privacy_checkbox { cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; width: 2em; height: 2em; border: 1px solid var(--text-field-border-color); background-color: var(--text-field-background-color); border-radius: 6px; vertical-align: sub; margin: 0 0.7em; } .hub__entry-panel__cCmIv .hub__screen-sharing__2VF91 .hub__checkbox__32dyv:checked, .audio-setup-panel__mute-container input:checked, .mailing-list-form__privacy_checkbox:checked { position: relative; } .hub__entry-panel__cCmIv .hub__screen-sharing__2VF91 .hub__checkbox__32dyv:checked::after, .audio-setup-panel__mute-container input:checked::after, .mailing-list-form__privacy_checkbox:checked::after { content: ' '; position: absolute; background: var(--action-color, #FF3464); top: 0.3em; left: 0.3em; right: 0.3em; bottom: 0.3em; border-radius: 0.3em; } .hub__collapse-button__3N-6b, .hub__favorite-button__1Qgbp, .hub__back__3AZh2 { margin: 16px 0; padding: 0; display: block; background: none; border: none; color: var(--panel-text-color); cursor: pointer; font-size: 0.8em; outline-style: none; } .hub__profile-entry__1RY0R .hub__close__gWtCN button, .dialog__box__contents__close { cursor: pointer; color: var(--panel-widget-color); outline-style: none; background: none; border: none; } .hub__invite-tip__9enoe { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: flex; justify-content: center; align-items: center; flex-direction: row; border-radius: 28px; border: 0; pointer-events: auto; z-index: 2; font-size: 0.8em; color: var(--notice-text-color, white); padding: 12px 24px; background-color: var(--notice-background-color, #2F80ED); text-align: center; } .audio-setup-panel__device-chooser { position: relative; display: flex; align-items: center; } .audio-setup-panel__device-chooser__dropdown { appearance: none; background-color: var(--text-field-background-color); -moz-appearance: none; -webkit-appearance: none; border: 1px solid var(--text-field-border-color); padding: 6px; font-weight: bold; padding-right: 30px; } .audio-setup-panel__device-chooser__dropdown-arrow { pointer-events: none; position: absolute; right: 7.5%; } .hub__object-list__Y0_hh { position: absolute; top: 72px; bottom: 0; z-index: 5; color: var(--menu-text-color); } @media (max-width: 500px) { .hub__object-list__Y0_hh { top: 96px; } } .hub__contents__SOaJH { background-color: var(--menu-background-color); border-radius: 12px; padding: 18px; min-width: 260px; max-height: 75%; overflow-y: auto; pointer-events: auto; } .hub__rows__3pa0k { display: flex; flex-direction: column; align-items: center; } .hub__row__2NzNt { width: 100%; display: flex; flex-direction: row; font-weight: bold; justify-content: space-between; align-items: center; margin: 6px 0; } .hub__row-header__276y3 { margin-top: 18px; margin-bottom: 4px; color: var(--menu-header-text-color); font-weight: normal; text-transform: uppercase; font-size: 0.8em; } .hub__row-header__276y3:first-child { margin-top: 4px; } .hub__list-item__3l2hl { flex: 10; white-space: nowrap; margin-right: 24px; max-width: 45vw; overflow: hidden; color: var(--menu-text-color); } .hub__list-item__3l2hl a { color: var(--menu-link-color); text-decoration-color: var(--menu-link-underline-color); } .hub__list-item__3l2hl button { color: var(--menu-text-color); text-decoration-color: var(--menu-link-underline-color); } .hub__list-item__3l2hl .hub__list-item-link__2RKEO { color: var(--menu-link-color); text-decoration: underline; text-decoration-color: var(--menu-link-underline-color); cursor: pointer; } .hub__streaming-tip__1LnId { position: absolute; left: 8px; top: 72px; background-color: var(--notice-background-color, #2F80ED); padding: 12px 24px; border-radius: 28px; display: flex; pointer-events: auto; max-width: 30%; text-align: center; } @media (max-width: 960px) { .hub__streaming-tip__1LnId { display: none; } } .hub__streaming-tip__1LnId .hub__streaming-tip-attach-point__1oCgh { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid var(--notice-background-color, #2F80ED); position: absolute; top: -5px; } .hub__streaming-tip__1LnId .hub__streaming-tip-close__E6fwS { width: 32px; margin-right: 2px; margin-left: -16px; border: none; cursor: pointer; background: transparent; color: var(--notice-widget-color, #6FC0FD); } .hub__streaming-tip__1LnId .hub__streaming-tip-message__XcScW { color: var(--notice-text-color, white); user-select: text; display: flex; flex-flow: column; font-size: 0.8em; } .hub__ui__3UYRO { width: 100%; height: 100%; top: 0; left: 0; position: absolute; pointer-events: none; } body.vr-mode .hub__ui__3UYRO { pointer-events: auto; } .hub__ui-dialog__vlyfc { position: absolute; top: 0; left: 0; height: 100%; width: 100%; flex-direction: column; display: flex; justify-content: flex-end; align-items: center; } .hub__ui-dialog-box-contents__PZ5qP { background-color: var(--panel-background-color); border-radius: 18px 18px 0 0; width: 100%; max-width: 600px; z-index: 2; position: relative; } .hub__ui-dialog-box-contents__PZ5qP .hub__backgrounded__30IfD { filter: blur(1px); opacity: 0.7; pointer-events: none; } .hub__ui-interactive__3bdyc { pointer-events: auto; } .hub__in-room-favorite-button__2T-zs { position: absolute; z-index: 1; bottom: 0; left: 16px; margin: 22px 0; padding: 0; background-color: var(--overlay-button-background-color); display: flex; align-items: center; justify-content: center; pointer-events: auto; cursor: pointer; border-radius: 24px; font-size: 1.3em; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline-style: none; border: 0; width: 43px; height: 43px; color: var(--unfavorited-color); } @media (max-width: 1080px) { .hub__in-room-favorite-button__2T-zs { display: none; } } .hub__nag-corner-button__lNoyE { position: absolute; z-index: 1; bottom: 4px; width: 100%; display: flex; align-items: center; justify-content: flex-end; height: 80px; pointer-events: none; } .hub__nag-corner-button__lNoyE button { margin-right: 12px; margin-left: 12px; white-space: nowrap; border: none; pointer-events: auto; } .hub__nag-corner-button__lNoyE .hub__help-button__3TCSZ { color: var(--menu-icon-color); width: 43px; height: 43px; min-width: auto; font-size: 1.2em; } @media (max-width: 1080px) { .hub__nag-corner-button__lNoyE { display: none; } } .hub__object-list__Y0_hh { right: 16px; } @media (max-width: 500px) { .hub__object-list__Y0_hh { top: 184px; } } .hub__object-list-button__3_GDV, .hub__presence-list-button__1jHMG { pointer-events: auto; cursor: pointer; position: absolute; padding: 0px; z-index: 1; display: flex; align-items: center; background-color: var(--menu-background-color); color: var(--menu-icon-color); border-radius: 24px; border-style: none; border-width: 0px; } .hub__object-list-button__3_GDV svg, .hub__presence-list-button__1jHMG svg { width: 26px !important; height: 26px; } .hub__object-list-button__3_GDV span, .hub__presence-list-button__1jHMG span { font-size: 22px; font-weight: bold; font-family: 'Open Sans', sans-serif; } @media (min-width: 501px) { .hub__object-list-button__3_GDV, .hub__presence-list-button__1jHMG { width: 90px; min-width: 90px; height: 44px; justify-content: space-evenly; } } @media (max-width: 500px) { .hub__object-list-button__3_GDV, .hub__presence-list-button__1jHMG { flex-direction: column; width: 52px; min-width: 52px; height: 72px; justify-content: center; } } @media (min-width: 501px) { .hub__object-list-button__3_GDV { top: 16px; right: 122px; justify-content: space-evenly; } } @media (max-width: 500px) { .hub__object-list-button__3_GDV { right: 16px; top: 96px; } } .hub__presence-list-button__1jHMG { top: 16px; right: 16px; } .hub__presence-info-selected__FRBSA { color: var(--action-label-color, #FF3464); } .hub__corner-button__2KphD { text-align: right; position: absolute; z-index: 1; top: 0; left: 16px; margin: 16px 0; display: flex; align-items: center; justify-content: center; font-size: 1.3em; color: var(--overlay-button-icon-color); background-color: var(--overlay-button-background-color); border-radius: 24px; font-weight: bold; padding: 10px 12px; pointer-events: auto; cursor: pointer; border: none; } .hub__camera-mode-exit-button__BqKKt { padding: 10px 14px; } .hub__corner-button-selected__Cqa93 { color: var(--action-label-color, #FF3464); } .hub__leave-button__1YK4o { position: absolute; z-index: 10; top: 24px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); pointer-events: auto; } .hub__choose-scene-button__5Y0Q_ { pointer-events: auto; } @media (max-width: 500px) { .hub__choose-scene-button__5Y0Q_ { margin-top: 8px; } } @media (min-width: 501px) { .hub__choose-scene-button__5Y0Q_ { margin-top: 16px; } } .hub__invite-tip__9enoe { width: auto; top: 60px; display: none; } @media (min-height: 450px) { .hub__invite-tip__9enoe { display: flex; } } .hub__invite-tip__9enoe .hub__invite-tip-attach-point__2y_bz { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid var(--notice-background-color, #2F80ED); position: absolute; top: -5px; } .hub__interstitial__3WXbJ { background-color: var(--vr-interstitial-background-color); color: var(--vr-interstitial-text-color); display: flex; align-items: center; justify-content: center; font-size: 1.3em; pointer-events: auto; cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; } .hub__interstitial__3WXbJ div { width: 250px; } .hub__avatar-editor__2b8-H { position: absolute; background: var(--full-panel-background-color); top: 0; left: 0; width: 100%; height: 100%; z-index: 11; pointer-events: auto; } .exited-panel { position: absolute; color: var(--post-session-splash-text-color); background-color: var(--post-session-splash-background-color); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; } .exited-panel__logo { width: 150px; filter: drop-shadow(0 0 4px #888); } .exited-panel__subtitle { padding: 12px; text-align: center; } .exited-panel__subtitle a { color: var(--post-session-splash-secondary-action-color); } .autoexit-panel { display: flex; flex-direction: column; flex: 10 1 auto; justify-content: flex-start; align-items: center; padding: 15px; padding-bottom: 64px; } .autoexit-panel__title { text-align: center; } .autoexit-panel__cancel-button { margin-top: 20px; cursor: pointer; } .hub__ui__3UYRO, .hub__ui-dialog__vlyfc, .hub__ui-interactive__3bdyc, .hub__object-list-button__3_GDV, .hub__presence-list-button__1jHMG, .hub__corner-button__2KphD, .webxr-realities, .webxr-sessions { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .invite-form__link_field, .invite-team-form__link_field, .add-media-form__link_field, .custom-scene-form__link_field, .mailing-list-form__email_field, .hub__profile-entry__1RY0R .hub__form-submit__12yem, .audio-setup-panel__enter-button, .invite-form__action-button, .invite-team-form__action-button, .add-media-form__action-button, .custom-scene-form__action-button, .autoexit-panel__cancel-button, .mic-grant-panel__next, .mailing-list-form__submit, .info-dialog--action-button, .hub__nag-corner-button__lNoyE button, .hub__choose-scene-button__5Y0Q_, .hub__profile-entry__1RY0R .hub__choose-avatar__22JJm a, .hub__entry-button-secondary__2ui-g, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__secondary-action-button__2KoCD, .hub__leave-button__1YK4o, .hub__interstitial__3WXbJ div, .hub__entry-button__1e9jM, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__action-button__3zqlu, .hub__collapse-button__3N-6b, .hub__favorite-button__1Qgbp, .hub__back__3AZh2, .audio-setup-panel__device-chooser__dropdown, .loading-panel, .hub__ui__3UYRO, .hub__interstitial__3WXbJ, .exited-panel__subtitle, .hub__profile-entry__1RY0R .hub__form-field-text__tR1Lt, .hub__entry-panel__cCmIv .hub__lobby-label__2ktmo { font-family: 'Open Sans', sans-serif; } .audio-setup-panel__device-chooser__dropdown, .hub__entry-button__1e9jM .hub__label__1kjp1, .hub__entry-panel__cCmIv .hub__title__ezGEu, .hub__entry-panel__cCmIv .hub__name__2umw1, .hub__entry-panel__cCmIv .hub__name__2umw1 .hub__rename-button__h-4K7, .hub__entry-panel__cCmIv .hub__center__1Mvfu, .audio-setup-panel__title, .audio-setup-panel__subtitle, .mic-grant-panel__title, .mic-grant-panel__subtitle { font-family: 'Open Sans', sans-serif; color: var(--panel-text-color); } .invite-form__link_field, .invite-team-form__link_field, .add-media-form__link_field, .custom-scene-form__link_field, .mailing-list-form__email_field, .audio-setup-panel__device-chooser__dropdown { border: 1px solid var(--text-field-border-color); box-sizing: border-box; border-radius: 10px; } .invite-form, .invite-team-form, .add-media-form, .custom-scene-form { display: flex; flex-direction: column; align-items: center; text-align: center; margin: 0; } .invite-form__link_field, .invite-team-form__link_field, .add-media-form__link_field, .custom-scene-form__link_field, .mailing-list-form__email_field { color: var(--text-field-text-color); font-size: 1.2em; background-color: transparent; line-height: 2.0em; padding-left: 1.25em; padding-right: 1.25em; margin: 0.5em 0; width: 100%; } .hub__profile-entry__1RY0R .hub__form-submit__12yem, .audio-setup-panel__enter-button, .invite-form__action-button, .invite-team-form__action-button, .add-media-form__action-button, .custom-scene-form__action-button, .autoexit-panel__cancel-button, .mic-grant-panel__next, .mailing-list-form__submit, .info-dialog--action-button { margin: 16px 0; } .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__wide-button__1yqDc, .audio-setup-panel__enter-button, .mic-grant-panel__next { width: 350px; } @media (max-width: 768px) { .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__wide-button__1yqDc, .audio-setup-panel__enter-button, .mic-grant-panel__next { width: 327px; } } @media (max-width: 375px) { .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__wide-button__1yqDc, .audio-setup-panel__enter-button, .mic-grant-panel__next { width: 300px; } } .hub__profile-entry__1RY0R .hub__form-submit__12yem, .audio-setup-panel__enter-button, .invite-form__action-button, .invite-team-form__action-button, .add-media-form__action-button, .custom-scene-form__action-button, .autoexit-panel__cancel-button, .mic-grant-panel__next, .mailing-list-form__submit, .info-dialog--action-button, .hub__nag-corner-button__lNoyE button, .hub__choose-scene-button__5Y0Q_, .hub__profile-entry__1RY0R .hub__choose-avatar__22JJm a, .hub__entry-button-secondary__2ui-g, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__secondary-action-button__2KoCD, .hub__leave-button__1YK4o, .hub__interstitial__3WXbJ div, .hub__entry-button__1e9jM, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__action-button__3zqlu { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__action-button__3zqlu, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__secondary-action-button__2KoCD, .audio-setup-panel__enter-button, .mic-grant-panel__next { border-radius: 30px; height: 60px; } .hub__nag-corner-button__lNoyE button, .hub__choose-scene-button__5Y0Q_, .hub__profile-entry__1RY0R .hub__choose-avatar__22JJm a, .hub__entry-button-secondary__2ui-g, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__secondary-action-button__2KoCD { background-color: var(--action-button-secondary-background); color: var(--action-label-color, #FF3464); } .hub__profile-entry__1RY0R .hub__form-submit__12yem, .audio-setup-panel__enter-button, .invite-form__action-button, .invite-team-form__action-button, .add-media-form__action-button, .custom-scene-form__action-button { background: var(--action-color, #FF3464); } .autoexit-panel__title, .hub__profile-entry__1RY0R .hub__title__ezGEu, .hub__entry-panel__cCmIv .hub__title__ezGEu, .hub__entry-panel__cCmIv .hub__name__2umw1, .audio-setup-panel__title, .mic-grant-panel__title, .dialog__box__contents__title { font-size: 1.5em; font-weight: bold; color: var(--panel-text-color); } .autoexit-panel__subtitle, .audio-setup-panel__subtitle, .mic-grant-panel__subtitle { font-size: 1.0em; padding-top: 4px; } .hub__entry-panel__cCmIv .hub__screen-sharing__2VF91 .hub__checkbox__32dyv, .audio-setup-panel__mute-container input, .mailing-list-form__privacy_checkbox { cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; width: 2em; height: 2em; border: 1px solid var(--text-field-border-color); background-color: var(--text-field-background-color); border-radius: 6px; vertical-align: sub; margin: 0 0.7em; } .hub__entry-panel__cCmIv .hub__screen-sharing__2VF91 .hub__checkbox__32dyv:checked, .audio-setup-panel__mute-container input:checked, .mailing-list-form__privacy_checkbox:checked { position: relative; } .hub__entry-panel__cCmIv .hub__screen-sharing__2VF91 .hub__checkbox__32dyv:checked::after, .audio-setup-panel__mute-container input:checked::after, .mailing-list-form__privacy_checkbox:checked::after { content: ' '; position: absolute; background: var(--action-color, #FF3464); top: 0.3em; left: 0.3em; right: 0.3em; bottom: 0.3em; border-radius: 0.3em; } .hub__collapse-button__3N-6b, .hub__favorite-button__1Qgbp, .hub__back__3AZh2 { margin: 16px 0; padding: 0; display: block; background: none; border: none; color: var(--panel-text-color); cursor: pointer; font-size: 0.8em; outline-style: none; } .hub__profile-entry__1RY0R .hub__close__gWtCN button, .dialog__box__contents__close { cursor: pointer; color: var(--panel-widget-color); outline-style: none; background: none; border: none; } .hub__invite-tip__9enoe { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: flex; justify-content: center; align-items: center; flex-direction: row; border-radius: 28px; border: 0; pointer-events: auto; z-index: 2; font-size: 0.8em; color: var(--notice-text-color, white); padding: 12px 24px; background-color: var(--notice-background-color, #2F80ED); text-align: center; } .audio-setup-panel__device-chooser { position: relative; display: flex; align-items: center; } .audio-setup-panel__device-chooser__dropdown { appearance: none; background-color: var(--text-field-background-color); -moz-appearance: none; -webkit-appearance: none; border: 1px solid var(--text-field-border-color); padding: 6px; font-weight: bold; padding-right: 30px; } .audio-setup-panel__device-chooser__dropdown-arrow { pointer-events: none; position: absolute; right: 7.5%; } .hub__profile-entry__1RY0R { position: absolute; top: 0; left: 0; right: 0; bottom: 0; justify-content: center; align-items: center; display: flex; pointer-events: auto; z-index: 9; background-color: var(--full-panel-background-color); } .hub__profile-entry__1RY0R a { cursor: pointer; } .hub__profile-entry__1RY0R .hub__logo__3kJSj { width: 150px; position: absolute; right: 32px; bottom: 32px; display: none; filter: drop-shadow(0 0 4px #888); } @media (min-width: 500px) { .hub__profile-entry__1RY0R .hub__logo__3kJSj { display: block; } } .hub__profile-entry__1RY0R .hub__form__3kQXh { height: 100%; } .hub__profile-entry__1RY0R .hub__box__2SMbn { display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-top: 32px; flex: 1 1 100%; width: 60vw; min-width: 300px; max-width: 700px; min-height: 200px; max-height: 100vh; height: 90%; } @media (min-height: 1000px) { .hub__profile-entry__1RY0R .hub__box__2SMbn { max-height: 1000px; } } .hub__profile-entry__1RY0R .hub__box__2SMbn .hub__links__1C6Ce { display: flex; justify-content: center; width: 100%; margin: 16px; } .hub__profile-entry__1RY0R .hub__box__2SMbn .hub__links__1C6Ce a { margin: 0px 12px; color: var(--panel-subtext-link-color); } .hub__profile-entry__1RY0R .hub__title__ezGEu { width: 100%; color: var(--panel-text-color); text-align: center; } .hub__profile-entry__1RY0R .hub__display-name__36hFZ { font-size: 14pt; padding: 1em; } .hub__profile-entry__1RY0R .hub__form-field-text__tR1Lt { border: 1px solid var(--text-field-border-color); background-color: var(--text-field-background-color); border-radius: 10px; font-size: 1.1em; color: var(--text-field-text-color); outline: none; line-height: 2.0em; padding-left: 1.25em; padding-right: 1.25em; margin: 0.5em 0; } .hub__profile-entry__1RY0R .hub__form-submit__12yem { margin: 0; min-height: max-content; margin-top: 16px; } .hub__profile-entry__1RY0R .hub__preview__2UUoU { flex: 1; display: flex; position: relative; max-width: 300px; overflow: hidden; } .hub__profile-entry__1RY0R .hub__choose-avatar__22JJm { position: absolute; width: 100%; bottom: 16px; left: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; } .hub__profile-entry__1RY0R .hub__choose-avatar__22JJm a { align-self: flex-end; } .hub__profile-entry__1RY0R .hub__edit-avatar__22A53 { position: absolute; top: 15px; right: 20px; color: var(--tile-button-icon-color); font-size: 12pt; background: var(--tile-button-background-color); border-radius: 30px; width: 30px; height: 30px; text-align: center; line-height: 30px; } .hub__profile-entry__1RY0R .hub__edit-avatar__22A53:hover { background: var(--action-color, #FF3464); color: var(--tile-button-icon-hover-color); } .hub__profile-entry__1RY0R .hub__close__gWtCN { top: 32px; left: 24px; height: 35px; position: absolute; } .hub__profile-entry__1RY0R .hub__close__gWtCN button { font-size: 1.6em; } .hub__ui__3UYRO, .hub__ui-dialog__vlyfc, .hub__ui-interactive__3bdyc, .hub__object-list-button__3_GDV, .hub__presence-list-button__1jHMG, .hub__corner-button__2KphD, .webxr-realities, .webxr-sessions { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .invite-form__link_field, .invite-team-form__link_field, .add-media-form__link_field, .custom-scene-form__link_field, .mailing-list-form__email_field, .hub__profile-entry__1RY0R .hub__form-submit__12yem, .audio-setup-panel__enter-button, .invite-form__action-button, .invite-team-form__action-button, .add-media-form__action-button, .custom-scene-form__action-button, .autoexit-panel__cancel-button, .mic-grant-panel__next, .mailing-list-form__submit, .info-dialog--action-button, .hub__nag-corner-button__lNoyE button, .hub__choose-scene-button__5Y0Q_, .hub__profile-entry__1RY0R .hub__choose-avatar__22JJm a, .hub__entry-button-secondary__2ui-g, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__secondary-action-button__2KoCD, .hub__leave-button__1YK4o, .hub__interstitial__3WXbJ div, .hub__entry-button__1e9jM, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__action-button__3zqlu, .hub__collapse-button__3N-6b, .hub__favorite-button__1Qgbp, .hub__back__3AZh2, .audio-setup-panel__device-chooser__dropdown, .loading-panel, .hub__ui__3UYRO, .hub__interstitial__3WXbJ, .exited-panel__subtitle, .hub__profile-entry__1RY0R .hub__form-field-text__tR1Lt, .hub__entry-panel__cCmIv .hub__lobby-label__2ktmo { font-family: 'Open Sans', sans-serif; } .audio-setup-panel__device-chooser__dropdown, .hub__entry-button__1e9jM .hub__label__1kjp1, .hub__entry-panel__cCmIv .hub__title__ezGEu, .hub__entry-panel__cCmIv .hub__name__2umw1, .hub__entry-panel__cCmIv .hub__name__2umw1 .hub__rename-button__h-4K7, .hub__entry-panel__cCmIv .hub__center__1Mvfu, .audio-setup-panel__title, .audio-setup-panel__subtitle, .mic-grant-panel__title, .mic-grant-panel__subtitle { font-family: 'Open Sans', sans-serif; color: var(--panel-text-color); } .invite-form__link_field, .invite-team-form__link_field, .add-media-form__link_field, .custom-scene-form__link_field, .mailing-list-form__email_field, .audio-setup-panel__device-chooser__dropdown { border: 1px solid var(--text-field-border-color); box-sizing: border-box; border-radius: 10px; } .invite-form, .invite-team-form, .add-media-form, .custom-scene-form { display: flex; flex-direction: column; align-items: center; text-align: center; margin: 0; } .invite-form__link_field, .invite-team-form__link_field, .add-media-form__link_field, .custom-scene-form__link_field, .mailing-list-form__email_field { color: var(--text-field-text-color); font-size: 1.2em; background-color: transparent; line-height: 2.0em; padding-left: 1.25em; padding-right: 1.25em; margin: 0.5em 0; width: 100%; } .hub__profile-entry__1RY0R .hub__form-submit__12yem, .audio-setup-panel__enter-button, .invite-form__action-button, .invite-team-form__action-button, .add-media-form__action-button, .custom-scene-form__action-button, .autoexit-panel__cancel-button, .mic-grant-panel__next, .mailing-list-form__submit, .info-dialog--action-button { margin: 16px 0; } .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__wide-button__1yqDc, .audio-setup-panel__enter-button, .mic-grant-panel__next { width: 350px; } @media (max-width: 768px) { .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__wide-button__1yqDc, .audio-setup-panel__enter-button, .mic-grant-panel__next { width: 327px; } } @media (max-width: 375px) { .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__wide-button__1yqDc, .audio-setup-panel__enter-button, .mic-grant-panel__next { width: 300px; } } .hub__profile-entry__1RY0R .hub__form-submit__12yem, .audio-setup-panel__enter-button, .invite-form__action-button, .invite-team-form__action-button, .add-media-form__action-button, .custom-scene-form__action-button, .autoexit-panel__cancel-button, .mic-grant-panel__next, .mailing-list-form__submit, .info-dialog--action-button, .hub__nag-corner-button__lNoyE button, .hub__choose-scene-button__5Y0Q_, .hub__profile-entry__1RY0R .hub__choose-avatar__22JJm a, .hub__entry-button-secondary__2ui-g, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__secondary-action-button__2KoCD, .hub__leave-button__1YK4o, .hub__interstitial__3WXbJ div, .hub__entry-button__1e9jM, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__action-button__3zqlu { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__action-button__3zqlu, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__secondary-action-button__2KoCD, .audio-setup-panel__enter-button, .mic-grant-panel__next { border-radius: 30px; height: 60px; } .hub__nag-corner-button__lNoyE button, .hub__choose-scene-button__5Y0Q_, .hub__profile-entry__1RY0R .hub__choose-avatar__22JJm a, .hub__entry-button-secondary__2ui-g, .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__secondary-action-button__2KoCD { background-color: var(--action-button-secondary-background); color: var(--action-label-color, #FF3464); } .hub__profile-entry__1RY0R .hub__form-submit__12yem, .audio-setup-panel__enter-button, .invite-form__action-button, .invite-team-form__action-button, .add-media-form__action-button, .custom-scene-form__action-button { background: var(--action-color, #FF3464); } .autoexit-panel__title, .hub__profile-entry__1RY0R .hub__title__ezGEu, .hub__entry-panel__cCmIv .hub__title__ezGEu, .hub__entry-panel__cCmIv .hub__name__2umw1, .audio-setup-panel__title, .mic-grant-panel__title, .dialog__box__contents__title { font-size: 1.5em; font-weight: bold; color: var(--panel-text-color); } .autoexit-panel__subtitle, .audio-setup-panel__subtitle, .mic-grant-panel__subtitle { font-size: 1.0em; padding-top: 4px; } .hub__entry-panel__cCmIv .hub__screen-sharing__2VF91 .hub__checkbox__32dyv, .audio-setup-panel__mute-container input, .mailing-list-form__privacy_checkbox { cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; width: 2em; height: 2em; border: 1px solid var(--text-field-border-color); background-color: var(--text-field-background-color); border-radius: 6px; vertical-align: sub; margin: 0 0.7em; } .hub__entry-panel__cCmIv .hub__screen-sharing__2VF91 .hub__checkbox__32dyv:checked, .audio-setup-panel__mute-container input:checked, .mailing-list-form__privacy_checkbox:checked { position: relative; } .hub__entry-panel__cCmIv .hub__screen-sharing__2VF91 .hub__checkbox__32dyv:checked::after, .audio-setup-panel__mute-container input:checked::after, .mailing-list-form__privacy_checkbox:checked::after { content: ' '; position: absolute; background: var(--action-color, #FF3464); top: 0.3em; left: 0.3em; right: 0.3em; bottom: 0.3em; border-radius: 0.3em; } .hub__collapse-button__3N-6b, .hub__favorite-button__1Qgbp, .hub__back__3AZh2 { margin: 16px 0; padding: 0; display: block; background: none; border: none; color: var(--panel-text-color); cursor: pointer; font-size: 0.8em; outline-style: none; } .hub__profile-entry__1RY0R .hub__close__gWtCN button, .dialog__box__contents__close { cursor: pointer; color: var(--panel-widget-color); outline-style: none; background: none; border: none; } .hub__invite-tip__9enoe { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: flex; justify-content: center; align-items: center; flex-direction: row; border-radius: 28px; border: 0; pointer-events: auto; z-index: 2; font-size: 0.8em; color: var(--notice-text-color, white); padding: 12px 24px; background-color: var(--notice-background-color, #2F80ED); text-align: center; } .audio-setup-panel__device-chooser { position: relative; display: flex; align-items: center; } .audio-setup-panel__device-chooser__dropdown { appearance: none; background-color: var(--text-field-background-color); -moz-appearance: none; -webkit-appearance: none; border: 1px solid var(--text-field-border-color); padding: 6px; font-weight: bold; padding-right: 30px; } .audio-setup-panel__device-chooser__dropdown-arrow { pointer-events: none; position: absolute; right: 7.5%; } .hub__entry-dialog__2Ljux { display: flex; flex-direction: column; align-items: center; height: 100%; position: relative; } .hub__collapse-button__3N-6b { color: var(--panel-widget-color); display: inline; position: absolute; top: 0px; left: 24px; } .hub__collapse-button__3N-6b i { font-size: 24px; } .hub__favorite-button__1Qgbp { position: absolute; top: 0px; right: 24px; color: var(--unfavorited-color); display: inline; } .hub__favorite-button__1Qgbp i { font-size: 1.2em; } .hub__favorited__3c3lB { color: var(--favorited-color, #FFC000); } .hub__collapse-button__3N-6b:hover { color: var(--action-label-color, #FF3464); } .hub__entry-button__1e9jM { width: 290px; display: flex; text-align: left; flex-direction: row; cursor: pointer; color: var(--action-text-color, white); align-items: center; border: 0; border-radius: 12px; margin-top: 12px; padding: 12px 18px; height: auto; } .hub__entry-button__1e9jM .hub__icon__1pzf7 { height: 40px; width: 40px; } .hub__entry-button__1e9jM .hub__label__1kjp1 { color: var(--action-text-color, white); flex: 10 1 auto; margin-left: 20px; font-size: 1.0em; display: flex; flex-direction: column; justify-content: center; } .hub__entry-button__1e9jM .hub__bolded__2MYLZ { font-weight: bold; } .hub__entry-button__1e9jM .hub__subtitle__3kYcd { font-size: 0.8em; font-weight: normal; color: var(--action-subtitle-color, #f0f0f0); } .hub__entry-button-secondary__2ui-g .hub__label__1kjp1 { color: var(--action-label-color, #FF3464); } .hub__entry-button-secondary__2ui-g .hub__icon__1pzf7 { color: var(--action-label-color, #FF3464); } .hub__entry-button-secondary__2ui-g .hub__subtitle__3kYcd { color: var(--action-label-color, #FF3464); } .hub__entry-panel__cCmIv { overflow-y: auto; display: flex; flex-direction: column; flex: 1; text-align: center; margin: 24px; min-height: 250px; height: 100%; width: 100%; } .hub__entry-panel__cCmIv a { text-decoration: none; } .hub__entry-panel__cCmIv .hub__room-subtitle__GhUCG { font-size: 0.8em; text-transform: uppercase; color: var(--panel-subtitle-color); margin-bottom: 8px; } .hub__entry-panel__cCmIv .hub__title__ezGEu { margin-bottom: 12px; margin-right: 8px; margin-left: 8px; } .hub__entry-panel__cCmIv .hub__name__2umw1 { margin-bottom: 4px; margin-right: 48px; margin-left: 48px; } .hub__entry-panel__cCmIv .hub__name__2umw1 .hub__rename-button__h-4K7 { font-weight: bold; font-size: 1.0em; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline-style: none; cursor: pointer; border: 0; text-decoration: underline; text-decoration-color: var(--panel-title-underline-color); background: transparent; } .hub__entry-panel__cCmIv .hub__lobby__2VW6G { margin-bottom: 24px; margin-right: 8px; margin-left: 8px; font-size: 0.9em; } .hub__entry-panel__cCmIv .hub__center__1Mvfu { flex: 10; width: 100%; } .hub__entry-panel__cCmIv .hub__lobby-label__2ktmo { margin-top: 4px; margin-bottom: 32px; font-size: 0.8em; text-decoration: none; cursor: pointer; display: flex; color: var(--panel-subtitle-color); align-items: center; justify-content: center; } .hub__entry-panel__cCmIv .hub__lobby-label__2ktmo i { margin-right: 8px; } .hub__entry-panel__cCmIv .hub__profile-icon__fwSfD { cursor: pointer; width: 16px; height: 16px; margin-right: 12px; } .hub__entry-panel__cCmIv .hub__button-container__38FOc { text-align: center; display: flex; flex-direction: column; height: 100%; justify-content: flex-end; align-items: center; } .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__secondary-action-button__2KoCD { margin-bottom: 12px; } .hub__entry-panel__cCmIv .hub__button-container__38FOc .hub__button-subtitle__3kkpo { font-size: 0.8em; font-weight: normal; } .hub__entry-panel__cCmIv .hub__audio-loader__F5ovU { min-height: 228px; } .hub__entry-panel__cCmIv .hub__webvr-link-container__1Vq5m { text-align: center; margin-bottom: 24px; } .hub__entry-panel__cCmIv .hub__webvr-link__xW04U { color: var(--action-text-color, white); flex: 1; min-height: max-content; } .hub__entry-panel__cCmIv .hub__screen-sharing__2VF91 { font-size: 1.4em; margin-left: 2.95em; margin-top: 0.6em; } .hub__entry-panel__cCmIv .hub__secondary__22yt_ { width: 100%; text-align: center; margin-bottom: 10px; font-size: 0.8em; cursor: pointer; color: var(--action-label-color, #FF3464); text-decoration: underline; } .hub__back__3AZh2 { display: flex; font-size: 1.0em; font-weight: bold; } @media (max-width: 768px) { .hub__back__3AZh2 { align-self: flex-start; padding-left: 1.5em; padding-bottom: 0.5em; margin: 0; } } @media (min-width: 768px) { .hub__back__3AZh2 { position: absolute; top: 12px; left: 26px; } } .hub__back__3AZh2 i { margin-right: 18px; } .audio-setup-panel { text-align: center; overflow-y: auto; display: flex; flex-direction: column; height: 100%; width: 100%; margin: 24px auto 8px auto; } .audio-setup-panel__enter-button-container { flex: 1; display: flex; justify-content: center; align-items: flex-end; } .audio-setup-panel__mute-container { display: flex; justify-content: center; align-items: center; margin: 12px 0; color: var(--panel-text-color); } .audio-setup-panel__mute-container input { cursor: pointer; } .audio-setup-panel__mute-container label { cursor: pointer; margin-right: 8px; } .audio-setup-panel__device-chooser { flex-direction: column; justify-content: center; margin: 8px 0; width: 100%; } .audio-setup-panel__device-chooser__dropdown { font-size: 0.9em; padding-left: 25px; width: 90%; height: 50px; } .audio-setup-panel__device-chooser__mic-icon { pointer-events: none; position: absolute; left: 9%; width: 12px; } .audio-setup-panel__levels { margin-top: 20px; margin-bottom: 20px; display: flex; justify-content: space-evenly; align-items: center; width: 100%; } .audio-setup-panel__levels__icon { position: relative; width: 111px; height: 111px; color: var(--panel-widget-color); } .audio-setup-panel__levels__icon__talking { position: absolute; top: 0; left: 0; color: var(--notice-background-color, #2F80ED); } .audio-setup-panel__levels__icon_clickable { position: relative; width: 111px; height: 111px; cursor: pointer; } .audio-setup-panel__levels__icon_clickable__pending { color: var(--action-color, #FF3464); } .audio-setup-panel__levels__icon_clickable__playing { color: var(--notice-background-color, #2F80ED); } .audio-setup-panel__levels__test_label { position: absolute; width: 111px; text-align: center; font-size: 0.8em; bottom: 12px; color: var(--action-text-color, white); } .audio-setup-panel__levels__icon-part { position: absolute; top: 0; left: 0; } .audio-setup-panel__hmd-mic-warning { margin: 20px; } .audio-setup-panel__hmd-mic-warning__label { vertical-align: middle; margin-left: 5px; } .audio-setup-panel__hmd-mic-warning__icon { vertical-align: middle; } .mic-grant-panel { display: flex; flex-direction: column; flex: 10 1 auto; justify-content: flex-start; align-items: center; overflow-y: auto; margin: 24px auto 8px auto; width: 100%; } .mic-grant-panel__grant-container { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: max-content; } .mic-grant-panel__button-container { flex: 5; display: flex; justify-content: center; align-items: center; cursor: pointer; width: 111px; height: 111px; margin: 1em; } .mic-grant-panel__button { background: none; border: none; cursor: pointer; width: 111px; height: 111px; } .mic-grant-panel__next-container { display: flex; } .mic-grant-panel__next { flex: 1 1; } .mic-grant-panel .invisible { visibility: hidden; } .dialog-overlay { width: 100%; height: 100%; top: 0; left: 0; position: fixed; pointer-events: auto; color: var(--panel-overlay-text-color); z-index: 20; display: flex; } .dialog-overlay__no-pointer-events { pointer-events: none; } .dialog { display: flex; justify-content: center; align-items: center; width: 100%; } .dialog__align-end { align-items: end; bottom: 0; position: absolute; } .dialog__dark-background { background-color: var(--panel-overlay-background-color); } .dialog__box { max-width: 30em; max-height: 100%; display: flex; position: relative; pointer-events: auto; width: 100%; } .dialog__box__contents { width: 100%; overflow-y: auto; padding: 30px; box-shadow: 0px 0px 30px 1px #202020; border-radius: 12px; display: flex; flex-direction: column; text-align: center; position: relative; background-color: var(--full-panel-background-color); } @media (max-width: 801px) { .dialog__box__contents { padding: 5px; } } .dialog__box__contents__title { margin-bottom: 20px; } .dialog__box__contents__body { font-size: 0.9em; font-weight: bold; color: var(--panel-text-color); display: flex; flex-direction: column; height: 100%; margin: 10px 0; white-space: pre-wrap; } @media (max-width: 801px) { .dialog__box__contents__body { margin: 0; } } .dialog__box__contents__body a { color: var(--panel-text-color); } .dialog__box__contents__body a.info-dialog--action-button { color: var(--action-text-color, white); } .dialog__box__contents__links { display: flex; justify-content: center; margin: 16px 0; } .dialog__box__contents__links a { margin: 0 12px; color: var(--panel-text-color); } .dialog__box__contents__close { position: absolute; left: 18px; top: 18px; font-size: 1.6em; font-weight: bold; } .dialog__box__contents-overflow { overflow-y: visible; } @media (min-width: 640px) { .dialog__wide { max-width: 640px; } } @media (max-width: 639px) { .dialog__wide { max-width: 100%; } } .dialog__box__contents__body p:first-child { margin-top: 0; } .invite-form__buttons, .invite-team-form__buttons, .add-media-form__buttons, .custom-scene-form__buttons { display: flex; flex-direction: row; align-items: center; } .invite-form__link, .invite-team-form__link, .add-media-form__link, .custom-scene-form__link { display: flex; flex-direction: row; } .invite-form__action-button, .invite-team-form__action-button, .add-media-form__action-button, .custom-scene-form__action-button { margin-left: 6px; margin-right: 6px; appearance: none; width: 128px; text-align: center; -moz-appearance: none; -webkit-appearance: none; } .invite-team-form__action-button { width: 350px; } .mailing-list-form { display: flex; height: 100%; flex-direction: column; justify-content: center; text-align: center; margin: 0; } .mailing-list-form__first { width: 100%; } .mailing-list-form__submit { margin-top: 0; margin-bottom: 0; } .mailing-list-form__privacy { margin-top: 10px; font-size: 0.7em; } .mailing-list-form__privacy_checkbox { vertical-align: middle; margin-bottom: 18px; } .mailing-list-form__privacy_checkbox:checked { vertical-align: middle; } .info-dialog__help { text-align: left; } .info-dialog__help__hud { width: 316px; max-width: 100%; margin: 12px 0; } .info-dialog--action-button { margin-left: 6px; margin-right: 6px; appearance: none; width: 168px; text-align: center; -moz-appearance: none; -webkit-appearance: none; margin: auto; text-decoration: none; } body { background-color: var(--loading-background-color); } body.vr-mode-stretch a-scene .a-canvas { width: 200% !important; } .a-enter-vr, .a-orientation-modal { display: none; } .grab-cursor { cursor: grab; } .no-cursor { cursor: none; } a-entity { display: none; } .svg-icon { overflow: visible; display: inline-block; font-size: inherit; vertical-align: -0.125em; height: 1em; } .virtual-gamepad-controls__touchZone__1KF_C { position: absolute; height: 20vh; bottom: 0; z-index: 1; /* Orientation selector fails here when keyboard pops up on shorter screens */ } @media (min-aspect-ratio: 15 / 9) { .virtual-gamepad-controls__touchZone__1KF_C { height: 30vh; } } .virtual-gamepad-controls__touchZone__1KF_C.virtual-gamepad-controls__left__1-URB { left: 0; right: 55%; } .virtual-gamepad-controls__touchZone__1KF_C.virtual-gamepad-controls__right__1cgnU { left: 55%; right: 0; } .virtual-gamepad-controls__mockJoystickContainer__1aH3e { position: absolute; height: 0; left: 0; right: 0; bottom: 15vh; align-items: center; justify-content: space-around; display: none; /* Orientation selector fails here when keyboard pops up on shorter screens */ } @media (min-aspect-ratio: 15 / 9) { .virtual-gamepad-controls__mockJoystickContainer__1aH3e { display: flex; } } .virtual-gamepad-controls__mockJoystick__2CuCG { display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; background-color: rgba(255, 255, 255, 0.5); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; } .virtual-gamepad-controls__mockJoystick__2CuCG__hidden { background-color: transparent; } .virtual-gamepad-controls__mockJoystick__2CuCG.virtual-gamepad-controls__inner__1Bn3C { width: 50px; height: 50px; } .rs-header { display: flex; justify-content: space-between; border-bottom: 1px rgba(255, 255, 255, 0.1) solid; margin-bottom: 8px; } .rs-collapse-btn { cursor: pointer; font-size: 12px; } .rs-fps-counter { font-family: monospace; cursor: pointer; position: absolute; bottom: 0px; right: 2px; padding: 4px 8px; color: #aaa; font-size: 10px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .rs-base { right: 10px; left: auto; top: 10px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ui-root__ui__33CMU, .ui-root__ui-dialog__2TY9Y, .ui-root__ui-interactive__2mtC4, .ui-root__object-list-button__1qF67, .ui-root__presence-list-button__2EuQv, .ui-root__corner-button__2rfQ5 { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ui-root__nag-corner-button__3TFW5 button, .ui-root__choose-scene-button__3VNdD, .ui-root__leave-button__29u2_, .ui-root__interstitial__1cotl div, .ui-root__ui__33CMU, .ui-root__interstitial__1cotl { font-family: 'Open Sans', sans-serif; } .ui-root__nag-corner-button__3TFW5 button, .ui-root__choose-scene-button__3VNdD, .ui-root__leave-button__29u2_, .ui-root__interstitial__1cotl div { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .ui-root__nag-corner-button__3TFW5 button, .ui-root__choose-scene-button__3VNdD { background-color: var(--action-button-secondary-background); color: var(--action-label-color, #FF3464); } .ui-root__invite-tip__20NJ6 { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: flex; justify-content: center; align-items: center; flex-direction: row; border-radius: 28px; border: 0; pointer-events: auto; z-index: 2; font-size: 0.8em; color: var(--notice-text-color, white); padding: 12px 24px; background-color: var(--notice-background-color, #2F80ED); text-align: center; } .ui-root__ui__33CMU, .ui-root__ui-dialog__2TY9Y, .ui-root__ui-interactive__2mtC4, .ui-root__object-list-button__1qF67, .ui-root__presence-list-button__2EuQv, .ui-root__corner-button__2rfQ5 { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ui-root__nag-corner-button__3TFW5 button, .ui-root__choose-scene-button__3VNdD, .ui-root__leave-button__29u2_, .ui-root__interstitial__1cotl div, .ui-root__ui__33CMU, .ui-root__interstitial__1cotl { font-family: 'Open Sans', sans-serif; } .ui-root__nag-corner-button__3TFW5 button, .ui-root__choose-scene-button__3VNdD, .ui-root__leave-button__29u2_, .ui-root__interstitial__1cotl div { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .ui-root__nag-corner-button__3TFW5 button, .ui-root__choose-scene-button__3VNdD { background-color: var(--action-button-secondary-background); color: var(--action-label-color, #FF3464); } .ui-root__invite-tip__20NJ6 { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: flex; justify-content: center; align-items: center; flex-direction: row; border-radius: 28px; border: 0; pointer-events: auto; z-index: 2; font-size: 0.8em; color: var(--notice-text-color, white); padding: 12px 24px; background-color: var(--notice-background-color, #2F80ED); text-align: center; } .ui-root__object-list__34wMm { position: absolute; top: 72px; bottom: 0; z-index: 5; color: var(--menu-text-color); } @media (max-width: 500px) { .ui-root__object-list__34wMm { top: 96px; } } .ui-root__contents__2pObS { background-color: var(--menu-background-color); border-radius: 12px; padding: 18px; min-width: 260px; max-height: 75%; overflow-y: auto; pointer-events: auto; } .ui-root__rows__qaWkb { display: flex; flex-direction: column; align-items: center; } .ui-root__row__XLnRA { width: 100%; display: flex; flex-direction: row; font-weight: bold; justify-content: space-between; align-items: center; margin: 6px 0; } .ui-root__row-header__1RVAN { margin-top: 18px; margin-bottom: 4px; color: var(--menu-header-text-color); font-weight: normal; text-transform: uppercase; font-size: 0.8em; } .ui-root__row-header__1RVAN:first-child { margin-top: 4px; } .ui-root__list-item__2oYC2 { flex: 10; white-space: nowrap; margin-right: 24px; max-width: 45vw; overflow: hidden; color: var(--menu-text-color); } .ui-root__list-item__2oYC2 a { color: var(--menu-link-color); text-decoration-color: var(--menu-link-underline-color); } .ui-root__list-item__2oYC2 button { color: var(--menu-text-color); text-decoration-color: var(--menu-link-underline-color); } .ui-root__list-item__2oYC2 .ui-root__list-item-link__Ix-ZW { color: var(--menu-link-color); text-decoration: underline; text-decoration-color: var(--menu-link-underline-color); cursor: pointer; } .ui-root__streaming-tip__17WYl { position: absolute; left: 8px; top: 72px; background-color: var(--notice-background-color, #2F80ED); padding: 12px 24px; border-radius: 28px; display: flex; pointer-events: auto; max-width: 30%; text-align: center; } @media (max-width: 960px) { .ui-root__streaming-tip__17WYl { display: none; } } .ui-root__streaming-tip__17WYl .ui-root__streaming-tip-attach-point__3XSH- { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid var(--notice-background-color, #2F80ED); position: absolute; top: -5px; } .ui-root__streaming-tip__17WYl .ui-root__streaming-tip-close__1OHPc { width: 32px; margin-right: 2px; margin-left: -16px; border: none; cursor: pointer; background: transparent; color: var(--notice-widget-color, #6FC0FD); } .ui-root__streaming-tip__17WYl .ui-root__streaming-tip-message__2XOUD { color: var(--notice-text-color, white); user-select: text; display: flex; flex-flow: column; font-size: 0.8em; } .ui-root__ui__33CMU { width: 100%; height: 100%; top: 0; left: 0; position: absolute; pointer-events: none; } body.vr-mode .ui-root__ui__33CMU { pointer-events: auto; } .ui-root__ui-dialog__2TY9Y { position: absolute; top: 0; left: 0; height: 100%; width: 100%; flex-direction: column; display: flex; justify-content: flex-end; align-items: center; } .ui-root__ui-dialog-box-contents__3XWtl { background-color: var(--panel-background-color); border-radius: 18px 18px 0 0; width: 100%; max-width: 600px; z-index: 2; position: relative; } .ui-root__ui-dialog-box-contents__3XWtl .ui-root__backgrounded__34j0m { filter: blur(1px); opacity: 0.7; pointer-events: none; } .ui-root__ui-interactive__2mtC4 { pointer-events: auto; } .ui-root__in-room-favorite-button__2I0Kj { position: absolute; z-index: 1; bottom: 0; left: 16px; margin: 22px 0; padding: 0; background-color: var(--overlay-button-background-color); display: flex; align-items: center; justify-content: center; pointer-events: auto; cursor: pointer; border-radius: 24px; font-size: 1.3em; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline-style: none; border: 0; width: 43px; height: 43px; color: var(--unfavorited-color); } @media (max-width: 1080px) { .ui-root__in-room-favorite-button__2I0Kj { display: none; } } .ui-root__nag-corner-button__3TFW5 { position: absolute; z-index: 1; bottom: 4px; width: 100%; display: flex; align-items: center; justify-content: flex-end; height: 80px; pointer-events: none; } .ui-root__nag-corner-button__3TFW5 button { margin-right: 12px; margin-left: 12px; white-space: nowrap; border: none; pointer-events: auto; } .ui-root__nag-corner-button__3TFW5 .ui-root__help-button__1cq2F { color: var(--menu-icon-color); width: 43px; height: 43px; min-width: auto; font-size: 1.2em; } @media (max-width: 1080px) { .ui-root__nag-corner-button__3TFW5 { display: none; } } .ui-root__object-list__34wMm { right: 16px; } @media (max-width: 500px) { .ui-root__object-list__34wMm { top: 184px; } } .ui-root__object-list-button__1qF67, .ui-root__presence-list-button__2EuQv { pointer-events: auto; cursor: pointer; position: absolute; padding: 0px; z-index: 1; display: flex; align-items: center; background-color: var(--menu-background-color); color: var(--menu-icon-color); border-radius: 24px; border-style: none; border-width: 0px; } .ui-root__object-list-button__1qF67 svg, .ui-root__presence-list-button__2EuQv svg { width: 26px !important; height: 26px; } .ui-root__object-list-button__1qF67 span, .ui-root__presence-list-button__2EuQv span { font-size: 22px; font-weight: bold; font-family: 'Open Sans', sans-serif; } @media (min-width: 501px) { .ui-root__object-list-button__1qF67, .ui-root__presence-list-button__2EuQv { width: 90px; min-width: 90px; height: 44px; justify-content: space-evenly; } } @media (max-width: 500px) { .ui-root__object-list-button__1qF67, .ui-root__presence-list-button__2EuQv { flex-direction: column; width: 52px; min-width: 52px; height: 72px; justify-content: center; } } @media (min-width: 501px) { .ui-root__object-list-button__1qF67 { top: 16px; right: 122px; justify-content: space-evenly; } } @media (max-width: 500px) { .ui-root__object-list-button__1qF67 { right: 16px; top: 96px; } } .ui-root__presence-list-button__2EuQv { top: 16px; right: 16px; } .ui-root__presence-info-selected__1Jhbw { color: var(--action-label-color, #FF3464); } .ui-root__corner-button__2rfQ5 { text-align: right; position: absolute; z-index: 1; top: 0; left: 16px; margin: 16px 0; display: flex; align-items: center; justify-content: center; font-size: 1.3em; color: var(--overlay-button-icon-color); background-color: var(--overlay-button-background-color); border-radius: 24px; font-weight: bold; padding: 10px 12px; pointer-events: auto; cursor: pointer; border: none; } .ui-root__camera-mode-exit-button__2mpbz { padding: 10px 14px; } .ui-root__corner-button-selected__qRY5R { color: var(--action-label-color, #FF3464); } .ui-root__leave-button__29u2_ { position: absolute; z-index: 10; top: 24px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); pointer-events: auto; } .ui-root__choose-scene-button__3VNdD { pointer-events: auto; } @media (max-width: 500px) { .ui-root__choose-scene-button__3VNdD { margin-top: 8px; } } @media (min-width: 501px) { .ui-root__choose-scene-button__3VNdD { margin-top: 16px; } } .ui-root__invite-tip__20NJ6 { width: auto; top: 60px; display: none; } @media (min-height: 450px) { .ui-root__invite-tip__20NJ6 { display: flex; } } .ui-root__invite-tip__20NJ6 .ui-root__invite-tip-attach-point__3rQJ6 { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid var(--notice-background-color, #2F80ED); position: absolute; top: -5px; } .ui-root__interstitial__1cotl { background-color: var(--vr-interstitial-background-color); color: var(--vr-interstitial-text-color); display: flex; align-items: center; justify-content: center; font-size: 1.3em; pointer-events: auto; cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; } .ui-root__interstitial__1cotl div { width: 250px; } .ui-root__avatar-editor__2mO8z { position: absolute; background: var(--full-panel-background-color); top: 0; left: 0; width: 100%; height: 100%; z-index: 11; pointer-events: auto; } .entry__entry-button-secondary__1Fr_E, .entry__entry-panel__34CD9 .entry__button-container__3Blog .entry__secondary-action-button__3FCMj, .entry__entry-button__G7PQF, .entry__entry-panel__34CD9 .entry__button-container__3Blog .entry__action-button__3Vnab, .entry__collapse-button__3_PLp, .entry__favorite-button__2CVuk, .entry__back__J4Sgl, .entry__entry-panel__34CD9 .entry__lobby-label__2Nj9w { font-family: 'Open Sans', sans-serif; } .entry__entry-button__G7PQF .entry__label__fUhpb, .entry__entry-panel__34CD9 .entry__title__1GITj, .entry__entry-panel__34CD9 .entry__name__sYOeV, .entry__entry-panel__34CD9 .entry__name__sYOeV .entry__rename-button__KFW9R, .entry__entry-panel__34CD9 .entry__center__1105W { font-family: 'Open Sans', sans-serif; color: var(--panel-text-color); } .entry__entry-panel__34CD9 .entry__button-container__3Blog .entry__wide-button__2tfMM { width: 350px; } @media (max-width: 768px) { .entry__entry-panel__34CD9 .entry__button-container__3Blog .entry__wide-button__2tfMM { width: 327px; } } @media (max-width: 375px) { .entry__entry-panel__34CD9 .entry__button-container__3Blog .entry__wide-button__2tfMM { width: 300px; } } .entry__entry-button-secondary__1Fr_E, .entry__entry-panel__34CD9 .entry__button-container__3Blog .entry__secondary-action-button__3FCMj, .entry__entry-button__G7PQF, .entry__entry-panel__34CD9 .entry__button-container__3Blog .entry__action-button__3Vnab { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .entry__entry-panel__34CD9 .entry__button-container__3Blog .entry__action-button__3Vnab, .entry__entry-panel__34CD9 .entry__button-container__3Blog .entry__secondary-action-button__3FCMj { border-radius: 30px; height: 60px; } .entry__entry-button-secondary__1Fr_E, .entry__entry-panel__34CD9 .entry__button-container__3Blog .entry__secondary-action-button__3FCMj { background-color: var(--action-button-secondary-background); color: var(--action-label-color, #FF3464); } .entry__entry-panel__34CD9 .entry__title__1GITj, .entry__entry-panel__34CD9 .entry__name__sYOeV { font-size: 1.5em; font-weight: bold; color: var(--panel-text-color); } .entry__entry-panel__34CD9 .entry__screen-sharing__NBXQu .entry__checkbox__3SoPk { cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; width: 2em; height: 2em; border: 1px solid var(--text-field-border-color); background-color: var(--text-field-background-color); border-radius: 6px; vertical-align: sub; margin: 0 0.7em; } .entry__entry-panel__34CD9 .entry__screen-sharing__NBXQu .entry__checkbox__3SoPk:checked { position: relative; } .entry__entry-panel__34CD9 .entry__screen-sharing__NBXQu .entry__checkbox__3SoPk:checked::after { content: ' '; position: absolute; background: var(--action-color, #FF3464); top: 0.3em; left: 0.3em; right: 0.3em; bottom: 0.3em; border-radius: 0.3em; } .entry__collapse-button__3_PLp, .entry__favorite-button__2CVuk, .entry__back__J4Sgl { margin: 16px 0; padding: 0; display: block; background: none; border: none; color: var(--panel-text-color); cursor: pointer; font-size: 0.8em; outline-style: none; } .entry__entry-dialog__30kMs { display: flex; flex-direction: column; align-items: center; height: 100%; position: relative; } .entry__collapse-button__3_PLp { color: var(--panel-widget-color); display: inline; position: absolute; top: 0px; left: 24px; } .entry__collapse-button__3_PLp i { font-size: 24px; } .entry__favorite-button__2CVuk { position: absolute; top: 0px; right: 24px; color: var(--unfavorited-color); display: inline; } .entry__favorite-button__2CVuk i { font-size: 1.2em; } .entry__favorited__2IHpj { color: var(--favorited-color, #FFC000); } .entry__collapse-button__3_PLp:hover { color: var(--action-label-color, #FF3464); } .entry__entry-button__G7PQF { width: 290px; display: flex; text-align: left; flex-direction: row; cursor: pointer; color: var(--action-text-color, white); align-items: center; border: 0; border-radius: 12px; margin-top: 12px; padding: 12px 18px; height: auto; } .entry__entry-button__G7PQF .entry__icon__3JiUl { height: 40px; width: 40px; } .entry__entry-button__G7PQF .entry__label__fUhpb { color: var(--action-text-color, white); flex: 10 1 auto; margin-left: 20px; font-size: 1.0em; display: flex; flex-direction: column; justify-content: center; } .entry__entry-button__G7PQF .entry__bolded__13B4f { font-weight: bold; } .entry__entry-button__G7PQF .entry__subtitle__1BC2y { font-size: 0.8em; font-weight: normal; color: var(--action-subtitle-color, #f0f0f0); } .entry__entry-button-secondary__1Fr_E .entry__label__fUhpb { color: var(--action-label-color, #FF3464); } .entry__entry-button-secondary__1Fr_E .entry__icon__3JiUl { color: var(--action-label-color, #FF3464); } .entry__entry-button-secondary__1Fr_E .entry__subtitle__1BC2y { color: var(--action-label-color, #FF3464); } .entry__entry-panel__34CD9 { overflow-y: auto; display: flex; flex-direction: column; flex: 1; text-align: center; margin: 24px; min-height: 250px; height: 100%; width: 100%; } .entry__entry-panel__34CD9 a { text-decoration: none; } .entry__entry-panel__34CD9 .entry__room-subtitle__7MSMo { font-size: 0.8em; text-transform: uppercase; color: var(--panel-subtitle-color); margin-bottom: 8px; } .entry__entry-panel__34CD9 .entry__title__1GITj { margin-bottom: 12px; margin-right: 8px; margin-left: 8px; } .entry__entry-panel__34CD9 .entry__name__sYOeV { margin-bottom: 4px; margin-right: 48px; margin-left: 48px; } .entry__entry-panel__34CD9 .entry__name__sYOeV .entry__rename-button__KFW9R { font-weight: bold; font-size: 1.0em; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline-style: none; cursor: pointer; border: 0; text-decoration: underline; text-decoration-color: var(--panel-title-underline-color); background: transparent; } .entry__entry-panel__34CD9 .entry__lobby__3AxfL { margin-bottom: 24px; margin-right: 8px; margin-left: 8px; font-size: 0.9em; } .entry__entry-panel__34CD9 .entry__center__1105W { flex: 10; width: 100%; } .entry__entry-panel__34CD9 .entry__lobby-label__2Nj9w { margin-top: 4px; margin-bottom: 32px; font-size: 0.8em; text-decoration: none; cursor: pointer; display: flex; color: var(--panel-subtitle-color); align-items: center; justify-content: center; } .entry__entry-panel__34CD9 .entry__lobby-label__2Nj9w i { margin-right: 8px; } .entry__entry-panel__34CD9 .entry__profile-icon__3BAWG { cursor: pointer; width: 16px; height: 16px; margin-right: 12px; } .entry__entry-panel__34CD9 .entry__button-container__3Blog { text-align: center; display: flex; flex-direction: column; height: 100%; justify-content: flex-end; align-items: center; } .entry__entry-panel__34CD9 .entry__button-container__3Blog .entry__secondary-action-button__3FCMj { margin-bottom: 12px; } .entry__entry-panel__34CD9 .entry__button-container__3Blog .entry__button-subtitle__3zrEo { font-size: 0.8em; font-weight: normal; } .entry__entry-panel__34CD9 .entry__audio-loader__1YCJd { min-height: 228px; } .entry__entry-panel__34CD9 .entry__webvr-link-container__3scWP { text-align: center; margin-bottom: 24px; } .entry__entry-panel__34CD9 .entry__webvr-link__3eWuZ { color: var(--action-text-color, white); flex: 1; min-height: max-content; } .entry__entry-panel__34CD9 .entry__screen-sharing__NBXQu { font-size: 1.4em; margin-left: 2.95em; margin-top: 0.6em; } .entry__entry-panel__34CD9 .entry__secondary__3uhYE { width: 100%; text-align: center; margin-bottom: 10px; font-size: 0.8em; cursor: pointer; color: var(--action-label-color, #FF3464); text-decoration: underline; } .entry__back__J4Sgl { display: flex; font-size: 1.0em; font-weight: bold; } @media (max-width: 768px) { .entry__back__J4Sgl { align-self: flex-start; padding-left: 1.5em; padding-bottom: 0.5em; margin: 0; } } @media (min-width: 768px) { .entry__back__J4Sgl { position: absolute; top: 12px; left: 26px; } } .entry__back__J4Sgl i { margin-right: 18px; } .invite-dialog__invite-container__1c0Jw { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .invite-dialog__dialog__1XbxO .invite-dialog__link-button__S_o-t, .invite-dialog__dialog__1XbxO .invite-dialog__enter-vr-button__3y1BF, .invite-dialog__invite-container__1c0Jw .invite-dialog__invite-button__3cjFw, .invite-dialog__invite-container__1c0Jw .invite-dialog__enter-button__2Z5EY, .invite-dialog__invite-container__1c0Jw .invite-dialog__invite-mini-button__2zWJj, .invite-dialog__domain__2Q8Wr input, .invite-dialog__embed-text__3-Boo input { font-family: 'Open Sans', sans-serif; } .invite-dialog__dialog__1XbxO .invite-dialog__link-button__S_o-t, .invite-dialog__dialog__1XbxO .invite-dialog__enter-vr-button__3y1BF, .invite-dialog__invite-container__1c0Jw .invite-dialog__invite-button__3cjFw, .invite-dialog__invite-container__1c0Jw .invite-dialog__enter-button__2Z5EY, .invite-dialog__invite-container__1c0Jw .invite-dialog__invite-mini-button__2zWJj { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .invite-dialog__dialog__1XbxO .invite-dialog__link-button__S_o-t, .invite-dialog__invite-container-inverted__1E3hR .invite-dialog__invite-button__3cjFw { background: var(--action-button-secondary-background); color: var(--action-label-color, #FF3464); } .invite-dialog__subscribe__qlJL4 input { cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; width: 2em; height: 2em; border: 1px solid var(--text-field-border-color); background-color: var(--text-field-background-color); border-radius: 6px; vertical-align: sub; margin: 0 0.7em; } .invite-dialog__subscribe__qlJL4 input:checked { position: relative; } .invite-dialog__subscribe__qlJL4 input:checked::after { content: ' '; position: absolute; background: var(--action-color, #FF3464); top: 0.3em; left: 0.3em; right: 0.3em; bottom: 0.3em; border-radius: 0.3em; } .invite-dialog__embed-tip-wrap__2CQRc .invite-dialog__embed-tip__12p0o { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: flex; justify-content: center; align-items: center; flex-direction: row; border-radius: 28px; border: 0; pointer-events: auto; z-index: 2; font-size: 0.8em; color: var(--notice-text-color, white); padding: 12px 24px; background-color: var(--notice-background-color, #2F80ED); text-align: center; } .invite-dialog__dialog__1XbxO { background-color: var(--action-color, #FF3464); border-radius: 12px; box-shadow: 0px 5px 30px 1px #333; display: flex; flex-direction: column; align-items: center; margin-top: 10px; padding: 14px; text-align: center; position: relative; font-size: 1.0em; color: var(--action-text-color, white); pointer-events: auto; z-index: 3; } .invite-dialog__dialog__1XbxO a { color: var(--action-text-color, white); text-decoration: underline; font-weight: bold; } .invite-dialog__dialog__1XbxO .invite-dialog__link-button__S_o-t { min-width: auto; margin-top: 4px; flex: 1; } @media (max-height: 370px) { .invite-dialog__dialog__1XbxO .invite-dialog__link-button__S_o-t { display: none; } } .invite-dialog__dialog__1XbxO .invite-dialog__enter-vr-button__3y1BF { background-color: transparent; position: absolute; bottom: 64px; } .invite-dialog__modal__1hbVP { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0; margin: 0; } @media (min-height: 500px) { .invite-dialog__modal__1hbVP { justify-content: center; } } .invite-dialog__invite-container__1c0Jw { position: absolute; top: 0; left: 0; margin-top: 16px; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .invite-dialog__invite-container__1c0Jw .invite-dialog__invite-button__3cjFw { pointer-events: auto; } .invite-dialog__invite-container__1c0Jw .invite-dialog__invite-button-lowered__3lM4N { margin-top: 50px; } .invite-dialog__invite-container__1c0Jw .invite-dialog__enter-button__2Z5EY { pointer-events: auto; } @media (max-height: 320px) { .invite-dialog__invite-container__1c0Jw { display: none; } } .invite-dialog__invite-container__1c0Jw .invite-dialog__hide-small-screens__3UCeH { display: none; } @media (min-height: 737px) { .invite-dialog__invite-container__1c0Jw .invite-dialog__hide-small-screens__3UCeH { display: flex; } } .invite-dialog__invite-container__1c0Jw .invite-dialog__invite-mini-button__2zWJj { pointer-events: auto; display: none; background-color: var(--hud-panel-background); height: 28px; font-size: 0.8em; } @media (max-height: 736px) and (min-height: 325px) { .invite-dialog__invite-container__1c0Jw .invite-dialog__invite-mini-button__2zWJj { display: flex; } } @media (max-height: 736px) and (min-aspect-ratio: 15 / 9) { .invite-dialog__invite-container__1c0Jw .invite-dialog__invite-mini-button__2zWJj { display: none; } } .invite-dialog__link-code__k-Fcd { height: 20px; margin-top: 8px; } .invite-dialog__code-duration__2E3JG { font-size: 0.7em; } .invite-dialog__invite-container-below-hud__30RHX { margin-top: 76px; } .invite-dialog__attach-point__otyII { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid var(--action-color, #FF3464); position: absolute; top: -5px; } .invite-dialog__code__13AIx { color: var(--text-field-text-color); font-weight: bold; text-decoration: none; font-size: 2.0em; display: flex; margin: 12px; margin-bottom: 0px; } .invite-dialog__keep-open__229sO { font-size: 0.8em; } .invite-dialog__domain__2Q8Wr input { font-weight: bold; text-decoration: none; color: var(--text-field-text-color); text-align: center; background-color: var(--text-field-background-color); border: 1px solid var(--text-field-border-color); border-radius: 12px; margin: 12px; font-size: 1.8em; padding: 14px 0; display: block; min-width: 295px; width: max-content; } .invite-dialog__digit__2w64P { padding: 0 8px; margin: 2px; background-color: var(--text-field-background-color); border: 1px solid var(--text-field-border-color); border-radius: 12px; width: 32px; height: 64px; display: flex; align-items: center; justify-content: center; } .invite-dialog__digit_2__pQCJ3 { margin-right: 8px; } .invite-dialog__digit_3__1bWtt { margin-left: 8px; } .invite-dialog__code-loading-panel__1gghm { background: none; } .invite-dialog__hub-link-link__2guVF { font-size: 1.2em; } .invite-dialog__buttons__1yN_j { display: flex; justify-content: space-between; width: 100%; max-width: 400px; } .invite-dialog__buttons__1yN_j button, .invite-dialog__buttons__1yN_j a { margin: 0 12px; } .invite-dialog__embed__2zy_A { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 12px; } .invite-dialog__embed-text__3-Boo input { font-weight: bold; text-decoration: none; color: var(--text-field-text-color); text-align: center; background-color: var(--text-field-background-color); border: 1px solid var(--text-field-border-color); border-radius: 12px; margin: 12px 0 0 0; font-size: 1.2em; padding: 8px 14px; display: block; width: 295px; } .invite-dialog__close__3PAxl { position: absolute; cursor: pointer; width: 30px; height: 30px; min-width: auto; left: 12px; font-size: 1.5em; top: 12px; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline-style: none; border: 0; background-color: transparent; color: var(--action-text-color, white); } .invite-dialog__subscribe__qlJL4 { margin: 18px 0 6px 0; display: flex; align-items: center; justify-content: center; color: var(--action-text-color, white); } .invite-dialog__subscribe__qlJL4 label { cursor: pointer; margin-right: 8px; } .invite-dialog__embed-tip-wrap__2CQRc { position: absolute; bottom: 0px; left: 0px; width: 100%; } .invite-dialog__embed-tip-wrap__2CQRc .invite-dialog__embed-tip__12p0o { width: 450px; } .invite-dialog__embed-tip-wrap__2CQRc .invite-dialog__embed-tip__12p0o span { white-space: pre; } .invite-dialog__embed-tip-wrap__2CQRc .invite-dialog__embed-tip__12p0o .invite-dialog__embed-tip-attach-point__2UAZp { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid var(--notice-background-color, #2F80ED); position: absolute; top: -5px; } .promote-client-dialog__cancel-button__3YZLa, .promote-client-dialog__confirm-button__3LXvQ { font-family: 'Open Sans', sans-serif; } .promote-client-dialog__cancel-button__3YZLa, .promote-client-dialog__confirm-button__3LXvQ { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .promote-client-dialog__cancel-button__3YZLa { background-color: var(--action-button-secondary-background); color: var(--action-label-color, #FF3464); } .promote-client-dialog__confirm-button__3LXvQ { margin-top: 8px; flex-direction: row; } .promote-client-dialog__cancel-button__3YZLa { margin-top: 8px; } .promote-client-dialog__message__1LA_N { margin-bottom: 12px; white-space: pre-wrap; } .client-info-dialog__navigation-button__2WZHM, .client-info-dialog__primary-action-buttons__3xJ_N button, .client-info-dialog__primary-action-buttons__3xJ_N .client-info-dialog__cancel__2BguV, .client-info-dialog__collapse-button__1tTD7 { font-family: 'Open Sans', sans-serif; } .client-info-dialog__navigation-button__2WZHM, .client-info-dialog__primary-action-buttons__3xJ_N button, .client-info-dialog__primary-action-buttons__3xJ_N .client-info-dialog__cancel__2BguV { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .client-info-dialog__navigation-button__2WZHM, .client-info-dialog__primary-action-buttons__3xJ_N button { background-color: var(--panel-action-button-secondary-background); color: var(--action-label-color, #FF3464); } .client-info-dialog__collapse-button__1tTD7 { margin: 16px 0; padding: 0; display: block; background: none; border: none; color: var(--panel-text-color); cursor: pointer; font-size: 0.8em; outline-style: none; } .client-info-dialog__collapse-button__1tTD7 { cursor: pointer; color: var(--panel-widget-color); outline-style: none; background: none; border: none; } .client-info-dialog__title-and-close__1GbuZ { display: flex; justify-content: center; } .client-info-dialog__object-display-string__2wcOD { width: 80%; margin: 0 10%; text-align: center; overflow-wrap: break-word; max-width: 400px; } .client-info-dialog__cancel-text__2mi_O { margin: 10px 0px 0px 0px; } .client-info-dialog__collapse-button__1tTD7 { margin: 0 10px; } .client-info-dialog__collapse-button__1tTD7 i { font-size: 1.2em; } .client-info-dialog__client-info-dialog__2e1dc .dialog__box__contents__title { margin-bottom: 10px; } .client-info-dialog__title__3FGPe { text-align: center; font-weight: bold; margin: 0 12px; } .client-info-dialog__community-identifier__g3lbP { font-size: 12pt; font-weight: normal; margin-top: 3px; } .client-info-dialog__client-info__1MUSa { display: flex; text-align: left; margin: 0 12px; } @media (max-width: 690px) { .client-info-dialog__client-info__1MUSa { flex-direction: column; align-items: center; } } .client-info-dialog__client-profile-image__zt1EA { min-width: 200px; margin: 0px 80px; } .client-info-dialog__client-profile-image__zt1EA img { border-radius: 12px; width: auto; height: 240px; } @media (max-width: 690px) { .client-info-dialog__client-profile-image__zt1EA { margin: auto; } } .client-info-dialog__client-details__1F5zy { display: flex; flex-direction: column; margin: 4px 0 0 26px; font-weight: normal; width: 320px; } @media (max-width: 690px) { .client-info-dialog__client-details__1F5zy { width: 200px; margin: 4px 4px; } } .client-info-dialog__client-main__2BC1s { margin: 12px 8px 8px 0; position: relative; font-size: 1.8em; font-weight: bold; } .client-info-dialog__action-button-sections__amVnt { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .client-info-dialog__action-button-placeholder__3MCZ3 { height: 60px; } .client-info-dialog__left-action-buttons__Vul8Q, .client-info-dialog__right-action-buttons__231Az { display: flex; justify-content: center; align-items: center; width: 48px; } .client-info-dialog__navigation-button__2WZHM { min-width: 48px; } .client-info-dialog__primary-action-buttons__3xJ_N { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0px 24px; } .client-info-dialog__primary-action-buttons__3xJ_N button { position: relative; margin-top: 12px; width: 200px; display: flex; flex-direction: row; } .client-info-dialog__primary-action-buttons__3xJ_N button .client-info-dialog__button-icon__1vKfx { position: absolute; left: 10px; width: 32px; height: 32px; } @media (max-width: 801px) { .client-info-dialog__primary-action-buttons__3xJ_N button { width: 100px; margin-top: 4px; } } .client-info-dialog__primary-action-buttons__3xJ_N button:disabled { color: var(--panel-widget-disabled-color); } .client-info-dialog__primary-action-buttons__3xJ_N button:disabled .client-info-dialog__button-icon__1vKfx { filter: saturate(0); } .client-info-dialog__primary-action-button__NecRf { background: var(--action-color, #FF3464) !important; color: var(--action-text-color, white) !important; } .loading-panel { font-family: 'Open Sans', sans-serif; } .loader-wrap { pointer-events: none; position: relative; width: 100px; height: 90px; } .loader-bottom { position: fixed; bottom: 8px; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; } .loader-mid { -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; } .loading-panel { position: absolute; top: 0; left: 0; background-color: var(--loading-background-color); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; } .loading-panel__logo { width: 247px; margin: 20px 0 10px 0; filter: drop-shadow(0 0 4px #888); } .loading-panel__powered-by { position: absolute; bottom: 12px; left: 12px; font-weight: normal; font-size: 0.8em; color: var(--loading-text-color); } @media (max-width: 768px), (max-height: 480px) { .loading-panel__powered-by { display: none; } } .loading-panel__powered-by a { color: var(--loading-text-color); } .loading-panel__powered-by__prefix { margin-right: 4px; } .loader-center, .loader:before, .loader:after { background: var(--loading-spinner-color); -webkit-animation: loader-animation 1s infinite ease-in-out; animation: loader-animation 1s infinite ease-in-out; width: 0.6em; height: 1em; border-radius: 5px; } .loader { color: var(--loading-spinner-color); text-indent: -9999em; margin-left: 4em; margin-top: 4em; font-size: 11px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .loader-center, .loader:before, .loader:after { position: absolute; top: 0; content: ''; } .loader-center { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .loader:before { left: -1.2em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .loader:after { left: 1.2em; } @-webkit-keyframes loader-animation { 0%, 80%, 100% { height: 2em; top: 0; } 40% { height: 3.5em; top: -0.75em; } } @keyframes loader-animation { 0%, 80%, 100% { height: 2em; top: 0; } 40% { height: 3.5em; top: -0.75em; } } .loader__loading-text__QVcF3 { font-weight: normal; font-size: 0.8em; color: var(--loading-text-color); margin-top: 0; } .profile__profile-entry__1pJKZ .profile__form-submit__2y7xb, .profile__profile-entry__1pJKZ .profile__choose-avatar__2EV0F a, .profile__profile-entry__1pJKZ .profile__form-field-text__1bzeV { font-family: 'Open Sans', sans-serif; } .profile__profile-entry__1pJKZ .profile__form-submit__2y7xb { margin: 16px 0; } .profile__profile-entry__1pJKZ .profile__form-submit__2y7xb, .profile__profile-entry__1pJKZ .profile__choose-avatar__2EV0F a { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .profile__profile-entry__1pJKZ .profile__choose-avatar__2EV0F a { background-color: var(--action-button-secondary-background); color: var(--action-label-color, #FF3464); } .profile__profile-entry__1pJKZ .profile__form-submit__2y7xb { background: var(--action-color, #FF3464); } .profile__profile-entry__1pJKZ .profile__title__Vcynv { font-size: 1.5em; font-weight: bold; color: var(--panel-text-color); } .profile__profile-entry__1pJKZ .profile__close__2Uitz button { cursor: pointer; color: var(--panel-widget-color); outline-style: none; background: none; border: none; } .profile__profile-entry__1pJKZ { position: absolute; top: 0; left: 0; right: 0; bottom: 0; justify-content: center; align-items: center; display: flex; pointer-events: auto; z-index: 9; background-color: var(--full-panel-background-color); } .profile__profile-entry__1pJKZ a { cursor: pointer; } .profile__profile-entry__1pJKZ .profile__logo__1JZAd { width: 150px; position: absolute; right: 32px; bottom: 32px; display: none; filter: drop-shadow(0 0 4px #888); } @media (min-width: 500px) { .profile__profile-entry__1pJKZ .profile__logo__1JZAd { display: block; } } .profile__profile-entry__1pJKZ .profile__form__1-hBO { height: 100%; } .profile__profile-entry__1pJKZ .profile__box__oJXQD { display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-top: 32px; flex: 1 1 100%; width: 60vw; min-width: 300px; max-width: 700px; min-height: 200px; max-height: 100vh; height: 90%; } @media (min-height: 1000px) { .profile__profile-entry__1pJKZ .profile__box__oJXQD { max-height: 1000px; } } .profile__profile-entry__1pJKZ .profile__box__oJXQD .profile__links__2hukW { display: flex; justify-content: center; width: 100%; margin: 16px; } .profile__profile-entry__1pJKZ .profile__box__oJXQD .profile__links__2hukW a { margin: 0px 12px; color: var(--panel-subtext-link-color); } .profile__profile-entry__1pJKZ .profile__title__Vcynv { width: 100%; color: var(--panel-text-color); text-align: center; } .profile__profile-entry__1pJKZ .profile__display-name__auABh { font-size: 14pt; padding: 1em; } .profile__profile-entry__1pJKZ .profile__form-field-text__1bzeV { border: 1px solid var(--text-field-border-color); background-color: var(--text-field-background-color); border-radius: 10px; font-size: 1.1em; color: var(--text-field-text-color); outline: none; line-height: 2.0em; padding-left: 1.25em; padding-right: 1.25em; margin: 0.5em 0; } .profile__profile-entry__1pJKZ .profile__form-submit__2y7xb { margin: 0; min-height: max-content; margin-top: 16px; } .profile__profile-entry__1pJKZ .profile__preview__3QjLq { flex: 1; display: flex; position: relative; max-width: 300px; overflow: hidden; } .profile__profile-entry__1pJKZ .profile__choose-avatar__2EV0F { position: absolute; width: 100%; bottom: 16px; left: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; } .profile__profile-entry__1pJKZ .profile__choose-avatar__2EV0F a { align-self: flex-end; } .profile__profile-entry__1pJKZ .profile__edit-avatar__3386A { position: absolute; top: 15px; right: 20px; color: var(--tile-button-icon-color); font-size: 12pt; background: var(--tile-button-background-color); border-radius: 30px; width: 30px; height: 30px; text-align: center; line-height: 30px; } .profile__profile-entry__1pJKZ .profile__edit-avatar__3386A:hover { background: var(--action-color, #FF3464); color: var(--tile-button-icon-hover-color); } .profile__profile-entry__1pJKZ .profile__close__2Uitz { top: 32px; left: 24px; height: 35px; position: absolute; } .profile__profile-entry__1pJKZ .profile__close__2Uitz button { font-size: 1.6em; } .avatar-preview__preview__2I8qx { position: relative; overflow: hidden; background: var(--tile-selected-color); border-radius: 20px; } .avatar-preview__preview__2I8qx .loader { position: absolute; left: calc(50% - 4.3em); top: calc(50% - 4.5em); } .avatar-preview__preview__2I8qx .error { color: var(--panel-subtext-color); text-align: center; padding: 1.5em; position: absolute; top: 50%; transform: translateY(-50%); font-weight: bold; white-space: pre-wrap; box-sizing: border-box; width: 100%; } .avatar-preview__preview__2I8qx .error-icon { width: 16px; height: 16px; transform: translateY(2px); margin: 0 0.3em; } .media-browser__media-browser__y0Hsu .media-browser__facets__1Yz65 .media-browser__facet__2uP6U, .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__pager__RKx5O a, .media-browser__media-browser__y0Hsu .media-browser__header-center__2D9CW .media-browser__search__3gQ84 input { font-family: 'Open Sans', sans-serif; } .media-browser__media-browser__y0Hsu .media-browser__facets__1Yz65 .media-browser__facet__2uP6U, .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__pager__RKx5O a { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .media-browser__media-browser__y0Hsu .media-browser__header-left__1ObQh button { cursor: pointer; color: var(--panel-widget-color); outline-style: none; background: none; border: none; } .media-browser__media-browser__y0Hsu { position: absolute; top: 0; left: 0; right: 0; bottom: 0; justify-content: center; align-items: center; display: flex; pointer-events: auto; z-index: 10; background-color: var(--full-panel-background-color); overflow-x: hidden; overflow-y: scroll; } .media-browser__media-browser__y0Hsu a { cursor: pointer; } .media-browser__media-browser__y0Hsu .media-browser__header-center__2D9CW { flex: 10; justify-content: center; align-items: center; display: flex; flex-direction: column; } .media-browser__media-browser__y0Hsu .media-browser__header-center__2D9CW .media-browser__engine-attribution__2P2aD { width: 450px; height: 23px; display: flex; align-items: center; justify-content: flex-end; } @media (max-width: 1060px) { .media-browser__media-browser__y0Hsu .media-browser__header-center__2D9CW .media-browser__engine-attribution__2P2aD { flex: 10; width: auto; max-width: 450px; } } .media-browser__media-browser__y0Hsu .media-browser__header-center__2D9CW .media-browser__engine-attribution__2P2aD .media-browser__engine-attribution-contents__gCdfr { font-size: 0.8em; color: var(--tile-subtext-color); margin-top: 4px; } .media-browser__media-browser__y0Hsu .media-browser__header-center__2D9CW .media-browser__engine-attribution__2P2aD .media-browser__engine-attribution-contents__gCdfr a { color: var(--tile-subtext-color); } .media-browser__media-browser__y0Hsu .media-browser__header-center__2D9CW .media-browser__favorites-header__1XzZx { font-size: 1.5em; font-weight: bold; } .media-browser__media-browser__y0Hsu .media-browser__header-center__2D9CW .media-browser__favorites-header__1XzZx i { color: var(--favorited-color, #FFC000); margin-right: 12px; } .media-browser__media-browser__y0Hsu .media-browser__header-center__2D9CW .media-browser__search__3gQ84 { display: flex; width: 450px; height: 50px; border: 2px solid var(--text-field-border-color); border-radius: 10px; justify-content: center; align-items: center; } @media (max-width: 1060px) { .media-browser__media-browser__y0Hsu .media-browser__header-center__2D9CW .media-browser__search__3gQ84 { flex: 10; width: auto; max-width: 450px; } } @media (max-width: 801px) { .media-browser__media-browser__y0Hsu .media-browser__header-center__2D9CW .media-browser__search__3gQ84 { height: 35px; } } .media-browser__media-browser__y0Hsu .media-browser__header-center__2D9CW .media-browser__search__3gQ84 .media-browser__search-clear__2GkP3, .media-browser__media-browser__y0Hsu .media-browser__header-center__2D9CW .media-browser__search__3gQ84 .media-browser__search-icon__g1Sj9 { color: var(--text-field-widget-color); cursor: pointer; margin: 0 18px; font-size: 1.2em; } .media-browser__media-browser__y0Hsu .media-browser__header-center__2D9CW .media-browser__search__3gQ84 input { pointer-events: auto; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline-style: none; overflow: hidden; resize: none; background-color: transparent; color: var(--text-field-text-color); line-height: 28px; font-size: 1.1em; width: 100%; border: 0px; height: 32px; padding: 0px 8px; } .media-browser__media-browser__y0Hsu .media-browser__header-center__2D9CW .media-browser__search__3gQ84 input::placeholder { color: var(--text-field-placeholder-color); font-weight: 300; font-style: italic; } .media-browser__media-browser__y0Hsu .media-browser__box__1KHYi { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; flex: 1 1 100%; height: 100%; max-width: 1680px; } @media (max-width: 801px) { .media-browser__media-browser__y0Hsu .media-browser__box__1KHYi { width: 100%; } } .media-browser__media-browser__y0Hsu .media-browser__header__zqZ09 { display: flex; align-items: flex-start; width: 100vw; max-width: 1720px; margin: 32px; margin-bottom: 24px; height: 77px; min-height: 77px; } .media-browser__media-browser__y0Hsu .media-browser__header__zqZ09.media-browser__no-search__3N90H { height: auto; min-height: auto; } @media (max-width: 801px) { .media-browser__media-browser__y0Hsu .media-browser__header__zqZ09 { height: 55px; min-height: 55px; } .media-browser__media-browser__y0Hsu .media-browser__header__zqZ09.media-browser__no-search__3N90H { height: auto; min-height: auto; } } .media-browser__media-browser__y0Hsu .media-browser__nav__9J5If { width: 95vw; max-width: 1720px; display: flex; position: relative; height: 38px; min-height: 38px; border-bottom: 1px solid var(--panel-rule-color); color: var(--panel-text-color); white-space: nowrap; padding-left: 12px; margin: 0 12px; } @media (max-width: 801px) { .media-browser__media-browser__y0Hsu .media-browser__nav__9J5If { overflow-x: scroll; } } .media-browser__media-browser__y0Hsu .media-browser__nav__9J5If .media-browser__nav-right-pad__1qH0B { margin-right: 24px; } .media-browser__media-browser__y0Hsu .media-browser__nav__9J5If .media-browser__nav-source__o6NI6 { font-weight: 600; font-size: 1.2em; margin: 0px 24px; padding-bottom: 12px; border-bottom: 3px solid transparent; } @media (max-width: 801px) { .media-browser__media-browser__y0Hsu .media-browser__nav__9J5If .media-browser__nav-source__o6NI6 { font-size: 1.0em; } } .media-browser__media-browser__y0Hsu .media-browser__nav__9J5If .media-browser__nav-source-selected__2osjH { font-weight: bold; border-bottom: 3px solid var(--action-color, #FF3464); } .media-browser__media-browser__y0Hsu .media-browser__nav__9J5If .media-browser__nav-scroll-arrow__2Nikk { position: fixed; background-color: var(--overflow-tip-background-color); color: var(--overflow-tip-icon-color); display: flex; align-items: center; justify-content: center; width: 25px; height: 30px; right: 0px; } @media (min-width: 768px) { .media-browser__media-browser__y0Hsu .media-browser__nav__9J5If .media-browser__nav-scroll-arrow__2Nikk { display: none; } } .media-browser__media-browser__y0Hsu .media-browser__facets__1Yz65 { width: 95vw; max-width: 1720px; display: flex; position: relative; height: 44px; min-height: 44px; white-space: nowrap; padding: 0px 12px; justify-content: flex-start; align-items: center; margin: 20px 28px 0 28px; overflow: hidden; flex-wrap: wrap; } @media (max-width: 801px) { .media-browser__media-browser__y0Hsu .media-browser__facets__1Yz65 { overflow-x: scroll; flex-wrap: nowrap; } } .media-browser__media-browser__y0Hsu .media-browser__facets__1Yz65 .media-browser__facet__2uP6U { background-color: transparent; color: var(--action-label-color, #FF3464); border: 0; border-radius: 12px; font-weight: normal; height: 44px; margin: 0 8px; text-align: center; min-width: auto; min-height: 44px; white-space: nowrap; } .media-browser__media-browser__y0Hsu .media-browser__facets__1Yz65 .media-browser__facet__2uP6U:hover { background-color: var(--action-color-highlight, #FF74A4); color: var(--action-text-color, white); } .media-browser__media-browser__y0Hsu .media-browser__facets__1Yz65 .media-browser__facet__2uP6U.selected { background-color: var(--action-color, #FF3464); color: var(--action-text-color, white); } @media (max-width: 801px) { .media-browser__media-browser__y0Hsu .media-browser__facets__1Yz65 .media-browser__facet__2uP6U { font-size: 1.0em; } } .media-browser__media-browser__y0Hsu .media-browser__facets__1Yz65 .media-browser__nav-source-selected__2osjH { font-weight: bold; border-bottom: 3px solid var(--action-color, #FF3464); } .media-browser__media-browser__y0Hsu .media-browser__facets__1Yz65 .media-browser__nav-scroll-arrow__2Nikk { position: fixed; background-color: var(--overflow-tip-background-color); color: var(--overflow-tip-icon-color); display: flex; align-items: center; justify-content: center; width: 25px; height: 30px; right: 0px; } @media (min-width: 768px) { .media-browser__media-browser__y0Hsu .media-browser__facets__1Yz65 .media-browser__nav-scroll-arrow__2Nikk { display: none; } } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 { width: 100vw; max-width: 1720px; } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tiles__1BYEY { margin: 8px 8px 24px 8px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } @media (min-width: 700px) { .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tiles__1BYEY { margin-top: 8px; } } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tiles__1BYEY .media-browser__tile__2lzHU { margin: 16px 8px; cursor: pointer; position: relative; } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tiles__1BYEY .media-browser__tile__2lzHU .media-browser__info__2c8Zs { margin-top: 4px; } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tiles__1BYEY .media-browser__tile__2lzHU .media-browser__info__2c8Zs .media-browser__name__RFiE4 { font-size: 1.2em; font-weight: 600; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: var(--tile-title-color); text-decoration: none; display: block; } @media (max-width: 801px) { .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tiles__1BYEY .media-browser__tile__2lzHU .media-browser__info__2c8Zs .media-browser__name__RFiE4 { font-size: 1.1em; } } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tiles__1BYEY .media-browser__tile__2lzHU .media-browser__info__2c8Zs .media-browser__attribution__3glgj { display: flex; align-items: center; justify-content: space-between; font-size: 0.8em; font-weight: bold; color: var(--tile-subtitle-color); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } @media (max-width: 801px) { .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tiles__1BYEY .media-browser__tile__2lzHU .media-browser__info__2c8Zs .media-browser__attribution__3glgj { flex-direction: column; align-items: flex-start; } } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tiles__1BYEY .media-browser__tile__2lzHU .media-browser__info__2c8Zs .media-browser__creator__3LDPh { font-weight: normal; } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tiles__1BYEY .media-browser__tile__2lzHU .media-browser__info__2c8Zs .media-browser__creator__3LDPh a { color: var(--tile-subtitle-color); font-weight: normal; } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tiles__1BYEY .media-browser__tile__2lzHU .media-browser__info__2c8Zs .media-browser__publisher__mTzsX i { color: var(--tile-subtitle-link-color); } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tiles__1BYEY .media-browser__tile__2lzHU .media-browser__info__2c8Zs .media-browser__publisher__mTzsX a { color: var(--tile-subtitle-color); font-weight: normal; } @media (min-width: 700px) { .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tiles__1BYEY .media-browser__tile__2lzHU .media-browser__info__2c8Zs .media-browser__publisher__mTzsX a { color: var(--tile-subtext-color); } } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tiles__1BYEY .media-browser__tile__2lzHU .media-browser__info__2c8Zs .media-browser__last-joined__2DVWf { font-weight: normal; } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tiles__1BYEY .media-browser__tile__2lzHU .media-browser__tile-link__IXyUO { width: 100%; display: block; } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tiles__1BYEY .media-browser__tile__2lzHU .media-browser__tile-link__IXyUO .media-browser__tile-content__1QYSP { background-color: var(--tile-background-color); border-radius: 12px; width: 100%; height: 100%; } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tiles__1BYEY .media-browser__tile__2lzHU .media-browser__tile-link__IXyUO img.media-browser__tile-content__1QYSP { filter: brightness(1.1) contrast(1.1); } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tiles__1BYEY .media-browser__tile__2lzHU .media-browser__tile-link__IXyUO img.media-browser__avatar-tile__qNo2r { filter: none; background-color: var(--tile-alt-background-color); } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tiles__1BYEY .media-browser__tile__2lzHU .media-browser__favorite__1vVd0 { position: absolute; top: 6px; left: 7px; color: var(--favorited-color, #FFC000); } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tiles__1BYEY .media-browser__tile__2lzHU .media-browser__tile-actions__1QXbx { position: absolute; top: 6px; right: 7px; } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tiles__1BYEY .media-browser__tile__2lzHU .media-browser__tile-actions__1QXbx a { color: var(--tile-button-icon-color); background: var(--tile-button-background-color); border-radius: 30px; width: 30px; height: 30px; text-align: center; line-height: 30px; display: block; margin-bottom: 5px; } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tiles__1BYEY .media-browser__tile__2lzHU .media-browser__tile-actions__1QXbx a:hover { background: var(--action-color, #FF3464); color: var(--tile-button-icon-hover-color); } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tiles__1BYEY .media-browser__tile__2lzHU .media-browser__presence__2l7SM { position: absolute; top: 165px; right: 7px; background: var(--tile-button-background-color); height: 30px; border-radius: 30px; line-height: 30px; padding: 0 10px; } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tiles__1BYEY .media-browser__tile__2lzHU .media-browser__presence__2l7SM span { margin-left: 5px; } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tile__2lzHU.media-browser__create-tile__RL9vr { display: flex; margin-bottom: 4em; } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tile__2lzHU.media-browser__create-tile__RL9vr .media-browser__tile-link__IXyUO { flex: 1; text-decoration: none; } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tile__2lzHU.media-browser__create-tile__RL9vr .media-browser__tile-link__IXyUO .media-browser__tile-content__1QYSP { background-color: var(--tile-alt-background-color); display: flex; align-items: center; flex-direction: column; justify-content: center; text-align: center; color: var(--tile-empty-text-color); font-size: 14pt; padding: 10pt; box-sizing: border-box; } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tile__2lzHU.media-browser__create-tile__RL9vr .media-browser__tile-link__IXyUO .media-browser__tile-content__1QYSP .fa-plus { font-size: 20pt; margin: 8px; } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tile__2lzHU.media-browser__create-avatar-tile__2dxlP { margin-bottom: 3em; } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__tiles-variable__1ZNxg { justify-content: flex-start; } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__pager__RKx5O { display: flex; justify-content: center; align-items: center; margin-bottom: 24px; } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__pager__RKx5O a { margin: 32px; width: 48px; height: 48px; padding: 0; min-width: auto; font-weight: bold; } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__pager__RKx5O .media-browser__page-number__OTpSH { font-size: 1.2em; font-weight: bold; text-align: center; color: var(--panel-subtext-link-color); margin: 12px; } .media-browser__media-browser__y0Hsu .media-browser__body__j6Tv2 .media-browser__pager__RKx5O .media-browser__pager-button-disabled__ytlSN { pointer-events: none; background-color: var(--panel-subtext-disabled-color); } .media-browser__media-browser__y0Hsu .media-browser__header-left__1ObQh { margin: 0 0 0 32px; display: flex; width: 250px; } @media (max-width: 801px) { .media-browser__media-browser__y0Hsu .media-browser__header-left__1ObQh { width: 50px; height: 35px; } } .media-browser__media-browser__y0Hsu .media-browser__header-left__1ObQh button { font-size: 1.6em; } .media-browser__media-browser__y0Hsu .media-browser__header-right__3k3JZ { margin: 0 32px 0 0; display: flex; justify-content: flex-end; align-items: center; width: 250px; font-size: 1.6em; } .media-browser__media-browser__y0Hsu .media-browser__header-right__3k3JZ .media-browser__create-button__30hMV { font-weight: bold; color: var(--action-label-color, #FF3464); } @media (min-width: 800px) { .media-browser__media-browser__y0Hsu .media-browser__header-right__3k3JZ .media-browser__create-button__30hMV { margin-right: 12px; } } .media-browser__media-browser__y0Hsu .media-browser__header-right__3k3JZ .media-browser__create-link__28Bpj { font-weight: bold; font-size: 0.8em; color: var(--action-label-color, #FF3464); } @media (max-width: 801px) { .media-browser__media-browser__y0Hsu .media-browser__header-right__3k3JZ .media-browser__create-link__28Bpj { display: none; } } @media (max-width: 801px) { .media-browser__media-browser__y0Hsu .media-browser__header-right__3k3JZ { width: 50px; height: 35px; } } .media-browser__media-browser__y0Hsu .media-browser__empty-string__3r0tc { font-size: 1.2em; color: var(--panel-subtext-color); margin-top: 24px; } .media-browser__media-browser-inline__3AgWD { position: relative; background-color: var(--home-media-panel-background-color); width: 100%; padding: 12px; padding-top: 20px; margin-bottom: 52px; overflow: hidden; } .create-object-dialog__action-button__3OIJQ, .create-object-dialog__buttons__1zA-b, .create-object-dialog__small-button__7UxXQ { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .create-object-dialog__action-button__3OIJQ, .create-object-dialog__input-border__1N9AV, .create-object-dialog__left-side-of-input__zyV06 { font-family: 'Open Sans', sans-serif; } .create-object-dialog__input-border__1N9AV { border: 1px solid var(--text-field-border-color); box-sizing: border-box; border-radius: 10px; } .create-object-dialog__action-button__3OIJQ { margin: 16px 0; } .create-object-dialog__action-button__3OIJQ { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .create-object-dialog__action-button__3OIJQ { background: var(--action-color, #FF3464); } .create-object-dialog__add-media-form__10Wh- { display: flex; flex-direction: column; align-items: center; text-align: center; margin: 0; } .create-object-dialog__action-button__3OIJQ { margin-left: 6px; margin-right: 6px; appearance: none; width: 128px; text-align: center; -moz-appearance: none; -webkit-appearance: none; } .create-object-dialog__buttons__1zA-b { display: flex; flex-direction: row; justify-content: center; align-items: center; } .create-object-dialog__small-button__7UxXQ { margin-left: 0.25em; font-size: 2em; align-self: center; } .create-object-dialog__cancel-icon__yD-8A { color: var(--text-field-widget-color); cursor: pointer; } .create-object-dialog__upload-icon__19g9k { color: var(--action-label-color, #FF3464); cursor: pointer; } .create-object-dialog__upload-icon__19g9k:hover { color: var(--action-label-color-highlight); } .create-object-dialog__input-border__1N9AV { display: flex; margin: 1em; padding: 0.5em 0.75em; width: 100%; box-sizing: border-box; } .create-object-dialog__left-side-of-input__zyV06 { flex-grow: 1; border: none; white-space: nowrap; background: transparent; color: var(--text-field-text-color); font-size: 1.2em; align-self: center; overflow: hidden; text-overflow: ellipsis; width: 100%; } .create-object-dialog__hide-file-input__2myDe { visibility: hidden; position: absolute; } .change-scene-dialog__action-button__1xtdK, .change-scene-dialog__buttons__2QE34 { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .change-scene-dialog__action-button__1xtdK, .change-scene-dialog__spoke-launch__YObDn, .change-scene-dialog__input-border__30jd6, .change-scene-dialog__left-side-of-input__14WKu { font-family: 'Open Sans', sans-serif; } .change-scene-dialog__input-border__30jd6 { border: 1px solid var(--text-field-border-color); box-sizing: border-box; border-radius: 10px; } .change-scene-dialog__action-button__1xtdK { margin: 16px 0; } .change-scene-dialog__action-button__1xtdK, .change-scene-dialog__spoke-launch__YObDn { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .change-scene-dialog__action-button__1xtdK { background: var(--action-color, #FF3464); } .change-scene-dialog__spoke-launch__YObDn { background-color: var(--spoke-action-color); } .change-scene-dialog__change-scene-button__ckfZW { display: flex; flex-direction: column; align-items: center; text-align: center; margin: 0; } .change-scene-dialog__action-button__1xtdK { margin-left: 6px; margin-right: 6px; width: 128px; text-align: center; } .change-scene-dialog__action-button__1xtdK:disabled { background-color: var(--action-color-disabled, #FF74A4); } .change-scene-dialog__buttons__2QE34 { display: flex; flex-direction: row; justify-content: center; align-items: center; } .change-scene-dialog__input-border__30jd6 { display: flex; margin: 12px 0px; padding: 0.5em 0.75em; width: 100%; box-sizing: border-box; } .change-scene-dialog__left-side-of-input__14WKu { flex-grow: 1; border: none; white-space: nowrap; background: transparent; color: var(--text-field-text-color); font-size: 1.2em; align-self: center; overflow: hidden; text-overflow: ellipsis; width: 100%; } .change-scene-dialog__spoke-create__2krL- { display: flex; flex-direction: column; align-items: center; justify-content: center; border-top: 1px solid var(--panel-rule-color); margin-top: 64px; } .change-scene-dialog__spoke-create__2krL- div { margin-top: 28px; } .change-scene-dialog__spoke-launch__YObDn { margin-top: 18px; color: var(--spoke-action-text-color) !important; } .avatar-url-dialog__avatar-url-dialog__17OoD .url-field, .avatar-url-dialog__avatar-url-dialog__17OoD .submit { font-family: 'Open Sans', sans-serif; } .avatar-url-dialog__avatar-url-dialog__17OoD .url-field { border: 1px solid var(--text-field-border-color); box-sizing: border-box; border-radius: 10px; } .avatar-url-dialog__avatar-url-dialog__17OoD .url-field { color: var(--text-field-text-color); font-size: 1.2em; background-color: transparent; line-height: 2.0em; padding-left: 1.25em; padding-right: 1.25em; margin: 0.5em 0; width: 100%; } .avatar-url-dialog__avatar-url-dialog__17OoD .submit { margin: 16px 0; } .avatar-url-dialog__avatar-url-dialog__17OoD .submit { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .avatar-url-dialog__avatar-url-dialog__17OoD .submit { background: var(--action-color, #FF3464); } .avatar-url-dialog__avatar-url-dialog__17OoD .form { display: flex; flex-direction: column; align-items: center; min-width: 20em; } .link-dialog__close-button__2THTw, .link-dialog__domain__1WbPJ { font-family: 'Open Sans', sans-serif; } .link-dialog__close-button__2THTw { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .link-dialog__dialog__1zbyG { position: absolute; color: var(--lightbox-text-color); width: 100%; height: 100%; background-color: var(--lightbox-background-color); display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 10; pointer-events: auto; } .link-dialog__header__1A06x { font-size: 2em; font-weight: bold; margin-bottom: 12px; text-align: center; } @media (max-height: 420px) { .link-dialog__header__1A06x { display: none; } } .link-dialog__contents__3ODVz { display: flex; flex-direction: column; align-items: center; justify-content: center; } .link-dialog__domain__1WbPJ, .link-dialog__code__259RI { color: var(--lightbox-text-color); font-weight: bold; text-decoration: none; } .link-dialog__domain__1WbPJ { font-size: 3em; font-weight: bold; text-decoration: none; color: var(--lightbox-text-field-text-color); text-align: center; background-color: var(--lightbox-text-field-color); border: 1px solid var(--lightbox-text-field-border-color); border-radius: 12px; margin: 12px; padding: 14px; display: block; min-width: 295px; width: max-content; } .link-dialog__code__259RI { color: var(--lightbox-text-field-text-color); font-weight: bold; text-decoration: none; font-size: 2.5em; display: flex; margin: 12px; } .link-dialog__imageHeader__eaJe6 { width: 100px; height: 100px; background-color: var(--lightbox-icon-background-color); border-radius: 50px; fill: var(--lightbox-icon-color); margin-bottom: 24px; padding-right: 4px; } @media (max-height: 420px) { .link-dialog__imageHeader__eaJe6 { display: none; } } .link-dialog__keep-open__DYcUI { font-size: 0.8em; white-space: pre; text-align: center; } .link-dialog__digit___zoC4 { padding: 0 8px; margin: 2px; background-color: var(--lightbox-text-color); border: 1px solid var(--lightbox-text-field-border-color); border-radius: 12px; width: 32px; height: 64px; display: flex; align-items: center; justify-content: center; } .link-dialog__code-loading-panel__WKkNk { background: none; } .link-dialog__close__2TTmg { position: absolute; width: 30px; height: 30px; right: 12px; font-size: 3.0em; top: 0px; cursor: pointer; } .link-dialog__close-button__2THTw { background-color: var(--lightbox-widget-color); margin-top: 24px; } .sign-in-dialog__email-field__g3xRW, .sign-in-dialog__next-button__2pGtq, .sign-in-dialog__continue-button__kFN6Z { font-family: 'Open Sans', sans-serif; } .sign-in-dialog__email-field__g3xRW { border: 1px solid var(--text-field-border-color); box-sizing: border-box; border-radius: 10px; } .sign-in-dialog__sign-in-form__3Muog, .sign-in-dialog__sign-in-complete__3JMkv { display: flex; flex-direction: column; align-items: center; text-align: center; margin: 0; } .sign-in-dialog__email-field__g3xRW { color: var(--text-field-text-color); font-size: 1.2em; background-color: transparent; line-height: 2.0em; padding-left: 1.25em; padding-right: 1.25em; margin: 0.5em 0; width: 100%; } .sign-in-dialog__next-button__2pGtq, .sign-in-dialog__continue-button__kFN6Z { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .sign-in-dialog__email-field__g3xRW { margin: 1.5em 0 0.5em 0; } .sign-in-dialog__terms__3TT6i { font-size: 7pt; margin-bottom: 32px; } .room-settings-dialog__description-field__36sKF, .room-settings-dialog__name-field___yGhb, .room-settings-dialog__next-button__2F9Jd, .room-settings-dialog__continue-button__2Ltsg { font-family: 'Open Sans', sans-serif; } .room-settings-dialog__description-field__36sKF, .room-settings-dialog__name-field___yGhb { border: 1px solid var(--text-field-border-color); box-sizing: border-box; border-radius: 10px; } .room-settings-dialog__room-settings-form__yNism { display: flex; flex-direction: column; align-items: center; text-align: center; margin: 0; } .room-settings-dialog__description-field__36sKF, .room-settings-dialog__name-field___yGhb { color: var(--text-field-text-color); font-size: 1.2em; background-color: transparent; line-height: 2.0em; padding-left: 1.25em; padding-right: 1.25em; margin: 0.5em 0; width: 100%; } .room-settings-dialog__description-field__36sKF { padding: 0.4em 1em; line-height: 1.5em; } .room-settings-dialog__next-button__2F9Jd, .room-settings-dialog__continue-button__2Ltsg { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .room-settings-dialog__select-container__SGcNH input, .room-settings-dialog__permission__3W-cW input { cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; width: 2em; height: 2em; border: 1px solid var(--text-field-border-color); background-color: var(--text-field-background-color); border-radius: 6px; vertical-align: sub; margin: 0 0.7em; } .room-settings-dialog__select-container__SGcNH input:checked, .room-settings-dialog__permission__3W-cW input:checked { position: relative; } .room-settings-dialog__select-container__SGcNH input:checked::after, .room-settings-dialog__permission__3W-cW input:checked::after { content: ' '; position: absolute; background: var(--action-color, #FF3464); top: 0.3em; left: 0.3em; right: 0.3em; bottom: 0.3em; border-radius: 0.3em; } .room-settings-dialog__select-container__SGcNH input { border-radius: 1em; } .room-settings-dialog__select-container__SGcNH input:checked::after { content: ' '; position: absolute; background: var(--action-color, #FF3464); top: 0.3em; left: 0.3em; right: 0.3em; bottom: 0.3em; border-radius: 1em; } .room-settings-dialog__room-settings-form__yNism { padding: 1em; } .room-settings-dialog__subtitle__2ddy2 { margin: 1em; margin-top: 0; font-size: 12pt; color: var(--menu-header-text-color); text-align: left; font-weight: normal; text-transform: uppercase; width: 100%; } .room-settings-dialog__name-field___yGhb { margin-bottom: 1.5em; margin-top: 0; } .room-settings-dialog__member-cap-container__3IJG5 { width: 100%; position: relative; } .room-settings-dialog__description-field__36sKF { margin-bottom: 1.5em; margin-top: 0; } .room-settings-dialog__next-button__2F9Jd, .room-settings-dialog__continue-button__2Ltsg { margin-top: 1em; } .room-settings-dialog__permissions__1sHPN { margin-bottom: 1em; text-align: left; width: 100%; } .room-settings-dialog__permissions-group__1oRYA { padding-left: 1em; } .room-settings-dialog__select-container__SGcNH { display: flex; flex-direction: column; text-align: left; margin-bottom: 1em; width: 100%; } .room-settings-dialog__select-container__SGcNH span { color: var(--panel-subtext-color); font-size: 0.8em; } .room-settings-dialog__select-container__SGcNH label { margin-bottom: 1em; display: flex; align-items: center; } .room-settings-dialog__select-container__SGcNH label div { display: flex; flex-direction: column; } .room-settings-dialog__permission-disabled__3NH-j { color: var(--panel-widget-disabled-color); } .room-settings-dialog__permission-disabled__3NH-j input { cursor: auto; } .room-settings-dialog__permission__3W-cW input { vertical-align: middle; margin: 0.5em; } .close-room-dialog__cancel-button__MmtAo, .close-room-dialog__confirm-button__Bs9y3 { font-family: 'Open Sans', sans-serif; } .close-room-dialog__cancel-button__MmtAo, .close-room-dialog__confirm-button__Bs9y3 { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .close-room-dialog__cancel-button__MmtAo { background-color: var(--action-button-secondary-background); color: var(--action-label-color, #FF3464); } .close-room-dialog__confirm-button__Bs9y3 { margin-top: 8px; } .close-room-dialog__cancel-button__MmtAo { margin-top: 8px; } .close-room-dialog__message__1Rvh3 { margin-bottom: 12px; white-space: pre-wrap; } .tip__tip-root__1s7D1 .tip__tip-link__3m4Iq { text-decoration: underline; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline-style: none; border: 0; background: none; font-size: 1.0em; font-weight: bold; margin: 0; padding: 0; cursor: pointer; pointer-events: auto; } .tip__tip-root__1s7D1 { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: flex; justify-content: center; align-items: center; flex-direction: row; border-radius: 28px; border: 0; pointer-events: auto; z-index: 2; font-size: 0.8em; color: var(--notice-text-color, white); padding: 12px 24px; background-color: var(--notice-background-color, #2F80ED); text-align: center; } .tip__tip-root__1s7D1 { bottom: 80px; width: auto; padding: 4px 24px 4px 12px; } @media (max-width: 768px) { .tip__tip-root__1s7D1 { left: 50%; width: 80%; -webkit-transform: auto; transform: auto; } } .tip__tip-root__1s7D1 .tip__tip-cancel__1xPNP { color: var(--notice-widget-color, #6FC0FD); appearance: none; -moz-appearance: none; -webkit-appearance: none; background: transparent; cursor: pointer; border: none; outline-style: none; width: 32px; height: 32px; margin-right: 2px; } .tip__tip-root__1s7D1 .tip__tip__32KOl { flex: 10; } .tip__tip-root__1s7D1 .tip__split-tip__1xSCE { flex: 10; display: flex; flex-direction: row; justify-content: center; align-items: center; } .tip__tip-root__1s7D1 .tip__split-tip__1xSCE .tip__split-tip-icon__1ZXw0 { appearance: none; -moz-appearance: none; -webkit-appearance: none; outline-style: none; width: 28px; height: 28px; background-size: 30px; background-position: center; background-repeat: no-repeat; border: 2px solid white; display: flex; justify-content: center; align-items: center; align-self: flex-start; cursor: pointer; margin: 0 6px; border-radius: 18px; background-color: var(--action-color, #FF3464); } .tip__tip-root__1s7D1 .tip__split-tip__1xSCE .tip__spawn_menu-icon__2en_9 { background-image: url(https://assets-prod.reticulum.io/hubs/assets/images/spawn_message-b2047149013e833928c7696c1e801a22.png); } .tip__tip-root__1s7D1 .tip__split-tip__1xSCE .tip__object_rotate_button-icon__2tgeV { background-image: url(https://assets-prod.reticulum.io/hubs/assets/images/rotate-691ecca0c3064eff3004addb1c79fc8c.png); } .tip__tip-root__1s7D1 .tip__split-tip__1xSCE .tip__object_scale_button-icon__pxKrw { background-image: url(https://assets-prod.reticulum.io/hubs/assets/images/scale-2a1fb3be09c712af929677d60b5a5bb2.png); } .tip__tip-root__1s7D1 .tip__split-tip__1xSCE .tip__object_recenter_button-icon__38tNR { background-image: url(https://assets-prod.reticulum.io/hubs/assets/images/recenter-7655097e6872a51ae3692f38a0c60db1.png); } .tip__tip-root__1s7D1 .tip__tip-link__3m4Iq { color: var(--notice-text-color, white); } @media (min-height: 700px) { .tip__tour-tip-root__1PxCu { bottom: 20vh; } } @media (min-height: 800px) { .tip__tour-tip-root__1PxCu { bottom: 25vh; } } .feedback-dialog__form-frame__1gfk_ { width: 600px; height: 550px; } @media (max-width: 700px) { .feedback-dialog__form-frame__1gfk_ { width: 400px; } } @media (max-width: 475px) { .feedback-dialog__form-frame__1gfk_ { width: 300px; } } @media (max-height: 675px) { .feedback-dialog__form-frame__1gfk_ { height: 350px; } } @media (max-height: 475px) { .feedback-dialog__form-frame__1gfk_ { height: 250px; } } .help-dialog__help-dialog__3kPVz .help-dialog__docs-link__1kBbO, .help-dialog__help-dialog__3kPVz .help-dialog__tour-button__2kJpg { font-family: 'Open Sans', sans-serif; } .help-dialog__help-dialog__3kPVz .help-dialog__link-button__18Iw0 { text-decoration: underline; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline-style: none; border: 0; background: none; font-size: 1.0em; font-weight: bold; margin: 0; padding: 0; cursor: pointer; pointer-events: auto; } .help-dialog__help-dialog__3kPVz .help-dialog__docs-link__1kBbO, .help-dialog__help-dialog__3kPVz .help-dialog__tour-button__2kJpg { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .help-dialog__help-dialog__3kPVz .help-dialog__docs-link__1kBbO { background-color: var(--panel-action-button-secondary-background); color: var(--action-label-color, #FF3464); } .help-dialog__help-dialog__3kPVz { display: flex; flex-direction: column; justify-content: center; align-items: center; } .help-dialog__help-dialog__3kPVz .help-dialog__tour-button__2kJpg { position: relative; margin-top: 24px; margin-bottom: 12px; width: 200px; } .help-dialog__help-dialog__3kPVz .help-dialog__docs-link__1kBbO { position: relative; margin-top: 12px; margin-bottom: 12px; width: 200px; } .leave-room-dialog__leave-room__31Jf7 a { font-family: 'Open Sans', sans-serif; } .leave-room-dialog__leave-room__31Jf7 a { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .leave-room-dialog__leave-room__31Jf7 { display: flex; flex-direction: column; align-items: center; } .leave-room-dialog__leave-room__31Jf7 a { margin-top: 24px; } .room-info-dialog__title__3-3CO { text-align: center; font-weight: bold; margin: 0 12px; } .room-info-dialog__room-info__3XkbS { display: flex; text-align: left; margin: 0 12px; } @media (max-width: 690px) { .room-info-dialog__room-info__3XkbS { flex-direction: column; align-items: center; } } .room-info-dialog__scene-screenshot__3PWz- img { border-radius: 12px; width: 210px; height: 240px; filter: brightness(1.1) contrast(1.1); } .room-info-dialog__scene-details__2pYml { display: flex; flex-direction: column; margin: 4px 0 0 26px; font-weight: normal; width: 320px; } @media (max-width: 690px) { .room-info-dialog__scene-details__2pYml { width: 200px; margin: 4px 4px; } } .room-info-dialog__scene-main__2mhXj { margin: 0 8px 8px 0; position: relative; } .room-info-dialog__scene-name__1bqGh { font-size: 20px; font-weight: 600; color: var(--panel-text-color); } .room-info-dialog__scene-creator__3_za4 { font-size: 16px; color: var(--panel-subtext-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .room-info-dialog__scene-attributions__QpYVd { display: flex; flex-direction: column; max-height: 90px; overflow-y: scroll; } .room-info-dialog__attribution__I9_V- { margin: 8px 0; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 12px; } .room-info-dialog__attribution-name__3JTpI { font-weight: 600; } .room-info-dialog__attribution-name__3JTpI a { color: var(--action-label-color, #FF3464); text-decoration: none; } .room-info-dialog__attribution-author__BouZB { color: var(--panel-subtext-color); font-weight: normal; } .room-info-dialog__description__2jXMQ { font-weight: normal; text-align: left; padding: 0px 12px; } .room-info-dialog__subtitle__1pamf { margin: 1em; margin-top: 20px; font-size: 12pt; color: var(--menu-header-text-color); text-align: left; font-weight: normal; text-transform: uppercase; width: 100%; } .room-info-dialog__hub-title__2rQtj { font-weight: bold; text-align: left; margin: 0 12px; margin-bottom: 10px; font-size: 1.2em; } .object-info-dialog__action-row-action-button-secondary__3hftB, .object-info-dialog__action-row-action-button__2JMp6 { font-family: 'Open Sans', sans-serif; } .object-info-dialog__action-row-action-button-secondary__3hftB, .object-info-dialog__action-row-action-button__2JMp6 { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .object-info-dialog__action-row-action-button-secondary__3hftB { background-color: var(--action-button-secondary-background); color: var(--action-label-color, #FF3464); } .object-info-dialog__no-default-button-style__2sB9Z { padding: 0px; border-style: none; background-color: transparent; cursor: pointer; } .object-info-dialog__flex__2MA-7 { display: flex; } .object-info-dialog__header-icon__2E-60, .object-info-dialog__action-row-icon__1omGr, .object-info-dialog__navigation-row-item__2OShR { width: 44px !important; height: 44px !important; } .object-info-dialog__header-icon__2E-60.object-info-dialog__small__19pED { width: 32px !important; height: 32px !important; } @media (hover: hover) { :hover.object-info-dialog__header-icon__2E-60, :hover.object-info-dialog__navigation-row-item__2OShR { color: var(--action-label-color, #FF3464); } } .object-info-dialog__header-icon__2E-60, .object-info-dialog__navigation-row-item__2OShR { color: var(--panel-widget-color); } .object-info-dialog__action-row-icon__1omGr, .object-info-dialog__navigation-row-item__2OShR.object-info-dialog__selected__3EnmT { color: var(--action-label-color, #FF3464); } .object-info-dialog__inner-navigation-row-item__rEMAR { margin: 0px 8px; } .object-info-dialog__navigation-row-item__2OShR, .object-info-dialog__navigation-row-item__2OShR.object-info-dialog__selected__3EnmT { transition-property: transform; transition-duration: 0.25s; transition-timing-function: ease-out; } .object-info-dialog__navigation-row-item__2OShR { transform: scale(1); } .object-info-dialog__navigation-row-item__2OShR.object-info-dialog__selected__3EnmT { transform: scale(1.25); } .object-info-dialog__header__1XBOJ, .object-info-dialog__object-action-row__1t3Pm { display: flex; align-items: center; } .object-info-dialog__header__1XBOJ { height: 64px; background-color: var(--panel-background-color); } .object-info-dialog__float-center__RWzgV, .object-info-dialog__float-left__2_t5G, .object-info-dialog__float-right__2gwpC { position: absolute; width: 100%; height: 0px; display: flex; align-items: center; } .object-info-dialog__float-center__RWzgV { justify-content: center; } .object-info-dialog__float-left__2_t5G { justify-content: flex-start; } .object-info-dialog__float-left__2_t5G > *:first-child { margin-left: 16px; } .object-info-dialog__float-left__2_t5G > * { margin-right: 16px; } .object-info-dialog__float-right__2gwpC { justify-content: flex-start; flex-direction: row-reverse; } .object-info-dialog__float-right__2gwpC > *:first-child { margin-right: 16px; } .object-info-dialog__float-right__2gwpC > * { margin-left: 16px; } .object-info-dialog__object-counter-text__2VO4r { font-weight: normal; text-transform: uppercase; color: var(--panel-subtitle-color); } .object-info-dialog__object-counter-text__2VO4r { font-size: 32px; } .object-info-dialog__panel__1g10_ { position: absolute; bottom: 0px; width: 100%; border-radius: 18px 18px 0 0; display: flex; flex-flow: column; background-color: var(--panel-background-color); z-index: 10; } .object-info-dialog__navigation-row__3Oo3b { height: 80px; margin: 0px 16px; display: flex; justify-content: space-between; align-items: center; } .object-info-dialog__inner-navigation-row-container__3Vu-l { display: flex; align-items: center; flex-grow: 1; overflow: hidden; height: 60px; } .object-info-dialog__inner-navigation-row__1Yh5Q { position: relative; display: flex; justify-content: center; align-items: center; } .object-info-dialog__object-action-row__1t3Pm { height: 64px; } .object-info-dialog__action-row-action-button__2JMp6, .object-info-dialog__action-row-action-button-secondary__3hftB { min-width: 120px; width: 120px; height: 44px; } .oauth-dialog__oauth-discord-button__A_Zra, .oauth-dialog__oauth-twitter-button__Vh4oX, .oauth-dialog__oauth-button__25RiO { font-family: 'Open Sans', sans-serif; } .oauth-dialog__oauth-discord-button__A_Zra, .oauth-dialog__oauth-twitter-button__Vh4oX, .oauth-dialog__oauth-button__25RiO { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .oauth-dialog__oauth-discord-button__A_Zra { background-color: var(--discord-action-color); } .oauth-dialog__oauth-twitter-button__Vh4oX { background-color: var(--twitter-action-color); } .oauth-dialog__oauth-type-name__jPyhW { text-transform: capitalize; } .oauth-dialog__oauth-icon__v1G6W { font-size: 32px; margin-right: 0.2em; margin-top: 2px; } .oauth-dialog__privacy-notice__2R9ZT { font-size: 7pt; } .oauth-dialog__oauth-buttons__1U1Ni { flex-direction: column; } .oauth-dialog__oauth-button__25RiO { margin-top: 24px; color: var(--action-text-color, white) !important; flex-direction: row; } .oauth-dialog__twitter-message__cWCES { margin: 24px 36px 0 36px; } .tweet-dialog__buttons__1gYv2 .tweet-dialog__tweet-button__3XvNj { font-family: 'Open Sans', sans-serif; } .tweet-dialog__buttons__1gYv2 .tweet-dialog__tweet-button__3XvNj { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .tweet-dialog__buttons__1gYv2 .tweet-dialog__tweet-button__3XvNj { background-color: var(--twitter-action-color); } .tweet-dialog__tweet__25N6e { width: 600px; } @media (max-width: 700px) { .tweet-dialog__tweet__25N6e { width: 400px; } } @media (max-width: 475px) { .tweet-dialog__tweet__25N6e { width: 300px; } } .tweet-dialog__editor__3xJV- { background-color: var(--text-field-background-color); border: 2px solid var(--twitter-editor-border-color); margin: 24px 36px 0px 36px; padding: 18px; padding-bottom: 20px; text-align: left; font-size: 1em; border-radius: 12px; position: relative; font-weight: normal; min-height: 7em; cursor: text; display: flex; flex-direction: column; } @media (max-width: 475px) { .tweet-dialog__editor__3xJV- { margin: 24px 8px 0px 8px; } } .tweet-dialog__editor__3xJV- .tweet-dialog__editor-inner__1Zhzc { padding-right: 36px; } .tweet-dialog__editor__3xJV- a { color: var(--twitter-link-color); } .tweet-dialog__editor__3xJV- button { cursor: pointer; } .tweet-dialog__emoji-button__2L9tR { position: absolute; top: 0px; right: 0px; } .tweet-dialog__emoji-button__2L9tR > div > button { border: none; font-size: 2em; width: 1.5em; margin-right: 4px; } .tweet-dialog__emoji-button__2L9tR > div > div { right: 0px; cursor: pointer; } .tweet-dialog__counter__2OZyX { display: flex; justify-content: flex-end; margin-top: 18px; } .tweet-dialog__media__IeN9e { align-self: center; margin-top: 18px; } .tweet-dialog__media__IeN9e img, .tweet-dialog__media__IeN9e video { border-radius: 8px; width: 450px; height: 255px; } @media (max-width: 700px) { .tweet-dialog__media__IeN9e img, .tweet-dialog__media__IeN9e video { width: 275px; height: 155px; } } @media (max-width: 475px) { .tweet-dialog__media__IeN9e img, .tweet-dialog__media__IeN9e video { width: 175px; height: 100px; } } .tweet-dialog__buttons__1gYv2 { display: flex; flex-direction: column; align-items: center; justify-content: center; } .tweet-dialog__buttons__1gYv2 .tweet-dialog__tweet-button__3XvNj { margin-top: 36px; } .tweet-dialog__buttons__1gYv2 .tweet-dialog__tweet-button__3XvNj:disabled { background-color: var(--panel-widget-disabled-color); } .tweet-dialog__posted__2t8RC { margin: 24px 36px 0px 36px; } @media (max-width: 475px) { .tweet-dialog__posted__2t8RC { margin: 24px 8px 0px 8px; } } .tweet-dialog__tweet-loader__3Q8YL { height: 40px; } .tweet-dialog__dialog-background__2vvyQ { background-color: var(--twitter-panel-background-color); } .message-entry__message-entry-input__2AtQE { font-family: 'Open Sans', sans-serif; } .message-entry__message-entry__x7lQX { position: relative; margin: 10px 24px 24px 24px; height: 48px; display: flex; justify-content: center; align-items: center; background-color: var(--text-field-background-color); border: 1px solid var(--text-field-border-color); border-radius: 16px; } .message-entry__message-entry-disabled__25LSI { background-color: transparent; } .message-entry__message-entry-disabled__25LSI .message-entry__message-entry-button__3xJhH { display: none; } .message-entry__message-entry-input__2AtQE { pointer-events: auto; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline-style: none; overflow: hidden; resize: none; background-color: transparent; color: var(--text-field-text-color); padding: 8px 1.25em; line-height: 28px; font-size: 1.1em; width: 100%; border: 0px; height: 32px; flex: 10; } .message-entry__message-entry-input__2AtQE::placeholder { color: var(--text-field-placeholder-color); font-weight: 300; font-style: italic; } .message-entry__message-entry-button__3xJhH { color: var(--action-label-color, #FF3464); appearance: none; -moz-appearance: none; -webkit-appearance: none; outline-style: none; background-color: var(--text-field-background-color); min-width: 40px; height: 100%; bottom: 0px; border: 0px; font-size: 1.5em; cursor: pointer; margin: 0px 10px; } .message-entry__message-entry-spawn__1_AF5 { color: var(--overlay-text-field-widget-color); appearance: none; -moz-appearance: none; -webkit-appearance: none; outline-style: none; min-width: 40px; height: 100%; bottom: 0px; font-size: 1.5em; cursor: pointer; border: 0; background-color: transparent; margin: 0px; } .message-entry__message-entry-spawn__1_AF5:hover { color: var(--action-label-color, #FF3464); } .message-entry__message-entry-spawn__1_AF5:disabled { color: var(--text-field-disabled-color); background-color: transparent; } .message-entry__message-entry-button__3xJhH:disabled { color: var(--text-field-disabled-color); background-color: transparent; } .message-entry__message-entry-button-in-room__2yMTR { color: var(--overlay-text-field-widget-color); } .message-entry__message-entry-button-in-room__2yMTR:hover { color: var(--action-label-color, #FF3464); } .message-entry__message-entry-upload__3F0sX { margin-bottom: 1px; display: flex; align-items: center; justify-content: center; } .message-entry__message-entry-in-room__1aN5s { position: absolute; z-index: 2; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 95%; max-width: 700px; height: 48px; display: flex; justify-content: center; align-items: center; background-color: var(--overlay-text-field-background-color); border-radius: 16px; pointer-events: auto; transition: opacity 0.15s linear; } .message-entry__message-entry-in-room__1aN5s .message-entry__message-entry-input-in-room__30ReF { color: var(--overlay-text-field-text-color); padding: 8px 0px; margin-left: 4px; } .message-entry__message-entry-in-room__1aN5s .message-entry__message-entry-input-no-spawn__1wF7R { padding: 8px 1.25em; } .message-entry__message-entry-in-room__1aN5s .message-entry__message-entry-button-in-room__2yMTR { border: 0; background-color: transparent; margin-right: 10px; } .message-entry__message-entry-in-room__1aN5s:focus-within, .message-entry__message-entry-in-room__1aN5s:hover { transition: background-color 0.15s linear; background-color: var(--overlay-text-field-focused-background-color); } .message-entry__message-entry-in-room__1aN5s:focus-within .message-entry__message-entry-button-in-room__2yMTR, .message-entry__message-entry-in-room__1aN5s:hover .message-entry__message-entry-button-in-room__2yMTR { border: 0; background-color: transparent; } @media (min-aspect-ratio: 15 / 9) { .message-entry__message-entry-on-mobile__2pSYF { display: none; } } .chat-command-help__command-help__q0Wb8 .chat-command-help__entry__1E1un { font-family: 'Open Sans', sans-serif; } .chat-command-help__command-help__q0Wb8 { background-color: var(--chat-popup-background-color); color: var(--chat-popup-text-color); position: absolute; display: flex; flex-direction: column; width: 75%; left: 0; bottom: 58px; pointer-events: auto; padding: 8px 1.25em; border-radius: 16px; font-size: 0.8em; } .chat-command-help__command-help__q0Wb8 .chat-command-help__entry__1E1un { margin: 4px; display: flex; justify-content: space-between; } .chat-command-help__command-help__q0Wb8 .chat-command-help__entry__1E1un .chat-command-help__command__2GMyn { font-weight: bold; white-space: nowrap; margin-right: 8px; } .presence-log__presence-log__10oFj .presence-log__presence-log-entry__dt0t4 { font-family: 'Open Sans', sans-serif; } .presence-log__presence-log__10oFj { align-self: flex-start; flex: 10; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; margin-bottom: 8px; margin-top: 90px; overflow: hidden; width: 100%; } .presence-log__presence-log__10oFj .presence-log__presence-log-entry__dt0t4 { pointer-events: auto; user-select: text; -moz-user-select: text; -webkit-user-select: text; -ms-user-select: text; background-color: var(--lobby-overlay-widget-background-color); color: var(--lobby-overlay-widget-text-color); margin: 0px 64px 8px 8px; font-size: 0.8em; padding: 8px 16px; border-radius: 20px; display: flex; align-items: center; } .presence-log__presence-log__10oFj .presence-log__presence-log-entry__dt0t4 .presence-log__message-body__2L9jA { margin-left: 4px; white-space: pre; } .presence-log__presence-log__10oFj .presence-log__presence-log-entry__dt0t4 .presence-log__message-body-multi__2e-Sx { margin-left: 0px; } .presence-log__presence-log__10oFj .presence-log__presence-log-entry__dt0t4 .presence-log__message-body-mono__3zuQE { font-family: monospace; font-size: 14px; } .presence-log__presence-log__10oFj .presence-log__presence-log-entry__dt0t4 .presence-log__message-wrap__2aWCa { display: flex; align-items: center; justify-content: center; } .presence-log__presence-log__10oFj .presence-log__presence-log-entry__dt0t4 .presence-log__message-wrap-multi__1eA6v { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; } .presence-log__presence-log__10oFj .presence-log__presence-log-entry__dt0t4 .presence-log__message-source__3CI4d { align-self: flex-start; font-weight: bold; } .presence-log__presence-log__10oFj .presence-log__presence-log-entry__dt0t4 .presence-log__message-source-link__1evTZ { cursor: pointer; text-decoration: underline; } .presence-log__presence-log__10oFj .presence-log__presence-log-entry__dt0t4 a { color: var(--action-label-color, #FF3464); } @media (max-width: 1000px) { .presence-log__presence-log__10oFj .presence-log__presence-log-entry__dt0t4 { max-width: 75%; } } .presence-log__presence-log__10oFj .presence-log__presence-log-entry__dt0t4 .presence-log__icon-button__2Shbm { appearance: none; -moz-appearance: none; -webkit-appearance: none; outline-style: none; width: 24px; height: 24px; background-size: 20px; background-position: center; background-repeat: no-repeat; border: 0; display: flex; justify-content: center; align-items: center; cursor: pointer; margin-right: 6px; border-radius: 12px; background-color: transparent; } @media (pointer: fine) { .presence-log__presence-log__10oFj .presence-log__presence-log-entry__dt0t4 .presence-log__icon-button__2Shbm:hover { background-color: var(--action-color, #FF3464); } } .presence-log__presence-log__10oFj .presence-log__presence-log-entry__dt0t4 .presence-log__spawn-message__14Ne8 { background-image: url(https://assets-prod.reticulum.io/hubs/assets/images/spawn_message-b2047149013e833928c7696c1e801a22.png); } .presence-log__presence-log__10oFj .presence-log__presence-log-entry__dt0t4 .presence-log__share__37U7E { background-image: url(https://assets-prod.reticulum.io/hubs/assets/images/share_message-8d0da9239d36f0448e2c587091cf28d6.png); } .presence-log__presence-log__10oFj .presence-log__presence-log-entry__dt0t4.presence-log__media__2qG_d { display: flex; align-items: center; min-height: 35px; } .presence-log__presence-log__10oFj .presence-log__presence-log-entry__dt0t4.presence-log__media__2qG_d .presence-log__mediaBody__1rByA { display: flex; flex-direction: column; } .presence-log__presence-log__10oFj .presence-log__presence-log-entry__dt0t4.presence-log__media__2qG_d img { height: 35px; margin-left: 8px; border: 2px solid var(--lobby-overlay-widget-thumbnail-border-color); display: block; border-radius: 5px; } .presence-log__presence-log__10oFj .presence-log__expired__2wMJc { visibility: hidden; opacity: 0; transform: translateY(-8px); transition: visibility 0s 0.5s, opacity 0.5s linear, transform 0.5s; } .presence-log__presence-log__10oFj .presence-log__presence-log-entry-with-button__1PxTw { padding: 8px 18px 8px 10px; } .presence-log__presence-log-in-room__17h3n { position: absolute; bottom: 64px; z-index: 1; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 95%; max-width: 700px; } .presence-log__presence-log-in-room__17h3n .presence-log__presence-log-entry__dt0t4 { background-color: var(--hud-panel-background); color: var(--hud-panel-text-color); min-height: 18px; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .presence-log__presence-log-in-room__17h3n .presence-log__presence-log-entry__dt0t4 a { color: var(--hud-panel-link-color); } .presence-log__presence-log-spawn__3jlmT { position: absolute; top: 0; z-index: -10; width: auto; margin: 0; } .presence-log__presence-log-spawn__3jlmT .presence-log__presence-log-entry__dt0t4 { background-color: var(--spawned-overlay-widget-background-color); color: var(--spawned-overlay-widget-text-color); min-height: 18px; padding: 8px 16px; border-radius: 16px; line-height: 18px; margin: 0; max-width: 100%; } .presence-log__presence-log-spawn__3jlmT .presence-log__presence-log-entry__dt0t4 .presence-log__message-body__2L9jA { margin-left: 0; } .presence-log__presence-log-spawn__3jlmT .presence-log__presence-log-entry__dt0t4 a { color: var(--spawned-overlay-widget-link-color); } .presence-log__presence-log-spawn__3jlmT .presence-log__presence-log-entry-one-line__bRXfp { font-weight: bold; line-height: 19px; text-align: center; } .presence-log__presence-log-spawn__3jlmT .presence-log__presence-log-emoji__1_3Yn { background-color: transparent; padding: 0; margin: 0; } .presence-log__presence-log-spawn__3jlmT .presence-log__message-wrap__2aWCa { flex-direction: column; } .presence-log__presence-log-spawn__3jlmT .presence-log__message-source__3CI4d { font-weight: normal; font-size: 0.7em; white-space: nowrap; color: var(--spawned-overlay-widget-source-text-color); } .presence-log__presence-log-spawn__3jlmT .presence-log__message-source-link__1evTZ { cursor: pointer; text-decoration: underline; } .presence-log__emoji__10b18 { margin: auto !important; vertical-align: 0em !important; } .presence-list__client-link__3tkyz { font-family: 'Open Sans', sans-serif; } .presence-list__client-link__3tkyz { text-decoration: underline; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline-style: none; border: 0; background: none; font-size: 1.0em; font-weight: bold; margin: 0; padding: 0; cursor: pointer; pointer-events: auto; } .presence-list__client-link__3tkyz { font-family: 'Open Sans', sans-serif; } .presence-list__client-link__3tkyz { text-decoration: underline; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline-style: none; border: 0; background: none; font-size: 1.0em; font-weight: bold; margin: 0; padding: 0; cursor: pointer; pointer-events: auto; } .presence-list__presence-list__1KERe { position: absolute; top: 72px; bottom: 0; z-index: 5; color: var(--menu-text-color); } @media (max-width: 500px) { .presence-list__presence-list__1KERe { top: 96px; } } .presence-list__attach-point__kIdfx { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid var(--menu-attach-point-color); position: absolute; } .presence-list__contents__1B7bz { background-color: var(--menu-background-color); border-radius: 12px; padding: 18px; min-width: 260px; max-height: 75%; overflow-y: auto; pointer-events: auto; } .presence-list__rows__1B6KS { display: flex; flex-direction: column; align-items: center; } .presence-list__row__1D2j2 { width: 100%; display: flex; flex-direction: row; font-weight: bold; justify-content: space-between; align-items: center; margin: 6px 0; } .presence-list__row-header__3kl1w { margin-top: 18px; margin-bottom: 4px; color: var(--menu-header-text-color); font-weight: normal; text-transform: uppercase; font-size: 0.8em; } .presence-list__row-header__3kl1w:first-child { margin-top: 4px; } .presence-list__list-item__2YARP { flex: 10; white-space: nowrap; margin-right: 24px; max-width: 45vw; overflow: hidden; color: var(--menu-text-color); } .presence-list__list-item__2YARP a { color: var(--menu-link-color); text-decoration-color: var(--menu-link-underline-color); } .presence-list__list-item__2YARP button { color: var(--menu-text-color); text-decoration-color: var(--menu-link-underline-color); } .presence-list__list-item__2YARP .presence-list__list-item-link__2DLC2 { color: var(--menu-link-color); text-decoration: underline; text-decoration-color: var(--menu-link-underline-color); cursor: pointer; } .presence-list__presence-list__1KERe { right: 16px; } .presence-list__attach-point__kIdfx { top: -5px; right: 44px; } @media (max-width: 500px) { .presence-list__attach-point__kIdfx { right: 22px; } } .presence-list__presence__15DJe { flex: 1; white-space: nowrap; text-align: right; } .presence-list__presence__15DJe p { margin-left: 8px; } .presence-list__sign-in__28eVu { display: flex; justify-content: center; border-top: 1px solid var(--panel-rule-color); margin-top: 12px; padding-top: 12px; font-size: 0.8em; } .presence-list__sign-in__28eVu a { text-decoration: underline; text-decoration-color: var(--panel-link-underline-color); font-weight: bold; cursor: pointer; margin-left: 24px; } .presence-list__icon__1t8iB { width: 24px; height: 24px; position: relative; margin: 0px 12px 0px 0px; } .presence-list__icon__1t8iB img { position: absolute; left: 2px; width: 24px; height: 24px; } .presence-list__self__1g-bw { text-decoration: none; } .presence-list__self__1g-bw i { margin-left: 12px; color: var(--menu-icon-color); } .presence-list__self__1g-bw i:hover { color: var(--action-label-color, #FF3464); } .presence-list__moderator-badge__2njku { color: var(--action-label-color, #FF3464); margin-left: 4px; text-decoration: none; } .avatar-editor__avatar-editor__xtJ6P form .text-field, .avatar-editor__avatar-editor__xtJ6P form .textarea, .avatar-editor__avatar-editor__xtJ6P form .select, .avatar-editor__avatar-editor__xtJ6P .form-submit { font-family: 'Open Sans', sans-serif; } .avatar-editor__avatar-editor__xtJ6P form .text-field, .avatar-editor__avatar-editor__xtJ6P form .textarea, .avatar-editor__avatar-editor__xtJ6P form .select { border: 1px solid var(--text-field-border-color); box-sizing: border-box; border-radius: 10px; } .avatar-editor__avatar-editor__xtJ6P form .text-field, .avatar-editor__avatar-editor__xtJ6P form .textarea, .avatar-editor__avatar-editor__xtJ6P form .select { color: var(--text-field-text-color); font-size: 1.2em; background-color: transparent; line-height: 2.0em; padding-left: 1.25em; padding-right: 1.25em; margin: 0.5em 0; width: 100%; } .avatar-editor__avatar-editor__xtJ6P .form-submit { margin: 16px 0; } .avatar-editor__avatar-editor__xtJ6P .form-submit { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .avatar-editor__avatar-editor__xtJ6P .form-submit { background: var(--action-color, #FF3464); } .avatar-editor__avatar-editor__xtJ6P form .checkbox-container .checkbox { cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; width: 2em; height: 2em; border: 1px solid var(--text-field-border-color); background-color: var(--text-field-background-color); border-radius: 6px; vertical-align: sub; margin: 0 0.7em; } .avatar-editor__avatar-editor__xtJ6P form .checkbox-container .checkbox:checked { position: relative; } .avatar-editor__avatar-editor__xtJ6P form .checkbox-container .checkbox:checked::after { content: ' '; position: absolute; background: var(--action-color, #FF3464); top: 0.3em; left: 0.3em; right: 0.3em; bottom: 0.3em; border-radius: 0.3em; } .avatar-editor__avatar-editor__xtJ6P .close-button { cursor: pointer; color: var(--panel-widget-color); outline-style: none; background: none; border: none; } .avatar-editor__avatar-editor__xtJ6P { padding: 2em; display: flex; flex-direction: row; box-sizing: border-box; align-items: flex-start; height: 100%; color: var(--panel-text-color); } @media (max-width: 768px) { .avatar-editor__avatar-editor__xtJ6P { padding: 0.5em; flex-direction: column; align-items: center; } } .avatar-editor__avatar-editor__xtJ6P > .loader { position: absolute; left: calc(50% - 4.3em); top: calc(50% - 4.5em); } .avatar-editor__avatar-editor__xtJ6P .info { text-align: center; width: 100%; color: var(--panel-subtext-color); margin: 1em 0; } .avatar-editor__avatar-editor__xtJ6P .info p { margin: 0; margin-bottom: 0.5em; } .avatar-editor__avatar-editor__xtJ6P .info p a { margin-right: 5px; } .avatar-editor__avatar-editor__xtJ6P .info a { color: var(--panel-subtext-link-color); margin-left: 5px; } .avatar-editor__avatar-editor__xtJ6P .center { display: flex; flex-direction: column; height: 100%; flex: 1; align-items: center; overflow: auto; } @media (min-width: 768px) { .avatar-editor__avatar-editor__xtJ6P .center { padding-top: 2em; } } .avatar-editor__avatar-editor__xtJ6P form { display: flex; flex-direction: column; } .avatar-editor__avatar-editor__xtJ6P form > label { margin-top: 8px; } .avatar-editor__avatar-editor__xtJ6P form details { margin-bottom: 10px; } .avatar-editor__avatar-editor__xtJ6P form > .text-field-container { display: flex; align-items: center; } .avatar-editor__avatar-editor__xtJ6P form > .text-field-container label { margin-right: 5px; } .avatar-editor__avatar-editor__xtJ6P form .file-input-row { display: flex; align-items: center; } .avatar-editor__avatar-editor__xtJ6P form .file-input-row.disabled { opacity: 0.5; } .avatar-editor__avatar-editor__xtJ6P form .file-input-row label { display: flex; align-items: center; margin: 5px 0; cursor: pointer; } .avatar-editor__avatar-editor__xtJ6P form .file-input-row input { display: none; } .avatar-editor__avatar-editor__xtJ6P form .file-input-row .img-box { width: 50px; height: 50px; min-width: 50px; min-height: 50px; border-radius: 8px; margin-right: 5px; background: var(--panel-action-button-secondary-background); overflow: hidden; color: var(--action-button-secondary-icon); position: relative; } .avatar-editor__avatar-editor__xtJ6P form .file-input-row .img-box svg { position: absolute; left: 15px; top: 15px; } .avatar-editor__avatar-editor__xtJ6P form .file-input-row img { width: 100%; } .avatar-editor__avatar-editor__xtJ6P form .file-input-row a { margin-left: 10px; color: var(--panel-subtext-link-color); } .avatar-editor__avatar-editor__xtJ6P form .text-field { font-size: 16px; } .avatar-editor__avatar-editor__xtJ6P form .textarea { font-size: 16px; } .avatar-editor__avatar-editor__xtJ6P form .select-container { position: relative; } .avatar-editor__avatar-editor__xtJ6P form .select-container .arrow { position: absolute; right: 10px; bottom: 20px; } .avatar-editor__avatar-editor__xtJ6P form .select-grid-container .select-grid { display: flex; flex-wrap: wrap; margin-top: 5px; justify-content: space-between; max-width: 355px; } .avatar-editor__avatar-editor__xtJ6P form .select-grid-container input { display: none; } .avatar-editor__avatar-editor__xtJ6P form .select-grid-container .item { box-sizing: border-box; border-radius: 15px; display: flex; justify-content: center; align-items: center; color: var(--panel-subtext-color); text-align: center; cursor: pointer; margin-bottom: 5px; width: calc(1 / 3 * 100% - (1 - 1 / 3) * 10px); position: relative; } .avatar-editor__avatar-editor__xtJ6P form .select-grid-container .item.selected { background: var(--tile-selected-color); } .avatar-editor__avatar-editor__xtJ6P form .select-grid-container .item.custom { width: 100%; height: 40px; } .avatar-editor__avatar-editor__xtJ6P form .select-grid-container .item img { position: absolute; top: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); } .avatar-editor__avatar-editor__xtJ6P form .select { font-size: 16px; height: 36px; -webkit-appearance: none; -moz-appearance: none; } .avatar-editor__avatar-editor__xtJ6P form .checkbox-container { display: flex; align-items: center; margin: 5px 0; } .avatar-editor__avatar-editor__xtJ6P form .checkbox-container .checkbox { min-width: 2em; min-height: 2em; } .avatar-editor__avatar-editor__xtJ6P form .license { font-size: 8pt; color: var(--panel-subtext-color); } .avatar-editor__avatar-editor__xtJ6P form .license a { color: var(--panel-subtext-link-color); } .avatar-editor__avatar-editor__xtJ6P form hr { width: 100%; border: none; border-bottom: 1px solid var(--panel-widget-color); } .avatar-editor__avatar-editor__xtJ6P form a { color: var(--panel-text-color); } .avatar-editor__avatar-editor__xtJ6P .preview { margin-left: 2em; height: 450px; max-width: 200px; } @media (max-width: 768px) { .avatar-editor__avatar-editor__xtJ6P .preview { margin-left: 0.5em; } } .avatar-editor__avatar-editor__xtJ6P .form-submit { margin: 0; margin-bottom: 0.5em; } .avatar-editor__avatar-editor__xtJ6P .form-submit:disabled { background-color: var(--action-color-disabled, #FF74A4); } .avatar-editor__avatar-editor__xtJ6P .split { display: grid; grid-template: 100% / 55% 45%; align-items: center; } .avatar-editor__avatar-editor__xtJ6P canvas { width: 100%; height: 100%; } .avatar-editor__avatar-editor__xtJ6P .delete-avatar { color: var(--panel-subtext-color); } .avatar-editor__avatar-editor__xtJ6P .delete-avatar a { cursor: pointer; text-decoration: underline; color: var(--action-label-color, #FF3464); } .avatar-editor__avatar-editor__xtJ6P .close-button { font-size: 1.6em; align-self: flex-start; } @media (max-width: 768px) { .avatar-editor__avatar-editor__xtJ6P .close-button { padding-left: 0.5em; } } .preferences-screen__max-resolution-preference-item__1lqd7 input, .preferences-screen__number-with-range__35LSW .preferences-screen__number-in-number-with-range__2KQrK input[type=text], .preferences-screen__preference-list-item__29ZAe .preferences-screen__dropdown__Yvmf_ select, .preferences-screen__content-container__3VLFw { font-family: 'Open Sans', sans-serif; } .preferences-screen__preference-list-item__29ZAe .preferences-screen__dropdown__Yvmf_ select { font-family: 'Open Sans', sans-serif; color: var(--panel-text-color); } .preferences-screen__max-resolution-preference-item__1lqd7 input, .preferences-screen__number-with-range__35LSW .preferences-screen__number-in-number-with-range__2KQrK input[type=text], .preferences-screen__preference-list-item__29ZAe .preferences-screen__dropdown__Yvmf_ select { border: 1px solid var(--text-field-border-color); box-sizing: border-box; border-radius: 10px; } .preferences-screen__max-resolution-preference-item__1lqd7 input, .preferences-screen__number-with-range__35LSW .preferences-screen__number-in-number-with-range__2KQrK input[type=text] { color: var(--text-field-text-color); font-size: 1.2em; background-color: transparent; line-height: 2.0em; padding-left: 1.25em; padding-right: 1.25em; margin: 0.5em 0; width: 100%; } .preferences-screen__content-container__3VLFw input[type=checkbox] { cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; width: 2em; height: 2em; border: 1px solid var(--text-field-border-color); background-color: var(--text-field-background-color); border-radius: 6px; vertical-align: sub; margin: 0 0.7em; } .preferences-screen__content-container__3VLFw input[type=checkbox]:checked { position: relative; } .preferences-screen__content-container__3VLFw input:checked[type=checkbox]::after { content: ' '; position: absolute; background: var(--action-color, #FF3464); top: 0.3em; left: 0.3em; right: 0.3em; bottom: 0.3em; border-radius: 0.3em; } .preferences-screen__panel-margin__Srca- .preferences-screen__close-button__2zMLp { cursor: pointer; color: var(--panel-widget-color); outline-style: none; background: none; border: none; } .preferences-screen__preference-list-item__29ZAe .preferences-screen__dropdown__Yvmf_ { position: relative; display: flex; align-items: center; } .preferences-screen__preference-list-item__29ZAe .preferences-screen__dropdown__Yvmf_ select { appearance: none; background-color: var(--text-field-background-color); -moz-appearance: none; -webkit-appearance: none; border: 1px solid var(--text-field-border-color); padding: 6px; font-weight: bold; padding-right: 30px; } .preferences-screen__preference-list-item__29ZAe .preferences-screen__dropdown__Yvmf_ .preferences-screen__dropdownArrow__2TIdk { pointer-events: none; position: absolute; right: 7.5%; } .preferences-screen__max-resolution-preference-item__1lqd7 { display: flex; flex-flow: row; align-items: center; justify-content: center; } .preferences-screen__max-resolution-preference-item__1lqd7 input { width: 6em; font-size: 11pt; text-align: center; height: 38px; } input[type='number'] { -moz-appearance: textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } @media (max-width: 600px) { .preferences-screen__preference-list-non-checkbox__MR159 { flex-direction: column; } } .preferences-screen__preference-list-item__29ZAe { display: flex; align-items: center; margin: 12px 0; } .preferences-screen__preference-list-item__29ZAe .preferences-screen__part__2Ranp { display: flex; flex-flow: column; justify-content: space-around; } @media (min-width: 476px) { .preferences-screen__preference-list-item__29ZAe .preferences-screen__part__2Ranp { justify-content: space-around; } } @media (max-width: 475px) { .preferences-screen__preference-list-item__29ZAe .preferences-screen__part__2Ranp { text-align: center; justify-content: center; align-items: center; } } .preferences-screen__preference-list-item__29ZAe .preferences-screen__checkbox-margin__1PeGJ { margin-right: 8px; width: 48px; } .preferences-screen__preference-list-item__29ZAe .preferences-screen__left__3gJX_ { flex: 1; } @media (min-width: 476px) { .preferences-screen__preference-list-item__29ZAe .preferences-screen__left__3gJX_ { margin-inline-end: 1rem; } } @media (max-width: 475px) { .preferences-screen__preference-list-item__29ZAe .preferences-screen__left__3gJX_ { margin-inline-end: 0rem; } } .preferences-screen__preference-list-item__29ZAe .preferences-screen__right__3_kjy { display: flex; flex-flow: row; } .preferences-screen__preference-list-item__29ZAe .preferences-screen__dropdown__Yvmf_ select { font-size: 11pt; font-weight: normal; height: 38px; padding-left: 1em; padding-right: 2.5em; cursor: pointer; } .preferences-screen__preference-list-item__29ZAe .preferences-screen__dropdown__Yvmf_ .preferences-screen__dropdownArrow__2TIdk { right: 0.9em; } .preferences-screen__preferences-panel__1WQqG { z-index: 2; top: 0px; bottom: 0px; width: 100%; height: 100%; background: var(--full-panel-background-color); position: absolute; display: flex; justify-content: center; align-items: center; } .preferences-screen__panel-margin__Srca- { margin-top: 18px; } .preferences-screen__panel-margin__Srca- .preferences-screen__close-button__2zMLp { top: 24px; left: 24px; font-size: 1.6em; position: absolute; z-index: 1; } .preferences-screen__content-container__3VLFw { font-size: 11pt; overflow-y: auto; font-weight: bold; box-sizing: border-box; height: calc(100vh - 16px); } @media (max-width: 600px) { .preferences-screen__content-container__3VLFw { margin-top: 0; height: calc(100vh - 48px); } } .preferences-screen__content-container__3VLFw .preferences-screen__scrolling-content__3eE_K { display: flex; flex-flow: column; max-width: 80%; padding-left: 10%; } .preferences-screen__content-container__3VLFw .preferences-screen__section-bar__3i097 { width: 100%; display: flex; flex-flow: row; justify-content: center; align-items: center; } .preferences-screen__content-container__3VLFw .preferences-screen__section-title__1JGHh { width: 90%; display: flex; flex-flow: row; justify-content: flex-start; align-items: center; color: var(--menu-header-text-color); font-weight: normal; text-transform: uppercase; margin: 12px 0; } @media (max-width: 600px) { .preferences-screen__content-container__3VLFw .preferences-screen__section-title__1JGHh { justify-content: center; } } .preferences-screen__content-container__3VLFw input[type=checkbox] { cursor: pointer; } .preferences-screen__checkbox__1t8BH { display: flex; align-items: center; justify-content: end; } .preferences-screen__row__24y1Q { width: 90%; display: flex; flex-flow: row; align-items: center; } .preferences-screen__row-name__EAAaz { display: flex; flex-flow: column; flex-wrap: nowrap; justify-content: space-around; width: 50%; text-align: end; margin-inline-end: 1rem; } .preferences-screen__reset-to-default-button__1WpmV { background: transparent; border: none; font-size: medium; padding: 0px 0px 0px 12px; cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline-style: none; } .preferences-screen__prev-option-scale__1UBJy { height: 2rem; } .preferences-screen__next-option-scale__1WFTK { height: 2rem; } .preferences-screen__prev-option-hovered-scale__3qfSH { height: 2.2rem; } .preferences-screen__next-option-hovered-scale__3VyMZ { height: 2.2rem; } .preferences-screen__number-with-range__35LSW { display: flex; flex-flow: row; width: 100%; justify-content: flex-start; align-items: center; } @media (max-width: 475px) { .preferences-screen__number-with-range__35LSW { width: 100%; justify-content: center; } } .preferences-screen__number-with-range__35LSW .preferences-screen__number-in-number-with-range__2KQrK { display: flex; justify-content: center; cursor: pointer; } .preferences-screen__number-with-range__35LSW .preferences-screen__number-in-number-with-range__2KQrK input[type=text] { font-size: 11pt; text-align: center; cursor: pointer; width: 6em; height: 38px; } .preferences-screen__number-with-range__35LSW .preferences-screen__range-slider__2JBPc { display: flex; align-items: center; justify-content: center; max-height: 2.5rem; min-width: 200px; padding: 0px 0px 0px 12px; } [type='range'] { -webkit-appearance: none; background: transparent; margin: 10px 0; width: 100%; cursor: pointer; } [type='range']::-moz-focus-outer { border: 0; } [type='range']:focus { outline: 0; } [type='range']:focus::-webkit-slider-runnable-track { background: var(--text-field-border-color); } [type='range']:focus::-ms-fill-lower { background: var(--text-field-border-color); } [type='range']:focus::-ms-fill-upper { background: var(--text-field-border-color); } [type='range']::-webkit-slider-runnable-track { cursor: default; height: 8px; transition: all .2s ease; width: 100%; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2), 0 0 0px rgba(13, 13, 13, 0.2); background: var(--text-field-border-color); border: 0px solid #cfd8dc; border-radius: 5px; } [type='range']::-webkit-slider-thumb { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2), 0 0 0px rgba(13, 13, 13, 0.2); background: var(--action-color, #FF3464); border: 0px solid #eceff1; border-radius: 10px; box-sizing: border-box; cursor: default; height: 20px; width: 20px; cursor: pointer; -webkit-appearance: none; margin-top: -6px; } [type='range']::-moz-range-track { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2), 0 0 0px rgba(13, 13, 13, 0.2); cursor: default; height: 8px; transition: all .2s ease; width: 100%; background: var(--text-field-border-color); border: 0px solid #cfd8dc; border-radius: 5px; height: 4px; } [type='range']::-moz-range-thumb { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2), 0 0 0px rgba(13, 13, 13, 0.2); background: var(--action-color, #FF3464); border: 0px solid #eceff1; border-radius: 10px; box-sizing: border-box; cursor: default; height: 20px; width: 20px; cursor: pointer; } [type='range']::-ms-track { cursor: default; height: 8px; transition: all .2s ease; width: 100%; background: transparent; border-color: transparent; border-width: 10px 0; color: transparent; } [type='range']::-ms-fill-lower { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2), 0 0 0px rgba(13, 13, 13, 0.2); background: var(--text-field-border-color); border: 0px solid #cfd8dc; border-radius: 10px; } [type='range']::-ms-fill-upper { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2), 0 0 0px rgba(13, 13, 13, 0.2); background: var(--text-field-border-color); border: 0px solid #cfd8dc; border-radius: 10px; } [type='range']::-ms-thumb { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2), 0 0 0px rgba(13, 13, 13, 0.2); background: var(--action-color, #FF3464); border: 0px solid #eceff1; border-radius: 10px; box-sizing: border-box; cursor: default; height: 20px; width: 20px; cursor: pointer; margin-top: 2px; } [type='range']:disabled::-webkit-slider-thumb, [type='range']:disabled::-moz-range-thumb, [type='range']:disabled::-ms-thumb, [type='range']:disabled::-webkit-slider-runnable-track, [type='range']:disabled::-ms-fill-lower, [type='range']:disabled::-ms-fill-upper { cursor: not-allowed; } .object-list-styles__row-no-margin__282UQ { font-family: 'Open Sans', sans-serif; } .object-list-styles__contents__2T_r9 { background-color: var(--menu-background-color); border-radius: 12px; padding: 18px 0px; min-width: 296px; max-height: 75%; overflow-y: auto; pointer-events: auto; } .object-list-styles__row-no-margin__282UQ { width: 100%; cursor: pointer; display: flex; flex-direction: row; font-weight: bold; justify-content: space-between; align-items: center; margin: 0px 0; padding: 0px 16px; background-color: transparent; border-style: none; font-size: 16px; } .object-list-styles__row-no-margin__282UQ:hover { background-color: var(--action-color-highlight, #FF74A4); color: var(--action-text-color, white); } .object-list-styles__icon__192a2 svg { vertical-align: 0px !important; width: 20px !important; height: 20px !important; } .settings-menu__secondary-button__2Q5_g, .settings-menu__bottom-links-main__Vtlje button, .settings-menu__bottom-links__b1tDE button { font-family: 'Open Sans', sans-serif; } .settings-menu__bottom-links-main__Vtlje button, .settings-menu__bottom-links__b1tDE button { text-decoration: underline; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline-style: none; border: 0; background: none; font-size: 1.0em; font-weight: bold; margin: 0; padding: 0; cursor: pointer; pointer-events: auto; } .settings-menu__secondary-button__2Q5_g { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .settings-menu__secondary-button__2Q5_g { background-color: var(--panel-action-button-secondary-background); color: var(--action-label-color, #FF3464); } .settings-menu__close-button__M0EhC { cursor: pointer; color: var(--panel-widget-color); outline-style: none; background: none; border: none; } .settings-menu__secondary-button__2Q5_g, .settings-menu__bottom-links-main__Vtlje button, .settings-menu__bottom-links__b1tDE button { font-family: 'Open Sans', sans-serif; } .settings-menu__bottom-links-main__Vtlje button, .settings-menu__bottom-links__b1tDE button { text-decoration: underline; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline-style: none; border: 0; background: none; font-size: 1.0em; font-weight: bold; margin: 0; padding: 0; cursor: pointer; pointer-events: auto; } .settings-menu__secondary-button__2Q5_g { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .settings-menu__secondary-button__2Q5_g { background-color: var(--panel-action-button-secondary-background); color: var(--action-label-color, #FF3464); } .settings-menu__close-button__M0EhC { cursor: pointer; color: var(--panel-widget-color); outline-style: none; background: none; border: none; } .settings-menu__settings-menu-drop__Od2Sa { position: absolute; top: 72px; bottom: 0; z-index: 5; color: var(--menu-text-color); } @media (max-width: 500px) { .settings-menu__settings-menu-drop__Od2Sa { top: 96px; } } .settings-menu__attach-point__2gV3g { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid var(--menu-attach-point-color); position: absolute; } .settings-menu__contents__3GQlW { background-color: var(--menu-background-color); border-radius: 12px; padding: 18px; min-width: 260px; max-height: 75%; overflow-y: auto; pointer-events: auto; } .settings-menu__rows__2OtlS { display: flex; flex-direction: column; align-items: center; } .settings-menu__row__3w7fz { width: 100%; display: flex; flex-direction: row; font-weight: bold; justify-content: space-between; align-items: center; margin: 6px 0; } .settings-menu__row-header__2oCqk { margin-top: 18px; margin-bottom: 4px; color: var(--menu-header-text-color); font-weight: normal; text-transform: uppercase; font-size: 0.8em; } .settings-menu__row-header__2oCqk:first-child { margin-top: 4px; } .settings-menu__list-item__1__z6 { flex: 10; white-space: nowrap; margin-right: 24px; max-width: 45vw; overflow: hidden; color: var(--menu-text-color); } .settings-menu__list-item__1__z6 a { color: var(--menu-link-color); text-decoration-color: var(--menu-link-underline-color); } .settings-menu__list-item__1__z6 button { color: var(--menu-text-color); text-decoration-color: var(--menu-link-underline-color); } .settings-menu__list-item__1__z6 .settings-menu__list-item-link__2ovr3 { color: var(--menu-link-color); text-decoration: underline; text-decoration-color: var(--menu-link-underline-color); cursor: pointer; } .settings-menu__settings-menu-overlay-wrap__3T7VX { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: var(--panel-overlay-background-color); } .settings-menu__settings-menu-overlay__3kU9n .settings-menu__contents__3GQlW { position: relative; min-width: auto; padding: 24px 72px; padding-bottom: 12px; } .settings-menu__settings-menu-drop__Od2Sa { left: 16px; } .settings-menu__attach-point__2gV3g { top: -5px; left: 16px; } .settings-menu__close-button__M0EhC { position: absolute; left: 18px; top: 18px; font-size: 1.6em; font-weight: bold; border: none; } .settings-menu__settings-row__1sDDk { justify-content: flex-start; } .settings-menu__icon__3KMMz { width: 18px; height: 18px; position: relative; margin: 0px 18px 0px 10px; font-size: 1.1em; color: var(--panel-icon-color); } .settings-menu__icon__3KMMz img { position: absolute; width: 18px; height: 18px; } .settings-menu__icon__3KMMz i { position: absolute; top: -3px; } .settings-menu__secondary-link-item__1y7xz { margin: 0; } .settings-menu__bottom-links-main__Vtlje { font-size: 0.8em; border-top: 1px solid var(--panel-rule-color); border-bottom: 1px solid var(--panel-rule-color); margin-top: 12px; display: grid; grid-template-columns: 33% 33% 33%; padding-top: 12px; padding-bottom: 12px; font-weight: normal; justify-items: center; width: 90%; } .settings-menu__bottom-links-main__Vtlje button, .settings-menu__bottom-links-main__Vtlje a { color: var(--panel-text-color); margin: 2px 12px; display: flex; justify-content: center; align-items: center; white-space: nowrap; font-weight: bold; text-decoration-color: var(--panel-link-underline-color); } .settings-menu__bottom-links-main__Vtlje button { font-weight: bold; text-decoration-color: var(--panel-subtitle-color); padding: 0; justify-content: center; text-align: center; } .settings-menu__bottom-links__b1tDE { font-size: 0.8em; display: grid; grid-template-columns: 33% 33% 33%; padding-top: 12px; font-weight: normal; min-width: 300px; } .settings-menu__bottom-links__b1tDE a, .settings-menu__bottom-links__b1tDE button { color: var(--panel-subtitle-color); margin: 2px 12px; display: flex; justify-content: center; align-items: center; white-space: nowrap; text-decoration: none; } .settings-menu__bottom-links__b1tDE button { font-weight: normal; text-decoration-color: var(--panel-subtitle-color); padding: 0; justify-content: center; text-align: center; } .preload-overlay__load-button__ba1d4 { font-family: 'Open Sans', sans-serif; } .preload-overlay__load-button__ba1d4 { appearance: none; -moz-appearance: none; -webkit-appearance: none; text-decoration: none; outline-style: none; font-weight: bold; cursor: pointer; border: 0; border-radius: 28px; padding: 0px 18px; background: var(--action-color, #FF3464); font-size: 1em; color: var(--action-text-color, white); display: flex; align-items: center; flex-direction: column; justify-content: center; min-width: 150px; height: 48px; } .preload-overlay__treatment__1L4r0 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; } .preload-overlay__screenshot__3TZYm { position: absolute; width: 115%; height: 115%; top: -40px; left: -40px; opacity: 0.8; } .preload-overlay__screenshot__3TZYm img { width: 100%; height: 100%; } .preload-overlay__hub-name__2txaT { color: var(--overlay-text-color); text-shadow: 0px 0px 10px #888; font-weight: bold; font-size: 1.8em; margin-bottom: 16px; } .preload-overlay__main-panel__2EX4k { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; pointer-events: auto; } .preload-overlay__logo__1IJJc { position: absolute; top: 16px; left: 8px; width: 175px; filter: drop-shadow(0 0 4px #888); } .preload-overlay__logo__1IJJc img { width: 100%; } ._2d-hud__panel__2oM_T ._2d-hud__tip-cancel-text__12KQ2 { text-decoration: underline; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline-style: none; border: 0; background: none; font-size: 1.0em; font-weight: bold; margin: 0; padding: 0; cursor: pointer; pointer-events: auto; } ._2d-hud__panel__2oM_T ._2d-hud__top-tip__E5uti { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: flex; justify-content: center; align-items: center; flex-direction: row; border-radius: 28px; border: 0; pointer-events: auto; z-index: 2; font-size: 0.8em; color: var(--notice-text-color, white); padding: 12px 24px; background-color: var(--notice-background-color, #2F80ED); text-align: center; } ._2d-hud__container__66GRt { position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; pointer-events: none; } ._2d-hud__container__66GRt._2d-hud__top__3PiNe { top: 16px; } ._2d-hud__container__66GRt._2d-hud__column__1y7XY { flex-direction: column; bottom: 0; z-index: 1; } ._2d-hud__bottom__2jUcT { margin-bottom: 20px; } ._2d-hud__hide__3HJO8 { display: none; } ._2d-hud__panel__2oM_T { display: flex; position: relative; justify-content: space-around; align-items: center; padding: 5px; background-color: var(--hud-panel-background); border-radius: 30px; } ._2d-hud__panel__2oM_T ._2d-hud__top-tip__E5uti { top: 60px; z-index: 0; width: 350px; } @media (max-width: 465px) { ._2d-hud__panel__2oM_T ._2d-hud__top-tip__E5uti { width: 207px; } } @media (max-width: 420px) { ._2d-hud__panel__2oM_T ._2d-hud__top-tip__E5uti { width: 189px; } } @media (max-width: 420px) { ._2d-hud__panel__2oM_T ._2d-hud__top-tip__E5uti { width: 189px; } } ._2d-hud__panel__2oM_T ._2d-hud__top-tip__E5uti ._2d-hud__attach-point__17FSc { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid var(--notice-background-color, #2F80ED); position: absolute; top: -5px; } ._2d-hud__panel__2oM_T ._2d-hud__top-tip__E5uti ._2d-hud__attach_video_share_mode__21PhM, ._2d-hud__panel__2oM_T ._2d-hud__top-tip__E5uti ._2d-hud__attach_video_share_failed__2tfqf { left: 90px; } @media (max-width: 465px) { ._2d-hud__panel__2oM_T ._2d-hud__top-tip__E5uti ._2d-hud__attach_video_share_mode__21PhM, ._2d-hud__panel__2oM_T ._2d-hud__top-tip__E5uti ._2d-hud__attach_video_share_failed__2tfqf { left: 27px; } } @media (max-width: 420px) { ._2d-hud__panel__2oM_T ._2d-hud__top-tip__E5uti ._2d-hud__attach_video_share_mode__21PhM, ._2d-hud__panel__2oM_T ._2d-hud__top-tip__E5uti ._2d-hud__attach_video_share_failed__2tfqf { left: 26px; } } ._2d-hud__panel__2oM_T ._2d-hud__top-tip__E5uti ._2d-hud__attach_pen_mode__cI1AW { right: 143px; } @media (max-width: 465px) { ._2d-hud__panel__2oM_T ._2d-hud__top-tip__E5uti ._2d-hud__attach_pen_mode__cI1AW { right: 76px; } } @media (max-width: 420px) { ._2d-hud__panel__2oM_T ._2d-hud__top-tip__E5uti ._2d-hud__attach_pen_mode__cI1AW { right: 71px; } } ._2d-hud__panel__2oM_T ._2d-hud__top-tip__E5uti ._2d-hud__attach_mute_mode__153iB { left: 143px; } @media (max-width: 465px) { ._2d-hud__panel__2oM_T ._2d-hud__top-tip__E5uti ._2d-hud__attach_mute_mode__153iB { left: 76px; } } @media (max-width: 420px) { ._2d-hud__panel__2oM_T ._2d-hud__top-tip__E5uti ._2d-hud__attach_mute_mode__153iB { left: 71px; } } ._2d-hud__panel__2oM_T ._2d-hud__top-tip__E5uti ._2d-hud__attach_freeze_mode__3UIHP { display: none; } ._2d-hud__panel__2oM_T ._2d-hud__top-tip-no-hud__16RXh { top: 0px; width: auto; white-space: nowrap; height: 20px; } ._2d-hud__panel__2oM_T ._2d-hud__top-tip-no-hud__16RXh span { padding-right: 12px; } ._2d-hud__panel__2oM_T ._2d-hud__tip-cancel-text__12KQ2 { color: var(--notice-text-color, white); } ._2d-hud__panel__2oM_T ._2d-hud__tip-cancel__JaFV- { color: var(--notice-widget-color, #6FC0FD); appearance: none; -moz-appearance: none; -webkit-appearance: none; background: transparent; cursor: pointer; border: none; outline-style: none; width: 32px; margin-right: 2px; } ._2d-hud__panel__2oM_T ._2d-hud__video-share-extra-options__31VMr { position: absolute; top: -6px; display: flex; flex-direction: column; border-radius: 28px; padding: 3px 3px 6px 3px; background-color: var(--hud-dropdown-background-color); border: 2px solid var(--hud-dropdown-border-color); pointer-events: auto; z-index: 1; } ._2d-hud__panel__2oM_T ._2d-hud__video-share-extra-options__31VMr ._2d-hud__iconButton__3faJz { margin-top: 4px; } ._2d-hud__panel__2oM_T ._2d-hud__video-share-extra-options__31VMr ._2d-hud__iconButton__3faJz:first-child { margin-top: 1px; } ._2d-hud__panel__2oM_T._2d-hud__up__1lyhr { border-top-right-radius: 30px; border-top-left-radius: 30px; padding-top: 5px; padding-bottom: 45px; margin-bottom: -40px; } ._2d-hud__iconButton__3faJz { appearance: none; -moz-appearance: none; -webkit-appearance: none; outline-style: none; width: 40px; height: 40px; background-size: 100%; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; margin: 0px 6px; border: 0; } @media (max-width: 465px) { ._2d-hud__iconButton__3faJz { margin: 0px 4px; } } @media (max-width: 420px) { ._2d-hud__iconButton__3faJz { margin: 0px 2px; } } @media (pointer: fine) { ._2d-hud__iconButton__3faJz:hover { filter: brightness(1.2); } } ._2d-hud__iconButtonIcon__3uFYG { width: 100%; height: 100%; color: var(--notice-background-color, #2F80ED); } ._2d-hud__spawn__1FoBz { color: var(--action-color, #FF3464); } ._2d-hud__iconButton__3faJz._2d-hud__small__2rqgF { width: 30px; height: 30px; } ._2d-hud__iconButton__3faJz._2d-hud__large__2bHqH { width: 80px; height: 80px; z-index: 1; } ._2d-hud__iconButton__3faJz._2d-hud__disabled__3ylbZ { filter: contrast(0.1); } ._2d-hud__iconButton__3faJz._2d-hud__video-share__38X7W { position: relative; } .spectating-label__label__3JS5A { position: absolute; color: var(--overlay-text-color); text-shadow: 0px 0px 10px #888; bottom: 12px; left: 12px; display: flex; flex-direction: column; font-size: 1.0em; white-space: wrap; } @media (max-width: 940px) { .spectating-label__label__3JS5A { display: none; } } /*# sourceMappingURL=hub-a7d9c6d08a696e8d9877.css.map*/