.sentry-error-embed-wrapper header p {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.sentry-error-embed-wrapper .sentry-error-embed {
    background-color: var(--mui-palette-background-paper);
}
.sentry-error-embed-wrapper .sentry-error-embed * {
    color: var(--mui-palette-text-primary) !important;
}
.sentry-error-embed-wrapper .sentry-error-embed input,
.sentry-error-embed-wrapper .sentry-error-embed textarea {
    background-color: var(--mui-palette-background-paper) !important;
}
.sentry-error-embed-wrapper .sentry-error-embed button[type=submit] {
    background-color: var(--mui-palette-primary-main) !important;
    color: var(--mui-palette-primary-contrastText) !important;
}
.sentry-error-embed-wrapper .sentry-error-embed .powered-by a {
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMzkuOCA1MyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjM5LjggNTMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik01NCw1M2gtNS42di00LjVINTRjMC41LDAsMC43LTAuMywwLjgtMC41YzAuMS0wLjIsMC4yLTAuNSwwLTFMMzAuNiw1Yy0wLjItMC40LTAuNi0wLjUtMC44LTAuNVMyOS4yLDQuNiwyOC45LDVsLTQuOSw4LjRDMzUuOSwyMi4xLDQzLDM1LjksNDMsNTAuN1Y1M0gyNy43di0yLjNjMC05LjMtNC4zLTE4LTExLjUtMjMuN2wtMy4xLDUuNGM1LjEsNC42LDguMSwxMS4zLDguMSwxOC4zVjUzSDUuNWMtMiwwLTMuOC0xLTQuOC0yLjdzLTEtMy44LDAtNS41bDMuNS02LjFsMy45LDIuM0w0LjcsNDdjLTAuMiwwLjQtMC4xLDAuOCwwLDFjMC4xLDAuMiwwLjMsMC41LDAuOCwwLjVoMTEuMUMxNiw0MywxMy4yLDM4LDguOCwzNC43bC0xLjYtMS4ybDcuNS0xMy4xbDIsMS4zYzkuMSw2LDE0LjcsMTUuOSwxNS40LDI2LjZoNi4yQzM3LjYsMzUuMywzMC44LDIzLjMsMTkuOCwxNkwxOCwxNC44bDctMTIuMUMyNiwxLDI3LjgsMCwyOS44LDBzMy44LDEsNC44LDIuN2wyNC4zLDQyYzEsMS43LDEsMy44LDAsNS41UzU2LDUzLDU0LDUzeiIvPjwvZz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNODQuMiw0Mi4zYy00LjcsMC05LTEuNi0xMi42LTQuNmwyLjctMy4yYzMuMywyLjcsNi40LDMuOSwxMCwzLjljMy43LDAsNi4xLTEuOCw2LjEtNC41YzAtMi44LTEuOC00LjEtNy42LTUuNGMtNi42LTEuNi0xMC4yLTMuNS0xMC4yLTljMC01LjIsNC4zLTguOCwxMC4zLTguOGM0LjIsMCw3LjYsMS4xLDEwLjgsMy42bC0yLjQsMy40Yy0yLjktMi4xLTUuNy0zLjEtOC41LTMuMWMtMy40LDAtNS43LDEuNy01LjcsNC4zYzAsMi45LDEuNyw0LDcuOSw1LjVjNy4xLDEuNyw5LjgsNC4yLDkuOCw4LjlDOTUsMzguOCw5MC44LDQyLjMsODQuMiw0Mi4zeiIvPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iOTkuMyw0MS45IDk5LjMsMTEuMSAxMjEuOSwxMS4xIDEyMS45LDE1LjEgMTAzLjksMTUuMSAxMDMuOSwyNC40IDExOS44LDI0LjQgMTE5LjgsMjguMyAxMDMuOSwyOC4zIDEwMy45LDM3LjkgMTIyLjEsMzcuOSAxMjIuMSw0MS45ICIvPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTQ5LjIsNDEuOSAxMzEsMTguMyAxMzEsNDEuOSAxMjYuNSw0MS45IDEyNi41LDExLjEgMTMwLjksMTEuMSAxNDguNywzNC4xIDE0OC43LDExLjEgMTUzLjIsMTEuMSAxNTMuMiw0MS45ICIvPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTY2LjksNDEuOSAxNjYuOSwxNS4zIDE1Ni44LDE1LjMgMTU2LjgsMTEuMSAxODEuNiwxMS4xIDE4MS42LDE1LjMgMTcxLjUsMTUuMyAxNzEuNSw0MS45ICIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMDUuNCw0MS45bC03LjgtMTEuMWgtNy44djExLjFoLTQuNlYxMS4xaDEzLjdjNywwLDExLjMsMy43LDExLjMsOS42YzAsNC42LTIuNiw3LjktNy4yLDkuMmwtMC43LDAuMmw4LjQsMTEuOEgyMDUuNHogTTE4OS44LDI2LjloOC43YzQuMywwLDctMi4zLDctNS45YzAtMy43LTIuNi01LjgtNy4xLTUuOGgtOC42VjI2Ljl6Ii8+PHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIyMjMsNDEuOSAyMjMsMjkuNyAyMTAuOCwxMS4xIDIxNi4yLDExLjEgMjI1LjQsMjUuNiAyMzQuNiwxMS4xIDIzOS44LDExLjEgMjI3LjYsMjkuNiAyMjcuNiw0MS45ICIvPjwvZz48L3N2Zz4=) !important;
}
.AuthBox-module__authBoxContainer_IPIkL {
    display: grid;
    grid-template-columns: 44fr auto;
    align-items: center;
    justify-content: center;
    height: 100dvh;
    width: 100dvw;
    gap: 0;
}

.AuthBox-module__authBoxContainer_IPIkL > *:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.AuthBox-module__authBoxContainer_IPIkL > *:last-child {
    height: 100%;
}

@media (max-width: 768px) {
    .AuthBox-module__authBoxContainer_IPIkL {
        grid-template-columns: 1fr;
    }
    .AuthBox-module__authBoxContainer_IPIkL > *:first-child {
        width: 100%;
    }
    .AuthBox-module__authBoxContainer_IPIkL > *:last-child {
        display: none;
    }
}
.AuthBox-module__hero_mYXMG {
    background: rgba(255, 255, 255, 0.08);
    height: 100%;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-right: 5px;
    overflow-y: hidden;
    padding: 8px;
}

.AuthBox-module__text_jar7c {
    background: #0a0a0a;
    overflow-y: auto;
}

.AuthBox-module__textInner_Zrc1o {
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
    display: flex;
    justify-content: center;
}

.AuthBox-module__loginBoxContainer_icnXP,
.AuthBox-module__nonLoginBoxContainer_YtDRT {
    display: flex;
    flex-direction: column;
    height: fit-content;
    width: 440px;
    gap: 40px;
    align-items: center;
    justify-content: center;
    height: fit-content;
    padding: 40px;
}

.AuthBox-module__video_mHGBb {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}
.Logo-module__logoContainer_bqgPf {
    width: 100%;
}

.Logo-module__logo_OgepE {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: fit-content;
}
.Logo-module__logo_OgepE .Logo-module__logoImage_u8fdK {
    width: 34px;
}
.Logo-module__logo_OgepE .Logo-module__logoText_ROQhp {
    user-select: none;
}
.AuthHero-module__video_AISdy {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}
.App-module__main_LwVTY {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
}
.App-module__main_LwVTY .App-module__content_oVQFY {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    width: 100%;
    height: 100%;
    justify-content: center;
    flex-grow: 1;
}
.App-module__main_LwVTY .App-module__content_oVQFY > *:not(.MuiDrawer-root) {
    flex-grow: 1;
}
.Nav-module__drawer_B9k8R {
    width: 268px;
    flex-shrink: 0;
    flex-grow: 0;
    background-color: var(--mui-palette-nav-bar);
}
.Nav-module__drawer_B9k8R .MuiDrawer-paper {
    position: relative;
}
.Nav-module__drawer_B9k8R, .Nav-module__drawer_B9k8R .MuiDrawer-paper {
    transition: width 0.1s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}
.Nav-module__drawer_B9k8R .MuiDrawer-paper {
    box-sizing: border-box;
    background-color: inherit;
    padding: 18px 12px 56px 12px;
    border: 0;
    margin: 0;
}
.Nav-module__drawer_B9k8R.Nav-module__open_eV6bR {
    width: var(--nav-drawer-open-width, 268px);
}
.Nav-module__drawer_B9k8R.Nav-module__open_eV6bR .MuiDrawer-paper {
    width: var(--nav-drawer-open-width, 268px);
}
.Nav-module__drawer_B9k8R.Nav-module__open_eV6bR .Nav-module__logoContainer_vmBRH {
    margin-left: 4px;
}
.Nav-module__drawer_B9k8R.Nav-module__open_eV6bR .Nav-module__navButton_mNef6 {
    border-radius: 100px;
}
.Nav-module__drawer_B9k8R.Nav-module__close_QMH3V {
    width: var(--nav-drawer-close-width, 72px);
}
.Nav-module__drawer_B9k8R.Nav-module__close_QMH3V .MuiDrawer-paper {
    width: var(--nav-drawer-close-width, 72px);
}
.Nav-module__drawer_B9k8R.Nav-module__close_QMH3V .Nav-module__logoContainer_vmBRH {
    margin-left: 4px;
}
.Nav-module__drawer_B9k8R.Nav-module__close_QMH3V .Nav-module__navButton_mNef6 {
    border-radius: 50%;
    padding: 0 !important;
    padding-left: 10.5px !important;
    margin-left: 5px !important;
    width: 40px !important;
    height: 40px !important;
}
.Nav-module__drawer_B9k8R .Nav-module__mainNavButtons_UB7Ak {
    margin-top: auto;
    margin-bottom: auto;
}

.Nav-module__navButton_mNef6 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    height: 40px !important;
    padding: 16px 0px 16px 16px !important;
    min-width: 40px !important;
    transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.Nav-module__navLabel_j5tJx {
    font-weight: 600;
    font-family: Inter;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.1px;
}

.Nav-module__navIcon_SdOCY {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 100%;
    padding: 0;
}

.Nav-module__drawerInner_pUjNq {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}
.Nav-module__drawerInner_pUjNq .Nav-module__headerButtons_ZiT4p {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: fit-content;
    gap: 24px;
}
.Nav-module__drawerInner_pUjNq .Nav-module__topButtons_EbU1j {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 40px;
}
.Nav-module__drawerInner_pUjNq .Nav-module__topNavButtons_rEhya {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1px;
}
.Nav-module__drawerInner_pUjNq .Nav-module__bottomButtons_vDXyB {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.Nav-module__tooltip_cCyDB {
    font-family: "Lexend", sans-serif;
}
.PageHeader-module__root_Bgyns {
    font-family: "Lexend Deca", sans-serif;
}

.PageHeader-module__pageHeader_gZK5E {
    height: 60px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 18px;
}
.PageHeader-module__pageHeader_gZK5E h1 {
    font-family: "Lexend Deca", sans-serif;
    font-size: 16px;
}
.UserMenu-module__profileAvatar_kqChl, .UserMenu-module__largeProfileAvatar_Exhfr {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: white;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    text-align: center;
    cursor: pointer;
}

.UserMenu-module__largeProfileAvatar_Exhfr {
    width: 40px;
    height: 40px;
    font-size: 20px;
    cursor: default;
}

.UserMenu-module__menu_Ja392 {
    margin-top: 12px;
}
.UserMenu-module__menu_Ja392 .MuiPaper-root {
    background-color: rgba(30, 30, 30, 0.85);
    border-radius: 10px;
    backdrop-filter: blur(100px);
    box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset;
    box-shadow: 0px 24px 32px -12px rgba(18, 18, 18, 0.1);
}
.UserMenu-module__menu_Ja392 .MuiList-root {
    padding: 0;
}
.UserMenu-module__menu_Ja392 .UserMenu-module__header_r53ft {
    display: flex;
    flex-direction: row;
    height: 64px;
    gap: 10px;
    align-items: center;
    padding: 12px;
    font-size: 14px;
}
.UserMenu-module__menu_Ja392 .MuiListItemIcon-root {
    width: 16px;
    height: 16px;
    min-width: 16px !important;
}
.UserMenu-module__menu_Ja392 .MuiMenuItem-root {
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    align-items: center;
    border-radius: 6px;
    height: 36px;
    margin: 6px;
    padding: 0 8px 0 8px;
    gap: 12px;
}
.UserMenu-module__menu_Ja392 .MuiMenuItem-root:hover {
    background-color: rgba(255, 255, 255, 0.08);
}
.UserMenu-module__menu_Ja392 .MuiDivider-root {
    background-color: rgba(255, 255, 255, 0.08);
    height: 1px;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}
.UserMenu-module__menu_Ja392 .UserMenu-module__footer_PlQlc {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 34px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 11px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
    gap: 12px;
}
.UserMenu-module__menu_Ja392 .UserMenu-module__footer_PlQlc .UserMenu-module__footerItem_uiILD, .UserMenu-module__menu_Ja392 .UserMenu-module__footer_PlQlc .UserMenu-module__lastFooterItem_c7iF4 {
    cursor: pointer;
}
.UserMenu-module__menu_Ja392 .UserMenu-module__footer_PlQlc .UserMenu-module__footerItem_uiILD:hover, .UserMenu-module__menu_Ja392 .UserMenu-module__footer_PlQlc .UserMenu-module__lastFooterItem_c7iF4:hover {
    color: white;
}
.UserMenu-module__menu_Ja392 .UserMenu-module__footer_PlQlc .UserMenu-module__lastFooterItem_c7iF4 {
    margin-left: auto;
}
.AppPage-module__appPage_QjfZA {
    overflow: hidden;
    display: grid;
    grid-template-rows: 88px calc(100% - 88px);
    grid-template-columns: 1fr;
}

.AppPage-module__workspaceSearchBackground_vRway {
    background: radial-gradient(circle at 85% 85%, rgba(157, 78, 221, 0.15), transparent 80%), radial-gradient(circle at 40% 65%, rgba(157, 78, 221, 0.1), transparent 80%);
}

.AppPage-module__defaultBackground_mgrHS {
    background: #0a0a0a;
}
.SearchBar-module__searchPill_VnJ6z, .SearchBar-module__pill_ssr8r {
    height: 40px;
    flex-shrink: 0;
    border-radius: 24px;
    border: 1px solid rgba(208, 169, 239, 0.1);
    background: rgba(208, 169, 239, 0.05);
    backdrop-filter: blur(32px);
    box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 32px -12px rgba(18, 18, 18, 0.1);
}

.SearchBar-module__container_gZSU8 {
    width: 80%;
    max-width: 50.75rem;
    height: 8.5rem;
    border-radius: 1.75rem;
    background: rgba(30, 30, 30, 0.1);
    position: relative;
    border: 1px solid rgba(208, 169, 239, 0.1);
    backdrop-filter: blur(32px);
    box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 32px -12px rgba(18, 18, 18, 0.1);
}
.SearchBar-module__container_gZSU8.SearchBar-module__active_UJqiQ {
    position: absolute;
    bottom: 9.375rem;
    transform: translateY(100%);
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
    background: rgba(30, 30, 30, 0.8);
    backdrop-filter: blur(100px);
}
.SearchBar-module__container_gZSU8 .SearchBar-module__innerContainer_Ddw1p {
    width: 100%;
    height: 100%;
    display: flex;
    padding: 0.75rem;
    flex-direction: column;
    justify-content: space-between;
}
.SearchBar-module__container_gZSU8 .SearchBar-module__innerContainer_Ddw1p .SearchBar-module__searchArea_XUykt {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}
.SearchBar-module__container_gZSU8 .SearchBar-module__innerContainer_Ddw1p .SearchBar-module__userInput_HSyMp {
    width: 100%;
    padding: 0.25rem;
    border: none;
}
.SearchBar-module__container_gZSU8 .SearchBar-module__innerContainer_Ddw1p .SearchBar-module__userInput_HSyMp .MuiInputBase-input::placeholder {
    color: rgb(193, 193, 194);
    opacity: 1;
}
.SearchBar-module__container_gZSU8 .SearchBar-module__innerContainer_Ddw1p .SearchBar-module__userInput_HSyMp input {
    font-size: 1rem;
    padding: 0;
}
.SearchBar-module__container_gZSU8 .SearchBar-module__innerContainer_Ddw1p .SearchBar-module__userInput_HSyMp fieldset {
    border: none;
}
.SearchBar-module__container_gZSU8 .SearchBar-module__innerContainer_Ddw1p .SearchBar-module__userInput_HSyMp .MuiOutlinedInput-root {
    padding: 0;
}
.SearchBar-module__container_gZSU8 .SearchBar-module__innerContainer_Ddw1p .SearchBar-module__controlsContainer_Kqg9R {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
}

.SearchBar-module__pill_ssr8r {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
}
.LibrarySwitch-module__searchPill_MJzkD, .LibrarySwitch-module__container_lAm90 {
    height: 40px;
    flex-shrink: 0;
    border-radius: 24px;
    border: 1px solid rgba(208, 169, 239, 0.1);
    background: rgba(208, 169, 239, 0.05);
    backdrop-filter: blur(32px);
    box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 32px -12px rgba(18, 18, 18, 0.1);
}

.LibrarySwitch-module__container_lAm90 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px;
    gap: 4px;
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.15px;
    text-align: center;
    vertical-align: middle;
}

.LibrarySwitch-module__container_lAm90:hover {
    cursor: pointer;
    background-color: rgba(208, 169, 239, 0.1);
    border: 1px solid rgba(208, 169, 239, 0.2);
}

.LibrarySwitch-module__menu_WhgO5 {
    margin-top: -0.75rem;
    font-family: Inter;
}
.LibrarySwitch-module__menu_WhgO5 .LibrarySwitch-module__headerContainer_rsA_h {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 8px 16px 8px 16px;
}
.LibrarySwitch-module__menu_WhgO5 .LibrarySwitch-module__headerContainer_rsA_h .LibrarySwitch-module__header_JmbTC {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.LibrarySwitch-module__menu_WhgO5 .MuiPaper-root {
    background: rgba(30, 30, 30, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(100px);
    box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 32px -12px rgba(18, 18, 18, 0.1);
}
.LibrarySwitch-module__menu_WhgO5 .MuiOutlinedInput-root {
    border-radius: 24px;
    height: 40px;
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
}
.LibrarySwitch-module__menu_WhgO5 .MuiOutlinedInput-root fieldset {
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}
.LibrarySwitch-module__menu_WhgO5 .MuiOutlinedInput-root:hover fieldset {
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
}
.LibrarySwitch-module__menu_WhgO5 .LibrarySwitch-module__scroll_Qc7Yi {
    max-height: 416px;
    width: 400px;
    overflow: hidden;
}
.LibrarySwitch-module__menu_WhgO5 .LibrarySwitch-module__gradientInner_BUJCY {
    max-height: 416px;
    height: auto;
}
.LibrarySwitch-module__menu_WhgO5 .LibrarySwitch-module__librariesLabel_olafK {
    font-weight: 400;
    font-size: 16px;
    line-height: 145%;
    letter-spacing: 0%;
}
.LibrarySwitch-module__menu_WhgO5 .LibrarySwitch-module__selectionLabel_pPGQ5 {
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 145%;
    letter-spacing: 0%;
    text-align: right;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
}
.LibrarySwitch-module__menu_WhgO5 .LibrarySwitch-module__selectionLabel_pPGQ5:hover {
    color: rgb(255, 255, 255);
}
.Checkbox-module__checkbox_eWvLr {
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid white;
    border-radius: 6px;
    width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer;
    margin: 0;
    flex-shrink: 0;
}
.Checkbox-module__checkbox_eWvLr:checked {
    background-color: white;
    border-color: white;
}
.Checkbox-module__checkbox_eWvLr:checked::after {
    content: "";
    position: absolute;
    height: 9.33px;
    width: 6.42px;
    left: 6px;
    top: 2.8px;
    border: solid black;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    border-radius: 1px;
}
.Checkbox-module__checkbox_eWvLr:checked.Checkbox-module__partial_eByBn {
    background-color: rgba(157, 78, 221, 0.3);
    border-color: white;
}
.Checkbox-module__checkbox_eWvLr:checked.Checkbox-module__partial_eByBn::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 8px;
    left: 5px;
    top: 8px;
    background-color: white;
    border-radius: 1px;
}
.Checkbox-module__checkbox_eWvLr.Checkbox-module__default_iftpS:checked {
    background-color: rgb(157, 78, 221);
    border-color: rgb(157, 78, 221);
}
.Checkbox-module__checkbox_eWvLr.Checkbox-module__default_iftpS:checked::after {
    border-color: white;
}
.Checkbox-module__checkbox_eWvLr.Checkbox-module__default_iftpS:checked.Checkbox-module__partial_eByBn {
    background-color: rgba(157, 78, 221, 0.3);
    border-color: rgba(157, 78, 221, 0.3);
}
.Checkbox-module__checkbox_eWvLr.Checkbox-module__default_iftpS:checked.Checkbox-module__partial_eByBn::after {
    background-color: white;
}
.Checkbox-module__checkbox_eWvLr.Checkbox-module__monochrome_dNWWJ {
    border-color: white;
}
.Checkbox-module__checkbox_eWvLr.Checkbox-module__monochrome_dNWWJ:checked {
    background-color: white;
    border-color: white;
}
.Checkbox-module__checkbox_eWvLr.Checkbox-module__monochrome_dNWWJ:checked::after {
    border-color: black;
}
.Checkbox-module__checkbox_eWvLr.Checkbox-module__monochrome_dNWWJ:checked.Checkbox-module__partial_eByBn {
    background-color: rgba(255, 255, 255, 0.3);
    border-color: white;
}
.Checkbox-module__checkbox_eWvLr.Checkbox-module__monochrome_dNWWJ:checked.Checkbox-module__partial_eByBn::after {
    background-color: white;
}
.LibrarySwitchRow-module__library_sV8GA {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px;
    margin-left: 8px;
    width: 374px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    margin-top: 4px;
    margin-bottom: 4px !important;
    gap: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 20px;
}
.LibrarySwitchRow-module__library_sV8GA .LibrarySwitchRow-module__libraryContent_xTeMG {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 1;
    cursor: pointer;
    gap: 8px;
}
.LibrarySwitchRow-module__library_sV8GA .LibrarySwitchRow-module__libraryThumbnail_CKAfM {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    background: white;
    margin-right: 8px;
    object-fit: cover;
    overflow: hidden;
}
.LibrarySwitchRow-module__library_sV8GA .LibrarySwitchRow-module__libraryThumbnail_CKAfM > div > div {
    padding: 8px !important;
    box-sizing: border-box !important;
    width: 64px !important;
    height: 64px !important;
}
.LibrarySwitchRow-module__library_sV8GA .LibrarySwitchRow-module__libraryInfo_dgyMz {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: white;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0.15%;
}
.LibrarySwitchRow-module__library_sV8GA .LibrarySwitchRow-module__libraryInfo_dgyMz .LibrarySwitchRow-module__libraryName_FHX9c {
    font-size: 16px;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.LibrarySwitchRow-module__library_sV8GA .LibrarySwitchRow-module__libraryInfo_dgyMz .LibrarySwitchRow-module__libraryBreakdown__4xXJ {
    font-size: 12px;
}

.LibrarySwitchRow-module__library_sV8GA:hover {
    background-color: rgba(255, 255, 255, 0.08);
}
@keyframes LibraryCard-module__fadeIn_u_9SW {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.LibraryCard-module__libraryCard_TFFGE {
    display: inline-block;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 210px;
    height: 283px;
    aspect-ratio: 4/5;
    border-radius: 24px;
    overflow: hidden;
    position: relative;
    animation: LibraryCard-module__fadeIn_u_9SW 0.1s ease-in-out forwards;
}

.LibraryCard-module__libraryCardInfo_fOkuJ {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    gap: 4px;
}
.LibraryCard-module__libraryCardInfo_fOkuJ h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
    color: white;
    padding: 0 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.LibraryCard-module__libraryCardInfo_fOkuJ span {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: white;
}

.LibraryCard-module__welcomeLibraryBadge_Y2fqw {
    position: absolute;
    top: 16px;
    left: 16px;
    right: 16px;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 4px 12px;
    border-radius: 16px;
    text-align: center;
}
.LibraryCard-module__welcomeLibraryBadge_Y2fqw span {
    color: white;
    font-size: 16px;
    font-weight: 400;
}

.LibraryCard-module__libraryContentContainer_YpBjt {
    width: 100%;
    height: 100%;
}

.LibraryCard-module__libraryCard_TFFGE {
    outline: 0px solid transparent;
    transition: outline 0.1s linear;
    cursor: pointer;
}

.LibraryCard-module__libraryCard_TFFGE:hover {
    outline: 2px solid #d0a9ef;
}

.LibraryCard-module__gradientOverlay_AU1e0 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #666;
    mask: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.5) 90%, rgba(0, 0, 0, 0.9) 100%);
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
    border-radius: 24px;
}

.LibraryCard-module__gradientOverlayInner_NPWIF {
    width: 100%;
    height: 100%;
    background: #333;
}

.LibraryCard-module__upperRight_baApI {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

.LibraryCard-module__threeDots_hPJkR.MuiIconButton-root {
    z-index: 2;
    position: absolute;
    right: 0px;
    top: 0px;
    color: white;
    width: 24px;
    height: 24px;
    padding: 24px;
    border-radius: 0 16px 0 16px;
}
.LibraryCard-module__threeDots_hPJkR:hover.MuiIconButton-root {
    color: white;
    background: transparent;
}
.BaseMenu-module__baseMenu_zmTwl .MuiPaper-root {
    background-color: black;
    border-radius: 10px;
}
.BaseMenu-module__baseMenu_zmTwl .MuiMenuItem-root {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    justify-content: space-between;
}
.BaseMenu-module__baseMenu_zmTwl .MuiMenuItem-root:hover {
    background-color: rgba(255, 255, 255, 0.08);
}

.BaseMenu-module__menuTitle_d9lyF {
    display: block;
    padding: 8px 8px;
    color: white;
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
}

.BaseMenu-module__menuItemContent_IqCDI {
    display: flex;
    align-items: center;
}

.BaseMenu-module__menuIcon_k3aK7 {
    margin-right: 8px;
    display: flex;
    align-items: center;
}

.BaseMenu-module__dangerItem_EgIle {
    color: #d64550;
}
.LibraryMenuButton-module__menuTitle_tYt5J {
    display: block;
    padding: 8px 8px;
    color: white;
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
}

.LibraryMenuButton-module__menuItemContent_JLe35 {
    display: flex;
    align-items: center;
}

.LibraryMenuButton-module__menuIcon_sUcXc {
    margin-right: 8px;
}

.LibraryMenuButton-module__dangerItem_fPgup {
    color: #d64550;
}

.LibraryMenuButton-module__threeDots_bIYxN.MuiIconButton-root {
    z-index: 2;
    color: white;
    width: 24px;
    height: 24px;
    padding: 24px;
    border-radius: 0 16px 0 16px;
}
.LibraryMenuButton-module__threeDots_bIYxN.MuiIconButton-root:hover {
    background-color: transparent;
}
.LibraryMenuButton-module__threeDots_bIYxN:hover.MuiIconButton-root {
    color: white;
    background: transparent;
}
.LibraryIconStack-module__libraryIconStack_E6__E {
    display: flex;
    flex-direction: row;
    position: relative;
    height: 24px;
    min-width: 24px;
    margin-right: 4px;
}

.LibraryIconStack-module__remainingCount_EC3Ar {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgb(157, 78, 221);
    border: 0.35px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 0;
}
.LibraryIcon-module__libraryIcon_LESTn {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: white;
    border: 0.35px solid white;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.LibraryIcon-module__libraryIcon_LESTn > div > div {
    padding: 4px !important;
    box-sizing: border-box !important;
    width: 24px !important;
    height: 24px !important;
}
.Toast-module__root_Rumek {
    backdrop-filter: blur(100px);
    box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.0588235294) inset, 0px 24px 32px -12px rgba(18, 18, 18, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1019607843);
    background: rgba(30, 30, 30, 0.8509803922);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border-radius: 12px;
    width: 400px;
}

.Toast-module__icon_HymD9 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.Toast-module__icon_HymD9 svg {
    width: 30px;
    height: 30px;
}

.Toast-module__text_znvB3 {
    margin-right: 16px;
    padding-right: 16px;
}

.Toast-module__title_pPM19 {
    font-family: Inter;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #ffffff;
}

.Toast-module__description_gySOH {
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #c1c1c2;
}

.Toast-module__cancelButton_fSaoO {
    position: absolute;
    right: 16px;
    top: 16px;
    padding: 4px;
    cursor: pointer;
}
@keyframes GradientScrollDiv-module__fadeIn_faxOY {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.GradientScrollDiv-module__content_XkPBD {
    position: relative;
    max-height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.GradientScrollDiv-module__contentInner_gD2xD {
    position: relative;
    padding: 0;
    z-index: 0;
    height: 100%;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}
.GradientScrollDiv-module__contentInner_gD2xD.GradientScrollDiv-module__horizontal_bSCTb {
    overflow-y: hidden;
    overflow-x: scroll;
}
.GradientScrollDiv-module__contentInner_gD2xD.GradientScrollDiv-module__showTopGradient_l1ENk {
    mask-image: linear-gradient(to bottom, transparent 0%, black 30px);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 30px);
}
.GradientScrollDiv-module__contentInner_gD2xD.GradientScrollDiv-module__showBottomGradient_eC5Tx {
    mask-image: linear-gradient(to bottom, black calc(100% - 30px), transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black calc(100% - 30px), transparent 100%);
}
.GradientScrollDiv-module__contentInner_gD2xD.GradientScrollDiv-module__showTopGradient_l1ENk.GradientScrollDiv-module__showBottomGradient_eC5Tx {
    mask-image: linear-gradient(to bottom, transparent 0%, black 30px, black calc(100% - 30px), transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 30px, black calc(100% - 30px), transparent 100%);
}
.GradientScrollDiv-module__contentInner_gD2xD.GradientScrollDiv-module__showLeftGradient_FssI2 {
    mask-image: linear-gradient(to right, transparent 0%, black 10px, black 30px);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10px, black 30px);
}
.GradientScrollDiv-module__contentInner_gD2xD.GradientScrollDiv-module__showRightGradient_h8TqW {
    mask-image: linear-gradient(to right, black calc(100% - 30px), black calc(100% - 10px), transparent 100%);
    -webkit-mask-image: linear-gradient(to right, black calc(100% - 30px), black calc(100% - 10px), transparent 100%);
}
.GradientScrollDiv-module__contentInner_gD2xD.GradientScrollDiv-module__showLeftGradient_FssI2.GradientScrollDiv-module__showRightGradient_h8TqW {
    mask-image: linear-gradient(to right, transparent 0%, black 10px, black 30px, black calc(100% - 30px), black calc(100% - 10px), transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10px, black 30px, black calc(100% - 30px), black calc(100% - 10px), transparent 100%);
}
.ResultTypeSwitch-module__searchPill_pVltX, .ResultTypeSwitch-module__toggleGroup_YC9YK {
    height: 40px;
    flex-shrink: 0;
    border-radius: 24px;
    border: 1px solid rgba(208, 169, 239, 0.1);
    background: rgba(208, 169, 239, 0.05);
    backdrop-filter: blur(32px);
    box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 32px -12px rgba(18, 18, 18, 0.1);
}

.ResultTypeSwitch-module__toggleGroup_YC9YK {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 3px;
    padding-right: 3px;
}
.ResultTypeSwitch-module__toggleGroup_YC9YK .MuiToggleButton-root {
    height: 32px;
    width: 32px;
    border-radius: 40px !important;
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 19.6px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
    border: none;
    color: rgb(193, 193, 194);
    text-transform: none;
    margin-left: 1px;
    margin-right: 1px;
}
.ResultTypeSwitch-module__toggleGroup_YC9YK .MuiToggleButton-root.Mui-selected {
    background-color: rgba(208, 169, 239, 0.15);
    color: white;
}
.ResultTypeSwitch-module__toggleGroup_YC9YK .MuiToggleButton-root.Mui-selected:hover {
    background-color: rgba(208, 169, 239, 0.2);
    color: white;
}

.ResultTypeSwitch-module__unifiedTooltip_hMep2 {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.ResultTypeSwitch-module__unifiedTooltip_hMep2 .ResultTypeSwitch-module__unifiedTooltipDescription_baRid {
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7);
}
.ResultTypeSwitch-module__unifiedTooltip_hMep2 .ResultTypeSwitch-module__unifiedTooltipTitle_yH9ZI {
    font-weight: 600;
}
.ImageSearch-module__image_AtSrs {
    width: 3.625rem;
    height: 3.625rem;
    border-radius: 0.5rem;
    position: relative;
    margin: 4px 0.5rem 0.5rem 4px;
}
.ImageSearch-module__image_AtSrs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}
.ExitIcon-module__exitIcon_qURye {
    position: absolute !important;
    top: 4px;
    right: 4px;
    transform: translate(50%, -50%);
    padding: 4.36px !important;
    background: var(--mui-palette-primary-main) !important;
    color: var(--mui-palette-secondary-main) !important;
    border-radius: 50% !important;
    font-size: 0.875rem !important;
    cursor: pointer;
    z-index: 10;
}
.ExitIcon-module__exitIcon_qURye:hover {
    background: var(--mui-palette-primary-dark) !important;
}
.ClipSearch-module__image_htYc1 {
    width: 102px;
    height: 58px;
    border-radius: 8px;
    border-width: 1px;
    position: relative;
    margin: 4px 4px 0 4px;
    background: rgba(0, 0, 0, 0.4);
}
.ClipSearch-module__image_htYc1::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
}
.ClipSearch-module__image_htYc1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}
.ClipSearch-module__image_htYc1 .ClipSearch-module__overlay_CpG3g {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    border-radius: inherit;
    pointer-events: none;
}
.ClipSearch-module__image_htYc1 .ClipSearch-module__base_KratG, .ClipSearch-module__image_htYc1 .ClipSearch-module__lowerRight_Gs64x, .ClipSearch-module__image_htYc1 .ClipSearch-module__lowerLeft_Twg_5 {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.ClipSearch-module__image_htYc1 .ClipSearch-module__lowerLeft_Twg_5 {
    bottom: 4px;
    left: 4px;
}
.ClipSearch-module__image_htYc1 .ClipSearch-module__lowerRight_Gs64x {
    bottom: 4px;
    right: 4px;
}

.ClipSearch-module__chip_CGsEH, .ClipSearch-module__videoIconChip_xe4a6 {
    font-family: Inter;
    font-weight: 600;
    font-size: 9.43px;
    line-height: 18.86px;
    letter-spacing: 0%;
    background: rgba(255, 255, 255, 0.08);
    color: white;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    height: 19px;
    width: fit-content;
    backdrop-filter: blur(100px);
    padding: 4px;
    display: flex;
    align-items: center;
}

.ClipSearch-module__videoIconChip_xe4a6 {
    border-radius: 50%;
    width: 19px;
}
@keyframes SearchPage-module__fadeIn_xM7bD {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.SearchPage-module__searchContainer_CSEJ7 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex-direction: column;
    gap: 16px;
    animation: SearchPage-module__fadeIn_xM7bD 0.1s ease-in-out forwards;
}
.SearchPage-module__searchContainer_CSEJ7 .SearchPage-module__hidden_sYapT {
    opacity: 0;
    pointer-events: none;
}
.SearchPage-module__searchContainer_CSEJ7 .SearchPage-module__title_tq_Me {
    font-family: Inter;
    font-weight: 600;
    font-size: 48px;
    line-height: 64px;
    letter-spacing: -2%;
    text-align: center;
    background: linear-gradient(135deg, #ffffff 30%, rgba(255, 255, 255, 0.5) 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.SearchPage-module__searchContainer_CSEJ7 .SearchPage-module__subtitle_KohvJ {
    font-family: Inter;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0%;
    text-align: center;
    color: rgb(193, 193, 194);
}
.VideoPreview-module__root_vO2jz {
    position: relative;
    overflow: hidden;
    display: flex;
    background-image: linear-gradient(45deg, var(--mui-palette-background-paper) 25%, transparent 25%), linear-gradient(-45deg, var(--mui-palette-background-paper) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--mui-palette-background-paper) 75%), linear-gradient(-45deg, transparent 75%, var(--mui-palette-background-paper) 75%);
    background-size: 20px 20px;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
    background-color: var(--mui-palette-background-default);
}
.VideoPreview-module__root_vO2jz .VideoPreview-module__volumeIndicator_iTR_C {
    position: absolute;
    top: 8px;
    right: 8px;
}
.VideoPreview-module__root_vO2jz video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    box-sizing: border-box;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
    background-color: var(--mui-palette-background-default);
    transform: scale(1.01);
    background-image: linear-gradient(45deg, var(--mui-palette-background-paper) 25%, transparent 25%), linear-gradient(-45deg, var(--mui-palette-background-paper) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--mui-palette-background-paper) 75%), linear-gradient(-45deg, transparent 75%, var(--mui-palette-background-paper) 75%);
    background-size: 20px 20px;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}
.VideoPreview-module__root_vO2jz video.VideoPreview-module__contain_MwMVV {
    object-fit: contain;
}
.VideoPreview-module__root_vO2jz video.VideoPreview-module__paused_v_SDz {
    opacity: 0;
}
.VideoPreview-module__root_vO2jz .VideoPreview-module__children_ohh4z {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}
.VideoPreview-module__root_vO2jz .VideoPreview-module__children_ohh4z > * {
    pointer-events: auto;
}
.VideoPreview-module__root_vO2jz .VideoPreview-module__progressBarContainer_cEiy_ {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 2px;
    opacity: 0;
}
.VideoPreview-module__root_vO2jz .VideoPreview-module__progressBarContainer_cEiy_ .VideoPreview-module__progressBar_FcStv {
    background-color: var(--mui-palette-accent1);
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
}
.VideoPreview-module__root_vO2jz:hover .VideoPreview-module__progressBarContainer_cEiy_ {
    opacity: 1;
}
.VideoPreview-module__root_vO2jz .VideoPreview-module__loading_tcLsm {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.VideoPreview-module__bufferingOverlay_NyTSN {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 0, 0, 0.3);
    pointer-events: none;
    z-index: 1;
}

.VideoPreview-module__thumbnail_WvcDJ {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
    pointer-events: none;
}

.VideoPreview-module__overlay_gpQon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}
.VideoPreview-module__overlay_gpQon span {
    pointer-events: auto;
}

.VideoPreview-module__loadingOverlay_NgWUd {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.3);
}
.Moment-module__checkboxContainer_eDaUI {
    padding-top: 6px;
}

.Moment-module__root_KcaUA {
    width: 100%;
    height: 100%;
    border-radius: 14px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.Moment-module__root_KcaUA .Moment-module__video_kiFlH {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Moment-module__root_KcaUA .Moment-module__video_kiFlH .Moment-module__base_Wa85D, .Moment-module__root_KcaUA .Moment-module__video_kiFlH .Moment-module__middle_f8yUM, .Moment-module__root_KcaUA .Moment-module__video_kiFlH .Moment-module__upperRight_C27DM, .Moment-module__root_KcaUA .Moment-module__video_kiFlH .Moment-module__upperLeft_bcLG6, .Moment-module__root_KcaUA .Moment-module__video_kiFlH .Moment-module__lowerRight_c9rCh, .Moment-module__root_KcaUA .Moment-module__video_kiFlH .Moment-module__lowerLeft_xQ6A2 {
    position: absolute;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.Moment-module__root_KcaUA .Moment-module__video_kiFlH .Moment-module__lowerLeft_xQ6A2 {
    bottom: 12px;
    left: 12px;
}
.Moment-module__root_KcaUA .Moment-module__video_kiFlH .Moment-module__lowerRight_c9rCh {
    bottom: 12px;
    right: 12px;
}
.Moment-module__root_KcaUA .Moment-module__video_kiFlH .Moment-module__upperLeft_bcLG6 {
    top: 4px;
    left: 4px;
    display: flex;
    align-items: center;
}
.Moment-module__root_KcaUA .Moment-module__video_kiFlH .Moment-module__upperRight_C27DM {
    top: 4px;
    right: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.Moment-module__root_KcaUA .Moment-module__video_kiFlH .Moment-module__middle_f8yUM {
    top: 0;
    left: 50%;
    transform: translate(-50%, 4px);
    opacity: 1;
    transition: none;
}
.Moment-module__root_KcaUA .Moment-module__video_kiFlH::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.Moment-module__root_KcaUA:hover .Moment-module__video_kiFlH .Moment-module__base_Wa85D, .Moment-module__root_KcaUA:hover .Moment-module__video_kiFlH .Moment-module__lowerLeft_xQ6A2, .Moment-module__root_KcaUA:hover .Moment-module__video_kiFlH .Moment-module__lowerRight_c9rCh, .Moment-module__root_KcaUA:hover .Moment-module__video_kiFlH .Moment-module__upperLeft_bcLG6, .Moment-module__root_KcaUA:hover .Moment-module__video_kiFlH .Moment-module__upperRight_C27DM, .Moment-module__root_KcaUA:hover .Moment-module__video_kiFlH .Moment-module__middle_f8yUM {
    opacity: 1;
    z-index: 5;
}
.Moment-module__root_KcaUA:hover .Moment-module__video_kiFlH::after {
    opacity: 1;
}
.Moment-module__root_KcaUA.Moment-module__selected_TTfLP .Moment-module__video_kiFlH .Moment-module__base_Wa85D, .Moment-module__root_KcaUA.Moment-module__selected_TTfLP .Moment-module__video_kiFlH .Moment-module__lowerLeft_xQ6A2, .Moment-module__root_KcaUA.Moment-module__selected_TTfLP .Moment-module__video_kiFlH .Moment-module__lowerRight_c9rCh, .Moment-module__root_KcaUA.Moment-module__selected_TTfLP .Moment-module__video_kiFlH .Moment-module__upperLeft_bcLG6, .Moment-module__root_KcaUA.Moment-module__selected_TTfLP .Moment-module__video_kiFlH .Moment-module__upperRight_C27DM, .Moment-module__root_KcaUA.Moment-module__selected_TTfLP .Moment-module__video_kiFlH .Moment-module__middle_f8yUM {
    opacity: 1;
    z-index: 5;
}
.Moment-module__root_KcaUA.Moment-module__selected_TTfLP .Moment-module__video_kiFlH::after {
    opacity: 1;
}

.Moment-module__chip_LuWEU, .Moment-module__roundedChip_wpPRy {
    font-size: 12px;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.08);
    color: white;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    height: fit-content;
    width: fit-content;
    backdrop-filter: blur(100px);
    padding: 4px;
}

.Moment-module__referencePill_m82zn {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    padding-left: 4px;
    padding-right: 4px;
}

.Moment-module__roundedChip_wpPRy {
    border-radius: 24px;
    text-align: center;
    white-space: nowrap;
}

.Moment-module__momentInfo_x6_qP {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-width: 50%;
}
.Moment-module__momentInfo_x6_qP .Moment-module__momentTitle_bvX4S {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -1%;
    color: rgb(255, 255, 255);
    user-select: none;
    pointer-events: none;
}

.Moment-module__searchReference_TyKXz::after {
    opacity: 0.7;
}

.Moment-module__skeletonContainer_IXzfx {
    opacity: 0.5;
    width: 100%;
    height: 100%;
}

.Moment-module__iconButton_Jsu1U {
    cursor: pointer;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.Moment-module__iconButton_Jsu1U:hover {
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(12px);
}
.SoundToggle-module__soundToggle_pXByP {
    color: var(--text-primary);
}
.SoundToggle-module__soundToggle_pXByP.MuiIconButton-root {
    z-index: 2;
    color: white;
    width: 16px;
    height: 16px;
    border-radius: 0 16px 0 16px;
}
.SoundToggle-module__soundToggle_pXByP.MuiIconButton-root:hover {
    background-color: transparent;
}
.SoundToggle-module__soundToggle_pXByP:hover {
    background-color: var(--background-hover);
}
.VideoPlayer-module__videoContainer_tgf7W {
    position: relative;
    height: 100%;
}
.VideoPlayer-module__videoContainer_tgf7W .VideoPlayer-module__videoWrapper_zYoZW {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
}
.VideoPlayer-module__videoContainer_tgf7W .VideoPlayer-module__toggleContainer_K0gJR {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 10;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(16px);
    border-radius: 36px !important;
}

:fullscreen .VideoPlayer-module__videoContainer_tgf7W {
    width: 100% !important;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
:fullscreen .VideoPlayer-module__videoContainer_tgf7W .VideoPlayer-module__videoWrapper_zYoZW {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

:-webkit-full-screen .VideoPlayer-module__videoContainer_tgf7W {
    width: 100% !important;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
:-webkit-full-screen .VideoPlayer-module__videoContainer_tgf7W .VideoPlayer-module__videoWrapper_zYoZW {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.MultipleToggle-module__toggleGroup_JGuDn {
    border-radius: 36px;
    background-color: rgba(255, 255, 255, 0.08);
    padding: 4px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    width: fit-content;
}
.MultipleToggle-module__toggleGroup_JGuDn .MuiToggleButton-root {
    border-radius: 36px;
    height: 40px;
    border-radius: 36px !important;
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 19.6px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
    border: none;
    color: rgb(193, 193, 194);
    padding-left: 16px;
    padding-right: 16px;
    text-transform: none;
}
.MultipleToggle-module__toggleGroup_JGuDn .MuiToggleButton-root.Mui-selected {
    background-color: white;
    color: black;
}
.MultipleToggle-module__toggleGroup_JGuDn .MuiToggleButton-root.Mui-selected:hover {
    background-color: white;
    color: black;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv {
    position: relative;
    height: 100%;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    margin: 0 auto;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv.MomentMergeVideoPlayer-module__aspectRatioContainer_qeTWJ {
    aspect-ratio: 16/9;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__videoWrapper_uMmwc {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 200px;
    border-radius: 16px;
    overflow: hidden;
    flex: 1;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__videoWrapper_uMmwc .MomentMergeVideoPlayer-module__videoWrapperDiv_O_3Q8 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__videoWrapper_uMmwc video {
    width: 100%;
    height: 100%;
    max-height: 100%;
    border-radius: 16px;
    display: block;
    object-fit: cover;
    background-color: transparent;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__videoWrapper_uMmwc .MomentMergeVideoPlayer-module__videoElement_IweMX {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background-color: transparent;
    object-fit: cover;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__videoWrapper_uMmwc:hover .MomentMergeVideoPlayer-module__customControls_LS3QS {
    opacity: 1;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__videoWrapper_uMmwc.MomentMergeVideoPlayer-module__fullscreen_vS2EM {
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: black;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__videoWrapper_uMmwc.MomentMergeVideoPlayer-module__fullscreen_vS2EM video {
    border-radius: 0;
    width: 100%;
    height: auto;
    max-height: 100vh;
    object-fit: cover;
    background-color: black;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__videoWrapper_uMmwc.MomentMergeVideoPlayer-module__fullscreen_vS2EM .MomentMergeVideoPlayer-module__customControls_LS3QS {
    z-index: 2147483647;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__videoWrapper_uMmwc.MomentMergeVideoPlayer-module__fullscreen_vS2EM .MomentMergeVideoPlayer-module__customControls_LS3QS.MomentMergeVideoPlayer-module__hidden_XUGhS {
    opacity: 0;
    pointer-events: none;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__toggleContainer_Yf_hy {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 10;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(16px);
    border-radius: 36px !important;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__centerPlayButton_C6Xxh, .MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__centerSkipButton_eNzkR {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(16px);
    width: 64px;
    height: 64px;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__centerPlayButton_C6Xxh:hover, .MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__centerSkipButton_eNzkR:hover {
    background: rgba(255, 255, 255, 0.4);
}
@keyframes MomentMergeVideoPlayer-module__skipFeedback_blSSU {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.8);
    }
    20% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.1);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
    }
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__centerSkipButton_eNzkR {
    pointer-events: none;
    animation: MomentMergeVideoPlayer-module__skipFeedback_blSSU 1s ease-out forwards;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__centerSkipButton_eNzkR.MomentMergeVideoPlayer-module__left_RXPoH {
    left: calc(50% - 100px);
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__centerSkipButton_eNzkR.MomentMergeVideoPlayer-module__right_SFBH8 {
    left: calc(50% + 100px);
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__customControls_LS3QS {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    padding: 48px 32px 24px 32px;
    display: flex;
    align-items: center;
    gap: 8px;
    opacity: 0.8;
    transition: opacity 0.3s ease;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__customControls_LS3QS .MuiIconButton-root {
    color: white;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__customControls_LS3QS .MuiIconButton-root:hover {
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(16px);
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__customControls_LS3QS .MomentMergeVideoPlayer-module__volumeSlider_q6GRx {
    padding: 0;
    width: 44px;
    display: flex;
    align-items: center;
    margin-right: 12px;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__customControls_LS3QS .MomentMergeVideoPlayer-module__volumeSlider_q6GRx .MuiSlider-track {
    height: 4px;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__customControls_LS3QS .MomentMergeVideoPlayer-module__volumeSlider_q6GRx .MuiSlider-rail {
    height: 4px;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__customControls_LS3QS .MomentMergeVideoPlayer-module__volumeSlider_q6GRx .MuiSlider-thumb {
    width: 12px;
    height: 12px;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__customControls_LS3QS .MomentMergeVideoPlayer-module__volumeSlider_q6GRx .MuiSlider-valueLabelCircle {
    width: 12px;
    height: 12px;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__customControls_LS3QS .MomentMergeVideoPlayer-module__progressContainer_eGgzD {
    flex: 1;
    position: relative;
    overflow: visible;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__customControls_LS3QS .MomentMergeVideoPlayer-module__progressContainer_eGgzD .MomentMergeVideoPlayer-module__progressBarHitbox_XWizV {
    height: 32px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__customControls_LS3QS .MomentMergeVideoPlayer-module__progressContainer_eGgzD .MomentMergeVideoPlayer-module__progressBar_t4csV {
    height: 8px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 9999px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__customControls_LS3QS .MomentMergeVideoPlayer-module__progressContainer_eGgzD .MomentMergeVideoPlayer-module__progress_ivO4E {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: white;
    border-radius: 9999px;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__customControls_LS3QS .MomentMergeVideoPlayer-module__progressContainer_eGgzD .MomentMergeVideoPlayer-module__momentHighlight_o4PlK {
    position: absolute;
    top: 0;
    height: 100%;
    background-color: rgba(157, 78, 221, 0.8);
    border-radius: 9999px;
    pointer-events: none;
    z-index: 5;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__customControls_LS3QS .MomentMergeVideoPlayer-module__progressContainer_eGgzD .MomentMergeVideoPlayer-module__hoverTimeIndicator_QHrvt {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    width: 2px;
    height: 16px;
    background-color: white;
    pointer-events: none;
    z-index: 10;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__customControls_LS3QS .MomentMergeVideoPlayer-module__progressContainer_eGgzD .MomentMergeVideoPlayer-module__hoverTimestamp_b_nmS {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(16px);
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    font-family: Inter;
    font-weight: 600;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 20;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__customControls_LS3QS .MomentMergeVideoPlayer-module__timeDisplay_IRF71, .MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__customControls_LS3QS .MomentMergeVideoPlayer-module__timeInput_guPmw, .MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__customControls_LS3QS .MomentMergeVideoPlayer-module__timeDisplayRight_tN6GD, .MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__customControls_LS3QS .MomentMergeVideoPlayer-module__timeDisplayLeft_t7Doe {
    color: white;
    font-family: Inter;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0%;
    font-variant-numeric: tabular-nums;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__customControls_LS3QS .MomentMergeVideoPlayer-module__timeDisplayLeft_t7Doe {
    text-align: right;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__customControls_LS3QS .MomentMergeVideoPlayer-module__timeDisplayRight_tN6GD {
    text-align: left;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__customControls_LS3QS .MomentMergeVideoPlayer-module__timeInput_guPmw {
    text-align: right;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 6px;
    transition: border 0.2s ease;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__customControls_LS3QS .MomentMergeVideoPlayer-module__timeInput_guPmw:focus {
    text-align: center;
    cursor: text;
    outline: 1px solid white;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__customControls_LS3QS .MomentMergeVideoPlayer-module__timeInput_guPmw::placeholder {
    width: fit-content;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__loadingOverlay_koc99 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
    border-radius: 16px;
}
.MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__loadingOverlay_koc99 .MuiCircularProgress-root {
    color: white;
}

:fullscreen .MomentMergeVideoPlayer-module__videoContainer_oDkzv {
    width: 100% !important;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
:fullscreen .MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__videoWrapper_uMmwc {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

:-webkit-full-screen .MomentMergeVideoPlayer-module__videoContainer_oDkzv {
    width: 100% !important;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
:-webkit-full-screen .MomentMergeVideoPlayer-module__videoContainer_oDkzv .MomentMergeVideoPlayer-module__videoWrapper_uMmwc {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.Sentence-module__sentence_nbAex {
    display: flex;
    gap: 8px;
    font-size: 12px;
    align-items: baseline;
    cursor: pointer;
    padding: 6px;
}
.Sentence-module__sentence_nbAex:hover, .Sentence-module__sentence_nbAex.Sentence-module__active_iHpKg {
    background-color: rgba(255, 255, 255, 0.08);
    border-radius: 12px;
}
.Sentence-module__sentence_nbAex .Sentence-module__timing_g3D_D {
    background: rgba(208, 169, 239, 0.05);
    color: rgb(208, 169, 239);
    padding: 2px 4px;
    border-radius: 4px;
    border: 1px solid rgba(208, 169, 239, 0.1);
    backdrop-filter: blur(32px);
    box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 32px -12px rgba(18, 18, 18, 0.1);
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0%;
    vertical-align: middle;
}
.Sentence-module__sentence_nbAex .Sentence-module__text_rnyEW {
    max-width: 80%;
}
.Sentence-module__sentence_nbAex .Sentence-module__text_rnyEW.Sentence-module__cut_GwJUf {
    --cut-left-percent: 0;
    --cut-right-percent: 0;
}
.Sentence-module__sentence_nbAex .Sentence-module__text_rnyEW.Sentence-module__cut_GwJUf .Sentence-module__cutText_pyU4K {
    -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) var(--cut-left-percent), rgb(0, 0, 0) calc(100% - var(--cut-right-percent)), rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) var(--cut-left-percent), rgb(0, 0, 0) calc(100% - var(--cut-right-percent)), rgba(0, 0, 0, 0) 100%);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transition: -webkit-mask-image 0.3s, mask-image 0.3s;
}
.Sentence-module__sentence_nbAex .Sentence-module__text_rnyEW .Sentence-module__cutAsterisk_exUr7 {
    font-size: 0.8em;
    vertical-align: super;
    color: #b48be4;
    margin-left: 2px;
    opacity: 0.7;
    font-weight: bold;
    cursor: help;
}
.TranscriptLoader-module__rightPanelContent_elCY2 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    display: flex;
    flex-direction: column;
    max-height: 100%;
    overflow-y: auto;
}
.VisualDescriptionLoader-module__rightPanelContent_cwkU2 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    display: flex;
    flex-direction: column;
    max-height: 100%;
    overflow-y: auto;
}
.MomentModal-module__videoContainer_xqn8y {
    min-width: 57%;
    max-width: 67%;
}

.MomentModal-module__momentModal_mF7ay {
    position: relative;
    height: fit-content;
    max-height: 95%;
    width: 80%;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgb(22, 22, 22);
    outline: none;
    padding: 16px 16px 24px 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-shadow: 0px 3px 3px -1.5px rgba(10, 13, 18, 0.04), 0px 8px 8px -4px rgba(10, 13, 18, 0.03), 0px 20px 24px -4px rgba(10, 13, 18, 0.08);
}
.MomentModal-module__momentModal_mF7ay .MomentModal-module__header_Orhjm {
    display: flex;
    gap: 16px;
    align-items: center;
}
.MomentModal-module__momentModal_mF7ay .MomentModal-module__header_Orhjm .MomentModal-module__title_TLCUH {
    font-family: Inter;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0%;
}
.MomentModal-module__momentModal_mF7ay .MomentModal-module__loadingContainer_DHshO {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: rgb(193, 193, 194);
    padding-top: 50%;
    transform: translateY(-50%);
    height: fit-content;
}
.MomentModal-module__momentModal_mF7ay .MomentModal-module__loadingContainerAbsolute_AKMNQ {
    position: absolute;
    top: 16px;
    left: 16px;
    right: 16px;
    bottom: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: rgb(193, 193, 194);
    z-index: 10;
}
.MomentModal-module__momentModal_mF7ay .MomentModal-module__preview_d19HS {
    display: flex;
    gap: 8px;
    height: 40vh;
}
.MomentModal-module__momentModal_mF7ay .MomentModal-module__preview_d19HS .MomentModal-module__rightPanel_hdpOo {
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-family: Inter;
    padding-left: 8px;
    padding-right: 8px;
    overflow-y: auto;
    flex-grow: 1;
    height: 100%;
    width: 33%;
}
.MomentModal-module__momentModal_mF7ay .MomentModal-module__footer_YcWhX {
    width: 100%;
    display: flex;
    gap: 8px;
    align-items: flex-end;
    margin-top: auto;
}

.MomentModal-module__formatContainer_uaoED {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.MomentModal-module__formatContainer_uaoED .MomentModal-module__formatLabel_o0_dX {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    color: rgb(193, 193, 194);
}

.MomentModal-module__buttonBase_MUPx3, .MomentModal-module__downloadButton_drLP5, .MomentModal-module__cancelButton_OnIsR {
    border-radius: 100px;
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.MomentModal-module__cancelButton_OnIsR {
    width: 87px;
    height: 44px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin-left: auto;
}
.MomentModal-module__cancelButton_OnIsR:hover {
    background: rgba(255, 255, 255, 0.1);
}

.MomentModal-module__downloadButton_drLP5 {
    width: 150px;
    height: 44px;
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    border: none;
}
.MomentModal-module__downloadButton_drLP5:hover {
    background: rgba(255, 255, 255, 0.9);
}
.MomentModal-module__downloadButton_drLP5:disabled {
    background: rgba(255, 255, 255, 0.5);
    color: rgba(0, 0, 0, 0.5);
}
.VideoTimeline-module__timelineContainer_j9qiR {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.VideoTimeline-module__timelineContainer_j9qiR .VideoTimeline-module__timelineScrollableContainer_m2LQ1 {
    display: flex;
    flex-direction: column;
    overflow-x: scroll;
    scrollbar-gutter: stable horizontal;
    width: 100%;
}
.VideoTimeline-module__timelineContainer_j9qiR .VideoTimeline-module__timelineScrollableContainer_m2LQ1 .VideoTimeline-module__timestampContainer_qjfmt {
    height: 30px;
    position: relative;
}
.VideoTimeline-module__timelineContainer_j9qiR .VideoTimeline-module__timelineScrollableContainer_m2LQ1 .VideoTimeline-module__thumbnailContainer_JdtWJ {
    height: 90px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    flex-direction: row;
    overflow: hidden;
    position: relative;
}
.VideoTimeline-module__timelineContainer_j9qiR .VideoTimeline-module__zoomLevelContainer_uIrKS {
    display: flex;
}

.VideoTimeline-module__timestamp_kmz2q {
    position: absolute;
    transform: translateX(-50%);
    color: rgba(255, 255, 255, 0.7);
    white-space: nowrap;
    font-family: Inter;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0%;
    vertical-align: middle;
}
.VideoTimeline-module__timestamp_kmz2q.VideoTimeline-module__first_SNR0I {
    transform: translateX(0);
}

.VideoTimeline-module__dot_cRctS {
    position: absolute;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    top: 32%;
    transform: translateY(-50%);
}

.VideoTimeline-module__frame_DyZIq {
    height: 100%;
    width: 140px;
    user-select: none;
}
.VideoTimeline-module__frame_DyZIq img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}
.MomentHead-module__timelineOverlay_TRCYB {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 50000;
}

.MomentHead-module__overlaySection_P__BL {
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    pointer-events: none;
}

.MomentHead-module__momentHead_aA0X4 {
    position: absolute;
    display: flex;
    border-radius: 3px;
    border: 2px solid rgb(157, 78, 221);
    justify-content: space-between;
    background-color: transparent;
    z-index: 100000;
    overflow: hidden;
    width: 100px;
    top: 0;
    bottom: 0;
}
.MomentHead-module__momentHead_aA0X4 .MomentHead-module__handle_yBgT4 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(100px);
    max-width: 100%;
    border: none;
    transition: background-color 0.2s ease;
    cursor: col-resize;
    position: relative;
}
.MomentHead-module__momentHead_aA0X4 .MomentHead-module__handle_yBgT4:hover {
    background-color: rgba(255, 255, 255, 0.6);
}
.MomentHead-module__momentHead_aA0X4 .MomentHead-module__handle_yBgT4:active {
    background-color: rgba(255, 255, 255, 0.8);
}
.MomentHead-module__momentHead_aA0X4 .MomentHead-module__handle_yBgT4 .MomentHead-module__innerHandle_ofKaZ {
    width: 2px;
    height: 33px;
    border-radius: 2px;
    background-color: white;
    cursor: col-resize;
    max-width: 100%;
}
.MomentHead-module__momentHead_aA0X4 .MomentHead-module__durationPill_nGMe8, .MomentHead-module__momentHead_aA0X4 .MomentHead-module__rightHandleTimestamp_xuIav, .MomentHead-module__momentHead_aA0X4 .MomentHead-module__leftHandleTimestamp_BVr_P {
    position: absolute;
    bottom: 4px;
    left: 22px;
    background-color: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(100px);
    border-radius: 6px;
    height: 28px;
    padding: 2px 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    width: fit-content;
    color: white;
    font-family: Inter;
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0%;
}
.MomentHead-module__momentHead_aA0X4 .MomentHead-module__leftHandleTimestamp_BVr_P {
    top: 4px;
    bottom: auto;
}
.MomentHead-module__momentHead_aA0X4 .MomentHead-module__rightHandleTimestamp_xuIav {
    top: 4px;
    left: auto;
    right: 22px;
    bottom: auto;
}
.TimelineZoomLevel-module__sliderContainer_TY2MX {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.TimelineZoomLevel-module__sliderContainer_TY2MX .TimelineZoomLevel-module__slider_Lrnlq {
    display: flex;
    align-items: center;
    gap: 16px;
}
.TimelineZoomLevel-module__sliderContainer_TY2MX .TimelineZoomLevel-module__slider_Lrnlq .MuiSlider-root {
    width: 200px;
}
.TimelineZoomLevel-module__sliderContainer_TY2MX .TimelineZoomLevel-module__slider_Lrnlq .TimelineZoomLevel-module__sliderValue_WY52b {
    min-width: 48px;
    width: auto;
    text-align: right;
    white-space: nowrap;
}
.TimelineZoomLevel-module__sliderContainer_TY2MX .TimelineZoomLevel-module__sliderLabel_H9BRc {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-end;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    color: rgb(193, 193, 194);
}
.SelectableCard-module__selectableCard_c3GJq::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid white;
    border-radius: 14px;
    pointer-events: none;
    z-index: 1;
    opacity: 0.17;
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.SelectableCard-module__selected_pVvaD::after {
    opacity: 1;
}
.TopOverlay-module__topOverlay_kFA8X {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 10;
}

.TopOverlay-module__upperLeft_mMVQ7 {
    position: absolute;
    top: 4px;
    left: 4px;
    display: flex;
    align-items: center;
    pointer-events: auto;
}

.TopOverlay-module__upperRight_6IMKS {
    position: absolute;
    top: 4px;
    right: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
    pointer-events: auto;
}
@keyframes MomentGrid-module__fadeIn_jbz13 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.MomentGrid-module__resultGridContainer_nmPLU {
    height: 100%;
    width: 100%;
    padding-left: 24px;
    padding-right: 8px;
    position: relative;
}
.MomentGrid-module__resultGridContainer_nmPLU .MomentGrid-module__masonry_Vfh_m {
    animation: MomentGrid-module__fadeIn_jbz13 0.3s ease-in-out forwards;
}
.ActionButton-module__actionButtonContainer_BOiCN {
    position: relative;
    padding: 2px;
}
.ActionButton-module__actionButtonContainer_BOiCN.ActionButton-module__fullWidth_pwk_I {
    width: 100%;
}

.ActionButton-module__actionButton_WTqwX {
    user-select: none;
    font-size: 14px;
    font-weight: 600;
    padding: 0 16px;
    border-radius: 32px;
    background-color: white;
    color: black;
    border: none;
    cursor: pointer;
    position: relative;
    z-index: 1;
    transition: background-color 0.2s;
}
.ActionButton-module__actionButton_WTqwX:hover {
    background-color: #f8f9fa;
}
.ActionButton-module__actionButton_WTqwX:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.ActionButton-module__actionButton_WTqwX:disabled {
    background-color: rgba(255, 255, 255, 0.08);
    color: rgba(193, 193, 194, 0.4);
    border-color: rgba(255, 255, 255, 0.1);
}

.ActionButton-module__secondaryActionButton_nN4np {
    background-color: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
}
.ActionButton-module__secondaryActionButton_nN4np:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}

.ActionButton-module__dangerActionButton__TvR2 {
    background-color: #d64550;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
}
.ActionButton-module__dangerActionButton__TvR2:hover {
    background-color: darkred;
    border-color: rgba(255, 255, 255, 0.2);
}

.ActionButton-module__fullWidthButton_pBtyO {
    width: 100% !important;
}
.MomentThumbnail-module__loadingContainer_zb_yX {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f5f5;
}

.MomentThumbnail-module__errorContainer_hld8e {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f5f5;
}

.MomentThumbnail-module__thumbnail_qvXdV {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.TimestampOverlay-module__duration_teYD0 {
    font-size: 12px;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.0784313725);
    color: white;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.1019607843);
    height: fit-content;
    width: fit-content;
    backdrop-filter: blur(1000px);
    padding: 4px;
}

.TimestampOverlay-module__lowerRight_XPdVb {
    margin-right: 8px;
}

.TimestampOverlay-module__lowerLeft_M0NYx {
    margin-left: 8px;
}
.MomentMenuButton-module__menuButton_dutyS {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 28px;
    height: 16px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(100px);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: auto;
    transition: all 0.2s ease-in-out;
    z-index: 4;
    min-width: 28px;
    padding: 0;
}
.MomentMenuButton-module__menuButton_dutyS .MuiIconButton-root {
    background: rgba(255, 255, 255, 0.08);
    min-width: 28px;
    padding: 0;
}
.MomentMenuButton-module__menuButton_dutyS .MuiIconButton-root:hover {
    background: white;
}
.MomentMenuButton-module__menuButton_dutyS svg {
    width: 16px;
    height: 16px;
    color: white;
    transition: color 0.2s ease-in-out;
}
.MomentMenuButton-module__menuButton_dutyS .MuiIconButton-root:hover svg {
    color: black;
}

.MomentMenuButton-module__menuTitle_FJmD_ {
    display: block;
    padding: 8px 8px;
    color: white;
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
}

.MomentMenuButton-module__menuItemContent_fzHny {
    display: flex;
    align-items: center;
}

.MomentMenuButton-module__menuIcon_jNTXb {
    margin-right: 8px;
}

.MomentMenuButton-module__dangerItem_s_E54 {
    color: #d64550;
}
.MomentList-module__momentList_o91Tg {
    height: fit-content;
    min-height: 90px;
    position: relative;
    width: 100%;
    padding: 4px;
    margin-top: -8px;
    margin-bottom: -4px;
}

.MomentList-module__momentItem_aXbyN {
    display: flex;
    flex-direction: row;
    gap: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    aspect-ratio: 16/9;
    height: 90px;
    min-width: 160px;
    width: 160px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    cursor: grab;
    position: relative;
}
.MomentList-module__momentItem_aXbyN:active {
    cursor: grabbing;
}
.MomentList-module__momentItem_aXbyN:hover {
    border-color: rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.06);
}
.MomentList-module__momentItem_aXbyN.MomentList-module__dragging_N7YRq {
    opacity: 0.5;
    transform: scale(0.9);
    cursor: grabbing;
    z-index: 1000;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.MomentList-module__momentItem_aXbyN.MomentList-module__dragOver_s2pmO {
    border-color: rgba(157, 78, 221, 0.8);
    background: rgba(157, 78, 221, 0.1);
    transform: scale(1.05);
    box-shadow: 0 0 0 2px rgba(157, 78, 221, 0.3);
}
.MomentList-module__momentItem_aXbyN.MomentList-module__dragOver_s2pmO::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(157, 78, 221, 0.1);
    border-radius: 8px;
    pointer-events: none;
}
.MomentList-module__momentItem_aXbyN.MomentList-module__active_UnWDM {
    border-color: #9d4edd;
    border-width: 2px;
    transform: scale(1.02);
}
.MomentList-module__momentItem_aXbyN.MomentList-module__active_UnWDM::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(157, 78, 221, 0.1);
    border-radius: 8px;
    pointer-events: none;
}

.MomentList-module__momentItemTitle_lspAd {
    display: block;
    width: 100%;
    height: 100%;
}

.MomentList-module__overlays__gawg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    color: white;
    pointer-events: none;
}

.MomentList-module__lowerRightCircle_VIUFz {
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: rgb(157, 78, 221);
    z-index: 4;
    pointer-events: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}
.MomentList-module__lowerRightCircle_VIUFz svg {
    width: 12px;
    height: 12px;
}

.MomentList-module__timestampOverlay_VQMoG {
    position: absolute;
    bottom: 4px;
    left: 4px;
}

.MomentList-module__gradientOverlay_oi7Y3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background: black;
    mask: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.5) 90%, rgba(0, 0, 0, 0.9) 100%);
    pointer-events: none;
}

.MomentList-module__menuButton_EMYDE {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 28px;
    height: 18px;
    min-width: 28px;
    border-radius: 8px;
    /* background: rgba(255, 255, 255, 0.08); */
    /* backdrop-filter: blur(100px); */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: auto;
    transition: all 0.2s ease-in-out;
    z-index: 5;
    padding: 0;
}
.MomentList-module__menuButton_EMYDE .MuiIconButton-root {
    background: rgba(255, 255, 255, 0.08);
    min-width: 28px;
    height: 18px;
    padding: 0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.MomentList-module__menuButton_EMYDE .MuiIconButton-root:hover {
    background: white;
}
.MomentList-module__menuButton_EMYDE svg {
    width: 16px;
    height: 16px;
    color: white;
    transition: color 0.2s ease-in-out;
}
.MomentList-module__menuButton_EMYDE .MuiIconButton-root:hover svg {
    color: black;
}

.MomentList-module__momentListContainer_YRRXF {
    display: flex;
    gap: 16px;
    padding-top: 4px;
}
.MomentMergeModal-module__upperRightCorner_GLMkX {
    position: absolute;
    top: 8px;
    right: 8px;
}

.MomentMergeModal-module__momentMergeModal_d6Gks {
    position: relative;
    height: fit-content;
    width: fit-content;
    max-width: 90vw;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgb(22, 22, 22);
    outline: none;
    padding: 16px 16px 24px 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-shadow: 0px 3px 3px -1.5px rgba(10, 13, 18, 0.04), 0px 8px 8px -4px rgba(10, 13, 18, 0.03), 0px 20px 24px -4px rgba(10, 13, 18, 0.08);
}
.MomentMergeModal-module__momentMergeModal_d6Gks .MomentMergeModal-module__header_bhe3X {
    display: flex;
    flex-direction: column;
}
.MomentMergeModal-module__momentMergeModal_d6Gks .MomentMergeModal-module__header_bhe3X .MomentMergeModal-module__title_zZ1bC {
    font-family: Inter;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.MomentMergeModal-module__momentMergeModal_d6Gks .MomentMergeModal-module__header_bhe3X .MomentMergeModal-module__subtitle_lI5vD {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    color: rgb(193, 193, 194);
    width: 100%;
}
.MomentMergeModal-module__momentMergeModal_d6Gks .MomentMergeModal-module__loadingContainer_WyFKY {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: rgb(193, 193, 194);
    height: 100%;
    aspect-ratio: 16/9;
}
.MomentMergeModal-module__momentMergeModal_d6Gks .MomentMergeModal-module__preview_CHWav {
    display: flex;
    gap: 8px;
    height: 40vh;
}
.MomentMergeModal-module__momentMergeModal_d6Gks .MomentMergeModal-module__preview_CHWav .MomentMergeModal-module__rightPanel_B5PXE {
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-family: Inter;
    padding-left: 8px;
    padding-right: 8px;
    overflow-y: auto;
    flex-grow: 1;
    height: 100%;
    width: 33%;
}
.MomentMergeModal-module__momentMergeModal_d6Gks .MomentMergeModal-module__footer_NwjZe {
    width: 100%;
    display: flex;
    gap: 8px;
    align-items: flex-end;
    margin-top: auto;
}
.MomentMergeModal-module__momentMergeModal_d6Gks .MomentMergeModal-module__footer_NwjZe .MomentMergeModal-module__formatContainer_yEccq {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.MomentMergeModal-module__momentMergeModal_d6Gks .MomentMergeModal-module__footer_NwjZe .MomentMergeModal-module__formatContainer_yEccq .MomentMergeModal-module__formatLabel_ICHnP {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    color: rgb(193, 193, 194);
}
.MomentMergeModal-module__momentMergeModal_d6Gks .MomentMergeModal-module__footer_NwjZe .MomentMergeModal-module__formatContainer_yEccq .MomentMergeModal-module__formatLabel_ICHnP .MomentMergeModal-module__comingSoon_ob9vn {
    opacity: 0.6;
}
.MomentMergeModal-module__momentMergeModal_d6Gks .MomentMergeModal-module__footer_NwjZe .MomentMergeModal-module__buttonBase_B8iNw, .MomentMergeModal-module__momentMergeModal_d6Gks .MomentMergeModal-module__footer_NwjZe .MomentMergeModal-module__downloadButton_i_Weo, .MomentMergeModal-module__momentMergeModal_d6Gks .MomentMergeModal-module__footer_NwjZe .MomentMergeModal-module__cancelButton_hfeid {
    border-radius: 100px;
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}
.MomentMergeModal-module__momentMergeModal_d6Gks .MomentMergeModal-module__footer_NwjZe .MomentMergeModal-module__cancelButton_hfeid {
    width: 87px;
    height: 44px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin-left: auto;
}
.MomentMergeModal-module__momentMergeModal_d6Gks .MomentMergeModal-module__footer_NwjZe .MomentMergeModal-module__cancelButton_hfeid:hover {
    background: rgba(255, 255, 255, 0.1);
}
.MomentMergeModal-module__momentMergeModal_d6Gks .MomentMergeModal-module__footer_NwjZe .MomentMergeModal-module__downloadButton_i_Weo {
    width: 150px;
    height: 44px;
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    border: none;
}
.MomentMergeModal-module__momentMergeModal_d6Gks .MomentMergeModal-module__footer_NwjZe .MomentMergeModal-module__downloadButton_i_Weo:hover {
    background: rgba(255, 255, 255, 0.9);
}
.MomentMergeModal-module__momentMergeModal_d6Gks .MomentMergeModal-module__footer_NwjZe .MomentMergeModal-module__downloadButton_i_Weo:disabled {
    background: rgba(255, 255, 255, 0.5);
    color: rgba(0, 0, 0, 0.5);
}
.BaseMomentModal-module__videoContainer_rOxn8 {
    min-width: 57%;
    max-width: 67%;
}

.BaseMomentModal-module__loadingContainer_nD7fd {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: rgb(193, 193, 194);
    padding-top: 50%;
    transform: translateY(-50%);
}

.BaseMomentModal-module__preview_a8_0y {
    display: flex;
    gap: 8px;
    height: 40vh;
}
.BaseMomentModal-module__preview_a8_0y .BaseMomentModal-module__rightPanel_QYrrk {
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-family: Inter;
    padding-left: 8px;
    padding-right: 8px;
    overflow-y: auto;
    flex-grow: 1;
    height: 100%;
    width: 33%;
}
.BaseModal-module__baseModal_onJI_ {
    height: fit-content;
    max-height: 95%;
    width: 80%;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgb(22, 22, 22);
    outline: none;
    padding: 16px 16px 24px 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-shadow: 0px 3px 3px -1.5px rgba(10, 13, 18, 0.04), 0px 8px 8px -4px rgba(10, 13, 18, 0.03), 0px 20px 24px -4px rgba(10, 13, 18, 0.08);
}
.BaseModal-module__baseModal_onJI_ .BaseModal-module__header_Um1A0 {
    display: flex;
}
.BaseModal-module__baseModal_onJI_ .BaseModal-module__header_Um1A0 .BaseModal-module__title_TANGr {
    font-family: Inter;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0%;
}
.BaseModal-module__baseModal_onJI_ .BaseModal-module__loadingContainer_aeU2u {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: rgb(193, 193, 194);
    padding-top: 50%;
    transform: translateY(-50%);
}
.BaseModal-module__baseModal_onJI_ .BaseModal-module__footer_raO8F {
    width: 100%;
    display: flex;
    gap: 8px;
    align-items: flex-end;
    margin-top: auto;
}
.MomentTrimModal-module__buttonBase_pmzIM, .MomentTrimModal-module__confirmButton_X4bHM, .MomentTrimModal-module__backButton_FhB83 {
    border-radius: 100px;
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.MomentTrimModal-module__backButton_FhB83 {
    width: fit-content;
    height: 44px;
    padding: 0 16px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin-left: auto;
}
.MomentTrimModal-module__backButton_FhB83:hover {
    background: rgba(255, 255, 255, 0.1);
}

.MomentTrimModal-module__confirmButton_X4bHM {
    width: fit-content;
    height: 44px;
    padding: 0 16px;
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    border: none;
}
.MomentTrimModal-module__confirmButton_X4bHM:hover {
    background: rgba(255, 255, 255, 0.9);
}
.MomentTrimModal-module__confirmButton_X4bHM:disabled {
    background: rgba(255, 255, 255, 0.5);
    color: rgba(0, 0, 0, 0.5);
}
.MomentSelection-module__font_yzCJ3, .MomentSelection-module__floatingContainer_dde8W .MomentSelection-module__button_mLrCB, .MomentSelection-module__floatingContainer_dde8W .MomentSelection-module__downloadButton_p9ggy, .MomentSelection-module__floatingContainer_dde8W {
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
}

.MomentSelection-module__floatingContainer_dde8W {
    position: absolute;
    width: 812px;
    height: 60px;
    bottom: 48px;
    border-radius: 9999px;
    z-index: 100;
    background-color: rgba(30, 30, 30, 0.8);
    backdrop-filter: blur(32px);
    box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset, 0px 24px 32px -12px rgba(18, 18, 18, 0.1);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-left: 16px;
    padding-right: 16px;
}
.MomentSelection-module__floatingContainer_dde8W .MomentSelection-module__button_mLrCB, .MomentSelection-module__floatingContainer_dde8W .MomentSelection-module__downloadButton_p9ggy {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 150px;
    border: none;
    height: 44px;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 16px;
    align-items: center;
    justify-content: center;
    display: flex;
    color: rgb(193, 193, 194);
    cursor: pointer;
}
.MomentSelection-module__floatingContainer_dde8W .MomentSelection-module__button_mLrCB:hover, .MomentSelection-module__floatingContainer_dde8W .MomentSelection-module__downloadButton_p9ggy:hover {
    background: rgba(255, 255, 255, 0.16);
}
.MomentSelection-module__floatingContainer_dde8W .MomentSelection-module__downloadButton_p9ggy {
    width: 44px;
    height: 44px;
    padding: 0;
}
.MomentSelection-module__floatingContainer_dde8W .MomentSelection-module__downloadButton_p9ggy:disabled {
    background: rgba(0, 0, 0, 0.08);
    cursor: not-allowed;
}
.MomentSelection-module__floatingContainer_dde8W .MomentSelection-module__rightSection_YQroJ {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
}
.SearchHeader-module__header_T1HU_ {
    display: flex;
    direction: row;
    width: 100%;
    padding-top: 24px;
    align-items: center;
}
.SearchHeader-module__header_T1HU_ .SearchHeader-module__searchTitle_Z5B5U {
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0%;
    color: white;
}
.SearchHeader-module__header_T1HU_ .SearchHeader-module__autoPlay_Or_2M {
    display: flex;
    direction: row;
    align-items: center;
    gap: 10px;
    margin-left: auto;
    margin-right: 36px;
}
.SearchHeader-module__header_T1HU_ .SearchHeader-module__autoPlay_Or_2M .SearchHeader-module__label_sbGli {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    color: rgb(193, 193, 194);
}
.Switch-module__switch_D2SR8 {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
}

.Switch-module__switch_D2SR8 input {
    opacity: 0;
    width: 0;
    height: 0;
}

.Switch-module__slider_yaOVb {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(193, 193, 194);
    transition: 0.4s;
    border-radius: 34px;
}

.Switch-module__slider_yaOVb:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 50%;
}

input:checked + .Switch-module__slider_yaOVb {
    background: linear-gradient(270deg, rgba(157, 78, 221, 0.5) 0%, #9d4edd 100%);
}

input:checked + .Switch-module__slider_yaOVb:before {
    transform: translateX(20px);
}

.Switch-module__disabled_mQR_x {
    opacity: 0.6;
    cursor: not-allowed;
}

.Switch-module__disabled_mQR_x .Switch-module__slider_yaOVb {
    cursor: not-allowed;
}
.BackToPage-module__backToPageLink_I9Sj4 {
    display: flex;
    align-items: center;
    color: #ffffff;
    font-weight: 600;
    text-decoration: none;
    font-size: 16px;
    gap: 8px;
}
.LibraryContent-module__container_BbMLw {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    width: 100%;
    overflow-y: auto;
}

.LibraryContent-module__header_J335j {
    padding: 8px 24px 8px 28px;
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.LibraryContent-module__extraInfo_I_fLG {
    display: flex;
    flex-direction: row;
    gap: 0.25em;
    justify-content: flex-end;
    align-items: center;
}

.LibraryContent-module__headerRight_A50vc {
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: flex-end;
    align-items: center;
}

.LibraryContent-module__content_GySyN {
    padding-top: 16px;
    width: 100%;
    height: 100%;
    display: flex;
    gap: 16px;
    padding-left: 24px;
    overflow-y: auto;
}

.LibraryContent-module__emptyLibrary_iqIFg {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 16px;
}
.LibraryContent-module__emptyLibrary_iqIFg .LibraryContent-module__text_nGw40 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-align: center;
    margin-bottom: 8px;
}
.LibraryContent-module__emptyLibrary_iqIFg .LibraryContent-module__text_nGw40 h1 {
    font-size: 18px;
}
.LibraryContent-module__emptyLibrary_iqIFg .LibraryContent-module__text_nGw40 span {
    font-size: 14px;
    color: #c1c1c2;
}

.LibraryContent-module__headerLeft_m1dyV {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
}
.LibraryContent-module__headerLeft_m1dyV .LibraryContent-module__extraInfo_I_fLG {
    color: #c1c1c2;
    font-size: 14px;
    font-weight: 400;
}

.LibraryContent-module__headerLeftTitle_H6G5n {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 8px;
}
.LibraryContent-module__headerLeftTitle_H6G5n h2 {
    display: inline-block;
    font-weight: 500;
    font-size: 20px;
}
.LibraryContent-module__headerLeftTitle_H6G5n span {
    font-size: 16px;
    color: #c1c1c2;
    font-weight: 500;
}
.LibraryContentHeaderLeft-module__headerLeft_nwO8q {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
}
.LibraryContentHeaderLeft-module__headerLeft_nwO8q .LibraryContentHeaderLeft-module__extraInfo_yoCxU {
    color: #c1c1c2;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}
.LibraryContentHeaderLeft-module__headerLeft_nwO8q .LibraryContentHeaderLeft-module__extraInfo_yoCxU .LibraryContentHeaderLeft-module__processingSpan__qbEa {
    background: linear-gradient(90deg, rgb(208, 169, 239) 0%, rgb(157, 78, 221) 50%, rgb(208, 169, 239) 100%);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: LibraryContentHeaderLeft-module__gradientMove_a95Hv 4s linear infinite;
}
.LibraryContentHeaderLeft-module__headerLeft_nwO8q .LibraryContentHeaderLeft-module__extraInfo_yoCxU .LibraryContentHeaderLeft-module__processingSpan__qbEa svg {
    color: rgb(157, 78, 221);
}
.LibraryContentHeaderLeft-module__headerLeft_nwO8q .LibraryContentHeaderLeft-module__extraInfo_yoCxU .LibraryContentHeaderLeft-module__iconButton_gMgPN {
    margin-top: -3px;
    margin-left: 2px;
    padding: 0;
}

.LibraryContentHeaderLeft-module__failedSpan_FXpXi {
    color: rgb(214, 69, 80);
}
.LibraryContentHeaderLeft-module__failedSpan_FXpXi svg {
    color: rgb(214, 69, 80);
}

@keyframes LibraryContentHeaderLeft-module__gradientMove_a95Hv {
    0% {
        background-position: 200% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.LibraryContentHeaderLeft-module__headerLeftTitle_ubgIy {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 8px;
}
.LibraryContentHeaderLeft-module__headerLeftTitle_ubgIy h2 {
    display: inline-block;
    font-weight: 500;
    font-size: 20px;
}
.LibraryContentHeaderLeft-module__headerLeftTitle_ubgIy span {
    font-size: 16px;
    color: #c1c1c2;
    font-weight: 500;
}
.MediaStatusUI-module__mediaStatusUI_KtjcD {
    width: 100%;
    height: fit-content;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    background: rgb(30, 30, 30);
    padding: 12px;
    position: relative;
}
.MediaStatusUI-module__mediaStatusUI_KtjcD .MediaStatusUI-module__content__s9zH {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
}
.MediaStatusUI-module__mediaStatusUI_KtjcD .MediaStatusUI-module__content__s9zH .MediaStatusUI-module__trashIcon__Yl7l {
    position: absolute;
    top: 12px;
    right: 12px;
    color: rgb(193, 193, 194);
    cursor: pointer;
    transition: color 0.2s ease;
}
.MediaStatusUI-module__mediaStatusUI_KtjcD .MediaStatusUI-module__content__s9zH .MediaStatusUI-module__trashIcon__Yl7l:hover {
    color: rgb(255, 255, 255);
}
.MediaStatusUI-module__mediaStatusUI_KtjcD .MediaStatusUI-module__content__s9zH .MediaStatusUI-module__trashIcon__Yl7l.MediaStatusUI-module__disabled_qLMOZ {
    color: rgba(193, 193, 194, 0.5);
    cursor: not-allowed;
}
.MediaStatusUI-module__mediaStatusUI_KtjcD .MediaStatusUI-module__content__s9zH .MediaStatusUI-module__trashIcon__Yl7l.MediaStatusUI-module__disabled_qLMOZ:hover {
    color: rgba(193, 193, 194, 0.5);
}
.MediaStatusUI-module__mediaStatusUI_KtjcD .MediaStatusUI-module__content__s9zH .MediaStatusUI-module__retryIcon_k_yN7 {
    position: absolute;
    top: 12px;
    right: 40px;
    color: rgb(193, 193, 194);
    cursor: pointer;
    transition: color 0.2s ease;
}
.MediaStatusUI-module__mediaStatusUI_KtjcD .MediaStatusUI-module__content__s9zH .MediaStatusUI-module__retryIcon_k_yN7:hover {
    color: rgb(255, 255, 255);
}
.MediaStatusUI-module__mediaStatusUI_KtjcD .MediaStatusUI-module__content__s9zH .MediaStatusUI-module__retryIcon_k_yN7.MediaStatusUI-module__disabled_qLMOZ {
    color: rgba(193, 193, 194, 0.5);
    cursor: not-allowed;
}
.MediaStatusUI-module__mediaStatusUI_KtjcD .MediaStatusUI-module__content__s9zH .MediaStatusUI-module__retryIcon_k_yN7.MediaStatusUI-module__disabled_qLMOZ:hover {
    color: rgba(193, 193, 194, 0.5);
}
.MediaStatusUI-module__mediaStatusUI_KtjcD .MediaStatusUI-module__content__s9zH .MediaStatusUI-module__logo_gbTTR {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    flex-shrink: 0;
    color: rgb(157, 78, 221);
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.MediaStatusUI-module__mediaStatusUI_KtjcD .MediaStatusUI-module__content__s9zH .MediaStatusUI-module__logo_gbTTR.MediaStatusUI-module__errored_XebNz {
    color: rgb(214, 69, 80);
}
.MediaStatusUI-module__mediaStatusUI_KtjcD .MediaStatusUI-module__content__s9zH .MediaStatusUI-module__errored_XebNz {
    color: rgb(214, 69, 80) !important;
}
.MediaStatusUI-module__mediaStatusUI_KtjcD .MediaStatusUI-module__content__s9zH .MediaStatusUI-module__info_qplGo {
    display: flex;
    flex-direction: column;
    gap: 0;
    flex-grow: 1;
    font-size: 14px;
    line-height: 20px;
    min-width: 0;
}
.MediaStatusUI-module__mediaStatusUI_KtjcD .MediaStatusUI-module__content__s9zH .MediaStatusUI-module__info_qplGo .MediaStatusUI-module__title_ZlEac {
    font-weight: 500;
    color: rgb(255, 255, 255);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 24px * var(--visible-icons-count, 1));
    width: calc(100% - 24px * var(--visible-icons-count, 1));
}
.MediaStatusUI-module__mediaStatusUI_KtjcD .MediaStatusUI-module__content__s9zH .MediaStatusUI-module__info_qplGo .MediaStatusUI-module__description_rrdSL ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 14px;
}
.MediaStatusUI-module__mediaStatusUI_KtjcD .MediaStatusUI-module__content__s9zH .MediaStatusUI-module__info_qplGo .MediaStatusUI-module__description_rrdSL ul li {
    color: rgba(255, 255, 255, 0.7);
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
}
.MediaStatusUI-module__mediaStatusUI_KtjcD .MediaStatusUI-module__content__s9zH .MediaStatusUI-module__info_qplGo .MediaStatusUI-module__description_rrdSL ul li .MediaStatusUI-module__uploadIcon_pXWr4 {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    position: relative;
    top: 1px;
}
.MediaStatusUI-module__mediaStatusUI_KtjcD .MediaStatusUI-module__content__s9zH .MediaStatusUI-module__info_qplGo .MediaStatusUI-module__description_rrdSL ul li span {
    display: inline-block;
}
.MediaStatusUI-module__mediaStatusUI_KtjcD .MediaStatusUI-module__content__s9zH .MediaStatusUI-module__info_qplGo .MediaStatusUI-module__description_rrdSL ul li:not(:first-child)::before {
    content: "|";
    position: absolute;
    left: -8px;
    color: rgba(255, 255, 255, 0.08);
}
.MediaStatusUI-module__mediaStatusUI_KtjcD .MediaStatusUI-module__content__s9zH .MediaStatusUI-module__info_qplGo .MediaStatusUI-module__progressBar_HXaKD .ant-progress .ant-progress-text {
    color: rgba(255, 255, 255, 0.7) !important;
}

.MediaStatusUI-module__progressBarContainer_Dw_T_ {
    display: flex;
    align-items: center;
    gap: 8px;
}

.MediaStatusUI-module__progressBarWrapper_KogcT {
    flex: 1;
}

.MediaStatusUI-module__progressPercentage_ZEAA8 {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    min-width: 40px;
    text-align: right;
}
.ListModal-module__modalContainer_y7TdG {
    display: flex;
    align-items: center;
    justify-content: center;
}
.ListModal-module__modalContainer_y7TdG .MuiPaper-root {
    background: transparent !important;
    box-shadow: none !important;
}

.ListModal-module__modal_FdN3k {
    position: relative;
    background: rgb(22, 22, 22);
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(100px);
    border-radius: 24px;
    padding: 24px;
    padding-right: 0px;
    width: 90%;
    max-width: 600px;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    gap: 16px;
    outline: none;
}
.ListModal-module__modal_FdN3k .MuiTooltip-popper {
    z-index: 9999 !important;
}
.ListModal-module__modal_FdN3k .MuiBackdrop-root {
    outline: none;
}
.ListModal-module__modal_FdN3k .MuiAccordion-root::before {
    display: none !important;
}
.ListModal-module__modal_FdN3k h2 {
    font-weight: 600;
    font-size: 20px;
    line-height: 145%;
    letter-spacing: 0%;
    color: white;
}

.ListModal-module__closeButton_B3tvF {
    position: absolute !important;
    right: 16px !important;
    top: 16px !important;
    color: white !important;
    z-index: 1 !important;
}

.ListModal-module__mediaList_faCBJ {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ListModal-module__content_AuVtU {
    overflow-y: scroll;
    position: relative;
    padding-right: 8px;
    margin-bottom: 16px;
    height: 400px;
    max-height: 400px !important;
}
.ListModal-module__content_AuVtU.ListModal-module__showTopGradient_AtMfH {
    mask-image: linear-gradient(to bottom, transparent 0%, black 40px, black 100%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 40px, black 100%);
    opacity: var(--top-gradient-opacity);
}
.ListModal-module__content_AuVtU.ListModal-module__showBottomGradient_MNeT6 {
    mask-image: linear-gradient(to bottom, black 0%, black calc(100% - 40px), transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 0%, black calc(100% - 40px), transparent 100%);
    opacity: var(--bottom-gradient-opacity);
}
.ListModal-module__content_AuVtU.ListModal-module__showTopGradient_AtMfH.ListModal-module__showBottomGradient_MNeT6 {
    mask-image: linear-gradient(to bottom, transparent 0%, black 40px, black calc(100% - 40px), transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 40px, black calc(100% - 40px), transparent 100%);
    opacity: calc(var(--top-gradient-opacity) + var(--bottom-gradient-opacity));
}

.ListModal-module__actionButtons_U0WYh {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding-right: 24px;
}

.ListModal-module__contentInner_ZBE9f {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ListModal-module__accordion__Mi2O .MuiAccordion-root {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
}
.ListModal-module__accordion__Mi2O .MuiAccordion-root::before, .ListModal-module__accordion__Mi2O .MuiAccordion-root:not(:first-of-type)::before {
    display: none !important;
}
.ListModal-module__accordion__Mi2O .MuiAccordion-root {
    background: transparent !important;
}
.ListModal-module__accordion__Mi2O .MuiAccordionSummary-root {
    background: transparent !important;
    color: white !important;
    padding: 12px 12px !important;
    min-height: 48px !important;
}
.ListModal-module__accordion__Mi2O .MuiAccordionSummary-root:hover {
    background: transparent !important;
}
.ListModal-module__accordion__Mi2O .MuiAccordionSummary-root .MuiAccordionSummary-content {
    margin: 0 !important;
}
.ListModal-module__accordion__Mi2O .MuiAccordionSummary-root .MuiAccordionSummary-expandIconWrapper {
    color: white !important;
}
.ListModal-module__accordion__Mi2O .MuiAccordionDetails-root {
    padding: 0 !important;
}

.ListModal-module__mediaStatusList_zdTZC {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.SortSelect-module__checkIcon_Dp6BM {
    margin-left: 8px;
    flex-shrink: 0;
}

.SortSelect-module__sortSelect_dXL5F {
    height: 40px;
    font-family: Inter !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 19.6px !important;
    letter-spacing: 0% !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding-left: 4px;
    padding-right: 4px;
}
.SortSelect-module__sortSelect_dXL5F .MuiSelect-root {
    background-color: rgba(255, 255, 255, 0.08) !important;
}
.SortSelect-module__sortSelect_dXL5F .MuiInputBase-root {
    background-color: rgba(255, 255, 255, 0.08) !important;
}
.SortSelect-module__sortSelect_dXL5F .MuiSelect-root.MuiInputBase-root {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

.MuiPaper-root.MuiMenu-paper {
    background: rgba(30, 30, 30, 0.85) !important;
    backdrop-filter: blur(100px);
    box-shadow: 2px 4px 16px 0px rgba(248, 248, 248, 0.06) inset !important;
    box-shadow: 0px 24px 32px -12px rgba(18, 18, 18, 0.1) !important;
}

.MuiMenuItem-root {
    background-color: transparent !important;
    border-radius: 6px !important;
    width: 199px !important;
    height: 36px !important;
    padding: 0 8px 0 8px !important;
    font-family: Inter;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: 0% !important;
    color: rgba(255, 255, 255, 0.7) !important;
}
.MuiMenuItem-root:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

.MuiSelect-select {
    padding-right: 32px !important;
}

.MuiSelect-icon {
    right: 8px !important;
}

.MuiDivider-root {
    background-color: rgba(255, 255, 255, 0.08);
    height: 1px;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}
@charset "UTF-8";
.ChooseMediaModal-module__baseModal_tpwjT {
    gap: 8px;
}

.ChooseMediaModal-module__subheader_pANq3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8px;
    margin-bottom: -6px;
    flex-shrink: 0; /* Prevent shrinking */
    border-bottom: 2px solid rgba(255, 255, 255, 0.08);
}

.ChooseMediaModal-module__leftSide_bomVY {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ChooseMediaModal-module__rightSide_rtpZb {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ChooseMediaModal-module__videoCount_KIHIy {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
}

.ChooseMediaModal-module__videoItem_Ub_13 {
    width: var(--video-item-width);
}

.ChooseMediaModal-module__footer_whEtG {
    width: 100%;
    display: flex;
    gap: 8px;
    align-items: center;
    border-top: 2px solid rgba(255, 255, 255, 0.1);
    padding-top: 12px;
    justify-content: space-between;
}

.ChooseMediaModal-module__footerLeft_eB5Cs {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}

.ChooseMediaModal-module__bulletSeparated_eDxXl {
    display: inline-flex;
    align-items: center;
    gap: 16px;
}

.ChooseMediaModal-module__bulletItem_Rch_p {
    position: relative;
}
.ChooseMediaModal-module__bulletItem_Rch_p:not(:first-child)::before {
    content: "•";
    position: absolute;
    left: -12px;
    color: rgba(255, 255, 255, 0.5);
}

.ChooseMediaModal-module__buttonBase_Kqk7Y, .ChooseMediaModal-module__downloadButton_IddhB, .ChooseMediaModal-module__cancelButton_Httc6 {
    border-radius: 100px;
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.ChooseMediaModal-module__cancelButton_Httc6 {
    width: 150px;
    height: 44px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin-left: auto;
}
.ChooseMediaModal-module__cancelButton_Httc6:hover {
    background: rgba(255, 255, 255, 0.1);
}

.ChooseMediaModal-module__downloadButton_IddhB {
    min-width: 150px;
    height: 44px;
    padding: 0 16px;
    white-space: nowrap;
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    border: none;
}
.ChooseMediaModal-module__downloadButton_IddhB:hover {
    background: rgba(255, 255, 255, 0.9);
}
.ChooseMediaModal-module__downloadButton_IddhB:disabled {
    background: rgba(255, 255, 255, 0.5);
    color: rgba(0, 0, 0, 0.5);
}
.PlaylistSortSelect-module__container_KybZT {
    display: flex;
    align-items: center;
}

.PlaylistSortSelect-module__sortSelect_1DdyA {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
}
.PlaylistSortSelect-module__sortSelect_1DdyA .MuiSelect-root {
    background-color: rgba(255, 255, 255, 0.08) !important;
}
.PlaylistSortSelect-module__sortSelect_1DdyA .MuiSelect-select {
    padding: 4px 8px;
    min-width: 80px;
}
.PlaylistDurationFilter-module__container__TvWb {
    display: flex;
    align-items: center;
}

.PlaylistDurationFilter-module__durationFilter_BGhDu {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
}
.PlaylistDurationFilter-module__durationFilter_BGhDu .MuiSelect-root {
    background-color: rgba(255, 255, 255, 0.08) !important;
}
.PlaylistDurationFilter-module__durationFilter_BGhDu .MuiSelect-select {
    padding: 4px 8px;
    min-width: 120px;
}
.PlaylistPublishDateFilter-module__container_EmaJC {
    display: flex;
    align-items: center;
}

.PlaylistPublishDateFilter-module__publishDateFilter_uwMgy {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
}
.PlaylistPublishDateFilter-module__publishDateFilter_uwMgy .MuiSelect-root {
    background-color: rgba(255, 255, 255, 0.08) !important;
}
.PlaylistPublishDateFilter-module__publishDateFilter_uwMgy .MuiSelect-select {
    padding: 4px 8px;
    min-width: 100px;
}
.MediaItemRow-module__rowContainer_NH6EY {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 16px;
    border-radius: 8px;
    margin-bottom: 8px;
    transition: background-color 0.2s ease;
    width: 100%;
    cursor: pointer;
    position: relative;
}
.MediaItemRow-module__rowContainer_NH6EY:not(:last-child)::before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
}
.MediaItemRow-module__rowContainer_NH6EY:hover {
    background: rgba(255, 255, 255, 0.05);
}

.MediaItemRow-module__rowContentLeft_ru261 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.MediaItemRow-module__rowContentRight_APk41 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.MediaItemRow-module__checkboxContainer_WvBHa {
    height: 20px;
}

.MediaItemRow-module__thumbnailContainer_Qzjjo {
    position: relative;
    flex-shrink: 0;
}

.MediaItemRow-module__thumbnailWrapper_jgJ8S {
    width: 124px;
    height: 68px;
    border-radius: 12px;
    overflow: hidden;
}

.MediaItemRow-module__thumbnailImage__RqC8 {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.MediaItemRow-module__thumbnail_ouu9Y {
    width: 80px;
    height: 45px;
    border-radius: 6px;
    object-fit: cover;
}

.MediaItemRow-module__durationOverlay_Yl3cF {
    position: absolute;
    bottom: 4px;
    right: 4px;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 500;
}

.MediaItemRow-module__contentContainer_ydSZo {
    flex: 1;
    min-width: 0;
}

.MediaItemRow-module__metadata_WhEe7 {
    display: flex;
    gap: 16px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}

.MediaItemRow-module__dataCell_bSYJR {
    text-align: right;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(255, 255, 255, 0.7);
    flex: 1;
}

.MediaItemRow-module__title_WLaD5 {
    text-align: left;
    flex: 3;
    color: white;
}

.MediaItemRow-module__credits_U9eVJ {
    flex: 1;
}

.MediaItemRow-module__fileSize_w4oCf {
    flex: 1;
}

.MediaItemRow-module__fileType_VU_3B {
    flex: 1;
}
.ImportMultipleVideosList-module__modalContent_p8KQy {
    padding: 0px 0;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    height: 400px; /* Fixed height for the scrollable area */
    display: flex;
    flex-direction: column;
}

.ImportMultipleVideosList-module__videoList_r1M51 {
    height: 100%; /* Take remaining space */
    flex: 1; /* Grow to fill available space */
    width: 100%;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.ImportMultipleVideosList-module__innerVideoList_Gw2UO {
    display: flex;
    flex-direction: column;
    gap: 0px;
    height: 100%;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
}

.ImportMultipleVideosList-module__filteredOutVideo_yRGDm {
    opacity: 0.5 !important;
}
.URLInput-module__urlInput_i_fOZ {
    border-radius: 360px;
    width: 100%;
    font-size: 14px;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding-left: 10px;
    background-color: rgba(255, 255, 255, 0.08);
    color: #c1c1c2;
}
.URLInput-module__urlInput_i_fOZ:focus {
    outline: none;
    border: 1px solid rgba(255, 255, 255, 0.15);
}
.URLInput-module__urlInput_i_fOZ.URLInput-module__generating_t23jI {
    background: linear-gradient(90deg, rgb(208, 169, 239) 0%, rgb(157, 78, 221) 50%, rgb(208, 169, 239) 100%);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: URLInput-module__gradientMove_wINPY 1.5s linear infinite;
    font-weight: 600;
    cursor: not-allowed;
}
.URLInput-module__urlInput_i_fOZ.URLInput-module__generating_t23jI:focus {
    border: 1px solid rgba(255, 255, 255, 0.1);
    outline: none;
}
.URLInput-module__urlInput_i_fOZ:disabled {
    cursor: not-allowed;
    opacity: 1;
}
.URLInput-module__urlInput_i_fOZ:disabled:not(.URLInput-module__generating_t23jI) {
    opacity: 0.6;
}
.URLInput-module__urlInput_i_fOZ.URLInput-module__statusError_OVip_:focus {
    border: 1px solid rgb(214, 69, 80);
}
.URLInput-module__urlInput_i_fOZ.URLInput-module__statusValid_lV_sI:focus {
    border: 1px solid rgb(68, 190, 136);
}
.URLInput-module__urlInput_i_fOZ.URLInput-module__statusDuplicate_Ka6zL:focus {
    border: 1px solid rgb(203, 103, 69);
}

@keyframes URLInput-module__gradientMove_wINPY {
    0% {
        background-position: 200% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.LibraryCreateModal-module__modal_whzp4 {
    background: #161616;
    padding: 24px;
    border-radius: 32px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
    width: 638px;
    padding: 24px;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
}
.LibraryCreateModal-module__modal_whzp4 h2 {
    font-size: 18px;
}

.LibraryCreateModal-module__closeButton_LEPsP {
    position: absolute !important;
    top: 24px !important;
    right: 24px !important;
}

.LibraryCreateModal-module__formFieldAndLabel_H8rye {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.LibraryCreateModal-module__formFieldAndLabel_H8rye label {
    font-size: 12px;
    font-weight: 400;
    color: #c1c1c2;
}

.LibraryCreateModal-module__input_N70UA {
    border-radius: 360px;
    width: 100%;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding-left: 10px;
    background-color: rgba(255, 255, 255, 0.08);
    color: white;
}
.LibraryCreateModal-module__input_N70UA:focus {
    outline-width: 0;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.LibraryCreateModal-module__actionButtons_WdsCW {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}
.LibraryCreateModal-module__actionButtons_WdsCW button {
    padding-left: 12px;
    padding-right: 12px;
}
.URLStatusMessage-module__statusMessage_KQquL {
    margin-top: 8px;
    font-size: 14px;
    text-align: left;
}

.URLStatusMessage-module__statusIcon_GSVkl {
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
    transform: translateY(-2px);
}
.URLStatusMessage-module__statusIcon_GSVkl svg {
    height: 1em;
    width: auto;
    display: block;
}

.URLStatusMessage-module__statusLoading_jCfVc {
    color: rgb(208, 169, 239);
}

.URLStatusMessage-module__statusError_UbwND {
    color: rgb(214, 69, 80);
}

.URLStatusMessage-module__statusValid_NJbJO {
    color: rgb(68, 190, 136);
}

.URLStatusMessage-module__statusDuplicate_VQrug {
    color: rgb(203, 103, 69);
}
.SupportedPlatformsText-module__supportText_biXr0 {
    user-select: none;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    text-align: left;
}
.SupportedPlatformsText-module__supportText_biXr0 span {
    display: inline-flex;
    align-items: baseline;
}
.SupportedPlatformsText-module__supportText_biXr0 span svg {
    height: 12px;
    width: auto;
    margin-right: 4px;
    position: relative;
    top: 2px;
}
.SupportedPlatformsText-module__supportText_biXr0 svg {
    transform: translateY(-1px);
}
.MediaUploadBox-module__uploadArea_NF41m {
    width: 100%;
    height: 100%;
    border-radius: 32px;
    border-color: rgba(255, 255, 255, 0.15);
    border-style: dashed;
    border-width: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
    padding: 24px;
    background-color: transparent;
    color: white;
    text-align: center;
    transition: background-color 0.1s ease, border-color 0.1s ease;
}
.MediaUploadBox-module__uploadArea_NF41m.MediaUploadBox-module__dragging_RwNpM {
    border-color: #d0a9ef;
    background-color: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(100px);
}

.MediaUploadBox-module__topPart_wSjbf {
    display: flex;
    flex-direction: column;
    gap: 20px;
    cursor: pointer;
    width: 100%;
    padding-top: 24px;
    margin-top: -24px;
    padding-bottom: 12px;
    margin-bottom: -12px;
}

.MediaUploadBox-module__uploadIcon_kRQPh {
    margin-bottom: 1rem;
}

.MediaUploadBox-module__clickToUpload_mxRE5 {
    user-select: none;
    font-weight: 400;
    margin-bottom: 8px;
    text-decoration: none;
    color: #c1c1c2;
}
.MediaUploadBox-module__clickToUpload_mxRE5 a {
    text-decoration: none;
    color: white;
    font-weight: 500;
}

.MediaUploadBox-module__or_jAnxv {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 12px;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #c1c1c2;
}
.MediaUploadBox-module__or_jAnxv hr {
    border: 0;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.15);
}

.MediaUploadBox-module__bottomPart_no6U2 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    margin-bottom: 1rem;
}

.MediaUploadBox-module__url_IBmLJ {
    border-radius: 360px;
    width: 100%;
    font-size: 14px;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 4px;
    padding-left: 10px;
    background-color: rgba(255, 255, 255, 0.08);
    color: #c1c1c2;
}
.MediaUploadBox-module__url_IBmLJ:focus {
    outline-width: 0;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.MediaUploadBox-module__warningText_CgHVn {
    display: inline-block;
    text-align: left;
}
.MediaUploadBox-module__warningText_CgHVn span.MediaUploadBox-module__warningIcon_MsK90 {
    display: inline-block;
    vertical-align: middle;
}
.MediaUploadBox-module__warningText_CgHVn span.MediaUploadBox-module__warningIcon_MsK90 svg {
    margin-right: 4px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.MediaUploadBox-module__uploadButtonContainer_PF6B0 {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.MediaUploadBox-module__multipleVideoButtons_TKmsq {
    display: flex;
    gap: 12px;
    width: 100%;
    justify-content: flex-end;
}

.MediaUploadBox-module__uploadButton_Cv3EE {
    width: 165px;
}

.MediaUploadBox-module__chooseVideosButton_YWOpl {
    width: 165px;
}

.MediaUploadBox-module__errorMessage_tnHH5 {
    color: #ff5555;
    font-size: 14px;
    text-align: left;
    margin-top: -15px;
}
.NewLibraryViaURLUploadModal-module__modal_GjGAk {
    background: #161616;
    padding: 24px;
    border-radius: 32px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
    width: 638px;
    padding: 24px;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
}
.NewLibraryViaURLUploadModal-module__modal_GjGAk h2 {
    font-size: 18px;
}
.NewLibraryViaURLUploadModal-module__modal_GjGAk h3 {
    font-size: 14px;
    color: #c1c1c2;
}
.NewLibraryViaURLUploadModal-module__modal_GjGAk .NewLibraryViaURLUploadModal-module__formFieldAndLabel__jEHz {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.NewLibraryViaURLUploadModal-module__modal_GjGAk .NewLibraryViaURLUploadModal-module__formFieldAndLabel__jEHz .NewLibraryViaURLUploadModal-module__inputContainer_XbTpj {
    position: relative;
}

.NewLibraryViaURLUploadModal-module__closeButton_wUMbr {
    position: absolute !important;
    top: 24px !important;
    right: 24px !important;
}

.NewLibraryViaURLUploadModal-module__actionButtons_N04eK {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}
.NewLibraryViaURLUploadModal-module__actionButtons_N04eK button {
    padding-left: 12px;
    padding-right: 12px;
}

.NewLibraryViaURLUploadModal-module__selectedChannelContainer_jxurD {
    display: flex;
    align-items: center;
    gap: 12px;
}
.NewLibraryViaURLUploadModal-module__selectedChannelContainer_jxurD .NewLibraryViaURLUploadModal-module__selectedChannelInput_OK298 {
    flex: 1;
    background: transparent !important;
    border: none !important;
    color: rgba(255, 255, 255, 0.4) !important;
    cursor: text !important;
    font-family: inherit;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: inherit;
    padding: 0 !important;
    outline: none !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.NewLibraryViaURLUploadModal-module__selectedChannelContainer_jxurD .NewLibraryViaURLUploadModal-module__selectedChannelInput_OK298:focus {
    outline: none !important;
    box-shadow: none !important;
}
.NewLibraryViaURLUploadModal-module__selectedChannelContainer_jxurD .NewLibraryViaURLUploadModal-module__selectedChannelInput_OK298:disabled {
    opacity: 1 !important;
    cursor: text !important;
    user-select: text !important;
    -webkit-user-select: text !important;
    color: rgba(255, 255, 255, 0.4) !important;
}

.NewLibraryViaURLUploadModal-module__videoInfo_wzhZM {
    color: rgb(208, 169, 239);
    font-weight: 500;
    margin-top: 8px;
    font-size: 12px;
}
.MediaUploadModal-module__modal_qw47o {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 638px;
    border-radius: 8px;
    /* From https://css.glass */
    background: rgba(30, 30, 30, 0.65);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border-width: 0px;
    border-radius: 32px;
}
.MediaUploadModal-module__modal_qw47o::before {
    padding: 1px;
    content: "";
    position: absolute;
    inset: 0;
    background: var(--mui-palette-stroke);
    border-radius: inherit;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.MediaUploadModal-module__modal_qw47o h2 {
    font-size: 18px;
}

.MediaUploadModal-module__closeButton_U0CSS {
    position: absolute !important;
    top: 24px !important;
    right: 24px !important;
}

.MediaUploadModal-module__dropArea_XMzUa {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    border: 2px dashed rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    transition: all 0.2s ease-in-out;
}
.MediaUploadModal-module__dropArea_XMzUa.MediaUploadModal-module__dragging_GdIdc {
    border-color: rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.05);
}

.MediaUploadModal-module__fileArea_xxwUj {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 32px;
    cursor: pointer;
    border-radius: 8px;
    transition: background-color 0.2s ease-in-out;
}
.MediaUploadModal-module__fileArea_xxwUj:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

.MediaUploadModal-module__dropAreaText_Puk1b {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.MediaUploadModal-module__uploadInfo_SG26R {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.MediaUploadModal-module__urlArea_icoXc {
    display: flex;
    gap: 8px;
    padding: 16px;
}

.MediaUploadModal-module__url_WxJ9g {
    flex: 1;
    height: 40px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.08);
    padding: 0 16px;
    color: white;
}
.MediaUploadModal-module__url_WxJ9g:focus {
    outline: none;
    border-color: rgba(255, 255, 255, 0.2);
}

.MediaUploadModal-module__addButton_eiEId {
    height: 40px;
    padding: 0 24px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}
.MediaUploadModal-module__addButton_eiEId:hover:not(:disabled) {
    background-color: rgba(255, 255, 255, 0.2);
}
.MediaUploadModal-module__addButton_eiEId:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.MediaUploadModal-module__errorMessage_eQ31E {
    color: #ff4d4f !important;
    text-align: center;
}

.MediaUploadModal-module__pointerEventsNone_jIKl1 {
    pointer-events: none;
}

.MediaUploadModal-module__mediaUploadModal_FgDvK {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
    width: 638px;
    padding: 24px;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
}

.MediaUploadModal-module__modalOverlay_jumlh {
    position: absolute;
    top: 0px;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.MediaUploadModal-module__closeButton_U0CSS {
    padding: 24px;
}

.MediaUploadModal-module__modalContainer_VihjJ {
    display: flex;
    align-items: center;
    justify-content: center;
}
.UploadButton-module__uploadButton_MK360 {
    border-width: 0;
}
.LibraryContentHeaderRight-module__headerRight_ms2Ht {
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
}
.AutoplayVideosSwitch-module__autoPlay_BcUOG {
    display: flex;
    align-items: center;
    gap: 8px;
}

.AutoplayVideosSwitch-module__label_yUIgT {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    color: rgb(193, 193, 194);
}
.FilterBy-module__titleButton_vbats {
    background-color: rgba(255, 255, 255, 0.08) !important;
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.15px;
    text-align: center;
    vertical-align: middle;
}
.FilterBy-module__titleButton_vbats:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
    text-decoration: none !important;
}
.FilterBy-module__titleButton_vbats .FilterBy-module__titleButtonText__j55n {
    padding-left: 8px;
}
.FilterBy-module__titleButton_vbats .FilterBy-module__titleButtonIcon_KUCOo {
    margin-right: 8px;
}
.FilterBy-module__titleButton_vbats.FilterBy-module__appliedTitle_Hs1UY {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.FilterBy-module__titleButton_vbats.FilterBy-module__appliedTitle_Hs1UY .MuiButton-endIcon {
    margin-left: 0;
}

.FilterBy-module__filterTitle_QBZxS {
    color: white !important;
    pointer-events: none;
}

.FilterBy-module__apply_fmOkj {
    display: flex;
    justify-content: flex-end;
    padding: 10px 10px;
}

.FilterBy-module__titleInput_JMX35 {
    width: 100%;
    padding: 8px 16px;
}
.FilterBy-module__titleInput_JMX35 .MuiTextField-root {
    width: 100%;
}
.FilterBy-module__titleInput_JMX35 .MuiFilledInput-root {
    background-color: transparent !important;
    padding: 0 !important;
}
.FilterBy-module__titleInput_JMX35 .MuiFilledInput-root:hover, .FilterBy-module__titleInput_JMX35 .MuiFilledInput-root.FilterBy-module__Mui-focused_jJv8L {
    background-color: transparent !important;
}
.FilterBy-module__titleInput_JMX35 .MuiFilledInput-root .MuiFilledInput-input {
    padding: 4px 0;
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
}
.FilterBy-module__titleInput_JMX35 .MuiFilledInput-underline:after {
    border-bottom: none !important;
}
.FilterBy-module__titleInput_JMX35 .MuiFilledInput-underline:before {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.FilterBy-module__divider_EWTts {
    border-color: rgba(255, 255, 255, 0.01) !important;
}
.DragDropOverlay-module__overlay_XhaiQ {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: white;
    z-index: 9999;
}
.MediaDeleteModal-module__modal_FW8JG {
    background: #161616;
    padding: 24px;
    border-radius: 32px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
    width: 638px;
    padding: 24px;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
}
.MediaDeleteModal-module__modal_FW8JG h2 {
    font-size: 18px;
}

.MediaDeleteModal-module__closeButton_QYq_m {
    position: absolute !important;
    top: 24px !important;
    right: 24px !important;
}

.MediaDeleteModal-module__content_oyBU3 {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.MediaDeleteModal-module__content_oyBU3 p {
    margin: 0;
    font-size: 14px;
    color: #c1c1c2;
}
.MediaDeleteModal-module__content_oyBU3 .MediaDeleteModal-module__warning_iko9A {
    color: rgba(214, 69, 80, 0.6980392157);
}

.MediaDeleteModal-module__actionButtons_Aa4AW {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}
.MediaDeleteModal-module__actionButtons_Aa4AW button {
    padding-left: 12px;
    padding-right: 12px;
}

.MediaDeleteModal-module__deleting_nFCC8 {
    opacity: 0.5;
    pointer-events: none;
}
.EmptyLibrary-module__emptyLibrary_uiNk1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 16px;
}
.EmptyLibrary-module__emptyLibrary_uiNk1 .EmptyLibrary-module__text_WBFta {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-align: center;
    margin-bottom: 8px;
}
.EmptyLibrary-module__emptyLibrary_uiNk1 .EmptyLibrary-module__text_WBFta h1 {
    font-size: 18px;
}
.EmptyLibrary-module__emptyLibrary_uiNk1 .EmptyLibrary-module__text_WBFta span {
    font-size: 14px;
    color: #c1c1c2;
}
.MediaCard-module__root_Q1i5N {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 14px 14px 0 0;
    overflow: hidden;
    background-image: linear-gradient(45deg, var(--mui-palette-background-paper) 25%, transparent 25%), linear-gradient(-45deg, var(--mui-palette-background-paper) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--mui-palette-background-paper) 75%), linear-gradient(-45deg, transparent 75%, var(--mui-palette-background-paper) 75%);
    background-size: 20px 20px;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
    background-color: var(--mui-palette-background-default);
}

.MediaCard-module__statusOverlay_z51wQ {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
}

.MediaCard-module__noPointerEvents_i6qbe {
    pointer-events: none;
}

.MediaCard-module__pointerEventsAuto_xArud {
    pointer-events: auto;
}

.MediaCard-module__statusOverlay_z51wQ:has(.MediaCard-module__centerPill_PxXWS) {
    align-items: center;
    justify-content: center;
}

.MediaCard-module__statusOverlay_z51wQ:has(.MediaCard-module__bottomLeftPill_fi4jA) {
    align-items: flex-end;
    justify-content: flex-start;
}

.MediaCard-module__centerPill_PxXWS {
    font-size: 1.2rem;
    font-weight: 600;
    height: fit-content;
    width: fit-content;
    padding: 12px 24px;
    background-color: rgba(255, 255, 255, 0.08);
    border-radius: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    backdrop-filter: blur(100px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
}
.MediaCard-module__centerPill_PxXWS .MuiTooltip-popper {
    overflow: visible !important;
}

.MediaCard-module__bottomLeftPill_fi4jA {
    font-size: 1.2rem;
    font-weight: 600;
    height: fit-content;
    width: fit-content;
    padding: 12px 24px;
    margin-bottom: 6px;
    margin-left: 6px;
    background-color: rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    backdrop-filter: blur(100px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.MediaCard-module__centerPillErrored_rYiPa {
    background-color: #d64550;
}

.MediaCard-module__centerPillContents_GuoTT {
    width: 100%;
    overflow: hidden;
}
.MediaCard-module__centerPillContents_GuoTT .MediaCard-module__bar_LGd5D {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(270deg, rgba(157, 78, 221, 0.5) 0%, #9d4edd 100%);
    outline: 1px solid rgba(157, 78, 221, 0.5);
    z-index: 0;
    transition: width 0.3s ease-in-out;
}
.MediaCard-module__centerPillContents_GuoTT .MediaCard-module__text_WOFUZ {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    z-index: 1;
}
.MediaCard-module__centerPillContents_GuoTT .MediaCard-module__text_WOFUZ .MuiTooltip-popper {
    overflow: visible !important;
}
.MediaCard-module__centerPillContents_GuoTT .MediaCard-module__text_WOFUZ {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.MediaCard-module__queued_H6h2k .MediaCard-module__bar_LGd5D {
    display: none;
}
.MediaCard-module__queued_H6h2k .MediaCard-module__text_WOFUZ {
    width: 100%;
}

@keyframes MediaCard-module__pulseOpacity_FpZK9 {
    0% {
        opacity: 0.2;
    }
    50% {
        opacity: 0.4;
    }
    100% {
        opacity: 0.2;
    }
}
.MediaCard-module__thumbnail_clxlm {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0.2;
    animation: MediaCard-module__pulseOpacity_FpZK9 10s ease-in-out infinite;
}
.MediaCard-module__thumbnail_clxlm.MediaCard-module__blur_Izat_ {
    filter: blur(5px);
}

.MediaCard-module__thumbnailContainer_q5IlN {
    width: 100%;
    height: 100%;
    background: black;
}

.MediaCard-module__videoContainer_jM4ju {
    width: 100%;
    height: 100% !important;
    position: relative;
    object-fit: cover;
    object-position: center;
}
.MediaCard-module__videoContainer_jM4ju video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.MediaCard-module__overlays_Jdsvp {
    opacity: 1;
    transition: opacity 0.2s ease;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.MediaCard-module__gradientOverlay_b42ai {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background: black;
    mask: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.5) 90%, rgba(0, 0, 0, 0.9) 100%);
    pointer-events: none;
}

.MediaCard-module__lower_Q3IHJ {
    position: absolute;
    bottom: 0px;
    z-index: 3;
    color: white;
    height: fit-content;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    pointer-events: none;
    margin-bottom: 8px;
}

.MediaCard-module__titleDesc_KWf6u {
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-left: 8px;
}
.MediaCard-module__titleDesc_KWf6u span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    font-size: 18px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
}

.MediaCard-module__cancelButtonMui_aT0oZ.MuiIconButton-root {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 10;
    color: white;
}
.MediaCard-module__cancelButtonMui_aT0oZ.MuiIconButton-root:hover {
    background-color: transparent !important;
}

.MediaCard-module__mediaTitleOverlay_ELWGU {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 8px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    color: white;
    font-size: 1.2rem;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    z-index: 1;
}
.MediaTitleOverlay-module__lower_HFlDo {
    position: absolute;
    bottom: 0px;
    z-index: 3;
    color: white;
    height: fit-content;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    pointer-events: none;
    margin-bottom: 8px;
}

.MediaTitleOverlay-module__upper_RJ7GA {
    position: absolute;
    top: 0px;
    z-index: 3;
    color: white;
    height: fit-content;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    pointer-events: none;
    margin-top: 8px;
}

.MediaTitleOverlay-module__titleDesc_pBTiG {
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-left: 8px;
}
.MediaTitleOverlay-module__titleDesc_pBTiG span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    font-size: 18px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
}

.MediaTitleOverlay-module__titleSpan_JiwVu {
    pointer-events: auto;
    user-select: none;
}
.PlaceholderGradient-module__lqip_r02Dk {
    width: 100%;
    height: 100%;
}

[style*="--my-lqip:"] {
    --lqip-ca: mod(round(down, calc((var(--my-lqip) + pow(2, 19)) / pow(2, 18))), 4);
    --lqip-cb: mod(round(down, calc((var(--my-lqip) + pow(2, 19)) / pow(2, 16))), 4);
    --lqip-cc: mod(round(down, calc((var(--my-lqip) + pow(2, 19)) / pow(2, 14))), 4);
    --lqip-cd: mod(round(down, calc((var(--my-lqip) + pow(2, 19)) / pow(2, 12))), 4);
    --lqip-ce: mod(round(down, calc((var(--my-lqip) + pow(2, 19)) / pow(2, 10))), 4);
    --lqip-cf: mod(round(down, calc((var(--my-lqip) + pow(2, 19)) / pow(2, 8))), 4);
    --lqip-ll: mod(round(down, calc((var(--my-lqip) + pow(2, 19)) / pow(2, 6))), 4);
    --lqip-aaa: mod(round(down, calc((var(--my-lqip) + pow(2, 19)) / pow(2, 3))), 8);
    --lqip-bbb: mod(calc(var(--my-lqip) + pow(2, 19)), 8);
    --lqip-ca-clr: hsl(0 0% calc(var(--lqip-ca) / 3 * 100%));
    --lqip-cb-clr: hsl(0 0% calc(var(--lqip-cb) / 3 * 100%));
    --lqip-cc-clr: hsl(0 0% calc(var(--lqip-cc) / 3 * 100%));
    --lqip-cd-clr: hsl(0 0% calc(var(--lqip-cd) / 3 * 100%));
    --lqip-ce-clr: hsl(0 0% calc(var(--lqip-ce) / 3 * 100%));
    --lqip-cf-clr: hsl(0 0% calc(var(--lqip-cf) / 3 * 100%));
    --lqip-base-clr: oklab(
      calc(var(--lqip-ll) / 3 * 0.6 + 0.2) calc(var(--lqip-aaa) / 8 * 0.7 - 0.35)
        calc((var(--lqip-bbb) + 1) / 8 * 0.7 - 0.35)
    );
    --lqip-stop10: 2%;
    --lqip-stop20: 8%;
    --lqip-stop30: 18%;
    --lqip-stop40: 32%;
    background-blend-mode: hard-light, hard-light, hard-light, hard-light, hard-light, hard-light, overlay, overlay, overlay, overlay, overlay, overlay, normal;
    background-image: radial-gradient(50% 75% at 16.67% 25%, rgb(from var(--lqip-ca-clr) r g b/50%), rgb(from var(--lqip-ca-clr) r g b/calc(50% - var(--lqip-stop10) / 2)) 10%, rgb(from var(--lqip-ca-clr) r g b/calc(50% - var(--lqip-stop20) / 2)) 20%, rgb(from var(--lqip-ca-clr) r g b/calc(50% - var(--lqip-stop30) / 2)) 30%, rgb(from var(--lqip-ca-clr) r g b/calc(50% - var(--lqip-stop40) / 2)) 40%, rgb(from var(--lqip-ca-clr) r g b/calc(var(--lqip-stop40) / 2)) 60%, rgb(from var(--lqip-ca-clr) r g b/calc(var(--lqip-stop30) / 2)) 70%, rgb(from var(--lqip-ca-clr) r g b/calc(var(--lqip-stop20) / 2)) 80%, rgb(from var(--lqip-ca-clr) r g b/calc(var(--lqip-stop10) / 2)) 90%, transparent), radial-gradient(50% 75% at 83.33% 25%, rgb(from var(--lqip-cc-clr) r g b/50%), rgb(from var(--lqip-cc-clr) r g b/calc(50% - var(--lqip-stop10) / 2)) 10%, rgb(from var(--lqip-cc-clr) r g b/calc(50% - var(--lqip-stop20) / 2)) 20%, rgb(from var(--lqip-cc-clr) r g b/calc(50% - var(--lqip-stop30) / 2)) 30%, rgb(from var(--lqip-cc-clr) r g b/calc(50% - var(--lqip-stop40) / 2)) 40%, rgb(from var(--lqip-cc-clr) r g b/calc(var(--lqip-stop40) / 2)) 60%, rgb(from var(--lqip-cc-clr) r g b/calc(var(--lqip-stop30) / 2)) 70%, rgb(from var(--lqip-cc-clr) r g b/calc(var(--lqip-stop20) / 2)) 80%, rgb(from var(--lqip-cc-clr) r g b/calc(var(--lqip-stop10) / 2)) 90%, transparent), radial-gradient(50% 75% at 50% 25%, rgb(from var(--lqip-cb-clr) r g b/50%), rgb(from var(--lqip-cb-clr) r g b/calc(50% - var(--lqip-stop10) / 2)) 10%, rgb(from var(--lqip-cb-clr) r g b/calc(50% - var(--lqip-stop20) / 2)) 20%, rgb(from var(--lqip-cb-clr) r g b/calc(50% - var(--lqip-stop30) / 2)) 30%, rgb(from var(--lqip-cb-clr) r g b/calc(50% - var(--lqip-stop40) / 2)) 40%, rgb(from var(--lqip-cb-clr) r g b/calc(var(--lqip-stop40) / 2)) 60%, rgb(from var(--lqip-cb-clr) r g b/calc(var(--lqip-stop30) / 2)) 70%, rgb(from var(--lqip-cb-clr) r g b/calc(var(--lqip-stop20) / 2)) 80%, rgb(from var(--lqip-cb-clr) r g b/calc(var(--lqip-stop10) / 2)) 90%, transparent), radial-gradient(50% 75% at 16.67% 75%, rgb(from var(--lqip-cd-clr) r g b/50%), rgb(from var(--lqip-cd-clr) r g b/calc(50% - var(--lqip-stop10) / 2)) 10%, rgb(from var(--lqip-cd-clr) r g b/calc(50% - var(--lqip-stop20) / 2)) 20%, rgb(from var(--lqip-cd-clr) r g b/calc(50% - var(--lqip-stop30) / 2)) 30%, rgb(from var(--lqip-cd-clr) r g b/calc(50% - var(--lqip-stop40) / 2)) 40%, rgb(from var(--lqip-cd-clr) r g b/calc(var(--lqip-stop40) / 2)) 60%, rgb(from var(--lqip-cd-clr) r g b/calc(var(--lqip-stop30) / 2)) 70%, rgb(from var(--lqip-cd-clr) r g b/calc(var(--lqip-stop20) / 2)) 80%, rgb(from var(--lqip-cd-clr) r g b/calc(var(--lqip-stop10) / 2)) 90%, transparent), radial-gradient(50% 75% at 83.33% 75%, rgb(from var(--lqip-cf-clr) r g b/50%), rgb(from var(--lqip-cf-clr) r g b/calc(50% - var(--lqip-stop10) / 2)) 10%, rgb(from var(--lqip-cf-clr) r g b/calc(50% - var(--lqip-stop20) / 2)) 20%, rgb(from var(--lqip-cf-clr) r g b/calc(50% - var(--lqip-stop30) / 2)) 30%, rgb(from var(--lqip-cf-clr) r g b/calc(50% - var(--lqip-stop40) / 2)) 40%, rgb(from var(--lqip-cf-clr) r g b/calc(var(--lqip-stop40) / 2)) 60%, rgb(from var(--lqip-cf-clr) r g b/calc(var(--lqip-stop30) / 2)) 70%, rgb(from var(--lqip-cf-clr) r g b/calc(var(--lqip-stop20) / 2)) 80%, rgb(from var(--lqip-cf-clr) r g b/calc(var(--lqip-stop10) / 2)) 90%, transparent), radial-gradient(50% 75% at 50% 75%, rgb(from var(--lqip-ce-clr) r g b/50%), rgb(from var(--lqip-ce-clr) r g b/calc(50% - var(--lqip-stop10) / 2)) 10%, rgb(from var(--lqip-ce-clr) r g b/calc(50% - var(--lqip-stop20) / 2)) 20%, rgb(from var(--lqip-ce-clr) r g b/calc(50% - var(--lqip-stop30) / 2)) 30%, rgb(from var(--lqip-ce-clr) r g b/calc(50% - var(--lqip-stop40) / 2)) 40%, rgb(from var(--lqip-ce-clr) r g b/calc(var(--lqip-stop40) / 2)) 60%, rgb(from var(--lqip-ce-clr) r g b/calc(var(--lqip-stop30) / 2)) 70%, rgb(from var(--lqip-ce-clr) r g b/calc(var(--lqip-stop20) / 2)) 80%, rgb(from var(--lqip-ce-clr) r g b/calc(var(--lqip-stop10) / 2)) 90%, transparent), radial-gradient(50% 75% at 16.67% 25%, var(--lqip-ca-clr), rgb(from var(--lqip-ca-clr) r g b/calc(100% - var(--lqip-stop10))) 10%, rgb(from var(--lqip-ca-clr) r g b/calc(100% - var(--lqip-stop20))) 20%, rgb(from var(--lqip-ca-clr) r g b/calc(100% - var(--lqip-stop30))) 30%, rgb(from var(--lqip-ca-clr) r g b/calc(100% - var(--lqip-stop40))) 40%, rgb(from var(--lqip-ca-clr) r g b/calc(var(--lqip-stop40))) 60%, rgb(from var(--lqip-ca-clr) r g b/calc(var(--lqip-stop30))) 70%, rgb(from var(--lqip-ca-clr) r g b/calc(var(--lqip-stop20))) 80%, rgb(from var(--lqip-ca-clr) r g b/calc(var(--lqip-stop10))) 90%, transparent), radial-gradient(50% 75% at 50% 25%, var(--lqip-cb-clr), rgb(from var(--lqip-cb-clr) r g b/calc(100% - var(--lqip-stop10))) 10%, rgb(from var(--lqip-cb-clr) r g b/calc(100% - var(--lqip-stop20))) 20%, rgb(from var(--lqip-cb-clr) r g b/calc(100% - var(--lqip-stop30))) 30%, rgb(from var(--lqip-cb-clr) r g b/calc(100% - var(--lqip-stop40))) 40%, rgb(from var(--lqip-cb-clr) r g b/calc(var(--lqip-stop40))) 60%, rgb(from var(--lqip-cb-clr) r g b/calc(var(--lqip-stop30))) 70%, rgb(from var(--lqip-cb-clr) r g b/calc(var(--lqip-stop20))) 80%, rgb(from var(--lqip-cb-clr) r g b/calc(var(--lqip-stop10))) 90%, transparent), radial-gradient(50% 75% at 83.33% 25%, var(--lqip-cc-clr), rgb(from var(--lqip-cc-clr) r g b/calc(100% - var(--lqip-stop10))) 10%, rgb(from var(--lqip-cc-clr) r g b/calc(100% - var(--lqip-stop20))) 20%, rgb(from var(--lqip-cc-clr) r g b/calc(100% - var(--lqip-stop30))) 30%, rgb(from var(--lqip-cc-clr) r g b/calc(100% - var(--lqip-stop40))) 40%, rgb(from var(--lqip-cc-clr) r g b/calc(var(--lqip-stop40))) 60%, rgb(from var(--lqip-cc-clr) r g b/calc(var(--lqip-stop30))) 70%, rgb(from var(--lqip-cc-clr) r g b/calc(var(--lqip-stop20))) 80%, rgb(from var(--lqip-cc-clr) r g b/calc(var(--lqip-stop10))) 90%, transparent), radial-gradient(50% 75% at 16.67% 75%, var(--lqip-cd-clr), rgb(from var(--lqip-cd-clr) r g b/calc(100% - var(--lqip-stop10))) 10%, rgb(from var(--lqip-cd-clr) r g b/calc(100% - var(--lqip-stop20))) 20%, rgb(from var(--lqip-cd-clr) r g b/calc(100% - var(--lqip-stop30))) 30%, rgb(from var(--lqip-cd-clr) r g b/calc(100% - var(--lqip-stop40))) 40%, rgb(from var(--lqip-cd-clr) r g b/calc(var(--lqip-stop40))) 60%, rgb(from var(--lqip-cd-clr) r g b/calc(var(--lqip-stop30))) 70%, rgb(from var(--lqip-cd-clr) r g b/calc(var(--lqip-stop20))) 80%, rgb(from var(--lqip-cd-clr) r g b/calc(var(--lqip-stop10))) 90%, transparent), radial-gradient(50% 75% at 50% 75%, var(--lqip-ce-clr), rgb(from var(--lqip-ce-clr) r g b/calc(100% - var(--lqip-stop10))) 10%, rgb(from var(--lqip-ce-clr) r g b/calc(100% - var(--lqip-stop20))) 20%, rgb(from var(--lqip-ce-clr) r g b/calc(100% - var(--lqip-stop30))) 30%, rgb(from var(--lqip-ce-clr) r g b/calc(100% - var(--lqip-stop40))) 40%, rgb(from var(--lqip-ce-clr) r g b/calc(var(--lqip-stop40))) 60%, rgb(from var(--lqip-ce-clr) r g b/calc(var(--lqip-stop30))) 70%, rgb(from var(--lqip-ce-clr) r g b/calc(var(--lqip-stop20))) 80%, rgb(from var(--lqip-ce-clr) r g b/calc(var(--lqip-stop10))) 90%, transparent), radial-gradient(50% 75% at 83.33% 75%, var(--lqip-cf-clr), rgb(from var(--lqip-cf-clr) r g b/calc(100% - var(--lqip-stop10))) 10%, rgb(from var(--lqip-cf-clr) r g b/calc(100% - var(--lqip-stop20))) 20%, rgb(from var(--lqip-cf-clr) r g b/calc(100% - var(--lqip-stop30))) 30%, rgb(from var(--lqip-cf-clr) r g b/calc(100% - var(--lqip-stop40))) 40%, rgb(from var(--lqip-cf-clr) r g b/calc(var(--lqip-stop40))) 60%, rgb(from var(--lqip-cf-clr) r g b/calc(var(--lqip-stop30))) 70%, rgb(from var(--lqip-cf-clr) r g b/calc(var(--lqip-stop20))) 80%, rgb(from var(--lqip-cf-clr) r g b/calc(var(--lqip-stop10))) 90%, transparent), linear-gradient(0deg, var(--lqip-base-clr), var(--lqip-base-clr));
}
.VideoCard-module__root_M_r08 {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 14px;
    overflow: hidden;
}

.VideoCard-module__upperLeft_gsdQv {
    position: absolute;
    top: 4px;
    left: 4px;
    color: white;
    z-index: 2;
}

.VideoCard-module__upperRight_AYIr4 {
    position: absolute;
    top: 4px;
    right: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
    color: white;
    z-index: 2;
}

.VideoCard-module__overlays_nT1zj {
    opacity: 1;
    transition: opacity 0.2s ease;
}

.VideoCard-module__gradientOverlay_oFMIu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background: black;
    mask: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.5) 90%, rgba(0, 0, 0, 0.9) 100%);
    pointer-events: none;
}

.VideoCard-module__overlays_nT1zj.VideoCard-module__fadeOut_ItsM9 {
    opacity: 0;
}

.VideoCard-module__lower_vj3Su {
    position: absolute;
    bottom: 0px;
    z-index: 3;
    color: white;
    height: fit-content;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    pointer-events: none;
    margin-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
}

.VideoCard-module__titleDesc_H2W5c {
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.VideoCard-module__titleDesc_H2W5c span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    font-size: 18px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
}

.VideoCard-module__titleSpan_QUaSB {
    pointer-events: auto;
    user-select: none;
}

.VideoCard-module__iconButton_zFZy0 {
    cursor: pointer;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
}
.VideoCard-module__iconButton_zFZy0:hover {
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(12px);
}
.VideoCard-module__iconButton_zFZy0 .soundToggleRoot,
.VideoCard-module__iconButton_zFZy0 .SoundToggle,
.VideoCard-module__iconButton_zFZy0 button {
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.MediaRenameModal-module__modal_BRLWQ {
    background: #161616;
    padding: 24px;
    border-radius: 32px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
    width: 638px;
    padding: 24px;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
}
.MediaRenameModal-module__modal_BRLWQ h2 {
    font-size: 18px;
}

.MediaRenameModal-module__closeButton__56Vt {
    position: absolute !important;
    top: 24px !important;
    right: 24px !important;
}

.MediaRenameModal-module__formFieldAndLabel_JF2OM {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.MediaRenameModal-module__formFieldAndLabel_JF2OM label {
    font-size: 12px;
    font-weight: 400;
    color: #c1c1c2;
}

.MediaRenameModal-module__input_NJ8l0 {
    border-radius: 360px;
    width: 100%;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding-left: 10px;
    background-color: rgba(255, 255, 255, 0.08);
    color: white;
}
.MediaRenameModal-module__input_NJ8l0:focus {
    outline-width: 0;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.MediaRenameModal-module__actionButtons_v5D1J {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}
.MediaRenameModal-module__actionButtons_v5D1J button {
    padding-left: 12px;
    padding-right: 12px;
}
.VideoMenuButton-module__threeDots_vVjyt {
    position: relative;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 2;
    color: white !important;
}

.VideoMenuButton-module__menuTitle_WB5Uo {
    display: block;
    padding: 8px 8px;
    color: white;
    font-family: Inter;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
}

.VideoMenuButton-module__menuItemContent_fpkPQ {
    display: flex;
    align-items: center;
}

.VideoMenuButton-module__menuIcon_EOzFH {
    margin-right: 8px;
}

.VideoMenuButton-module__dangerItem_gaCLL {
    color: #d64550;
}

.VideoMenuButton-module__menuItemSpan_qg27N {
    display: flex;
    align-items: center;
    position: relative;
}
.VideoMenuButton-module__menuItemSpan_qg27N.VideoMenuButton-module__openInChat_Cw9qI::after {
    content: "ALPHA";
    font-size: 0.75em;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(60%, -50%) rotate(45deg);
    color: #d0a9ef;
}
.VideoMenuButton-module__menuItemSpan_qg27N.VideoMenuButton-module__openInChat_Cw9qI svg {
    fill: #d0a9ef;
}
.NoResultForFilter-module__noResultForFilter_bVgeB {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    gap: 16px;
}
.NoResultForFilter-module__noResultForFilter_bVgeB .NoResultForFilter-module__text_HsoC9 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-align: center;
    margin-bottom: 8px;
}
.NoResultForFilter-module__noResultForFilter_bVgeB .NoResultForFilter-module__text_HsoC9 h1 {
    font-size: 18px;
}
.NoResultForFilter-module__noResultForFilter_bVgeB .NoResultForFilter-module__text_HsoC9 span {
    font-size: 14px;
    color: #c1c1c2;
}
@keyframes LibraryContentMediaList-module__fadeIn_fIl_Q {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.LibraryContentMediaList-module__content_BF6V5 {
    padding-top: 16px;
    width: 100%;
    height: 100%;
    display: flex;
    gap: 16px;
    padding-left: 24px;
}
.LibraryContentMediaList-module__content_BF6V5 .LibraryContentMediaList-module__masonry_xIZ9n.LibraryContentMediaList-module__fadeIn_fIl_Q {
    animation: LibraryContentMediaList-module__fadeIn_fIl_Q 0.2s ease-in-out forwards;
}

.LibraryContentMediaList-module__videoSelection_O85S4 {
    position: fixed;
    border: 1px solid red;
    width: 100%;
    height: 60px;
    bottom: 48px;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
}

.LibraryContentMediaList-module__emptyLibrary_f76Sf {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 16px;
}
.LibraryContentMediaList-module__emptyLibrary_f76Sf .LibraryContentMediaList-module__text_vxqGh {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-align: center;
    margin-bottom: 8px;
}
.LibraryContentMediaList-module__emptyLibrary_f76Sf .LibraryContentMediaList-module__text_vxqGh h1 {
    font-size: 18px;
}
.LibraryContentMediaList-module__emptyLibrary_f76Sf .LibraryContentMediaList-module__text_vxqGh span {
    font-size: 14px;
    color: #c1c1c2;
}
@keyframes WorkspacePage-module__fadeIn_Z8yCe {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.WorkspacePage-module__container_jOaeA {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    animation: WorkspacePage-module__fadeIn_Z8yCe 0.1s ease-in-out forwards;
}

.WorkspacePage-module__workspaceCard_GCYsl {
    width: 85%;
    max-width: 1000px;
    height: 60%;
    height: fit-content;
    border-radius: 32px;
    border-color: rgba(255, 255, 255, 0.1);
    border-style: solid;
    border-width: 1px;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 12px;
    padding: 8px;
}

.WorkspacePage-module__uploadArea_RLOZD {
    width: 100%;
    height: 100%;
    border-radius: 32px;
    border-color: rgba(255, 255, 255, 0.15);
    border-style: dashed;
    border-width: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
    padding: 24px;
    background-color: transparent;
    color: white;
    text-align: center;
}

.WorkspacePage-module__clickToUpload_SWY2P {
    font-weight: 400;
    margin-bottom: 8px;
    text-decoration: none;
    color: #c1c1c2;
}
.WorkspacePage-module__clickToUpload_SWY2P a {
    text-decoration: none;
    color: white;
    font-weight: 500;
}

.WorkspacePage-module__or_e2PD_ {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 12px;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #c1c1c2;
}
.WorkspacePage-module__or_e2PD_ hr {
    border: 0;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.15);
}

.WorkspacePage-module__url_nLujg {
    border-radius: 360px;
    width: 100%;
    font-size: 14px;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 4px;
    padding-left: 10px;
    background-color: rgba(255, 255, 255, 0.08);
    color: #c1c1c2;
}
.WorkspacePage-module__url_nLujg:focus {
    outline-width: 0;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.WorkspacePage-module__supportText_YtZ6h {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 12px;
    text-align: left;
}

.WorkspacePage-module__uploadButtonContainer_QhsPF {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.WorkspacePage-module__topPart_sdTWh {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.WorkspacePage-module__bottomPart_c5eKE {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.WorkspacePage-module__unverifiedEmail_TU64M {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.7);
    background: rgba(30, 30, 30, 0.4);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
}
:root {
    --text-field-outline-color: #c1c1c2;
}

.LoginForm-module__loginField_l_wOc .MuiOutlinedInput-root {
    border-radius: 32px;
}
.LoginForm-module__loginField_l_wOc .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline {
    border-color: var(--text-field-outline-color);
}
.LoginForm-module__loginField_l_wOc .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
    border-color: var(--text-field-outline-color);
}
.LoginForm-module__loginField_l_wOc .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-color: var(--text-field-outline-color);
}
.LoginForm-module__loginField_l_wOc .MuiInputLabel-root {
    color: var(--text-field-outline-color);
}

.LoginForm-module__loginFormBox__EzgT {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.LoginForm-module__loginHeaderText_XpBKw {
    display: flex;
    flex-direction: column;
    gap: 8px;
    user-select: none;
}
.LoginForm-module__loginHeaderText_XpBKw h1 {
    padding: 0;
    margin: 0;
}
.LoginForm-module__loginHeaderText_XpBKw span {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}

.LoginForm-module__form_DVhAd {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.LoginForm-module__loginButton_kKL1h {
    width: 100%;
    font-size: 21px;
    font-weight: 600;
    padding: 15px;
    border-radius: 32px;
    background-color: white;
    color: black;
    border: none;
    cursor: pointer;
}

.LoginForm-module__loginButtonContainer_V_qWO {
    position: relative;
    padding: 5px;
    border-radius: 32px;
}
.LoginForm-module__loginButtonContainer_V_qWO::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, purple, #4fd1d9, green);
    border-radius: 34px;
    opacity: 0.7;
    filter: blur(8px);
    z-index: 0;
    transition: opacity 0.3s ease;
}
.LoginForm-module__loginButtonContainer_V_qWO:hover::before {
    opacity: 1;
}
.LoginForm-module__loginButtonContainer_V_qWO .LoginForm-module__loginButton_kKL1h {
    position: relative;
    z-index: 1;
}

.LoginForm-module__forgotPassword_saw7f {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
    margin-top: -8px;
}
.LoginForm-module__forgotPassword_saw7f a {
    color: #d0a9ef;
    text-decoration: none;
}

.LoginForm-module__errorMessageMarginTop_Pr8xV {
    margin-top: -8px;
}
.AuthField-module__authField_anwdo .MuiOutlinedInput-root {
    border-radius: 32px;
}
.AuthField-module__authField_anwdo .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline {
    border-color: var(--text-field-outline-color);
}
.AuthField-module__authField_anwdo .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
    border-color: var(--text-field-outline-color);
}
.AuthField-module__authField_anwdo .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-color: var(--text-field-outline-color);
}
.AuthField-module__authField_anwdo .MuiInputLabel-root {
    color: var(--text-field-outline-color);
    background: #0a0a0a;
    padding-left: 4px;
    padding-right: 4px;
}
.AuthField-module__authField_anwdo input {
    border-radius: 32px;
}
.AuthButton-module__authButtonContainer_GJGTs {
    position: relative;
    padding: 2px;
    border-radius: 32px;
    width: 100%;
}

.AuthButton-module__shineBehind_cFTyL::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, #9d4edd, #4fd1d9);
    border-radius: 36px;
    opacity: 0;
    filter: blur(10px);
    z-index: 0;
    transition: opacity 0.3s ease-in-out;
}
.AuthButton-module__shineBehind_cFTyL:hover::before {
    opacity: 1;
}

.AuthButton-module__authButton_E9dJ7 {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    padding: 15px;
    border-radius: 32px;
    background-color: white;
    color: black;
    border: none;
    cursor: pointer;
    position: relative;
    z-index: 1;
    transition: background-color 0.2s;
}
.AuthButton-module__authButton_E9dJ7:hover {
    background-color: #f8f9fa;
}
.AuthButton-module__authButton_E9dJ7:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.AuthErrorMessage-module__errorMessage_W81kf {
    color: #d64550;
    font-size: 14px;
    text-align: left;
    width: 100%;
    display: block;
}

.AuthErrorMessage-module__warningMessage_q67D3 {
    color: #ffa726;
}
.BackToLogin-module__backToLoginLink__zTeF {
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 12px;
    gap: 8px;
}

.BackToLogin-module__rotatedArrow_s6G1G {
    rotate: 180deg;
    margin-top: -4px;
}

.BackToLogin-module__container_PgERM {
    display: flex;
    justify-content: center;
    margin-top: 16px;
}
.PasswordValidationComponent-module__passwordConditionsContainer_L8Ekc {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-self: flex-start;
    width: 100%;
    margin-top: 4px;
}

.PasswordValidationComponent-module__passwordCondition_OGDGc {
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    align-self: flex-start;
    padding: 0;
    margin: 0;
    display: inline-block;
}

.PasswordValidationComponent-module__passwordConditionsContainer_L8Ekc {
    display: flex;
    flex-direction: column;
    gap: 0px;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 24px;
}

.PasswordValidationComponent-module__passwordConditionContainerInner_wKSLZ {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-self: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin-top: 8px;
}

.PasswordValidationComponent-module__passwordConditionIcon_L8gdl {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
}
.PasswordValidationComponent-module__passwordConditionIcon_L8gdl svg {
    color: white;
    width: 12px;
    height: 12px;
}

.PasswordValidationComponent-module__passwordConditionIconNotSatisfied_Zcud7 {
    font-size: 12px;
    background-color: transparent;
}

.PasswordValidationComponent-module__passwordConditionIconSatisfied_TANLD svg {
    color: rgb(208, 169, 239);
}

.PasswordValidationComponent-module__passwordConditionContainerInner_wKSLZ.PasswordValidationComponent-module__passwordConditionIconSatisfied_TANLD .PasswordValidationComponent-module__passwordCondition_OGDGc {
    color: rgb(208, 169, 239);
}
.PasswordResetForm-module__passwordResetFormContainer_SknAU {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 1px;
}
.PasswordResetForm-module__passwordResetFormContainer_SknAU::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, rgba(157, 78, 221, 0.1), #9d4edd, rgba(157, 78, 221, 0.1));
    opacity: 0.8;
    z-index: 0;
    border-radius: 16px;
}

.PasswordResetForm-module__passwordResetFormBox_Z86JX {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #0a0a0a;
    border-radius: 16px;
    z-index: 1;
    width: 100%;
}

.PasswordResetForm-module__passwordResetHeaderText_arPnO {
    display: flex;
    flex-direction: column;
    gap: 8px;
    user-select: none;
    text-align: center;
}
.PasswordResetForm-module__passwordResetHeaderText_arPnO h2 {
    padding: 0;
    margin: 0;
}
.PasswordResetForm-module__passwordResetHeaderText_arPnO span {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}

.PasswordResetForm-module__passwordResetFormIcon_skdc6 {
    width: 56px;
    height: 56px;
    border: 1px solid #d0a9ef;
    background: rgba(208, 169, 239, 0.1);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d0a9ef;
}

.PasswordResetForm-module__passwordResetFormFields__iS_f {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
}
.PasswordResetRequestForm-module__passwordResetFormContainer_V93TA {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 1px;
}
.PasswordResetRequestForm-module__passwordResetFormContainer_V93TA::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, rgba(157, 78, 221, 0.1), #9d4edd, rgba(157, 78, 221, 0.1));
    opacity: 0.8;
    z-index: 0;
    border-radius: 16px;
}

.PasswordResetRequestForm-module__passwordResetFormBox_hyr4y {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #0a0a0a;
    border-radius: 16px;
    z-index: 1;
    width: 100%;
}

.PasswordResetRequestForm-module__passwordResetHeaderText_R2uQK,
.PasswordResetRequestForm-module__passwordResetFooterText_pCvJm {
    display: flex;
    flex-direction: column;
    gap: 8px;
    user-select: none;
    text-align: center;
}
.PasswordResetRequestForm-module__passwordResetHeaderText_R2uQK h2,
.PasswordResetRequestForm-module__passwordResetFooterText_pCvJm h2 {
    padding: 0;
    margin: 0;
}
.PasswordResetRequestForm-module__passwordResetHeaderText_R2uQK span,
.PasswordResetRequestForm-module__passwordResetFooterText_pCvJm span {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}
.PasswordResetRequestForm-module__passwordResetHeaderText_R2uQK a,
.PasswordResetRequestForm-module__passwordResetFooterText_pCvJm a {
    color: #d0a9ef;
    text-decoration: none;
}

.PasswordResetRequestForm-module__passwordResetFormIcon_QzZx2 {
    width: 56px;
    height: 56px;
    border: 1px solid #d0a9ef;
    background: rgba(208, 169, 239, 0.1);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d0a9ef;
}

.PasswordResetRequestForm-module__passwordResetFormInputContainer_OeBB4 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}
.LibrariesPage-module__container_YQe9_ {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    height: 100%;
    position: relative;
}
.LibrariesNav-module__root_j7AyJ {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

.LibrariesNav-module__left_waIRI {
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.LibrariesNav-module__right_pFIoZ {
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.LibrariesNav-module__verificationOverlay_eYPwQ {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0.1;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
}
.LibraryCards-module__libraryCardsContainer_Y1jEt {
    width: 100%;
}

.LibraryCards-module__libraryCardsContainerInner_ySgBV {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fill, 210px);
    gap: 16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 16px;
}
.LibraryRenameModal-module__modalContainer_jljIy {
    display: flex;
    align-items: center;
    justify-content: center;
}

.LibraryRenameModal-module__modal_hxM4U {
    background: #161616;
    padding: 24px;
    border-radius: 32px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
    width: 638px;
    padding: 24px;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
}
.LibraryRenameModal-module__modal_hxM4U h2 {
    font-size: 18px;
}

.LibraryRenameModal-module__closeButton_JF347 {
    position: absolute !important;
    top: 24px !important;
    right: 24px !important;
}

.LibraryRenameModal-module__formFieldAndLabel_mioG8 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.LibraryRenameModal-module__formFieldAndLabel_mioG8 label {
    font-size: 12px;
    font-weight: 400;
    color: #c1c1c2;
}

.LibraryRenameModal-module__input_gzFO0 {
    border-radius: 360px;
    width: 100%;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding-left: 10px;
    background-color: rgba(255, 255, 255, 0.08);
    color: white;
}
.LibraryRenameModal-module__input_gzFO0:focus {
    outline-width: 0;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.LibraryRenameModal-module__actionButtons_vcBor {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}
.LibraryRenameModal-module__actionButtons_vcBor button {
    padding-left: 12px;
    padding-right: 12px;
}
.LibraryDeleteModal-module__modal_k85Fh {
    background: #161616;
    padding: 24px;
    border-radius: 32px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
    width: 638px;
    padding: 24px;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
}
.LibraryDeleteModal-module__modal_k85Fh h2 {
    font-size: 18px;
}

.LibraryDeleteModal-module__closeButton_IC09k {
    position: absolute !important;
    top: 24px !important;
    right: 24px !important;
}

.LibraryDeleteModal-module__formFieldAndLabel_Lz6rf {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.LibraryDeleteModal-module__formFieldAndLabel_Lz6rf label {
    font-size: 12px;
    font-weight: 400;
    color: #c1c1c2;
}

.LibraryDeleteModal-module__input_nmxX2 {
    border-radius: 360px;
    width: 100%;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding-left: 10px;
    background-color: rgba(255, 255, 255, 0.08);
    color: white;
}
.LibraryDeleteModal-module__input_nmxX2:focus {
    outline-width: 0;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.LibraryDeleteModal-module__actionButtons_sLdcV {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}
.LibraryDeleteModal-module__actionButtons_sLdcV button {
    padding-left: 12px;
    padding-right: 12px;
}

.LibraryDeleteModal-module__modalContainer_vAX3W {
    display: flex;
    align-items: center;
    justify-content: center;
}
.PrivacyPolicyPage-module__container_mm5kX {
    max-width: 100vw;
    max-height: 100vh;
    overflow: auto;
    padding: 2rem;
}
.PrivacyPolicyPage-module__container_mm5kX h1 {
    margin-bottom: 2rem;
}
.PrivacyPolicyPage-module__container_mm5kX h2 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.PrivacyPolicyPage-module__container_mm5kX h3 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}
.PrivacyPolicyPage-module__container_mm5kX p {
    margin-bottom: 1rem;
    line-height: 1.6;
}
.PrivacyPolicyPage-module__container_mm5kX ul {
    margin: 1rem 0;
    padding-left: 2rem;
    list-style-type: disc;
}
.PrivacyPolicyPage-module__container_mm5kX ul ul {
    margin: 0.5rem 0;
    list-style-type: circle;
}
.PrivacyPolicyPage-module__container_mm5kX li {
    margin-bottom: 0.5rem;
    line-height: 1.6;
}
.TermsAndConditionsPage-module__container_nqc_4 {
    max-width: 100vw;
    max-height: 100vh;
    overflow: auto;
    padding: 2rem;
}
.TermsAndConditionsPage-module__container_nqc_4 h1 {
    margin-bottom: 2rem;
}
.TermsAndConditionsPage-module__container_nqc_4 h2 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.TermsAndConditionsPage-module__container_nqc_4 h3 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}
.TermsAndConditionsPage-module__container_nqc_4 p {
    margin-bottom: 1rem;
    line-height: 1.6;
}
.TermsAndConditionsPage-module__container_nqc_4 ul {
    margin: 1rem 0;
    padding-left: 2rem;
    list-style-type: disc;
}
.TermsAndConditionsPage-module__container_nqc_4 ul ul {
    margin: 0.5rem 0;
    list-style-type: circle;
}
.TermsAndConditionsPage-module__container_nqc_4 li {
    margin-bottom: 0.5rem;
    line-height: 1.6;
}
:root {
    --text-field-outline-color: #c1c1c2;
}

.RegisterForm-module__loginField__YRfz .MuiOutlinedInput-root {
    border-radius: 32px;
}
.RegisterForm-module__loginField__YRfz .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline {
    border-color: var(--text-field-outline-color);
}
.RegisterForm-module__loginField__YRfz .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
    border-color: var(--text-field-outline-color);
}
.RegisterForm-module__loginField__YRfz .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-color: var(--text-field-outline-color);
}
.RegisterForm-module__loginField__YRfz .MuiInputLabel-root {
    color: var(--text-field-outline-color);
}

.RegisterForm-module__loginFormBox_qwJME {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.RegisterForm-module__loginHeaderText_wcEqq {
    display: flex;
    flex-direction: column;
    gap: 8px;
    user-select: none;
}
.RegisterForm-module__loginHeaderText_wcEqq h1 {
    padding: 0;
    margin: 0;
}
.RegisterForm-module__loginHeaderText_wcEqq span {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}

.RegisterForm-module__form_yCN5W {
    display: flex;
    flex-direction: column;
    gap: 0px !important;
}

.RegisterForm-module__loginButton_I4kMY {
    width: 100%;
    font-size: 21px;
    font-weight: 600;
    padding: 15px;
    border-radius: 32px;
    background-color: white;
    color: black;
    border: none;
    cursor: pointer;
}

.RegisterForm-module__loginButtonContainer_L3W24 {
    position: relative;
    padding: 5px;
    border-radius: 32px;
}
.RegisterForm-module__loginButtonContainer_L3W24::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, purple, #4fd1d9, green);
    border-radius: 34px;
    opacity: 0.7;
    filter: blur(8px);
    z-index: 0;
    transition: opacity 0.3s ease;
}
.RegisterForm-module__loginButtonContainer_L3W24:hover::before {
    opacity: 1;
}
.RegisterForm-module__loginButtonContainer_L3W24 .RegisterForm-module__loginButton_I4kMY {
    position: relative;
    z-index: 1;
}

.RegisterForm-module__forgotPassword_oKSEM {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
    margin-top: -8px;
}
.RegisterForm-module__forgotPassword_oKSEM a {
    color: #d0a9ef;
    text-decoration: none;
}

.RegisterForm-module__termsContainer_NU_eX {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.RegisterForm-module__termsText_UUr7Q {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
}
.RegisterForm-module__termsText_UUr7Q.RegisterForm-module__accepted_gtXN9 {
    color: rgb(255, 255, 255);
}

.RegisterForm-module__termsLink_GoWf4 {
    color: rgb(208, 169, 239);
    text-decoration: none;
    font-weight: 600;
}
.RegisterForm-module__accepted_gtXN9 .RegisterForm-module__termsLink_GoWf4 {
    color: rgb(208, 169, 239);
}

.RegisterForm-module__termsCheckbox_lrX4v {
    margin-left: 0;
    margin-right: 0;
    display: flex;
    align-items: center;
}
.RegisterForm-module__termsCheckbox_lrX4v .MuiSvgIcon-root {
    font-size: 16px;
}
.VerifyEmail-module__confirmEmailBox_aQt8d {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #0a0a0a;
    border-radius: 16px;
    z-index: 1;
    width: 100%;
}

.VerifyEmail-module__confirmEmailHeaderText_Rf2Rn {
    display: flex;
    flex-direction: column;
    gap: 8px;
    user-select: none;
    text-align: center;
}
.VerifyEmail-module__confirmEmailHeaderText_Rf2Rn h2 {
    padding: 0;
    margin: 0;
    color: white;
}
.VerifyEmail-module__confirmEmailHeaderText_Rf2Rn span {
    font-size: 14px;
}

.VerifyEmail-module__confirmEmailIcon_orqT6 {
    width: 56px;
    height: 56px;
    border: 1px solid #d0a9ef;
    background: rgba(208, 169, 239, 0.1);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d0a9ef;
}
.VerifyEmail-module__confirmEmailIcon_orqT6 svg {
    width: 24px;
    height: 24px;
}

.VerifyEmail-module__backToLoginLink_rC2pG {
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 12px;
    gap: 8px;
}

.VerifyEmail-module__emailVerificationContainer_stXJd {
    display: flex;
    justify-content: center;
    margin-top: 2;
}

.VerifyEmail-module__emailVerificationContent_Rio70 {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-direction: row;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Roboto", "Open Sans", "Helvetica Neue", sans-serif;
    font-size: 14px;
    width: 100dvw;
    height: 100dvh;
}

#root {
    display: flex;
    width: 100dvw;
    height: 100dvh;
}

.glass {
    border-radius: 8px;
    /* From https://css.glass */
    background: rgba(30, 30, 30, 0.65);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
}
.glass::before {
    padding: 1px;
    content: "";
    position: absolute;
    inset: 0;
    background: var(--mui-palette-stroke);
    border-radius: inherit;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

* {
    scrollbar-width: thin;
    scrollbar-color: rgba(80, 80, 80, 0.6) transparent;
}
*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
*::-webkit-scrollbar-track {
    background: transparent;
}
*::-webkit-scrollbar-thumb {
    background-color: rgba(80, 80, 80, 0.6);
    border-radius: 4px;
}
*::-webkit-scrollbar-thumb:hover {
    background-color: rgba(100, 100, 100, 0.8);
}